/*
Theme Name: VW Eco Nature Pro
Theme URI: https://www.vwthemes.com/themes/eco-nature-wordpress-theme/
Author: VW Themes
Author URI: https://www.vwthemes.com/
Description: Eco nature WordPress Theme is a fine theme full of features like the CTA, responsive nature, retina ready, user-friendliness and by the end of the day, it is professional with personalization options making it a perfect fit green theme for farm produce and solar energy businesses. It is a sophisticated theme with fast page load time and the clean code apart from being animated and having the bootstrap framework making it fit for the environmental project blog website. Eco nature WordPress theme has the testimonial section, banner and besides this, it is not only interactive but stunning as well. It is modern, luxurious and translation ready making it good for global agriculture business websites or for the lawn services. It has the optimised codes as well as the faster page load time. It is a mobile friendly theme and you can create best of websites related to small or big agro businesses or gardener companies.
Version: 1.1.2
License: GNU General Public License
License URI:license.txt
Text Domain: vw-eco-nature-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
VW Eco Nature Pro WordPress Theme has been created by VW Themes(vwthemes.com), 2019.
VW Eco Nature Pro WordPress Theme is released under the terms of GNU GPL
*/
/* Basic Style */
/* Basic Style */

*{
  margin:0; 
  padding:0; 
  outline:none;
}
html body{
  margin:0; 
  padding:0; 
  -ms-word-wrap:break-word; 
  word-wrap:break-word; 
  background-color:#fff; 
  position:relative; 
  font-size: 15px;
  color: #6c6c6c;
  font-family: 'Poppins';
  font-weight: 300;
}
label {
  margin-bottom: 0 !important;
}
img{
  margin:0; 
  padding:0; 
  border:none; 
  max-width:100%; 
  height:auto;
}
section img{
  max-width:100%;
}
h1,
h2,
h3,
h4,
h5,
h6{ 
  margin:0;
  padding:10px 0;
  letter-spacing: 1px;
  font-family:'ZCOOL XiaoWei', serif;
  color:#000000;
}
p{
  margin:0 0 15px; 
  padding:0;
  font-size:15px;
  font-weight:300;
}
p, ul li a{
  letter-spacing: 0px;
}
body a{
  text-decoration:none; 
  color:#222222;
}
a:hover{
  text-decoration:none; 
  color:#666;
}
a:focus,a:hover{
  text-decoration:none !important;
}
ul,ol{ 
  margin:0 0 0 15px; 
  padding:0;
}
ul li, ol li{font-size: 14px;}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
blockquote {
  font-size: 18px;
  font-style: italic;
  max-width: 450px;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: #383838;
}
blockquote:before {
  display: block;
  content: "\201C";
  font-size: 80px;
  position: absolute;
  left: 0px;
  top: -10px;
  color: #7a7a7a;
}
blockquote:after {
  display: block;
  content: "\201D";
  font-size: 80px;
  position: absolute;
  right: 0px;
  bottom: -10px;
  color: #7a7a7a;
}
blockquote cite {
  color: #999999;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}
blockquote cite:before {
  content: "\2014 \2009";
}
small{
  font-size:14px !important;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="phno"],input[type="password"],
textarea{
  border:1px solid #424648;
  font-size:16px;
  padding:10px 10px; 
  margin:0 0 0px 0;
  height:auto;
  width: 100%;
  background: transparent;
}
section{
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 50px 0;
  
}
select{
  width: 100%;
  padding: 6px;
}
input[type="submit"] {
  padding: 10px 20px;
  font-weight: bold;
  color: #ffffff !important;
  text-transform: uppercase;
  border: none;
  background-color: #1f8f00 !important;
}
input[type="submit"]:hover{
  cursor: pointer;
}
textarea {
  height: 80px;
}
.bounce, .flash, .pulse, .shake, .swing, .tada, .wobble, .bounceIn, .bounceInDown, .bounceInLeft, .bounceInRight, .bounceInUp, .bounceOut, .bounceOutDown, .bounceOutLeft, .bounceOutRight, .bounceOutUp, .fadeIn, .fadeInDown, .fadeInDownBig, .fadeInLeft, .fadeInLeftBig, .fadeInRight, .fadeInRightBig, .fadeInUp, .fadeInUpBig, .fadeOut, .fadeOutDown, .fadeOutDownBig, .fadeOutLeft, .fadeOutLeftBig, .fadeOutRight, .fadeOutRightBig, .fadeOutUp, .fadeOutUpBig, .flip, .flipInX, .flipInY, .flipOutX, .flipOutY, .lightSpeedIn, .lightSpeedOut, .rotateIn, .rotateInDownLeft, .rotateInDownRight, .rotateInUpLeft, .rotateInUpRight, .rotateOut, .rotateOutDownLeft, .rotateOutDownRight, .rotateOutUpLeft, .rotateOutUpRight, .slideInDown, .slideInLeft, .slideInRight, .slideOutLeft, .slideOutRight, .slideOutUp, .rollIn, .rollOut, .zoomIn, .zoomInDown, .zoomInLeft, .zoomInRight, .zoomInUp, .slideInUp{
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility: visible!important;
}
.wp-caption{
  margin:0;
  padding:0;
  font-size:13px;
  max-width:100%;
}
.wp-caption-text{
  margin:0;
  padding:0;
}
.gallery-caption{
  margin:0;
  padding:0;
}
.bypostauthor{
  margin:0;
  padding:0;
}
.hovereffect a {
  border: 1px solid #333;
  padding: 10px;
  color: #333333;
  font-weight: bold;
}
.carousel-inner{
  margin: 0;
}
.screen-reader-text {
  position: absolute;
  top:-9999em;
  left:-9999em;
}
.alignleft,
img.alignleft{
  display: inline; 
  float: left; 
  margin-right:20px; 
  margin-top:4px; 
  margin-bottom:10px; 
  padding:0;
  padding:5px;
}
.alignright, img.alignright { 
  display: inline; 
  float: right; 
  padding:5px; 
  margin-bottom:10px;
  margin-left:25px;
  padding:5px;
}
.aligncenter, img.aligncenter { 
  clear: both; 
  display: block; 
  margin-left: auto; 
  margin-right: auto; 
  margin-top:0;
  padding:5px; 
}
.comment-list .comment-content ul { 
  list-style:none; 
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}
.toggleMenu{
  display:none;
}
a.small-button{
  background:#3890cb;
  padding:5px 30px; 
  border-radius:3px;
  color:#fff;
  display:table;
  margin:0 auto;
}
a.small-button:hover{
  color:#fff;
  background:#0c5f96;
}
table, td, th {
  border: 1px solid black;
}
/*-------------------------- Calendar widget --------------------------*/
table {
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
  width: 100%;
}
.widget.widget_calendar table {
  margin: 0;
}
.widget.widget_calendar td, .widget.widget_calendar tr, .widget.widget_calendar th {
  border: 1px solid #fff;
  color: #000000;
}
#footer .widget.widget_calendar td, #footer .widget.widget_calendar tr, #footer .widget.widget_calendar th {
  color: #7f8391;
}
.widget_calendar td,
.widget_calendar th {
  line-height: 1.5625;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 900;
  margin-bottom: 0em;
  color: #7f8391;
  padding-left: 15px;
  caption-side: top;
}
.widget_calendar tbody a {
  color: #fff;
  display: block;
  font-weight: 700;
}
.widget_calendar tbody #today{
  background-color: #bbb;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
  background-color: #686868;
  color: #7f8391;
}
.widget th,
.widget td {
  padding: 0.5384615385em;
}
/* ------------Sweep To Right ------------- */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/*-----------------Search pop up----------------*/
/*-----------------Search pop up----------------*/
.serach_outer {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  overflow: hidden;
  transition: 0.5s;
  z-index: 999999999999;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.8);
  display: none;
}
.serach_inner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.closepop {
  position: absolute;
  top: 29%;
  transform: translateY(-50%);
  width: 100%;
  right: 0;
  text-align: right;
  margin-right: 28px;
  z-index: 999999;
}
.serach_outer i {
  font-size: 24px;
  padding: 4px 0 0 0;
  color: #fff;
  cursor: pointer;
}
.serach_inner form.search-form {
  display: table;
  border-radius: 0;
  margin: 0 auto;
  max-width: 700px;
  width: 100%;
  border:none !important;
}
.search-no-results input.search-field{
  border:1px solid #222;
}
.search-no-results input[type="submit"]{
  padding: 12px 30px;
}
.serach-page input.search-field {
  border: 1px solid #ccc;
  padding: 9px;
}
.search_popup input.search-submit {
  border: 0;
  background-color: transparent;
  border-radius: 40px;
  border: 2px solid #fff;
}
.search_popup label {
  background: transparent;
  width: 81%;
}
.search_popup input.search-field {
  padding: 1.5% 0;
  background: transparent;
  width: 100%;
  text-indent: 8px;
  border-bottom: 2px solid #fff;
  color: #fff;
  border-top:none !important;
  border-left: none !important;
  border-right: none !important;
}
.search_popup input.search-field::placeholder{
  font-size: 17px;
  color:#fff;
}
.search_popup .search-submit {
  color: #fff;
  border-radius: 50%;
  background-color: #222;
  padding: 10px 13px;
  width: 50px;
  height: 50px;
  border:none;
}
.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
/* Push */
@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.hvr-push {
  display: inline-block;
  vertical-align: middle;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
  -webkit-animation-name: hvr-push;
  animation-name: hvr-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* ----------- Spinner ------------- */
.eco-nature-loading-box{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #24a500;
  z-index: 2;
  cursor: pointer;
  z-index: 9999;
}
.eco-nature-loading-box .lds-ripple {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
  position: absolute;
  left: 50%;
  top: 50%;
}
.eco-nature-loading-box .lds-ripple div {
  position: absolute;
  border: 4px solid #fff;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.eco-nature-loading-box .lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 28px;
    left: 28px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: -1px;
    left: -1px;
    width: 58px;
    height: 58px;
    opacity: 0;
  }
}
/* --------------------------Header---------------------------- */
.main-header-box #sticky-onoff{
  display: none;
}
.stickynavbar {
  background-color: #fff !important;
  z-index: 5;
  padding-top: 0 !important;
  box-shadow: 0 0 8px grey;
}
.sticky {
  position: fixed;
  top: 0px;
  width: 100%;
  padding-bottom: 0 !important;
}
.nav_wrap {
  clear:both;
  background-color: transparent;
  margin-bottom: 0em;
  z-index: 99; 
}
#vw-header .logo img{
  max-height: 123px;
  width: auto;
}
.header-wrap{
  width: 100%;
  text-align: center;
  background-color:#24a500; 
}
.menubar {
  -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease;
}
.neseted-inner {
  top: 0;
  position: absolute;
}
.continnerbox {
  background-size: 100% 100%;
  color: #fff;
  border-top: 40px solid #435061;
  border-left: 60px solid transparent;
}
#vw-header .logo, #footer .logo{
  margin:0; 
  text-align: center;
}
#vw-header .logo h1{ 
  font-weight:700; 
  padding:0; 
  font-size:30px; 
  font-weight:bold; 
  margin-top: 0; 
}
.logo a.custom-logo-link{ 
  color:#000000;
}
.logo h1 a{
  font-size: 21px;
  color: #000;
  font-family: 'ZCOOL XiaoWei', serif;
  font-weight: 500;
  text-align: center;
}
.logo p{ 
  font-size: 16px;
  letter-spacing: 1px;
  color: #000;
  font-family:'Muli', sans-serif;
  font-weight: 800;
  text-align: center;
  margin-bottom: 0;
}
.logo-box{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#vw-header .top-contact{
  padding:12px 0; 
  font-size:15px;
}
.menubar .social-media{
  padding:12px 0; 
  text-align:center;
}
.scrolled {
  position: fixed !important;
  top: 0;
  width: 100%;
  z-index: 9999999;
  background:#fff;
}
#masthead.scrolled {
  background: #ffffff;
}
#site-navigation {
    width: 100%;
}
.main-header-box .header-button{
  background-color: #24a500;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.main-header-box .header-button span{
  font-size: 12px;
  letter-spacing: 1px;
  color: #ffffff;
  font-family:'Muli', sans-serif;;
  font-weight: 900;
  font-style: italic;
}
.main-header-box .header-button i{
  font-size: 16px;
  color: #ffffff;
  padding-right: 7px;
}
/* ---------- Return to Top ------------ */
#return-to-top {
  position: fixed;
  bottom: 10px;
  left: 20px;
  background-color: #1f8f00;
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 99;
}
#return-to-top i {
  color: #fff;
  position: relative;
  top: 13px;
  font-size: 19px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 3px 18px;
}
#return-to-top:hover {
  background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
  color: #fff;
  top: 5px;
}
#return-to-top #screen-reader-text{
  color: #fff;
}
/*----------------Menu bar-----------*/
@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}
.main-header-box .right_menu{
  padding-left: 0;
}
ul.list_nav {
  margin: 0 auto;
  text-align: center;
  display: block;
  text-align: right;
}
.main-navigation ul{
  list-style: none;
  padding-left: 0;
  max-width: 100%;
  width: max-content;
  margin-left: 0;
}
.main-navigation li{
  position: relative;
  padding:13px 20px;
  display: inline-block;
  border-left: 1px solid #50b733;
  margin-left: -5px;
}
.main-navigation li:last-child{
  border-right:1px solid #50b733;
}
.main-navigation a{
  display: block;
  text-decoration: none;
  text-transform: none;
  padding: 0;
  font-size: 14px;
  letter-spacing: 1px;
  color: #000;
  font-family:'Muli', sans-serif;;
  font-weight: 800;
}
.main-navigation a:hover{
  color: #000;
}
.main-navigation ul ul{
  display: none;
  position: absolute;
  left: 0;
  top: 100% ;
  background: #24a500;
  min-width: 215px;
  z-index: 9999;
}
.main-navigation ul ul ul{
  left: 31% !important;
  top: 41px !important;
}
.main-navigation ul ul a{
  text-transform: capitalize;
  font-weight: 400;
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
}
.main-navigation ul ul li,
.menubar.scrolled .main-navigation ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-bottom: 1px solid #cccccc;
  border-left: none;
  border-right: none;
}
.main-navigation ul ul li:last-child{
  border-bottom: 0;
   border-right: none;
}
.main-navigation ul li:hover > ul{
  display: block;
}
.main-navigation .menu > ul > li.highlight{
  background-color: #ffffff;
}
.main-navigation .menu > ul > li.highlight:hover{
  background: transparent;
}
.menubar.scrolled .menu > ul > li:hover > a:after,
.menubar.scrolled .menu > ul > li.current_page_item > a:after,
.menubar.scrolled .menu > ul > li.current-menu-item > a:after{
  height: 2px;
}
.menu > ul > li.exoplanet-search:after{
  background: transparent !important;
}
.main-navigation ul ul li:hover > a{
  color: #222;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation{
  margin: 0 0 15px;
  overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous{
  float: left;
  width: 50%;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  float: right;
  text-align: right;
  width: auto;
}
.top_bar_btn a.theme_button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.header-social-icon{
  padding-top: 15px;
}
.header-social-icon .socialbox i{
  color: #b2b2b2;
  font-size: 13px;
  padding-right:15px;
}
#vw-header-menu .current_page_item a{
  color:#fff;
  background-color: transparent !important;
}
#vw-header-menu .current_page_item{
  background-color:#1e8900;
}
.main-header-box .header-search{
  display: flex;
  align-items: center;
  justify-content: center;
  color:#fff;
}
.main-header-box .header-search i{
  color: #fff;
}
.main-header-box .header-search span{
  border-left: 1px solid #50b733;
  border-right: 1px solid #50b733;
  display: inline-block;
  padding: 12px 23px;
  cursor: pointer;
}
/*----------------------Mobile Menu Icon------------------------------*/
/*-----------------Superfish Menu------------------*/
.sf-arrows .sf-with-ul{
  padding-right: 15px;
}
.sf-arrows .sf-with-ul:after{
  content: '';
  position: absolute;
  top: 50%;
  right: 14px !important;
  margin-top: -2px;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top-color: #fff;
}
.sf-arrows ul .sf-with-ul:after{
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #888;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
  border-left-color: #333;
}
.toggle-nav, a.closebtn{
  display: none;
}
/*----------------------  index ---------------------------*/
.post-section {
    padding: 20px 0;
}
.postwrapper-box{
  border: 2px solid #eeeeee;
}
.cat-box {
  background: url(images/cat-icon.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 15px 0 30px 0;
}
.date-box {
  background: url(images/date.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 0 0 15px 0;
}
/*------------------------- Headings --------------------------*/
section h2{
  font-weight:bold;
  padding:0;
  margin-bottom: 20px;
  color: #000000;
  padding: 0 0 10px;
  margin: 0;
  letter-spacing: 3px;
}
section h3 {
  font-size: 35px;
  letter-spacing: 2px;
  color: #222222;
  font-family: 'Muli', sans-serif;
  font-weight: 500;
  padding: 0;
}
section h4{
  color:#000; 
  font-size:20px;
}
section h5{
  color:#333; 
  font-weight:bold;
  margin:0 0 10px 0; 
  padding:0;
}
.innerbox{
  background-size:100% 100%;
}
#about {
  -vendor-animation-duration: 3s;
  -vendor-animation-delay: 2s;
  -vendor-animation-iteration-count: infinite;
}
/*--------------------- Section Heading------------------------*/
.section-heading{
  text-align: center;
}
.section-heading h3 {
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
}
.section-heading p {
  margin: 0;
  padding: 10px 0;
}
.head_white{
  color: #ffffff;
}
.head_black{
  color: #000000;
}
/* Shutter In Vertical */
.hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #1f8f00;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ffffff;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  box-shadow: 0 0 5px 0px #cccccc;
}
.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
  color: white;
}
.hvr-shutter-in-vertical:hover i, .hvr-shutter-in-vertical:focus i, .hvr-shutter-in-vertical:active i {
  color: white;
}
.hvr-shutter-in-vertical:hover {

}
.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}
/* ------------- Shortcodes -----------------
/* --------------- Services Shortcode ------------- */
.services-short .our-services-content .our-services-box1{
  -webkit-box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11);
}
/* --------- Project Shortcode ------------ */
.our-project-outer .our_projects_box{
  padding-bottom: 30px;
}
/* -------------- Testimonial Shortcode ----------- */
.our_testimonial_outer{
  text-align: center;
  margin-top: 30px;
  padding-bottom: 30px;
}
.our_testimonial_outer h5 a{
  font-size: 20px;
  letter-spacing: 1px;
  color: #222222;
  font-family: 'Muli', sans-serif;
  font-weight: 700;
}
.our_testimonial_outer .short_text{
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 27px;
  color: #898989;
  font-family: "Roboto";
  font-weight: 500;
}
.our_testimonial_outer .tdesig{
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 25px;
  color: #1f8f00;
  font-family: 'Muli', sans-serif;
  font-weight: 600;
  padding-bottom: 20px;
}
.our_testimonial_outer .testimonial_inner{
  border:2px solid #1f8f00;
  padding: 30px;
}
.our_testimonial_outer img{
  border-radius: 50%;
}
.middle-content #comments{
  display: none;
}
/* -------------- Our Team --------------- */
.our_team_outer {
  margin-top: 20px;
}
.all-team {
  padding-bottom: 30px;
}
.all-team .social i{
  margin-left: 10px;
}
.all-team .social a{
  margin-top: 10px;
  display: inline-block;
}
/* ----------- Single Pages -------------- */
.single-page-content{
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 26px;
  color: #858585;
  font-family: "Roboto";
  font-weight: 500;
}
#projects_single p{
  font-size: 15px;
  letter-spacing: 0px;
  line-height: 30px;
  color: #818a9b;
  font-family: "Roboto";
  font-weight: 500;
  margin-bottom: 0;
}
#projects_single .project_feature-box{
  padding-bottom: 20px;
}
#projects_single p span{
  font-size: 15px;
  font-weight: bold;
}
#single-team .inner-page-feature-box p{
  font-size: 16px;
  letter-spacing: 1px;
  color: #303133;
  font-family: 'Muli', sans-serif;
  font-weight: 400;
  margin-bottom: 8px;
}
#single-team .inner-page-feature-box img{
  padding-bottom: 20px;
}
#single-team .social-profiles{
  padding-bottom: 10px;
  padding-top: 15px;
}
#single-team .social-profiles i{
  color:#fff;
  margin-right: 10px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 12px 13px;
  background-color: #1f8f00;
}
#testimonial_single .student-desig{
  font-size: 17px;
  letter-spacing: 0px;
  color: #111111;
  font-family: "Roboto";
  font-weight: 500;
}
#testimonial_single .social-profiles i{
  width: 40px;
  height: 40px;
  color: #fff;
  padding: 13px 13px;
  background-color: #1f8f00;
  border-radius: 50%;
  margin-right: 10px;
  margin-bottom: 10px;
}
#testimonial_single .team_feature-box img{
  border-radius: 50%;
}
#events_single p span{
  font-size: 15px;
  font-weight: bold;
}
#events_single .single-event-meta{
  padding-top: 20px;
}
#events_single .single-event-meta p{
  font-size: 16px;
  letter-spacing: 1px;
  color: #303133;
  font-family: 'Muli', sans-serif;
  font-weight: 400;
  margin-bottom: 8px;
}
/* ------------------Single Post ----------------- */
#single_post .postbox .postbox-content {
  position: static;
}
#single_post .date-box-inner {
  padding: 8px;
  border: solid 2px #ffffff;
}
.posttitle a{
  font-size: 20px;
  letter-spacing: 2px;
  color: #222222;
  font-family: 'Muli', sans-serif;
  font-weight: 600;
}
.page-header h1{
  color: #000;
  font-family: 'ZCOOL XiaoWei', serif;
  font-weight: 600;
}
.entry-title{
  color: #000;
  font-family: 'ZCOOL XiaoWei', serif;
  font-weight: 600;
}
.single-post-content table td{
  text-align: center;
}
.single-post-content .wp-audio-shortcode{
  margin-bottom: 50px;
}
.author_links a{
  color: #111;
}
#vw-sidebar .widget_recent_entries a{
  font-size: 13px;
}
/*------------------ Single Testimonials -----------------*/
#testimonial_single blockquote {
  padding: 1.25em 40px;
  color: #383838;
  background: #ffffff;
  border: 1px solid #ddd;
  width: 100%;
}
.meta_post span i {
  background-color: #1f8f00;
  padding: 7px;
  color: #ffffff;
  margin-right: 10px;
}
#latest_post .owl-nav {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
#latest_post button.owl-prev, #latest_post button.owl-next{
  border: none;
}
#latest_post button.owl-next.disabled, #latest_post button.owl-prev.disabled{
  background-color: transparent;
}
#latest_post button.owl-prev, #latest_post button.owl-next{
  background-color: transparent;
}
/*------------------------- Testimonial Shortcode --------------------------*/
.testimonial-shortcode .testimonials_inner {
    border: solid 2px #002b46;
}
.our_testimonials_outer.testimonial-shortcode {
    margin-top: 2em;
}
.testimonial-shortcode .testimonials_inner:hover{
  border: solid 2px #fec200;
}
.testimonial-shortcode .testimonials-icon img {
  width: 100%;
}
/*------------------ Contact Page -----------------*/
.contact-page-details{
  padding-bottom: 30px;
}
h3.contact-page {
  margin-left: 3%;
  font-weight: bold;
  color: #18304c;
  border-bottom: solid 4px #d3da36;
  display: table;
  margin-bottom: 4%;
}
.contac_form input[type='text'],
.contac_form input[type='email'],
.contac_form input[type='url'],
.contac_form input[type='password'],
.contac_form input[type='search'],
.contac_form input[type='number'],
.contac_form input[type='tel'],
.contac_form input[type='range'],
.contac_form input[type='date'],
.contac_form input[type='month'],
.contac_form input[type='week'],
.contac_form input[type='time'],
.contac_form input[type='datetime'],
.contac_form input[type='datetime-local'],
.contac_form input[type='color'],
.contac_form select,
.contac_form textarea,
.contac_form .wpcf7 .wpcf7-form-control-wrap[class*="file-"] {
  background-color:transparent;
  border-color: #ccc;
  color: #2f3357;
  border-radius: 0px;
  box-shadow: none;
  border:1px solid #cccccc;
  background-color: transparent;
}
.contact-box .wpcf7 input[type="text"], .contact-box .wpcf7 input[type="email"] {
  font-size: 16px;
  padding: 10px 18px;
  margin: 0 12px 13px 0;
  height: auto;
  border:1px solid #cccccc;
  background-color: transparent;
  border-radius: 5px;
}
.contact-box .wpcf7 input[type="text"]::placeholder{
  font-family: 'Muli', sans-serif;
}
.contact-box .wpcf7 input[type="email"]::placeholder{
  font-family: 'Muli', sans-serif;
}
.contact-box .wpcf7 textarea::placeholder{
  font-family: 'Muli', sans-serif;
}
.contact-box .contac_form input[type="submit"]{
  border-radius: 40px;
  font-family: 'Muli', sans-serif;
  padding: 12px 20px;
  margin-top: 20px;
}
section#contact-box{
  padding:0;
  margin:0;
}
.contact-info {
  font-size: 14px;
  line-height: 26px;
  padding: 20px;
  width: 100%;
  
}
.contac_form h3 {
  text-align: center;
}
.contact-info .head{
  color:#000;
}
.contact-address, .contact-email, .contact-phone {
  margin: 7px 0;
}
.c_content span {
  font-size: 18px;
}
.c_content p{
  font-size: 16px;
}
.contac_form .fancy-title {
  width: 250px;
  margin: 0 auto;
}
.contac_form label{
  width: 100%;
}
.c_content {
  color: #ffffff;
}
.contact-page-details {
  margin-bottom: 30px;
  text-align: left;
}
.contact-page-details span{
  font-size: 17px;
  letter-spacing: 0px;
  color: #222;
  font-family: "Roboto";
  font-weight: 400;
}
.contact-page-details .inner-cont i{
  font-size: 35px;
  color:#74777a;
  padding: 14px 0;
}
.contact-page-details .inner-cont p{
  font-family: 'Roboto';
  color: #6e6e6e;
  font-size: 15px;
  font-weight: 400;
  line-height: 28px;
}
.contact-color-bg form textarea{
  margin-right: 10px;
  border-radius: 5px;
  padding-left: 20px;
  padding-top: 23px;
}
.contact-box .google-map{
  margin-bottom: 30px !important;
}
.contact-box .contact-icon{
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.contact-box .contact-head{
  text-align: center;
  padding-bottom: 30px;
}
.contact-box .contact-head p{
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 28px;
  color: #6e6e6e;
  font-family: "Roboto";
  font-weight: 500;
  max-width: 80%;
  margin: 0 auto;
}
.contact-box .contact-head h2{
  font-size: 32px;
  color: #222222;
  font-family: 'Muli', sans-serif;
  font-weight: normal;
  padding-bottom: 10px;
}
.contact-box .contact-info-box{
  border:1px solid #cccccc;
  border-radius: 5px;
  padding: 20px;
}
/*---------------- Banner ----------------------*/
.inner_banner img, .title-box img {
  width: 100%;
}
.main_title {
  margin-top: 20px;
}
.main_title h1{
  padding: 0;
  margin-bottom: 22px;
  font-size: 36px;
  color: #000;
  font-family:'ZCOOL XiaoWei', serif;
  font-weight: bold;
  letter-spacing: 2px;
  font-weight: 600;
}
/*-------------Footer Menu ------------*/
.footer_menu ul li {
  display: inline-block;
}
.footer_menu ul li:last-child {
  border-right: none;
}
.footer_menu ul li a {
  color: #ffffff;
  padding: 0 15px;
  font-weight: 600;
  letter-spacing: 1px;
  font-size: 16px;
  font-family: "Source Sans Pro";
}
#footer .footer-links{
  background-color: #fff;
}
/*---------------- Custom Footer ----------------------*/
.footer_form .section-heading {
  text-align: center;
}
.footer_form {
  padding: 0 40px 40px;
}
.footer_form .section-heading h3 {
  color: #ffffff;
  display: table;
  text-align: center;
  margin: 0 auto;
  padding: 11px;
  border: none;
  font-weight: bold;
}
.footer_form .section-heading p{
  color: #ffffff;
}
.footer_form input[type="text"], .footer_form  input[type="tel"], .footer_form  input[type="email"], .footer_form  input[type="phno"], .footer_form  input[type="password"], .footer_form  textarea {
  border: 1px solid #ffffff;
  font-size: 16px;
  padding: 10px 10px;
  margin-bottom: 20px;
  height: auto;
  width: 100%;
  background: transparent;
  color: #ffffff;
  font-style: italic;
}
.footer_form  textarea {
  height: 120px;
}
.footer_form input[type="submit"] {
  padding: 10px 20px;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  border: none;
  background-color: #1e202c;
}
.footer_form input::-webkit-input-placeholder, .footer_form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ffffff;
}
.footer_form input::-moz-placeholder, .footer_form textarea::-moz-placeholder { /* Firefox 19+ */
  color: #ffffff;
}
.footer_form input:-ms-input-placeholder, .footer_form textarea:-ms-input-placeholder { /* IE 10+ */
  color: #ffffff;
}
.footer_form input:-moz-placeholder, .footer_form textarea:-moz-placeholder { /* Firefox 18- */
  color: #ffffff;
}
.contact_us {
  background-attachment: fixed;
}
.home-contact-box {
  background-color: #ffffff;
  padding: 15px;
}
/*---------------- Footer Section ----------------------*/
#footer_box{
  padding: 0px 0 30px 0;
}
#footer{
  background-color: #1c1c1c;
  background-repeat: no-repeat;
  background-size: cover;
}
.outer-footer {
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  margin-top: 70px;
}
.footer-social .socialbox a {
  border-right: none;
}
.footer-social .socialbox a i {
  color: #ffffff;
}
.footer-top {
  padding-bottom: 50px;
}
.footer-top-col h3 {
  font-size: 20px;
  font-weight: bold;
}
.outer-footer {
  background-size: 100% 100%;
}
#footer form.search-form{
  border: none;
  background: transparent;
  padding: 0;
}
#footer form.search-form input{
  float: none;
  border: 1px solid #fff;
  margin: 20px 2px;
}
#footer form.search-form input[type="search"]{
  width: 100%;
  margin-bottom: 0px;
}
#footer textarea{
  height: 100px;
}
#footer p.post-date {
  color: #7f8391;
  font-size: 11px !important;
}
.main_sociobox {
  padding: 20px 0;
}
#footer{ 
  color:#fff;
  text-align:left;
}
.footer_hide{
  display:none;
}
#footer h3 {
  font-size: 17px;
  letter-spacing: 0px;
  color: #ffffff;
  font-family: 'Muli', sans-serif;
  font-weight: 800;
  padding:10px 0 17px 0;
}
#footer h3:before{
  content: "";
  width: 30px;
  height: 3px;
  display: inline-block;
  background-color: #24a500;
  margin-right: 10px;
}
#footer ul li{
  list-style:none;
  margin:0 0 5px 0;
  text-align:left;
  padding: 5px;
}
#footer ul li a{
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 28px;
  color: #fff;
  font-family: 'Muli', sans-serif;
  font-weight: 400;
}
#footer .about_me table{
  margin-bottom: 0;
}
#footer .about_me table p{
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 28px;
  color: #fff;
  font-family: 'Muli', sans-serif;
  font-weight: 400;
  margin-bottom: 0;
}
.widget_recent_entries img {
  width: 100px;
}
.about_me table, .about_me td, .about_me th{
  border: none;
}
.about_me p.message {
    margin-bottom: 20px !important;
}
.vw-credit, .vw-credit a{
  color: #ffffff;
}
.copyright{
  padding: 25px 0;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #161616;
  text-align: left;
}
.copyright p{
  font-size: 14px;
  letter-spacing: 0px;
  color: #ffffff;
  font-family: 'Muli', sans-serif;
  font-weight: 600;
  margin-bottom: 0;
  padding-top: 8px;
}
#footer .textwidget input[type="email"]{
  border-bottom:1px solid #7f8391;
  border-left: none;
  border-right: none;
  border-top:none;
  color: #7f8391;
}
#footer .textwidget input[type="email"]::placeholder{
  color: #7f8391;
}
#footer .textwidget input[type="submit"]{
  background-color: #222;
  border-radius: 40px;
  padding: 7px 20px;
  display: inline-block;
  margin-top: 17px;
  color: #fff;
  font-family: 'Muli', sans-serif; 
}
#footer .about_me i{
  font-size: 17px;
  color:#24a500;
}
#footer .widget td {
  padding-top: 0px !important;
  padding-bottom: 0;
}
#footer #site-navigation ul li a{
  font-size: 15px;
  letter-spacing: 1px;
  color: #919191;
  font-family: "Roboto";
  font-weight: 500;
}
#footer #site-navigation ul li{
  margin-right: 20px;
  margin-bottom: 0;
  padding: 25px 10px 25px 0;
}
#footer #site-navigation{
  text-align: center;
}
#footer .main-navigation li.current_page_item{
  background-color: transparent;
  border-bottom: 3px solid #1f8f00;
}
#footer .main-navigation li.current_page_item a{
  color: #1f8f00 !important;
}
#footer #site-navigation ul{
  border-bottom: none;
  margin: 0;
}
#footer #site-navigation ul li a{
  font-size: 18px;
  letter-spacing: 1px;
  color: #999ba3;
  font-family: 'Muli', sans-serif;
}
.footer-logo-box{
  display: flex;
  align-items: center;
  padding: 10px;
}
#footer .textwidget p{
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 28px;
  color: #626262;
  font-family: 'Muli', sans-serif;
  font-weight: 400;
  margin-bottom: 0;
}
#footer .widget p{
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 28px;
  color: #fff;
  font-family: 'Muli', sans-serif;
  font-weight: 400;
  margin-bottom: 0;
}
#footer .post-content a{
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 28px;
  color: #626262;
  font-family: 'Muli', sans-serif;
  font-weight: 400;
  margin-bottom: 0;
}
.copyright .socialbox{
  text-align: right;
}
.copyright .socialbox i{
  width: 35px;
  height: 35px;
  color:#fff;
  padding: 10px 10px;
  border:2px solid #fff;
  border-radius: 50%;
  margin: 5px 5px 0 0;
  font-size: 13px;
}
.copyright .socialbox .screen-reader-text{
  color:#fff;
}
.copyright .socialbox .facebook i{
   padding: 10px 12px;
}
.copyright .socialbox i:hover{
  background-color: #24a500;
  border:2px solid #24a500;
}
.copyright .copyright-icon{
   justify-content: flex-end;
}
#footer .widget_nav_menu ul{
  margin-left: 0;
}
#footer .recent-post-box .post-thumb{
  padding: 0;
}
#footer .widget ul{
  margin-left: 0;
}
#footer .copyright .socialbox i{
  width: 43px;
  height: 54px;
  color: #adadad;
  border:2px solid #adadad;
  margin-right: 10px;
  padding: 17px 12px;
  font-size: 18px;
  margin-top: 10px;
}
#footer .copyright .socialbox i:hover{
  background-color: #1f8f00;
  border:2px solid #1f8f00;
  color:#fff;
}
#footer .copyright-text{
  display: flex;
  align-items: center;
}
#footer .widget_media_gallery #gallery-1 img{
  border:none;
}
#footer #gallery-1 .gallery-item{
  margin:0;
}
#footer .footer-logo{
  margin: 0 auto;
  height: 0;
  width: 350px;
  border-bottom: 80px solid #1c1c1c;
  border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  padding: 0 8px 0 0;
  position: relative;
  bottom: 50px;
  text-align: center;
}
#footer .footer-logo img{
  padding-top: 12px;
}
/* --------- Social Icon Widget ------- */
.social_widget a {
  color: #8e929f;
  padding: 7px 7px;
  margin-right: 7px;
  display: inline-block;
  margin-bottom: 5px;
  border-radius: 50%;
}
.social_widget a i {
  font-size: 13px;
  letter-spacing: 3px;
  width: 20px;
  text-align: center;
}
/* --------- search Page ------- */
.postbox h6 {
  font-weight: bold;
}
/* --------- Blog Page ------- */
.postbox-content .post-text{
  font-size: 18px;
  color: #747272;
  font-family: "Roboto";
  line-height: 28px;
}
.postbox h3{
  font-weight:normal;
  font-size:35px;
  text-align: center;
}
.blogimg-full img{
  width: 100%;
}
.read-more-icon{
  text-align: center;
  margin: -55px 0 0 0;
  z-index: 999;
}
.read-more-icon a:hover{
  opacity: 0.9;
}
.continue-read a {
  color: rgba(19, 10, 138, 0.6);
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
  border: solid 1px #bbb;
  padding: 10px 20px 10px 20px;
  border-radius: 6px; 
  display: block; 
  background: #fff;
}
.continue-read a:hover{
  background: #18304c;
  color:#fff;
}
.continue-read {
  margin: -22px auto 0 auto;
  display: table;
}
.metabox img {
  border-radius: 50%;
  margin-left: 30%;
}
.postbox {
   margin-bottom: 39px;
   border: none;
   border-radius: 6px;
   -webkit-box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11);
  padding: 20px;
}
.postbox h2{
  margin:0 0 5px; 
  font-weight:bold;
}
a.post-readmore {
  font-size: 18px;
  border-bottom: 1px solid;
}
a.post-readmore i {
 margin-left: 8px !important;
 font-size: 18px;
 border-bottom: 1px solid #ffffff;
 padding-bottom: 2px;
}
.widget_recent_entries li {
  padding: 10px 0;
}
.postbox  a.blogbutton {
  background:none;
  color:#fff;
  font-size:12px; 
  font-weight:bold; 
  color:#fff; 
  padding:6px 25px;
  border:1px solid #000; 
  color:#000; 
  font-size:18px;
  text-transform:uppercase;
  margin:25px 0 0 0;
  display:table;
}
.blogbutton-small{
  background:none;
  font-size:12px; 
  font-weight:bold; 
  padding:6px 25px;
  border:1px solid #000; 
  color:#000; 
  font-size:14px;
  text-transform:uppercase;
  margin:14px 0 0 0;
  display:table;
}
.metabox {
  color: #000;
  padding: 5px 0;
  clear: both;
  margin: 10px 0;
}
.metabox .entry-date{
  margin:0 13px 0 0;
}
.metabox .entry-author{
  padding: 0 0 0 20px;
  margin:0 20px 0 0;
}
.metabox .entry-author a{
  color: #000;
}
.metabox .entry-comments{
  padding: 0 0 0 20px;
}
.logged-in-as a{
  color: #000;
}
#comment-nav-above .nav-links {
  width: 100%;
  float: left;
  margin-bottom: 17px;
}
#vw-sidebar span.comment-author-link {
  margin-left: 14px;
}
.post-featured img {
  width: 100%;
}
.authordetails{
  padding: 30px 0;
}
.authordetails .author_links{
  padding-left: 17%;
  font-weight: bold;
  margin-bottom: 7px;
}
.authordetails .b-content {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 27px;
  color: #90939c;
  font-family: "Roboto";
  font-style: italic;
}
.authordetails ul {
  list-style-type: none;
  margin-left: 18%;
  margin-top: 10px;
  position: relative;
}
.authordetails ul li {
  display: inline;
}
.authordetails ul li a i {
  background-color: #000;
  padding:15px 15px 9px 15px;
  color: white;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.authordetails img{
  border-radius: 50%;
}
/* --------- Inner Pages --------- */
.more_info a {
  background: #333;
  color: #ffffff;
  padding: 10px;
  border-radius: 20px;
}
.more_info {
  margin: 20px 0;
}
.more_info a:hover {
  background: #ffffff;
  color: #333333;
}
/* ----------------------- POST---------------------- */
a.page-numbers, span.page-numbers.current {
  padding: 10px !important;
  background-color: #1f8f00;
  color: #000 !important;
  border: 1px solid #1f8f00;
}
.navigation span.page-numbers.current{
  background-color: #ffffff;
  border: 1px solid #1f8f00;
  color: #000000 !important;
}
#blog{
  padding-top:0;
  margin-top:0;
}
.blog-post h5{
  text-transform:uppercase;
  color: #000;
}
.blog-icon i {
  font-size: 20px;
  background: #bbb;
  border-radius: 50%;
  padding: 10px 14px 12px 15px;
  color: #fff;
  margin-right: 1%;
}
.blog-icon i:hover {
  background: #d3da36;
  color: #fff;
}
.blog-icon i.fa-google-plus {
  padding: 12px 10px 12px 11px
}
.feature-image-box img{
  width:100%;
}
.feature-image-box img a:hover{
  opacity:0.8;
}
.post-singlepage {
  border: solid 1px #bbb;
  box-shadow: 0 0 1px #bbb;
}
.bradcrumbs{
  padding:30px 0;
}
.bradcrumbs a{
  background:#222222; 
  color:#fff;
  padding:5px 15px;
  margin-right:5px;
}
.bradcrumbs span{
  background:#dddddd; 
  color:#000;
  padding:5px 15px;
}
/*------------------ Comments BOX ------------------*/

#comments .reply{
  float: none !important;
  margin-bottom: 30px;
}
#comments .reply a{
  font-size: 16px;
  letter-spacing: 0px;
  color: #222222;
  font-family: "PT Sans";
  font-weight: 700;
}
#comments .commentmetadata a{
  font-size: 18px;
  padding-top: 8px;
  display: inline-block;
}
#comments h2.comments-title{
  padding-bottom: 20px !important;
}
.post-navigation a:hover .post-title, .post-navigation a:focus .post-title {
  color: #0ca6ee !important;
}
/* ----------- Background Attachment ------------ */
.section_bg_scroll{
  background-attachment: scroll;
}
.section_bg_fixed{
  background-attachment: fixed;
}
/* --------------- Topbar --------------- */
.editor-styles-wrapper{
  color:red !important;
}
#topbar{
  padding: 0px 0;
  -webkit-box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.11);
}
#topbar .socialbox a{
  margin-top: 10px;
  display: inline-block;
  margin-right: 8px;
}
#topbar .socialbox i{
  width: 35px;
  height: 50px;
  padding: 18px 10px;
  display: inline-block;
  color: #000;
  border:1px dashed #000;
  font-size: 13px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
#topbar .socialbox i:hove{
  background-color: #1e8a00;
  border-color:#1e8a00;
  color:#fff; 
}
#topbar .socialbox .facebook i{
  padding: 18px 13px;
}
#topbar .topbat-button{
  font-size: 14px;
  letter-spacing: 1px;
  color: #000;
  font-family: 'Muli', sans-serif;
  font-weight: 800;
  border-radius: 30px;
  padding: 12px 22px;
  border:1px dashed #000;
}
#topbar .topbar-info{
  border-bottom:1px solid #e1e1e1;
  padding: 15px 0;
  display: flex;
  align-items: center;
}
#topbar .topbar-social{
  text-align: right;
}
#topbar .topbar-details .topbar-title{
  font-size: 15px;
  color: #000;
  font-family: "Oxygen";
  font-weight: 700;
  padding-right: 10px;
}
#topbar .topbar-details i{
  color: #1e8a00;
  font-size: 23px;
  padding-right: 7px;
}
#topbar .topbar-text{
  font-size: 15px;
  color: #747373;
  font-family: 'Muli', sans-serif;
  font-weight: 500;
}
#topbar .topbar-details{
  padding: 15px 0;
}
#topbar .topbat-button:hover{
  background-color: #24a500;
  border-color:#24a500;
  color:#fff;
}
/* --------- SLIDER--------- */
#vw-slider{ 
  max-width:100%; 
  margin:auto; 
  padding:0; 
  position:relative;
  background-color: #000;
}
#vw-slider img {
  width: 100%;
}
.slide_next_image img{
  width: auto !important;
  height: 100%;
}
#vw-slider h6{
  font-size: 16px;
  letter-spacing: 2px;
  color: #1f1e1e;
  font-family: "Roboto";
}
#vw-slider h2 {
  font-size: 100px;
  color: #fff;
  font-family: 'ZCOOL XiaoWei', serif;
  text-align: center;
  font-weight: normal;
}
#vw-slider p {
  margin: 0px 0 15px 0;
  border-radius: 0 0 5px 5px;
  max-width: 77%;
  font-size: 42px;
  letter-spacing: 3px;
  line-height: 40px;
  color: #fff;
  font-family: 'Muli', sans-serif;
  font-weight: 900;
  margin:0 auto;
}
#vw-slider p.price {
  font-size: 22px !important;
}
.slider-box {
  position: absolute;
  top: 47%;
  transform: translateY(-50%);
  padding: 20px;
  max-width: 76%;
  margin: 0 auto;
  text-align: center;
  left: 0;
  right: 0;
}
#vw-slider .carousel-caption {
  top: 0;
  bottom: inherit;
  text-align: left;
  left: 0;
  right: 0;
  margin: 0 !important;
  padding: 0 !important;
  bottom: 0;
}
a.blog-more{ 
  display:inline-block; 
  font:400 16px 'Roboto Condensed', sans-serif; 
  padding:10px 30px; 
  margin-top:21px; 
  border-radius:4px; 
  -moz-border-radius:4px; 
  -webkit-border-radius:4px; 
  -o-border-radius:4px; 
  -ms-border-radius:4px; 
  margin-right:15px;
}
#vw-slider .carousel-prev-button {
  position: absolute;
  left: 7%;
  bottom: 40%;
}
#vw-slider .carousel-next-button{
  position: absolute;
  right: 7%;
  bottom: 40%;
}
#vw-slider .carousel-item-next,
#vw-slider .carousel-item-prev,
#vw-slider .carousel-item.active {
    display: block !important;
  }
#vw-slider .carousel-control-prev-icon,
#vw-slider .carousel-control-next-icon{
  background-image:none; 
}
.carousel-control-next-icon,
.carousel-control-prev-icon{
  width: auto;
  height: auto;
}
#vw-slider .read-more .plus-icon {
  padding: 10px 12px;
  font-size: 17px;
  background-color: #1e8900;
  width: 40px;
  height:40px;
  border-radius: 50%;
  color:#ffffff;
  -webkit-box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.19);
  box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.19);
  transition: 1s;
}
#vw-slider .read-more .arrow-icon{
  padding: 0 10px;
}
#vw-slider .inner_carousel h2 small {
  color: #ffffff;
  display: block;
  margin-top: 20px;
  font-size: 20px !important;
  font-style: italic;
}
.slide_next_image img {
  text-align: right;
  float: right;
}
#vw-slider .read-more:hover span{
  background-color: #303133;
  color: #fff;
}
#vw-slider .slider-button-1{
  font-size: 22px;
  letter-spacing: 1px;
  color: #ffffff;
  font-family: 'Muli', sans-serif;
  text-align: center;
  border-radius: 40px;
  padding: 9px 11px;
  display: inline-block;
  background-color: #1e8900;
  margin-top: 30px;
  font-weight: bold;
} 
ol.carousel-indicators li {
  padding: 3px;
  background-color: #fff !important;
  border:2px solid #fff;
  background-color: transparent;
  margin-right: 10px;
  border-radius: 50%;
  width: auto;
  height: auto;
}
/*Fade slider*/
.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}
.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}
.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}
#vw-slider ol.carousel-indicators{
  text-align: center;
  position: absolute;
  bottom: 11%;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
}
#vw-slider ol.carousel-indicators .active{
  background-color:#1e8900 !important;
  border:2px solid #1e8900;
}
#vw-slider .section-seperator{
  position: absolute;
  bottom: 0;
  width: 100%;
}
#vw-slider .slide_nav i{
  font-size: 30px;
  color: #fff;
}
/* ---------------- Button Effects --------------- */
/* Bounce Out */
.hvr-bounce-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
/* ------------- About Us --------------- */
#about-us .about-content .small-title{
  font-size: 16px;
  letter-spacing: 0px;
  color: #1c1c1c;
  font-family: 'Muli', sans-serif;
  font-weight: 700;
  margin-bottom: 7px;
}
#about-us .about-content h3{
  font-size: 36px;
  color: #000000;
  font-family: 'ZCOOL XiaoWei', serif;
}
#about-us .about-features{
  padding-top: 30px;
}
#about-us .about-features .about-icon{
  background-color: #1c1c1c;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: inline-block;
  padding: 5px 2px;
  text-align: center;
}
#about-us .about-features .about-icon i{
  width: 35px;
  height: 35px;
  padding: 11px 8px;
  border-radius: 50%;
  display: inline-block;
  border: 1px dashed #fff;
  color: #fff;
}
#about-us .about-features a{
  font-size: 18px;
  color: #1c1c1c;
  font-family: "Oxygen";
  font-weight: 700;
}
#about-us .about-features-text{
  font-size: 14px;
  line-height: 24px;
  color: #545454;
  font-family: "Open Sans";
  font-weight: 400;
  margin-bottom: 0;
}
#about-us .about-us-icon{
  display: flex;
  align-items: center;
  justify-content: center;
}
#about-us .about-button a{
  font-size: 14px;
  letter-spacing: 1px;
  color: #ffffff;
  font-family: 'Muli', sans-serif;
  text-align: center;
  border-radius: 40px;
  padding: 9px 11px;
  display: inline-block;
  background-color: #1e8900;
  margin-top: 30px;
  font-weight: bold;
}
#about-us .about-button .plus-icon{
  padding: 10px 12px;
  font-size: 17px;
  background-color: #1e8900;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #ffffff;
  -webkit-box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.19);
  box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.19);
  margin-right: 5px;
}
#about-us .about-button  .arrow-icon {
    padding: 0 10px;
}
#about-us .about-image img{
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#about-us .about-features:hover span{
  background-color: #24a500;
}
/* ------------ Our Services -------------- */
#our-services{
  background-color: #000;
}
#our-services .our-services-head {
  padding-bottom: 40px;
}
#our-services .our-services-head h3{
  font-size: 36px;
  letter-spacing: 1px;
  color: #fff;
  font-family: 'ZCOOL XiaoWei', serif;
  text-align: center;
}
#our-services .our-services-head p{
  font-size: 16px;
  letter-spacing: 0px;
  color: #fff;
  font-family: "Oxygen";
  font-weight: 700;
  text-align: center;
  margin-bottom: 7px;
}
#our-services .our-services-content a{
  font-size: 20px;
  letter-spacing: 1px;
  color: #1c1c1c;
  font-family: 'ZCOOL XiaoWei', serif;
  text-align: center;
  padding-top: 20px;
  display: block;
}
#our-services .our-services-content .our-services-box1{
  background-color: #fff;
  padding: 20px;
  text-align: center;
  margin-bottom: 30px;
}
#our-services .our-services-content .our-services-box2{
  border:1px dashed #1c1c1c;
  padding: 25px;
}
#our-services .our-services-content .our-services-box1:hover a{
  color: #24a500;
}
#our-services .our-services-content .our-services-box1:hover .our-services-box2{
  border:1px dashed #24a500;
}
/* ------------ Our Projects -------------- */
#our-project .our-project-head p{
  font-size: 16px;
  letter-spacing: 0px;
  color: #1c1c1c;
  font-family: "Muli";
  font-weight: 700;
  text-align: center;
  margin-bottom: 7px;
}
#our-project .our-project-head h3{
  font-size: 36px;
  letter-spacing: 1px;
  color: #1c1c1c;
  font-family: 'ZCOOL XiaoWei', serif;
  text-align: center;
}
#our-project .project-tabs ul{
  list-style-type: none;
  max-width: 100%;
  width: max-content;
  margin: 0 auto;
  padding: 30px 0;
  text-align: center;
}
#our-project .project-tabs ul li{
  display: inline-block;
}
#our-project .project-tabs ul li a{
  font-size: 15px;
  letter-spacing: 0px;
  color: #1c1c1c;
  font-family: 'Muli', sans-serif;
  font-weight: 700;
  text-align: center;
}
#our-project .project-tabs ul li .active{
  color: #35871e;
}
#our-project .our-project-content{
  padding: 0;
}
#our-project .vw-box .vw-box-content i{
  color: #000;
  width: 45px;
  height: 45px;
  padding: 16px 10px;
  background-color: #fff;
  border-radius: 50%;
  font-size: 16px;
}
#our-project .screen-reader-text{
  color: #726f6f;
}
/* ------ Project Overlay ----------- */
#our-project .vw-box{
  text-align: center;
  overflow: hidden;
  position: relative;
}
#our-project .vw-box:before,
#our-project .vw-box:after{
  content: "";
  width: 0;
  height: 0;
  background: #4db532;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s ease-in-out;
  opacity: 0.7;
}
#our-project .vw-box:hover:before,
#our-project .vw-box:hover:after{
  width: 100%;
  height: 100%;
}
#our-project .vw-box .vw-box-content{
  width: 100%;
  height: 100%;
  padding: 26% 25px 20px 25px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 2;
  transition: all 0.2s ease 0.3s;
}
#our-project .vw-box:hover .vw-box-content{ opacity: 1; }
#our-project .vw-box .vw-box-content:before,
#our-project .vw-box .vw-box-content:after{
  content: "";
  width: 85%;
  height: 85%;
  border: 2px dashed transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  transform: translateY(-50%) translateX(-50%);
  transition: all 0.3s ease 0s;
}
#our-project .vw-box .vw-box-content:before{ width: 0; }
#our-project .vw-box .vw-box-content:after{ height: 0; }
#our-project .vw-box:hover .vw-box-content:before{
  width: 85%;
  border-top: 2px dashed #fff;
  border-bottom: 2px dashed #fff;
  transition-delay: 0.4s;
}
#our-project .vw-box:hover .vw-box-content:after{
  height: 85%;
  border-left: 2px dashed #fff;
  border-right: 2px dashed #fff;
  transition-delay: 0.4s;
}
#our-project .vw-box .title a{
  margin: 0 0 10px;
  font-size: 20px;
  color: #ffffff;
  font-family: 'Krub', sans-serif;
  font-weight: 700;
}
#our-project .vw-box .post{
  display: block;
  font-size: 15px;
  font-style: italic;
  color: #fff;
  margin-bottom: 10px;
  font-family:"Roboto";
}
/* ------------ Our Records ------------ */
#our-records .our-records-head{
  padding-bottom: 40px;
}
#our-records .our-records-head p{
  font-size: 16px;
  letter-spacing: 0px;
  color: #1c1c1c;
  font-family: "Muli";
  font-weight: 700;
  text-align: center;
}
#our-records .our-records-head h3{
  font-size: 30px;
  letter-spacing: 1px;
  color: #1c1c1c;
  font-family: 'ZCOOL XiaoWei', serif;
  text-align: center;
}
#our-records .our-records-content{
  text-align: center;
  background-color:#fff;
  padding:20px;
}
#our-records .our-records-box{
  border:1px dashed #1c1c1c;
}
#our-records .our-records-content span{
  font-size: 40px;
  color: #24a500;
  font-family: 'ZCOOL XiaoWei', serif;
  text-align: center;
}
#our-records .our-records-content p{
  font-size: 15px;
  letter-spacing: 1px;
  color: #1c1c1c;
  font-family: 'Muli', sans-serif;
  font-weight: 800;
  text-align: center;
}
#our-records .our-records-content:hover{
  background-color: #24a500;
}
#our-records .our-records-content:hover span{
  color:#fff;
}
#our-records .our-records-content:hover p{
  color:#fff;
}
#our-records .our-records-content:hover .our-records-box{
  border-color:#fff;
}
#our-records #records-loop{
  display: none;
}
/* ------------ Why Choose Us -------------*/
#why-choose-us .why-choose-us-head {
  padding-bottom: 40px;
}
#why-choose-us .why-choose-us-head h3{
  font-size: 36px;
  letter-spacing: 1px;
  color: #1c1c1c;
  font-family: 'ZCOOL XiaoWei', serif;
  text-align: center;
}
#why-choose-us .why-choose-us-head p{
  font-size: 16px;
  letter-spacing: 0px;
  color: #1c1c1c;
  font-family: 'Muli', sans-serif;
  font-weight: 700;
  text-align: center;
}
#why-choose-us .why-choose-us-content a{
  font-size: 18px;
  color: #1c1c1c;
  font-family: 'Muli', sans-serif;
  font-weight: 700;
}
#why-choose-us .why-choose-us-content p{
  font-size: 14px;
  line-height: 24px;
  color: #1c1c1c;
  font-family: 'Muli', sans-serif;
  font-weight: 400;
}
#why-choose-us .why-choose-us-content span{
  background-color: #1c1c1c;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: inline-block;
  padding: 5px 2px;
  text-align: center;
}
#why-choose-us .why-choose-us-content i{
  width: 35px;
  height: 35px;
  padding: 9px 8px;
  border-radius: 50%;
  display: inline-block;
  border: 1px dashed #fff;
  color: #fff;
}
#why-choose-us .why-choose-us-content{
  padding-bottom: 20px;
}
#why-choose-us .why-choose-us-icon1{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#why-choose-us .why-choose-us-icon2{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#why-choose-us .why-choose-us-text1{
  text-align: right;
}
#why-choose-us .why-choose-us-text2{
  text-align: left;
}
#why-choose-us .why-choose-us-image{
  text-align: center;
}
#why-choose-us .why-choose-us-content:hover span{
  background-color:#24a500; 
}
#why-choose-us ul{
  list-style-type: none;
  margin-left: 0;
}
#why-choose-us ul .why-choose-us-three{
  position: relative;
  left: -57px;
}
#why-choose-us ul .why-choose-us-four{
  position: relative;
  right: -57px;
}
/* ----------- Upcoming Events ---------- */
#upcoming-events{
  background-color: #f5f5f5;
}
#upcoming-events .upcoming-events-head p{
  font-size: 16px;
  letter-spacing: 0px;
  color: #1c1c1c;
  font-family: "Oxygen";
  font-weight: 700;
  text-align: center;
}
#upcoming-events .upcoming-events-head h3{
  font-size: 36px;
  letter-spacing: 1px;
  color: #1c1c1c;
  font-family: 'ZCOOL XiaoWei', serif;
  text-align: center;
}
#upcoming-events .upcoming-events-head{
  padding-bottom: 40px;
}
#upcoming-events .upcoming-events-content a{
  font-size: 18px;
  color: #1c1c1c;
  font-family: 'Muli', sans-serif;
  font-weight: 700;
  padding-bottom: 5px;
  display: block;
}
#upcoming-events .upcoming-events-content span{
  font-size: 14px;
  color: #7a7171;
  font-family: 'Muli', sans-serif;
  font-weight: 400;
}
#upcoming-events .event-text{
  font-size: 14px;
  line-height: 26px;
  color: #1c1c1c;
  font-family: 'Muli', sans-serif;
  font-weight: 400;
  padding-top: 15px;
}
#upcoming-events .upcoming-events-box{
  padding-top: 35px;
  background-color: #fff;
}
#upcoming-events .upcoming-events-box .event-date{
  padding-left: 15px;
}
#upcoming-events .upcoming-events-content{
  padding-bottom: 30px;
}
#upcoming-events .upcoming-events-content .event-location{
  color:#2e8516;
}
/* -------------- Our Products ------------ */
#our-products .our-products-head{
  padding-bottom: 40px;
}
#our-products .our-products-head h3{
  font-size: 36px;
  letter-spacing: 1px;
  color: #1c1c1c;
  font-family: 'ZCOOL XiaoWei', serif;
  text-align: center;
}
#our-products .our-products-head p{
  font-size: 16px;
  letter-spacing: 0px;
  color: #1c1c1c;
  font-family: 'Muli', sans-serif;
  font-weight: 700;
  text-align: center;
}
#our-products .our-products-content a{
  font-size: 15px;
  letter-spacing: 0px;
  line-height: 30px;
  color: #1c1c1c;
  font-family: 'Muli', sans-serif;
  font-weight: 700;
  padding-top: 15px;
  display: inline-block;
}
#our-products .our-products-content{
  text-align: center;
}
#our-products .our-products-content .product-price ins{
  font-size: 15px;
  letter-spacing: 0px;
  color: #537a1e;
  font-family: "Muli";
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}
#our-products .product-image{
  border:1px solid #e1e1e1;
  padding: 20px;
}
#our-products .our-products-content .product-price del{
  display: none;
}
#our-products #product-loop{
  display: none;
}
#our-products .our-products-content:hover .product-image{
  border:1px dashed #24a500;
}
#our-products .owl-carousel .owl-nav .owl-prev i{
  position: relative;
  left: -20px;
  top: -35px;
}
#our-products .owl-carousel .owl-nav .owl-next i{
  position: relative;
  right: -20px;
  top: -35px;
}
/* ---------- Product Hover ------------ */
#our-products .vw-box{
  text-align: center;
  overflow: hidden;
  position: relative;
}
#our-products .vw-box:after{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.5s ease 0s;
}
#our-products .our-products-content:hover .vw-box:after{
  opacity: 1;
}
#our-products .vw-box img{
  width: 100%;
  height: auto;
}
#our-products .vw-box .vw-box-content{
  width: 100%;
  background: #505050;
  padding: 10px 0;
  color: #f1e7c3;
  position: absolute;
  bottom: -100%;
  left: 0;
  z-index: 1;
  transition: all 0.5s ease 0s;
}
#our-products .our-products-content:hover .vw-box-content{
  bottom: 0;
}
#our-products .vw-box .title{
  margin: 0 0 8px 0;
}
#our-products .vw-box .title ins{
  font-size: 16px;
  letter-spacing: 1px;
  color: #ffffff;
  font-family: "Roboto";
  font-weight: 600;
  text-decoration: none;
}
#our-products .vw-box .title del{
  font-size: 14px;
  letter-spacing: 1px;
  color: #d2d2d2;
  font-family: "Roboto";
  font-weight: 500;
}
#our-products .vw-box .post{
  display: block;
}
#our-products .vw-box .post i{
  width: 40px;
  height: 40px;
  background-color: #24a500;
  color: #fff;
  padding: 10px 10px;
  border-radius: 50%;
}
#our-products .vw-box-content a{
  font-size: 15px;
  color: #fff;
  font-family: "Muli";
  font-weight: 700;
}
/* --------- Our Partners ----------- */
#our-partners{
  background-color: #ececec;
}
#our-partners #partners-loop{
  display: none;
}
/* ----------- Our Team ------------ */
#our-team .our-team-head{
  padding-bottom: 40px;
}
#our-team .our-team-head h3{
  font-size: 36px;
  letter-spacing: 1px;
  color: #1c1c1c;
  font-family: 'ZCOOL XiaoWei', serif;
  text-align: center;
}
#our-team .our-team-head p{
  font-size: 16px;
  letter-spacing: 0px;
  color: #1c1c1c;
  font-family: 'Muli', sans-serif;
  font-weight: 700;
  text-align: center;
}
#our-team .our-team-content{
  text-align: center;
}
#our-team .our-team-content .our-team-link{
  font-size: 18px;
  letter-spacing: 0px;
  color: #1c1c1c;
  font-family: 'Muli', sans-serif;
  font-weight: 700;
  padding-top: 15px;
  display: inline-block;
}
#our-team .our-team-content .team-desig{
  font-size: 14px;
  color: #1c1c1c;
  font-family: 'Muli', sans-serif;
  font-weight: 400;
}
#our-team #team-loop{
  display: none;
}
#our-team .screen-reader-text{
  color: #000;
}
/* --------- Team Hover ------------- */
#our-team .vw-box{
  padding: 0;
  text-align: center;
  overflow: hidden;
  position: relative;
}
#our-team .vw-box img{
  width: 100% !important;
  height: auto;
}
#our-team .vw-box .vw-box-content{
  width: 100%;
  padding: 40px 0 40px 0px;
  background-color: #1f8c00;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.3s ease 0s;
  text-align: left;
}
#our-team .our-team-content:hover .vw-box-content{
  opacity: 1;
  transform: translateY(0);
}
#our-team .vw-box-content p{
  font-size: 15px;
  letter-spacing: 1px;
  color: #ffffff;
  font-family: "Roboto";
  font-weight: 500;
  margin-bottom: 5px;
}
#our-team .vw-box-content p i{
  padding-right: 5px;
  color: #c28851;
  padding-left: 20px;
}
#our-team .social-profiles{
  text-align: center;
  padding-top: 10px;
}
#our-team .social-profiles i{
  color: #fff;
  padding:0 10px;
} 
/* --------------- Testimonials ------------- */
#our-testimonial {
  background-color: #000;
}
#our-testimonial .testimonials-head {
  padding-bottom: 50px;
}
#our-testimonial .testimonials-head p{
  font-size: 16px;
  letter-spacing: 0px;
  color: #fff;
  font-family: "Oxygen";
  font-weight: 700;
  text-align: center;
}
#our-testimonial .testimonials-head h3{
  font-size: 36px;
  letter-spacing: 1px;
  color: #fff;
  font-family: 'ZCOOL XiaoWei', serif;
  text-align: center;
}
#our-testimonial .testimonial-content{
  max-width: 85%;
}
#our-testimonial .testimonial-content .testimonials-text p{
  font-size: 18px;
  letter-spacing: 0px;
  line-height: 36px;
  color: #fff;
  font-family: 'Muli', sans-serif;
  font-weight: 600;
  font-style: italic;
  padding-bottom: 20px;
}
#our-testimonial .testimonial-content .test-image{
  margin: 0;
  border-radius: 50%;
}
#our-testimonial .testimonials-det{
  display: flex;
  align-items: center;
}
#our-testimonial .testimonial_name a{
  font-size: 20px;
  letter-spacing: 1px;
  color: #639221;
  font-family: 'ZCOOL XiaoWei', serif;
}
#our-testimonial .testimonial_name p{
  font-size: 14px;
  letter-spacing: 0px;
  color: #fff;
  font-family: 'Muli', sans-serif;
  font-weight: 600;
  margin-bottom: 0;
}
#our-testimonial #testimonials-loop{
  display: none;
}
#our-testimonial .owl-carousel .owl-dots{
  position: absolute;
  bottom: 50%;
  right: 0;
  transform: rotate(90deg);
}
#our-testimonial  #testimonial-loop{
  display: none;
}
/* ------------- Latest News ------------ */
#latest-news .latest-news-head p{
  font-size: 16px;
  letter-spacing: 0px;
  color: #1c1c1c;
  font-family: 'Muli', sans-serif;
  font-weight: 700;
  text-align: center;
  margin-bottom: 8px;
}
#latest-news .latest-news-head h3{
  font-size: 36px;
  letter-spacing: 1px;
  color: #1c1c1c;
  font-family: 'ZCOOL XiaoWei', serif;
  text-align: center;
}
#latest-news .latest-news-head{
  padding-bottom: 40px;
}
#latest-news .news-images{
  list-style-type: none;
  margin-left: 0;
}
#latest-news .latest-news-box .entry-author{
  font-size: 16px;
  letter-spacing: 0px;
  color: #26830c;
  font-family: 'Muli', sans-serif;
  font-weight: 700;
}
#latest-news .latest-news-box .entry-author a{
  font-size: 16px;
  letter-spacing: 0px;
  color: #368720;
  font-family: 'Muli', sans-serif;
  font-weight: 700;
}
#latest-news .latest-news-box h4{
  font-size: 24px;
  color: #1c1c1c;
  font-family: 'Muli', sans-serif;
  font-weight: 700;
  padding-top: 10px;
  display: block;
}
#latest-news .news-text{
  font-size: 14px;
  line-height: 30px;
  color: #1c1c1c;
  font-family: "Open Sans";
  font-weight: 400;
}
#latest-news .read-more{
  font-size: 14px;
  letter-spacing: 1px;
  color: #ffffff;
  font-family: 'Muli', sans-serif;
  font-weight: bold;
  text-align: center;
  border-radius: 40px;
  padding: 9px 11px;
  display: inline-block;
  background-color: #1e8900;
  margin-top: 40px;
}
#latest-news .read-more .plus-icon{
  padding: 10px 12px;
  font-size: 17px;
  background-color: #1e8900;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #ffffff;
  -webkit-box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.19);
  box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, 0.19);
  margin-right: 5px;
}
#latest-news .read-more .arrow-icon{
  padding: 0 10px;
}
#latest-news .news-date{
  position: absolute;
  bottom: 25px;
  right: 60px;
  background-color: #fff;
  padding: 8px;
  text-align: center;
  border-left:7px solid #24a500;
  border-top:7px solid #24a500;
  border-bottom:7px solid #24a500;
}
#latest-news .news-date .news_day{
  font-size: 30px;
  letter-spacing: 10px;
  color: #1c1c1c;
  font-family: 'Muli', sans-serif;
  font-weight: 900;
  margin-bottom: 0;
  display: block;
}
#latest-news .news-date span{
  font-size: 14px;
  letter-spacing:1px;
  color: #1c1c1c;
  font-family: 'Muli', sans-serif;
  font-weight: 900;
}
#latest-news .latest-news-det{
  display: flex;
  align-items: center;
}
#latest-news .news-images .active{
  position: relative;
}
#latest-news .news-images .active .active-news{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color:#24a500;
  opacity: 0.7;
  z-index: 2;
  cursor: pointer;
}
#latest-news .news-images .nav-link{
  padding:0;
  margin: 15px;
}
#latest-news .news-images .nav-item:first-child a{
  margin-top: 0;
}
#latest-news .latest-news-tab-box{
  overflow-y: scroll;
}
#latest-news .latest-news-tab-box::-webkit-scrollbar {
  width:4px;
}
#latest-news .latest-news-tab-box::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
#latest-news .latest-news-tab-box::-webkit-scrollbar-thumb {
  background-color:#1f8c00;
  outline: 1px solid slategrey;
}
/* ---------- Newsletter ---------------- */
#newsletter{
  max-width: 80%;
  margin: 0 auto 60px auto;
  border-bottom:1px solid #333333;
  padding: 0px 0 0 0;
}
#newsletter h5{
  color:#fff;
}
#newsletter .newsletter-content h4{
  font-size: 18px;
  letter-spacing: 0px;
  color: #ffffff;
  font-family: 'Muli', sans-serif;
  font-weight: 700;
}
#newsletter .newsletter-content p{
  font-size: 16px;
  letter-spacing: 0px;
  color: #8d8d8d;
  font-family: 'Muli', sans-serif;
  font-weight: 400;
}
#newsletter .newsletter-shortcode input[type="email"]{
  font-size: 16px;
  letter-spacing: 0px;
  color: #8d8d8d;
  font-family: 'Muli', sans-serif;
  font-weight: 400;
  max-width: 68%;
  border:none;
  font-style: italic;
}
#newsletter .newsletter-shortcode input[type="email"]::placeholder{
  font-size: 13px;
  letter-spacing: 0px;
  color: #8d8d8d;
  font-family: 'Muli', sans-serif;
  font-weight: 400;
}
#newsletter .newsletter-shortcode input[type="submit"]{
  font-size: 14px;
  letter-spacing: 1px;
  color: #ffffff;
  font-family: 'Muli', sans-serif;
  font-weight: 600;
  text-align: center;
  border-radius: 40px;
  padding: 9px 11px;
  display: inline-block;
  background-color: #1e8900;
}
/*--------------- Sidebar -----------------*/
/* Sidebar */
#vw-sidebar td#prev a {
 color: #6c6c6c;
}
#vw-sidebar caption {
 font-weight: bold;
 color: #6c6c6c;
 font-size: 20px;
}
#vw-sidebar table,#vw-sidebar th,#vw-sidebar td {
 border: 1px solid #e1e1e1;
 text-align: center;
}
#vw-sidebar td {
 padding: 7px;
 color: #6c6c6c;
}
#vw-sidebar th {
 text-align: center;
 padding: 5px;
 color: #6c6c6c;
}
#vw-sidebar select {
 padding: 10px 5px;
 border: solid 1px #e1e1e1;
 color: #6c6c6c;
 background: transparent;
}
#vw-sidebar form{
 text-align: center;
}
#vw-sidebar h3 {
  font-size: 24px;
  color: #222222;
  font-weight: 600;
  padding-bottom: 15px;
  margin-bottom: 11px;
  text-align: center;
  border-bottom: 1px solid #e7e7e7;
  font-family: 'Muli', sans-serif;
}
#vw-sidebar input[type="search"] {
 padding:10px 10px;
 font-size:15px;
 margin-bottom: 10px;
 color:#6c6c6c;
 border: solid 1px #e1e1e1;
 width: 100%;
}
#vw-sidebar label{
 margin-bottom: 0;
 width: 100%;
}
#vw-sidebar input[type="submit"]{
 background-color :#1f8f00;
 color:#fff;
 padding:10px 0;
 font-size:12px;
 width: 100%;
 letter-spacing: 2px;
 font-weight: bold;
}
#vw-sidebar .widget {
 padding: 20px;
 border: 1px solid #1f8f00;
 margin-bottom: 50px;
}
#vw-sidebar ul {
 list-style: none;
 margin: 0;
 padding: 0;
 font-size: 17px;
}
#vw-sidebar ul li{
 font-weight: 600;
  color: #343434;
  font-family: Poppins,sans-serif;
  font-size: 15px;
  border-bottom: 1px solid #e1e1e1;
  padding: 10px 0;
}
#vw-sidebar ul li:last-child{ 
  border:none;
}
#vw-sidebar ul li a {
  font-weight: 600;
  color: #343434;
  font-family: Poppins,sans-serif;
  font-size: 15px;
}
#vw-sidebar .tagcloud a{
 border: solid 1px #e1e1e1;
 color:#6c6c6c;
 font-size:15px !important;
 padding:5px 18px;
 margin:0 0 5px;
 display:inline-block;
}
#vw-sidebar .tagcloud a:hover{
 background:#111;
 color: #fff;
}
span.credit_link a {
  color: #1f8f00;
}
.single-post-content p{
  font-size: 18px;
  color: #898989;
  font-family: "Roboto";
  line-height: 28px;
}
.outer_dpage p{
  font-size: 16px;
  color: #8fa3aa;
  font-family: "Roboto";
  line-height: 28px;
}
/*------------- Page -----------------*/
.title-box{
  color:#fff;
  text-transform:uppercase;  
  font-weight:bold;
  text-align:center;
  margin-bottom:25px;
}
.title-box img{
  width:100%;
}
.title-box h1 {
  font-weight: bold;
  text-shadow: 0 2px 2px rgba(255, 255, 255, 0.58);
}
.above_title {
  position: absolute;
  right: 0;
  left: 0;
  margin-top: 10%;
}
.read-moresec{
  margin:2% 0;
}
.middle-content {
  padding-bottom: 20px;
}
.shrtcod-pg{
  border:1px solid #bbb;
}
.shrt_socio i{
  border: 1px solid #bbb;
  padding: 10px;
  margin-right: 10px;
}
/*---------------- Contact Us Widget ----------------*/
.contact_us_icon i {
  color: #1f8f00;
  margin: 10px 0;
  font-size: 24px;
}
.widget_recent_entries li a {
  font-size: 14px;
}
.widget_recent_entries span.post-date {
  width: 100%;
  float: left;
  margin-bottom: 11px;
  text-align: left;
  font-size: 14px;
  letter-spacing: 0px;
  color: #aca9a9;
  font-family: "Roboto";
}
/*---------------- Pagination ----------------*/
.navigation {
  font-size:14px; 
  font-weight:bold;
  margin: 10px 0;
}
.navigation a {
  padding: 0;
}
.navigation span, .navigation a {
  display: block;
  float: left;
  padding: 10px 15px 0 15;
  margin-bottom: 10px;
  margin-right: 10px;
  color: #5b5b5b;
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
  font-weight: normal;
}
.navigation span.meta-nav {
  font-weight: bold;
}
.navigation .current{
  background: #333333; 
  color:#ffffff;
  font-weight:normal;
}
/* ------------- Category --------------------*/
.category-page h4{
  text-align: left !important;
}
ul.post-categories {
  list-style: none;
  margin: 0;
}
ul.post-categories li{
  display: inline-block;
}
ul.post-categories li:after{
  content: ' ,';
}
ul.post-categories li:last-child:after{
  content: '';
}
ul.post-categories a {
  color: #333333;
}
.content_boxes {
  padding: 0;
  border: none;
}
.post_ctg span {
  float: left;
  margin-right: 7px;
}
.post_tag .meta-sep{
  font-weight: bold;
}
.post_tag a:after{
  content: ", ";
  display: inline-block;
}
.post_tag a:last-child:after{
  content: "";
}
/*-------------- Main Title ---------------*/
.share_icon i {
  padding: 10px 10px 10px 8px;
  margin: 0 0;
  color: #ffffff;
  background-color: #333333;
  width: 36px;
  margin: 0 4px;
  text-align: center;
}
.share_icon i.fab.fa-facebook-f{
  background-color: #3c5a99;
}
.share_icon i.fab.fa-linkedin-in{
  background-color: #007bb5;
}
.share_icon i.fab.fa-google-plus-g{
  background-color: #da4835;
}
.share_icon i.fab.fa-twitter{
  background-color: #55acee;
}
.services_inner h4, .services_inner .short_text {
  color: #ffffff;
}
.view-more {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.menubar.scrolled li.search-box {
    display: block !important;
}
/*-------------- Owl crousel ---------------*/
.owl-carousel .owl-dots{
  text-align: center;
  padding-top: 30px;
}
.owl-carousel .owl-dots button{
  width: 10px;
  height: 10px;
  background-color: #c2c5c8 !important;
  border-radius: 50%;
  margin: 0 5px;
  outline: none;
}
.owl-carousel .owl-dots .active{
  background-color: #1f8c00 !important;
}
.owl-carousel .owl-item img {
  width: auto !important;
  margin: 0 auto;
  width: auto;
}
#our_partners img{
  width: auto !important;
}
button.owl-next, button.owl-prev {
  background: #1e202c;
}
button.owl-prev {
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  padding: 10px 20px;
  outline: none;
}
button.owl-next {
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  padding: 10px 20px;
  outline: none;
}
button.owl-next i, button.owl-prev i{
  color: #ffffff;
}

.owl-carousel .owl-nav i{
  color: #222;
  font-size: 20px;
}
/*-------------- Woocommerce ---------------*/
.woocommerce .summary h1 {
  font-size: 28px;
}
.woocommerce div.product form.cart div.quantity {
  margin-right: 20px;
}
.woocommerce .quantity input{
  padding: 5px 0px;
}
.woocommerce button.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background-color: #1f8f00 !important;
  border-radius: 0;
  padding: 10px 14px !important;
  color: #ffffff !important;
}
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price{
  color: #1f8f00;
}
#contentwoocom {
  padding: 20px 15px;
}
h2.woocommerce-loop-product__title {
  text-align: center;
}
.woocommerce ul.products li.product .price{
  text-align: center;
}
.woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  text-align: center;
  margin: 0 auto;
  display: table;
  margin-bottom: 20px;
}
li.product {
  border: 1px solid #ddd;
  padding-bottom: 17px;
}
.woocommerce span.onsale{
  background-color: #1f8f00;
}
.woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2{
    max-width: 100%;
}
input#password, input#reg_password {
  padding: 10px;
}
.woocommerce div.product form.cart .variations select{
  background-color: #ffffff; 
}
.u-column1.col-1.woocommerce-Address, .u-column2.col-2.woocommerce-Address {
    width: 100%;
    max-width: 100%;
}
.woocommerce a.added_to_cart {
  padding: 0 .5em .5em;
  display: inline-block;
}
.woocommerce h1,.woocommerce h2,.woocommerce h3{
  font-family: 'Muli', sans-serif;
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
  width: 53%;
}
.woocommerce .woocommerce-MyAccount-navigation ul{
  list-style-type: none;
}
.woocommerce .woocommerce-MyAccount-navigation ul li a{
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 30px;
  color: #1f1e1e;
  font-family: "Roboto";
}
.woocommerce form .form-row.woocommerce-invalid label{
  color:#8fa3aa;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
  background: #111111;
  color:#fff; 
}
.woocommerce .form-row{
  display: unset;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{
  width: 100%;
}
.woocommerce #order_review table th{
  text-align: left;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{
  padding: 20px;
}
.woocommerce div.product div.images img{
  width: auto;
}
#single-product-page{
  padding-top: 40px;
}
.woocommerce-Tabs-panel p{
  font-size: 14px;
  letter-spacing: 1px;
  color: #a7a9ac;
  font-family: "Roboto";
  font-weight: 500;
}
.woocommerce-products-header__title{
  letter-spacing: 0px;
  color: #252525;
  font-family: "Muli";
  font-weight: 800;
}
#primary {
  padding-top: 30px;
}
/* ----------- Unit Testing ------------- */
.outer_dpage table{
  text-align: center;
}
.outer_dpage table th{
  text-align: center;
}
/*-------------- media section ---------------*/
@media screen and (max-width:576px) {
  #site_top .socialbox {
    text-align: left;
  }
  .row.bg-media {
    margin: 0;
  }
  .contact_details .row{
    margin: 0;
  }
  #vw-slider h2 {
    font-size: 48px !important;
    padding-top: 0;
  }
  #vw-slider .inner_carousel h2 small{
    font-size: 12px !important;
    margin-bottom: 6px;
  }
  .about-content p{
    font-size: 14px;
  }
  .woocommerce-cart table.cart td.actions .coupon .input-text{
    width: 37%;
  }
  #vw-slider .slider-button-1{
    margin-top: 0;
    padding: 2px 11px;
    font-size: 13px;
    margin-right: 0;
  }
  #vw-slider ol.carousel-indicators{
    bottom: 6%;
  }
  #vw-slider .read-more .plus-icon{
    font-size: 13px;
    padding: 14px 12px;
  }
  #vw-slider .carousel-caption.d-none.d-md-block {
      display: none !important;
  }
  .call_text{
    padding: 2em;
  }
  .inner_tabbox_bg {
    background-color: #ffffff;
    padding: 0 10px;
  }
  .nav-tabs {
    text-align: left;
  }
  li.nav-item h4 {
    font-size: 14px;
    font-weight: normal;
  }
  .call_text p{
    top: 24px;
    font-size: 12px;
  }
  .about-content p{
    font-size: 12px;
  }
  #our-project .vw-box{
    max-width: 295px;
    margin: 0 auto;
  }
  #testimonials .testimonial_box {
    padding: 20px 20px 40px 20px;
  }
  section{
    padding: 40px 0;
    background-size: cover;
  }
  blockquote{
    width: 100%;
  }
  .small_media {
    padding: 10px 0;
  }
  #vw-slider p{
    margin: 0 0 9px 0;
  }
  #vw-slider h5{
    font-size: 16px;
    letter-spacing: 4px;
  }
  #vw-slider a i{
    padding: 8px 7px;
    font-size: 14px;
    width: 30px;  
    height: 30px;
  }
  section h2{
    font-size: 22px;
  }
  .top-icon{
    top: -1%;
  }
  .above_title {
    margin-top: 2%;
  }
  .menubar {
    padding: 0 15px;
  }
  .serach_inner input.search-field {
    width: 85%;
  }
  .contact-info{
    text-align: center;
  } 
  button.owl-prev{
    left: -13px;
    padding: 10px 12px;
  }
  button.owl-next{
    padding: 10px 12px;
  }
  .logo p{
    line-height: 17px;
  }
  #vw-header .header-search{
    text-align: center;
  }
  .header-nav{
    padding-top: 0;
  }
  #vw-slider p{
    font-size: 18px;
    display: none;
  }
  .footer_menu ul{
    text-align: left;
    padding-top: 15px;
  }
  #vw-header .search-form label{
    width: 53%;
  }
  input.search-field{
    width: 97%;
  }
  .header-nav .menubar{
    background-color: transparent;
  }
  #vw-header .header-search{
    position: unset;
  }
  .slider-box{
    padding: 0;
    max-width: 80%;
    left: 0;
    right: 0;
    border-style: none;
    top: 40%;
    text-align: center;
  }
  #vw-slider .carousel-prev-button{
    right: 48%;
    bottom: 5%;
  }
  #vw-slider .carousel-next-button{
    right: 34%;
    bottom: 5%;
  }
  #vw-slider .slide_nav a{
    padding: 4px;
  }
  #vw-slider .slide_nav{
    display: none;
  }
  .logo h1 a{
    font-size: 17px;
  }
  .post-navigation .nav-previous{
    width: 100%;
  }
  .post-navigation .nav-next {
    width: 100%;
  }
  .search_popup input.search-submit{
    padding:3px 20px; 
  }
  .contact-info-box .c_content{
    text-align: center;
  }
  .toggle-nav{
    margin-top: 3px !important;
  }
  .serach_inner form.search-form{
    text-align: center;
  }
  #our-project .our-project-content{
    padding-left: 15px;
    padding-right: 15px;
  }
  #why-choose-us ul .why-choose-us-three{
    position: unset;
  }
  #why-choose-us ul .why-choose-us-four{
    position: unset;
  }
  #footer .footer-logo{
    width: 280px;
  }
  #topbar .topbar-info{
    text-align: center;
  }
  #topbar .topbat-button{
    margin: 7px 0;
    display: inline-block;
  }
  #topbar .topbar-social{
    padding-top: 15px;
    text-align: center;
  }
  #topbar .topbar-text {
    font-size: 13px;
  }
  #topbar .topbar-details i{
    font-size: 18px;
  }
  #topbar .topbar-phone{
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #topbar .topbar-details{
    text-align: center;
  }
  #about-us .about-image img{
    position: unset;
  }
  #about-us .about-content{
    text-align: center;
  }
  #about-us .about-features h5{
    padding-top: 10px;
  }
  #about-us .about-image{
    padding-top: 20px;
    text-align: center;
  }
  #our-services .our-services-content .our-services-box1{
    max-width: 300px;
    margin: 0 auto 30px auto;
  }
  #our-project .project-tabs{
    text-align: center;
  }
  #why-choose-us .why-choose-us-text1{
    text-align: center;
  }
  #why-choose-us .why-choose-us-icon1{
    justify-content: center;
  }
  #why-choose-us .why-choose-us-icon2{
    justify-content: center;
  }
  #why-choose-us .why-choose-us-text2{
    text-align: center;
  }
  #why-choose-us .why-choose-us-image{
    padding-bottom: 30px;
  }
  #upcoming-events .upcoming-events-content{
    text-align: center;
  }
  #our-testimonial .testimonial-content {
    max-width: 100%;
    text-align: center;
  }
  #our-testimonial .owl-carousel .owl-dots{
    bottom: 50px;
    transform: rotate(0deg);
    bottom: -7%;
    left: 0;  
    right: 0;
    margin: 0 auto;
  }
  #latest-news .news-images{
    text-align: center;
  }
  #latest-news .news-images .nav-item{
    max-width: 40%;
    display: inline-block;
  }
  #latest-news .latest-news-box{
    text-align: center;
  }
  #latest-news .latest-news-box .entry-author{
    padding-top: 15px;
    display: inline-block;
  }
  .copyright{
    text-align: center;
  }
  .copyright .socialbox {
    padding-top: 20px;
    text-align: center;
  }
  #return-to-top{
    bottom: 56px;
    right: 9px;
  }
  #newsletter .newsletter-content{
    text-align: center;
  }
  #newsletter{
    max-width: 100%;
  }
  #our-testimonial .testimonial_name{
    text-align: left;
  }
  #latest-news .news-date{
    right: 100px;
  }
  #our-products .owl-carousel .owl-nav .owl-prev i{
    left: 12px;
  }
  #our-products .owl-carousel .owl-nav .owl-next i{
    right: 12px;
  }
}
@media screen and (min-width: 577px) and (max-width:767px){
  button.owl-next{
    right:0;
  }
  button.owl-prev{
    left:0;
  }
  .top_bar_link{
    text-align: center;
  }
  .top_bar_link a {
    display: table;
    margin: 20px auto;
    text-align: center;
  }
  .top_bar_link{
    padding: 0 15px !important;
  }
  .post_dec{
    display: none;
  }
  .contact_details {
    padding: 12px 0;
    position: static;
    right: 0;
    top: 50%;
    transform: unset;
  }
  .logo_footer {
    margin-bottom: 20px;
  }
  .footer_form {
     padding: 0; 
  }
  .postbox h3{
    line-height: 22px;
  }
  #latest_post .owl-nav {
    position: static;
    margin: 0 auto;
    text-align: center;
  }
  .meta_post span {
    font-size: 12px;
  }
  .postbox .postbox-content{
    padding: 5px 15px;
  }
  .search-box span {
    float: right;
  }
  .contact_details ul li{
    display: block;
    color: #ffffff;
  }
  .left-side-content {
    text-align: left;
  }
  ul.right-side-content{
    margin: 0;
    text-align: center;
  }
  .left-side-content li{
    padding-bottom: 10px
  }
  .project_tab_content .vw-box {
    margin-top: 15px;
  }
  .woocommerce-cart table.cart td.actions .coupon .input-text
  {
    width: 37%;
  }
  #vw-slider h2{
    font-size: 22px;
    padding-top: 0;
  }
  #vw-slider .inner_carousel h2 small{
    font-size: 15px !important;
  }
  #vw-slider .carousel-caption.d-none.d-md-block {
      display: block !important;
  }
  #vw-slider p.font-weight-bold {
      display: none;
  }
  #vw-header .logo a.custom-logo-link{
    position: static;
  }
  .mid-content {
    position: static;
    top: 0;
    transform: unset;
  }
  .site-title{
    font-size: 34px;
  }
  .site-description{
    font-size: 14px;
  }
  .main-header{
    margin-bottom: 25px;
  }
  .header-title{
    padding: 30px 0;
  }
  .main-title{
    font-size: 30px;
  }
  #masthead{
    min-height: 60px;
  }
  #masthead #site-branding img,
  #masthead.scrolled #site-branding img{
    max-height: 40px;
    width: auto;
  }
  .main-navigation li,
  #masthead.scrolled .main-navigation li{
    display: block;
    line-height: 1.5 !important;
  }
  .sf-arrows .sf-with-ul{
    padding-right: 0;
  }
  .menu > ul > li > a{
    padding: 10px 0;
  }
  .main-navigation ul ul{
    position: static;
    width: 100%;
    box-shadow: none;
  }
  .slide-cta{
    float: none;
    width: 100%;
    padding: 15px 0 0 0;
    text-align: center;
  }
  #home-slider-section .bx-wrapper .bx-controls-direction a{
    display: none;
  }
  .slide-button-left,
  .slide-button-right{
    padding: 7px 25px 7px 25px;
    min-width: 160px;
    font-size: 16px;
  }
  #cta-section .cta-left{
    width: 100%;
    float: none;
    text-align: center;
  }
  .site-info{
    float: none;
    width: 100%;
    text-align: center;
  }
  #footer-menu ul {
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 15px;
  }
  .woocommerce div.product div.images .flex-control-thumbs{
    margin: 10px 0 0 0;
  }
  .innermenubox {
    position: static;
  }
  .contact-box .wpcf7 input[type="text"],
  .contact-box .wpcf7 input[type="email"],
  .contact-box .wpcf7 textarea{
    width: 100% !important;
  }
  #vw-slider p
  {
    margin: 0;
    max-width: 87%;
    display: none;
  }
  .slider-box
  {
    max-width: 83%;
    top: 47%;
  }
  #vw-slider a i
  {
    width: 30px;
    height: 30px;
    padding: 7px 10px;
  }
  #vw-slider .carousel-prev-button
  {
    left: 12px;
  }
  #vw-slider .carousel-next-button
  {
    right: 12px;
  }
  .footer_menu ul
  {
    text-align: left;
  }
  .header-nav
  {
    padding-top: 6px;
  }
  .header-nav .menubar
  {
    background-color: transparent;
  }
  .logo h1 a
  {
    font-size: 23px;
  }
  .home .main-navigation ul
  {
    border-bottom: none;
  }
  #topbar-social-search
  {
    text-align: center;
  }
  #topbar-social-search .socialbox
  {
    text-align: center;
  }
  section
  {
    background-size: cover;
  }
  .copyright .copy-text
  {
    text-align: center;
  }
  .serach_inner form.search-form
  {
    text-align: center;
  }
  #topbar .topbar-social
  {
    text-align: center;
    padding-top: 15px;
  }
  #topbar .topbar-details
  {
    text-align: center;
  }
  #topbar .topbar-phone
  {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #why-choose-us ul .why-choose-us-three
  {
    position: unset;
  }
  #why-choose-us ul .why-choose-us-four
  {
    position: unset;
  }
  #about-us .about-image img
  {
    position: unset;
  }
  #about-us .about-features
  {
    text-align: center;
  }
  #about-us .about-features h5
  {
    padding-top: 15px;
  }
  #about-us .about-button
  {
    text-align: center;
  }
  #about-us .about-image
  {
    text-align: center;
    padding-top: 30px;
  }
  #about-us .about-content
  {
    text-align: center;
  }
  #why-choose-us .why-choose-us-text1
  {
    text-align: center;
  }
  #why-choose-us .why-choose-us-icon1
  {
    justify-content: center;
  }
  #why-choose-us .why-choose-us-icon2
  {
    justify-content: center;
  }
  #why-choose-us .why-choose-us-text2
  {
    text-align: center;
  }
  #why-choose-us .why-choose-us-content h5
  {
    padding-top: 10px;
  }
  #why-choose-us .why-choose-us-image
  {
    padding-bottom: 40px;
  }
  #upcoming-events .upcoming-events-content
  {
    text-align: center;
  }
  #latest-news .news-images li
  {
    max-width: 117px;
    display: inline-block;
  }
  #latest-news .news-images
  {
    text-align: center;
  }
  #latest-news .latest-news-det
  {
    text-align: center;
  }
  #latest-news .news-date
  {
    right: 93px;
  }
  #latest-news .latest-news-box .entry-author
  {
    display: inline-block;
    padding-top: 10px;
  }
  .copyright .socialbox
  {
    text-align: center;
    padding-top: 20px;
  }
}
@media screen and (max-width:719px) {
  .menubar.scrolled.hmenu {
    background-color: #222222;
    height: auto; 
  }
  .contact-info {
    margin: 0 !important;
  }
  .search-box{
    float: none;
  }
  .menubar .nav ul li ul{
    display:none; 
    z-index:2;
    font-weight:normal;
  }
  span{
    text-align: center;
  }
  #we_are_expert{
    background-size: cover;
  }
  #portfolio .vw-box .post{
    text-align: left;
  }
}
@media screen and (min-width: 768px) and (max-width:991px) {
  .post_dec{
    display: none;
  }
  #topbar .topbat-button{
    padding: 12px;
  }
  .top_bar_link a{
    font-size: 12px;
    padding: 9px;
  }
  
  #vw-slider h2
  {
    font-size: 100px;
    padding-top: 0;
  }
  #vw-slider p
  {
    margin: 0;
    max-width: 90%;
  }
  #vw-slider .carousel-prev-button
  {
    right: 91px;
  }
  #vw-slider .carousel-next-button
  {
    right: 43px;
  }
  .search-form button i {
    font-size: 12px !important;
    padding-right: 2px !important;
  }
  .header-nav .menubar
  {
    background-color: transparent;
  }
  #vw-header .header-search
  {
    position: unset;
  }
  .slider-box
  {
    top: 44%;
    max-width: 81%;
  }

  .home .main-navigation ul
  {
    border-bottom: none;
  }
  #footer #site-navigation ul li
  {
    padding-top: 14px;
    padding-bottom: 11px;
  }
  .toggle-nav
  {
    margin-top: 7px !important;
  }
  #vw-slider .read-more
  {
    margin-top: 20px;
  }
  #why-choose-us ul .why-choose-us-three
  {
    position: unset;
  }
  #why-choose-us ul .why-choose-us-four
  {
    position: unset;
  }
  #why-choose-us .why-choose-us-content a
  {
    font-size: 15px;
  }
  #why-choose-us .why-choose-us-image img
  {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
  }
  #upcoming-events .upcoming-events-content
  {
    text-align: center;
  }
  #latest-news .news-images
  {
    text-align: center;
  }
  #latest-news .news-images li
  {
    max-width: 140px;
    display: inline-block;
  }
  .copyright .socialbox
  {
    text-align: center;
    padding-top: 20px;
  }
  .copyright p
  {
    text-align: center;
  }
  #vw-header .logo
  {
    text-align: center;
  }
  .logo p
  {
    text-align: center;
  }
  #topbar .topbar-social
  {
    text-align: center;
  }
  #topbar .topbar-details
  {
    text-align: center;
  }
  #topbar .topbar-email
  {
    padding-top: 15px;
  }
  #topbar .socialbox i
  {
    width: 30px;
  }
  #vw-slider ol.carousel-indicators
  {
    bottom: 7%;
  }
  .our_projects_box .vw-box .vw-box-content
  {
    padding-top: 19% !important;
  }
}
@media screen and (max-width: 1024px) and (min-width:991px){
  #return-to-top{
    bottom: 74px;
  }
  .toggle-nav {
    right: 0px;
  }
  .search-box{
    float: none;
  }
  .search-box form.search-form{
    margin: 0 auto;
  }
  .social-box .social-media {
    padding-top: 21px;
  }
  
  #vw-slider .inner_carousel h2 small{
    margin-bottom: 4px;
    font-size: 16px !important;
  }
  .socialbox a i{
    font-size: 12px;
    width: auto;
  }
  small {
    font-size: 13px !important;
  }

  .teambox{
    margin-bottom: 30px;
  }   
  .postbox{ 
    margin-bottom: 20px; 
  }
  .slider-box
  {
    max-width: 82%;
    top: 42%;
  }
  .logo h1 a
  {
    font-size: 18px;
  }
  .widget th, .widget td
  {
    padding: 0;
  }
  #vw-slider h2
  {
    font-size: 34px;
    padding-top: 0px;
  }
  .toggle-nav
  {
    margin-top: 4px !important;
  }
  #vw-slider ol.carousel-indicators
  {
    bottom: 8%;
  }
  #our-services .our-services-content a
  {
    font-size: 15px;
  }
  #why-choose-us ul .why-choose-us-three
  {
    position: unset;
  }
  #why-choose-us ul .why-choose-us-four
  {
    position: unset;
  }
  #upcoming-events .upcoming-events-box
  {
    padding-top: 15px;
  }
  .our_projects_box .vw-box .vw-box-content
  {
    padding-top: 19% !important;
  }
}
@media screen and (max-width: 1024px){
  .home .main-navigation ul
  {
    border:none;
  }
  .list_outer {
    padding: 20px 20px;
    background-color: rgba(255, 255, 255, 0.8);
  }
  .top_bar_btn a.theme_button {
    position: static;
    top: 0;
    transform: unset;
  }
  .main-navigation ul ul{
    background-color: transparent;
  }
  .main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li{
    border-bottom: none;
  }
  .main-navigation ul ul li:hover > a{
    color: #fff;
  }
  .toggle-nav {
    display: block;
    position: relative;
    float: right;
    right: 15px;
    width: 30px;
    cursor: pointer;
    margin: 0 auto;
    z-index: 999999;
    right: 0;
    text-align: right;
    right: 0;
    margin-right: 0;
    margin-top: -4px;
    cursor: pointer;
  }
  .toggle-nav i {
    font-size: 29px;
    color: #fff;
  }
  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
  }
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    color: #818181;
    display: block;
    transition: 0.3s;
  }
  .sidenav a:hover {
    color: #f1f1f1;
  }
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    display: block;
    color: #ffffff;
    cursor: pointer;
  }
  .sidenav #site-navigation {
    width: 100%;
  }
  .toggle-nav span{
    font-size:30px;
    cursor:pointer; 
    text-align: right;
  }
  iframe {
    width: 100%;
    height: auto;
  }
  .innermenubox {
    position: static;
    padding-bottom: 10px;
  }
  .main-navigation .menu{
    float: none;
    text-align: center;
  }
  .main-navigation ul ul li,
  #masthead.scrolled .main-navigation ul ul li{
    display: block;
  }
  .main-navigation .menu > ul > li.highlight{
    background: transparent !important;
  }
  .menu > ul > li:hover:before, 
  .menu > ul > li.current_page_item:before, 
  .menu > ul > li.current-menu-item:before{
    display: none;
  }
  .sf-arrows .sf-with-ul:after{
    border-top-color: #333;
  }
  .toggle i.fa.fa-bars,.toggle i.fa.fa-times {
    float: right;
    color: black;
  }
  .menubar .nav ul{ 
    width:100%;
    margin-top:0; 
  }
  .menubar .nav ul li,
  .menubar.scrolled .main-navigation li{
    border-top:1px #303030 solid; 
    display:block;
    text-align:left;
    float:none;
    width: 18rem;
    padding: 5px;
  }
  .nav ul li a{
    padding:5px 10px; 
    display:block; 
    color:#ffffff;
  }
  .nav ul li ul,
  .nav ul li ul ul{ 
    display:block !important;
  }
  .nav ul li ul li a:before{
    content:"\00BB \00a0";
  }
  .nav ul li ul li a{
  padding-left:20px !important;
  }
  .nav ul li ul li ul li a{
    padding-left:30px !important;
  }
  .main-navigation ul ul{
    position: static;
    width: 100%;
    box-shadow: none;
  }
  .top_bar_btn{
    padding:0;
  }
  .main-navigation li.current_page_item
  {
    border:none;
  }
  .main-navigation ul ul
  {
    background: transparent !important;
  }
  .main-navigation ul ul li
  {
     background: transparent !important;
  }
  #vw-header-menu .current_page_item
  {
    background:none;
  }
  #vw-header-menu .current_page_item a
  {
    color: #24a500;
  }
  #vw-header-menu .current_page_item ul li a
  {
    color: #fff;
  }
  .main-navigation .current_page_ancestor > a
  {
    color: #fff !important;
  }
  .main-header-box
  {
    padding-bottom: 0 !important;
  }
}
@media screen and (max-width: 1200px) and (min-width: 1025px) { 
  .logo h1 a
  {
    font-size: 18px;
  }
  .widget th, .widget td
  {
    padding: 0;
  }
  .slider-box
  {
    max-width: 82%;
    top: 42%;
  }
  .logo h1 a
  {
    font-size: 18px;
  }
  .widget th, .widget td
  {
    padding: 0;
  }
  #vw-slider h2
  {
    font-size: 34px;
    padding-top: 0px;
  }
  #vw-slider p
  {
    max-width: 90%;
  }
  #vw-slider ol.carousel-indicators
  {
    bottom: 8%;
  }
  #vw-slider .carousel-prev-button
  {
    bottom: 50%;
  }
  #vw-slider .carousel-next-button
  {
    bottom: 50%;
  }
  #our-services .our-services-content 
  {
    font-size: 15px;
  }
  #why-choose-us ul .why-choose-us-three
  {
    left: -40px;
  }
  #why-choose-us ul .why-choose-us-four
  {
    right: -40px;
  }
  #upcoming-events .upcoming-events-box
  {
    padding-top: 15px;
  }
  .our_projects_box .vw-box .vw-box-content
  {
    padding-top: 19% !important;
  }
}
#why-choose-us{
  overflow-x: hidden;
}
/* ------------- Mozilla Style -------------- */
@-moz-document url-prefix() {

  .main-navigation ul
  {
    text-align: left;
  }
  .main-navigation a
  {
    font-size: 18px;
  }
}
.outer_dpage #our-services{
  background-color: transparent;
}