/*
Theme Name: The WP Business
Theme URI: https://www.themesglance.com/themes/wp-business-wordpress-theme/
Author: Themesglance
Author URI: https://www.themesglance.com/
Description: The WP Business WordPress Theme is a highly customizable, mobile-friendly and user-friendly theme created precisely for business enterprises, business portfolios, non-profit organizations, personal, commercial, marketing consulting, advertising consulting, social media marketing, automobile related,  financial advisors, startup, landing page, broker, finance services, insurance brokers, investment consultants, accountant services, HR consulting, e book publisher, business coach, proffesional websites, landing pages, single product launvh websites, health, construction, SEO consultancy, design agency, web devlopment agency, corporate businesses, digital agency, product showcase, portfolio, consultants, bloggers and freelancers. It’s helpful to create corporate identity of multiple industries like hotels, tours, hospitals, and even shop stores. This elegant and stylish business WordPress theme is cross browser compatible and suits the latest WordPress version. It is made completely using secure and clean code due to which even a non-coder finds it extremely easy to use. It is SEO friendly making your website found on search engines. You can even spread your site on social media platforms. It’s built on Bootstrap. It offers various personalization options. Moreover, this beautiful and professional The WP Business WordPress Theme is free. The testimonial section tells clients reviews and the banner has Call to Action Button (CTA) directing the visitor to another page. The customization becomes very easy because of optimized codes. Some shortcodes are there to create new sections. You can engage the audience because of the multipurpose nature and fast page loading time. So, grab away this stunning and interactive The WP Business WordPress theme now. Demo: http://www.themesglance.com/wp-business-theme/
Version: 1.7.8
Tested up to: 6.0
Requires PHP: 7.2
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: the-wp-business
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, wide-blocks, block-styles, block-patterns, custom-colors, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, featured-image-header, footer-widgets, sticky-post, full-width-template, post-formats, theme-options, translation-ready, threaded-comments, rtl-language-support, blog, e-commerce, portfolio

The WP Business WordPress Theme has been created by Themesglance(themesglance.com), 2017.
The WP Business WordPress Theme is released under the terms of GNU GPL
*/

/* Basic Style */
*{
	margin:0;
	padding:0;
	outline:none;
}
body{
	margin:0;
	padding:0;
	-ms-word-wrap:break-word;
	word-wrap:break-word;
	color:#5b5b5b;
	font-family: 'Open Sans', sans-serif;
  overflow-x: hidden;
}
img{
	margin:0;
	padding:0;
	border:none;
	max-width:100%;
	height:auto;
}
section img{
	max-width:100%;
}
h1, h2, h3, h4, h5, h6{
	margin: 15px 0 0;
	padding:10px 0;
	font-family: Montserrat;
	color: #000;
	font-weight: bold;
}
p{
  margin: 0 ;
  padding: 0;
  font-size: 15px;
  color: #666;
  line-height: 1.7;	
}
a, code{
	text-decoration:none;
	color:#1e7600;
}
a:hover{
	text-decoration:none;
	color:#666;
}
a:focus, a:hover{
	text-decoration:none !important;
}
a:focus, input:focus, textarea:focus, button:focus{
  outline: 2px solid #000;
}
ul{
	margin:0 0 0 15px;
	padding:0;
}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
select{
  width: 100%;
  padding: 8px 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{
  clear:both;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
.sticky{
  position: fixed;
  top: 0px;
  width: 100%;
  left: 0;
  z-index: 99999;
  right: 0;
  margin: 0;
}
.comment-list .comment-content ul {
	list-style:none;
	margin-left:15px;
}
.comment-list .comment-content ul li{
	margin:5px;
}
input[type="text"], input[type="email"], input[type="phno"], textarea{
	border:1px solid #bcbcbc;
	width: 100%;
	font-size:16px;
	padding:10px 10px;
	margin:0 0 23px 0;
	height:auto;
}
textarea{
	height:111px;
}
input[type="submit"] {
	border: none;
	text-align:center;
	text-transform:uppercase;
	font-size:15px;
	padding:7px 35px;
	background:#1e7600;
	font-weight:bold;
	color: #fff;
	display:table;
	margin: 0;
}
table, th, td {
	border: 1px solid #d1d1d1;
}
table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.75em;
	table-layout: fixed;
	width: 100%;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
th {
	border-width: 0 1px 1px 0;
	font-weight: 700;
}
td {
	border-width: 0 1px 1px 0;
}
th, td {
	padding: 0.4375em;
}
.bypostauthor{
  padding: 0;
  margin: 0;
}
/* Calendar widget */
.widget.widget_calendar table {
	margin: 0;
}
.widget_calendar td, .widget_calendar th {
	line-height: 2.5625;
	padding: 0;
	text-align: center;
}
.widget_calendar caption {
	font-weight: 500;
  margin-bottom: 1.75em;
  color: #fff;
  padding-left: 15px;
}
.widget_calendar tbody a {
	background-color: #007acc;
	color: #fff;
	display: block;
	font-weight: 700;
}
.widget_calendar tbody a:hover, .widget_calendar tbody a:focus {
	background-color: #686868;
	color: #fff;
}
span.page-links-title {
	clear: both;
  position: relative;
  font-size: 14px;
  line-height: 13px;
  font-weight: bold;
  padding: 15px;
}
span.page-number {
  padding: 10px 15px;
}
span.page-number,span.page-links-title{
	display: block;
  float: left;
  margin: 2px 2px 2px 0;
	text-decoration: none;
  width: auto;
  color: #fff;
  font-weight: bold;
  background: #11b292;
  -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;
}

/* Sweep To Right */
.hvr-sweep-to-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(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;
	border-radius: 3px;
}
.hvr-sweep-to-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 0 5px #1e7600;
	-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, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
	  color: #000 !important;
}
.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);
}

/*wide block*/
.alignwide {
  margin-left  : -70px;
  margin-right : -70px;
}
.alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
} 

/* ---------Buttons--------- */
a.button{
	background: #1e7600;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  display: inline-block;
}

/*-------- Single post Header Image --------*/
.page-header {
  padding: 8%;
}
.page-header h1{
  display: block;
  font-size: 35px;
  color: #000;
  font-weight: bold;
}

/* --------- MENUS CSS --------- */
#sidelong-menu {
  display: inline;
}
.nav-menu ul{
  margin:0;
  font-size:14px;
  text-transform: uppercase;
  font-weight:bold; 
}
.nav-menu li{
  display:inline-block;
  position:relative;
}
.nav-menu a{
  color: #fff;
  padding: 10px 25px 10px 10px;
  display:block;
}
.nav-menu ul li a:active{
  color:#1e7600;
}
.nav-menu  ul li li a:focus, #footer a:focus, #footer input:focus{
	outline: 2px solid #fff;
}
.nav-menu ul ul{
  display: none;
  position: absolute;
  background: #252525;
  min-width: 215px;
  z-index: 9999;
}
.nav-menu ul ul ul{
  left: 100%;
  top: 0;
}
.nav-menu ul ul a{
  color: #fff;
  padding: 10px;
  background: #000;
  border-bottom: 1px solid #333;
}
.nav-menu ul ul a:hover{
  color: #1e7600;
  border-left: 4px solid #1e7600;
}
.nav-menu ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-left: none;
  border-right: none !important;
  padding: 0;
}
.nav-menu ul li:hover > ul{
  display: block;
}

/*--------------- SUPERFISH MENU ---------------------------*/
.sf-arrows .sf-with-ul:after{
  content: '\f0dd';
  position: absolute;
  right: 8px;
  top: 3px;
  font-size: 18px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  border-top-color: #e1e1e1;
}
.toggle-menu, a.closebtn{
  display: none;
}

/*----- PRELOADING -------- */
#overlayer {
  width: 100%;
  height:100%;  
  position:fixed;
  top:0;
  z-index:999999;
  background:#fff;
}
.tg-loader {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: fixed;
  z-index:999999;
  border: 4px solid #333;
  top: 50%;
  left: 50%;
  animation: loader 2s infinite ease;
}
.tg-loader-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #333;
  animation: loader-inner 2s infinite ease-in;
}
@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loader-inner {
  0% {
    height: 0%;
  }
  25% {
    height: 0%;
  }
  50% {
    height: 100%;
  }
  75% {
    height: 100%;
  }
  100% {
    height: 0%;
  }
}
.elementor-html .tg-loader, .elementor-html #overlayer, .elementor-html .preloader{
  display: none;
}
@-webkit-keyframes preloader-inside-white {
  0% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes preloader-inside-white {
  0% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-webkit-keyframes preloader-inside-red {
  0% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  30% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes preloader-inside-red {
  0% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  30% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

/* Styles */
.preloader {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  background: #fff;
}
.preloader .preloader-container {
  display: inline-block;
  width: 100px;
  height: 100px;
  margin: auto;
  position: absolute;
  top: 44%;
  left: 0;
  position: relative;
}
.preloader .preloader-container .animated-preloader {
  display: inline-block;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  background: #333;
  border-radius: 50em;
}
.preloader .preloader-container .animated-preloader:after {
  content: '';
  display: inline-block;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50em;
  background: white;
  -webkit-animation: preloader-inside-white 1s ease-in-out infinite;
  -ms-animation: preloader-inside-white 1s ease-in-out infinite;
  animation: preloader-inside-white 1s ease-in-out infinite;
}
.preloader .preloader-container .animated-preloader:before {
  content: '';
  display: inline-block;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  border-radius: 50em;
  background: #333;
  -webkit-animation: preloader-inside-red 1s ease-in-out infinite;
  -ms-animation: preloader-inside-red 1s ease-in-out infinite;
  animation: preloader-inside-red 1s ease-in-out infinite;
}

/*----------Sticky Header------*/
.fixed-header {
  position: fixed;
  top:0; 
  left:0;
  margin:0 !important;
  width: 100%;
  background: #1e7600;
  box-shadow: 2px 2px 10px 0px #2d2d2d;
  z-index: 99999;
}
.admin-bar .fixed-header{
  margin-top: 32px !important;
}
	
/* ---------HEADER--------- */
.page-template-custom-front-page #header{
	position: absolute;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9;
}
.page-template-custom-front-page #header .header-top{
	border: none;
}
#header .header-top {
  background: #1e7600;
  color: #fff;
  border-bottom-left-radius: 42px;
  border-bottom: 2px solid;
}
#header .header-top a, #header .logo a, #footer .textwidget a, nav.woocommerce-MyAccount-navigation ul li a, #footer a.rsswidget, .copyright a, #footer .tagcloud a, .tags a:hover i{
	color: #fff;
}
span.call, span.email_corporate {
  font-size: 14px;
}
.social-media i {
  font-size: 16px;
  color: #fff;
}
#header .logo h1, #header .logo p.site-title{
	text-transform:uppercase;
	font-size:30px;
	font-weight:bold;
  line-height: 1.3;
  font-family: Montserrat;
}
#header .logo p{
	font-size:12px;
	color: #fff;
}
#header{
	z-index:999;
	width: 100%;
	background-color:#1e7600;
}
.search-field{
  width: 100%;
  padding: 4%;
  margin: 0 3%;
}
form.search-form {
  text-align: center;
}
input[type="search"] {
  border: solid 1px #bbb;
  padding: 0px 0px 10px 9px;
}
.footerinner ul {
  margin: 0;
}
.footerinner ul li {
  list-style: none;
}
.footerinner ul li a {
  color: #fff;
  font-size: 15px;
}
.footerinner ul li a:hover{
  color: #1e7600;
}
.search-box {
	padding: 3px;
}
.page-template-custom-front-page .search-box span i {
  color: #fff;
  background: #1e7600;
}
.search-box span i {
  color: #1e7600;
  font-size: 15px;
  padding: 14px;
  cursor: pointer;
  border-radius: 4px;
  background: #fff;
}
.serach_outer i{
  font-size: 24px;
  padding: 4px 0 0 0;
  color: #bbb;
}
.serach_inner form.search-form label{
	width: 78%;
	float: left;
}
.serach_inner form.search-form input[type="submit"]{
	float: right;
	margin: 0;
}
.page-template-custom-front-page .testbutton a {
  border:none;
}
.testbutton a {
  background: #1e7600;
  color: #fff;
  padding: 12px 20px;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  border:2px solid;
  display: inline-block;
}
.wrap input[type="search"]::placeholder{
  background: #fff;
}
.wrap input[type="search"] {
  height: 45px;
  font-size: 15px;
  font-weight: 100;
  border: none;
  color: #000;
  padding: 0;
  padding-right: 60px;
  width: 0;
  position: absolute;
  top: 4px;
  right: 0;
  background: none;
  z-index: 9999;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
  cursor: pointer;
}
.wrap {
  display: inline-block;
  position: relative;
  border:none !important;
  padding: 8px 30px !important;
}
.wrap label, #wethink img, #content .container, span.woocommerce-input-wrapper, iframe, .entry-audio audio{
  width: 100%;
}
.wrap:focus input[type="search"], .wrap input[type="search"]:focus {
  width: 230px;
  z-index: 999;
  cursor: text;
  padding-right: 0;
  top: -10px;
  right: 58px;
  border: 2px solid #000;
  padding:10px;
  background: #fff;
}
.page-template-custom-front-page .wrap{
	background: none !important;
}
.page-template-custom-front-page .wrap input[type="submit"]{
	border:none;
	padding: 12px;
	background: url(images/search.png) no-repeat 14px center #1e7600;
}
.wrap input[type="submit"], .page-template-custom-front-page .toggle-menu .wrap input[type="submit"] {
  width: 50px;
  display: inline-block;
  float: right;
  padding:  10px;
  background: url(images/search.png) no-repeat 12px center;
  text-indent: -10000px;
  position: absolute;
  top: -12px;
  right: 4px;
  z-index: 2;
  cursor: pointer;
  border-radius: 5px;
  border:2px solid;
  transition: opacity .4s ease;
}
button.search-submit {
	border: 0;
	background: transparent;
}
form.search-form label{
	float: left;
	margin: 0;
}
input.search-field {
	padding: 5px;
	background: transparent;
	width: 95%;
}
/* ---------wethink--------- */
#wethink h2 {
  color: #222222;
  font-size: 30px;
  text-transform: none;
  font-weight: 700;
  letter-spacing: 1px;
}
#wethink p {
  font-size: 15px;
  color: #666;
  line-height: 1.8;
}
.read-btn a{
  padding: 10px 15px;
}

/* Woocommerce CSS */
.woocommerce .col-1, .woocommerce .col-2{
  max-width: 100%;
}
.woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li{
  border: 0;
}
.woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current{
  background: #1e7600;
  color: #fff;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{
  background: #fff;
  color: #1e7600;
  border: 1px solid #1e7600;
  padding: 10px;
  margin-right: 10px;
}
.woocommerce .woocommerce-breadcrumb a, .woocommerce .woocommerce-breadcrumb{
	color: #000;
}
.woocommerce .panel{
	padding: 15px !important; 
}
li.product {
  background: #fff;
  padding: 5px;
  text-align:  center;
}
li.product:hover {
  box-shadow: 0 0 20px 5px #bbb;
}
#content {
  padding-top: 4%;
}
.woocommerce a{
	text-decoration: none;
}
h2.woocommerce-loop-product__title {
  text-align: center;
  font-size: 22px !important;
  font-weight: bold;
  color: #1e7600;
  padding-bottom: 0 !important;
}
span.price {
  text-align: center;
  margin-top: 3%;
}
.woocommerce ul.products li.product .price {
  font-size: 16px;
  margin: 10px 0;
  color: #000;
}
.woocommerce a.button, .woocommerce a.added_to_cart {
  padding: 12px 20px !important;
  color: #fff !important;
  text-align: center;
  background: #1e7600;
  margin: 0 auto;
  border-radius: 20px;
  box-shadow: 0px 4px 0px 0px #164c04;
}
.woocommerce ul.products li.product .button{
	margin-bottom: 1em;
}
.woocommerce select.orderby {
  padding: 10px;
  border: solid 2px #1e7600;
  background: #fff;
  color: #1e7600;
}
p.woocommerce-result-count {
  font-size: 17px;
  color: #1e7600;
}
h1.woocommerce-products-header__title {
  font-weight: bold;
  font-size: 30px;
  letter-spacing: 1px;
  color: #1e7600;
}
.woocommerce div.product .product_title {
  color: #1e7600;
  font-weight: bold;
}
.woocommerce div.product p.price {
  color: #000;
  font-weight: bold;
}
.woocommerce .quantity .qty {
  text-align: center;
  padding: 5px;
  border: solid 2px #bbb;
  color: #000;
}
.woocommerce div.product form.cart div.quantity {
  width: 20%;
  margin: 0 15px 4% 0;
}
.woocommerce button.button.alt, .woocommerce a.button.alt, .woocommerce input.button.alt {
  background: #1e7600;
  padding: 12px 30px;
  font-size: 15px;
  letter-spacing: 1px;
  color: #fff !important;
  border-radius: 20px;
  box-shadow: 0px 4px 0px 0px #164c04;
}
.woocommerce button.button.alt:hover, .woocommerce a.button.alt:hover, .woocommerce input.button.alt:hover {
  background: #bbb;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
  width: 23%;
  margin: 1%;
}
.woocommerce-product-details__short-description p {
  font-size: 15px;
  color: #000;
}
.woocommerce span.onsale {
  background-color: #1e7600;
  font-size: 15px;
  padding: 0;
}
.woocommerce ul.products li.product .star-rating{
  font-size: 15px;
}
.woocommerce .star-rating span::before{
  color: #ffd400;
}
span.posted_in {
  display: block;
}
.woocommerce .cart .button, .woocommerce .cart input.button {
  background: #1e7600;
  color: #fff !important;
}
.woocommerce form .form-row .required {
  color: #df0000;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: #1e7600;
  padding: 12px;
  margin-bottom: 10px;
  margin-left: -9px;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  background: #1e7600;
  color: #fff;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce button.button.alt:hover, .woocommerce a.button.alt:hover, .woocommerce input.button.alt:hover{
	background: #000;
	color: #fff;
	box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.7);
}
.woocommerce ul.products li.product .star-rating{
  margin: 5px auto 10px;
  font-size: 15px;
}
.related.products ul.products li.product{
  width: 29%;
  float: none;
  display: inline-table;
}
.select2-container--default .select2-selection--single{
  height: 45px;
  border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  padding: 7px 10px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  top: 8px;
}
.woocommerce form .form-row input.input-text{
  padding: 10px;
  border: 1px solid #bcbcbc;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
  width: auto;
}
.woocommerce  form.woocommerce-form-login.login .form-row, .woocommerce .woocommerce-form-login .woocommerce-form-login__submit{
  display: block;
  float: none;
}
.woocommerce ul.products li.product a img, .woocommerce ul.products li.product .button{
  margin: 0;
}
#sidebar .woocommerce-product-search input[type="search"], #footer .woocommerce-product-search input[type="search"]{
  padding: 10px;
  width: 100%;
  border: 1px solid;
  margin: 0;
}
.woocommerce-product-search button{
  width: 100%;
  padding: 10px;
  background: #1e7600;
  border:0;
  font-size: 15px;
  color: #fff;
  margin-top: 6px;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
  background: #1e7600;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background: #000;
}
#footer .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background: #fff;
}
.woocommerce .widget_rating_filter ul li{
  padding-bottom: 10px;
}

/*------ Woocommerce widget css -----*/
#sidebar .woocommerce .widget_shopping_cart .cart_list li, #sidebar .woocommerce.widget_shopping_cart .cart_list li{
  padding: 0 0 10px 2em;
  margin-bottom: 10px;
  background: none;
}
.woocommerce.widget_shopping_cart .cart_list li{
  padding-bottom: 10px;
}
.woocommerce.widget_shopping_cart p{
  margin: 0;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{
  width: 50px;
}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total{
  padding: 10px 0;
}
.woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating{
  margin: 5px 0 5px;
  font-size: 14px;
  width: 5.5em;
}

/* Homepage */
.postbox a.blogbutton-small {
  font-size: 15px;
  padding: 10px 15px;
  background: #1e7600;
  color: #fff;
}
.postbox h2 a{
	font-size: 25px;
	color: #000;
	font-weight: 600;
	background: none !important;
}
.yearwrap {
  background: #1e7600;
  opacity: 0.65;
}
.date-monthwrap {
  background: #1e7600;
}
.datebox {
  font-size: 18px;
  color: #fff;
  font-weight: bold;
}
.hovereffect img{
	display: inherit !important;
  position: relative;
  max-width: 100% !important;
  -webkit-transition: none !important; 
  transition: none !important;
  -webkit-transform: none !important;
  transform: none !important;
}

/*------- Related Posts ------*/
.related-posts{
  border-top: 1px solid;
}
.related-posts h2.related-posts-main-title{
  font-size: 28px;
  color: #000;
  font-weight: 600;
  letter-spacing: 0;
}
.related-posts h3{
  font-size: 22px;
  font-weight: 600;
}
.related-posts h3 a{
  color: #000;
  background: none;
  font-size: unset;
}

/* Back to Top */
.back-to-top {
  position: fixed;
  right: 30px;
  bottom: 60px;
  height: 15px;
  width: 40px;
  padding: 3px 5px;
  font-size: 10px;
  font-weight: bold;
  color: transparent;
  visibility: hidden;
  z-index: 3;
  text-transform: uppercase;
  transition: all 0.25s ease-in-out;
  background-color: #1e7600;
}
.back-to-top:hover, .back-to-top:focus {
  text-decoration: none;
}
.back-to-top::before, .back-to-top::after {
  content: "";
  position: absolute;
  left: 0;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-top: 0;
}
.back-to-top::before {
  top: -20px;
  z-index: 4;
  border-bottom: 20px solid #1e7600;
}
.back-to-top::after {
  bottom: 0;
  z-index: 5;
  border-bottom: 20px solid #25333c;
}
.back-to-top:hover, .back-to-top:focus {
  height: 40px;
  color: #fff;
}
.show-back-to-top {
  display: block;
  visibility: visible;
}
.scroll-left{
  left: 30px;
  right: auto;
}
.scroll-center{
  left: 50%;
  right: 50%;
}

/* Footer Section */
#footer{
	background:#25333c;
	color: #fff;
  clear:both;
}
#footer h3{
	color: #fff;
	font-size:24px;
	border-bottom:2px solid #1e7600;
	font-weight: 600;
  margin-top: 0;
}
#footer p{
	font-size:16px;
	margin: 0;
	color: #fff;
}
#footer input[type="text"]{
  width:60%;
	padding:8px 5%;
	float:left;
	margin-right:2%;
	border-radius:5px;
}
#footer input[type="submit"]{
  width: 100%;
	padding:6px 2%;
	float:right;
	border:none;
	background:#1e7600;
	margin:0;
}
#footer .searchform label {
  width: 100%;
  float: left;
}
#footer .search-field {
  width: 100%;
  background: #fff;
  margin: 0 0 10px;
  padding: 5px;
}
#footer .copyright{
	text-align:center;
}
.inner{
  background: #1e7600;
  padding: 15px;
}

/* --------- Blog Page ------- */
.metabox{
	color:#000;
	clear:both;
	font-size: 15px;
}
.metabox a{
	background: none !important; 
	color: #000;
}
.datebox a{
	font-size: 18px;
  color: #fff;
}

/* --------- 404 --------- */
.notfound h1{
  font-weight: bold;
  font-size: 60px;
}
.entry-title {
  font-size: 25px;
}

/* --------- POST --------- */
.bradcrumbs a{
	background:#1e7600;
	color: #fff;
	padding:2px 15px;
	margin-right:5px;
}
.bradcrumbs {
  margin: 10px 0;
}
h1.search-title {
  border-bottom: 1px solid; 
}
.bradcrumbs a:hover{
	background:#222222;
}
.bradcrumbs span{
	background:#dddddd;
	color:#000;
	padding: 2px 15px;
}

/* Comments BOX */
#comments p.comment-form-comment label{
  display: block;
}
#comments h2.comments-title{
	font-size: 22px;
  font-weight: bold;
  border-top: 2px dotted #7e7e7e;
  padding: 25px 0;
  text-transform: capitalize;
}
#comments h3.comment-reply-title{
	font-size:20px;
	font-weight:bold;
}
#comments input[type="text"], #comments input[type="email"], #comments textarea{
	padding:12px 10px;
	font-size:18px;
}
ol.comment-list li{
  margin: 10px 0 0px;
  padding: 0 0  0 10px;
}
ol.comment-list .comment-body{
	background: #f7f7f7;
	padding: 10px;
	margin-bottom:20px;
}
ol.comment-list li li{
	padding-left: 20px;
	padding-bottom:0;
}
.comment-author.vcard img {
  margin-right: 10px;
}
#comments input[type="submit"].submit{
	background:#1e7600  ;
	padding:10px 20px;
	text-transform:uppercase;
	font-weight:bold;
	margin:20px 0 0;
	border:none;
}
#comments input[type="submit"].submit:hover{
	background: #000;
}
.comment-meta.commentmetadata {
    margin: 10px 0;
}
#comments .reply{
	text-align: right;
  margin: 10px 0;
}
#comments a.comment-reply-link{
	color: #fff;
	background:#1e7600;
	padding:5px 15px;
}
#comments a.comment-reply-link:hover{
	background:#000;
	color: #fff;
}
#comments a time{
	color:#000;
	font-weight:bold;
	font-size:12px;
}
.content-tg #comments ol.children li{
	list-style: none;
}
.content-tg #comments ol li{
	background:none;
	margin: 0 0 20px;
	padding: 20px;
	background:#eee;
}
.content-tg #comments ul{
	margin:0 0 0 40px;
}
.comments .reply{
	float:right;
}
.comments .comment-author{
	width: 100%;
	clear:both;
}
#comments .comment-metadata{
	width:90%;
	float:left;
}
#comments .comment-content{
	width:90%;
	float:left;
	margin-left:7%;
}
#comments p {
	float:none;
}

/* --------- SLIDER--------- */
#slider{ 
  max-width:100%;
  background: #000;
}
#slider img {
  width: 100%;
  opacity: 0.7;
}
#slider .inner_carousel h1 {
	letter-spacing: 1px;
	color: #fff;
	font-size: 33px;
	font-weight: 800;
}
#slider .inner_carousel p {
  font-size: 15px;
  line-height: 1.6;
  padding: 0 7em;
  color: #fff;
}
#slider .inner_carousel {
  text-align: center;
}
#slider .carousel-caption {
	top: 55%;
	transform: translateY(-50%);
	left: 20%;
	right: 20%;
  padding: 0;
  bottom: auto;
}
.read-more a{
	font-size: 14px;
  padding: 13px 16px;
  font-weight: 600;
  border-radius: 4px;
  text-decoration: none;
  background: #1e7600;
  color: #fff;
}
#slider .carousel-control-next, #slider .carousel-control-prev{
  opacity: 1;
}
#slider .carousel-control-next-icon, #slider .carousel-control-prev-icon{
  background: transparent;
  width: auto;
  height: auto;
  font-size: 25px;
  color: #fff;
}

/* Sidebar */
#sidebar form{
 	display: table;
	width: 100%;
}
#sidebar h3{
	text-transform:none;
	font-weight:bold;
	font-size:20px;
	background:#1e7600;
	color: #fff;
}
#sidebar input[type="search"] {
	padding:9px 10px;
	border:none;
	font-size:15px;
	color:#000;
	width: 100%;
}
#sidebar form.search-form label{
	width:70%;
	float:left;
}
#sidebar input[type="submit"]{
	background:#1e7600;
	border:none;
	color: #fff;
	padding: 10px 0px;
	width:30%;
	font-size:14px;
	float:left;
	margin:0;
}
#sidebar aside, .postbox {
	border: 1px solid #c7c7c7;
	box-shadow: 0 0 15px 3px #bbb;
}
#sidebar ul {
  list-style:none;
	margin:0;
	padding:0;
	font-size:16px;
}
#sidebar ul li{
	background:url('images/bullets-sidebar.png') no-repeat 0 7px;
	margin:0 0 15px 10px;
	padding:0 0 0 20px;
}
#sidebar ul li li{
	padding-left: 0;
	margin: 0;
}
#sidebar ul li li a{
	padding-left: 20px;
}
#sidebar ul li a{
	color:#000;
}
#sidebar ul li a:hover{
	color:#1e7600;
}
#sidebar .tagcloud a, #footer .tagcloud a{
	color:#666;
	font-size:15px !important;
	padding:5px 18px;
	margin:0 0 5px;
	border:1px solid;
	display:inline-block;
}
#footer .tagcloud a{
  color: #fff;
}
#sidebar .tagcloud a:hover, #footer .tagcloud a:hover{
	background: #1e7600;
	color: #fff;
	border-color: #1e7600;
}

/* About Us Widget */
#sidebar .widget{
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid #c7c7c7;
  box-shadow: 0 0 15px 3px #bbb;
}
#footer .widget{
  padding: 22px 0;
}
#footer .widget form.search-form label {
  width: 100%;
}
#sidebar .widget h3{
  text-align: center;
  margin: 0 0 10px;
}
#sidebar .widget p, #footer .custom_title{
  margin-bottom: 10px;
}
#footer p.custom_author, #sidebar p.custom_author {
  font-size: 20px;
  font-weight: 700;
}
#footer p.custom_designation, #sidebar p.custom_designation{
  font-size: 16px;
  font-weight: 600;
}
#footer p.custom_desc, #sidebar p.custom_desc{
  font-size: 15px;
}
.social-links i{
  color: #1e7600;
}
.more-button a {
  background: #1e7600;
  color: #fff;
  display: inline-block;
  line-height: 1.5;
  font-weight: 500;
}

/* Page */
.title-box{
	color: #1e7600;
  font-weight: bolder;
  text-transform: uppercase;
}
.title-box h1 {
  font-weight: 700;
  font-size: 30px;
}
.entry-content li {
  margin-bottom: 10px;
  font-size: 15px;
}
.entry-content a, .comment p a, #footer .textwidget p a, #sidebar .textwidget p a, .woocommerce-product-details__short-description p a{
  text-decoration: underline;
}
.entry-content ul{
	margin-top: 10px;
}
.content-tg ul{
	margin:0 0 0 10px;
	font-size:16px;
}
.content-tg ul li{
	line-height:25px;
}
.content-tg ol{
	margin:0 0 0 15px;
	font-size:16px;
	counter-reset: myCounter;
}
.content-tg ol li{
	padding:0 0 0 0;
}

/* Pagination */
.pagination {
	clear:both;
	position:relative;
	font-size:14px;
	line-height:13px;
	float:right;
	font-weight:bold;
} 
.pagination span, .pagination a {
	display:block;
  float:left;
  margin: 2px 6px 10px 0;
  padding:10px 15px;
  text-decoration:none;
  width:auto;
  color: #fff;
  background: #1e7600 ;
  -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;
}
.pagination a:hover{
	color: #fff;
  background: #000;
}
.pagination .current{
	padding:10px 15px;
  background: #1e7600;
  color: #fff;
	font-weight:normal;
}
/* ------------Navigation Links------------*/
.navigation .nav-previous a, .navigation .nav-next a{
  color: #fff;
  background: #1e7600;
  font-size: 16px;
  font-weight: 600;
  padding: 6px 10px;
}
.navigation .nav-previous a::before {
  content: "\f100";
  display: inline-block;
  line-height: 1;
  font-family: 'Font Awesome 5 Free';
  font-size: 16px;
  margin: 0 8px 0 0;
  font-weight: 900;
}
.navigation .nav-next a::after {
  content: "\f101";
  display: inline-block;
  line-height: 1;
  font-family: 'Font Awesome 5 Free';
  font-size: 16px;
  margin: 0 0 0 8px; 
  font-weight: 900;
}
.nav-previous {
  float: left;
  width: 50%;
  margin: 15px 0 20px;
}
.nav-next{
	float: left;
	width: 50%;
	text-align: right;
	margin: 15px 0;
}
span.post-title {
  font-size: 16px;
  margin: 3%;
  font-weight: 600;
  line-height: 1.5;
  color: #1e7600;
}
.tags a {
  font-size: 15px;
  color: #666;
  display: inline-block;
  border:1px solid;
}
.tags a:hover{
	background: #1e7600;
	color: #fff;
	border-color:#1e7600;
}
.tags a i{
	font-size: 12px;
	color: #1e7600;
}

/* ------------Responsive ------------*/
@media screen and (max-width: 1024px) and (min-width: 1000px){
  .alignwide {
    margin-left: -35px;
    margin-right: -35px;
  }
}
@media screen and (max-width: 1000px){
  .fixed-header{
    position: static;
    background: none;
  }
  .nav-menu .nav ul li a:focus, a.closebtn.responsive-menu:focus, .toggle-menu button:focus, .nav-menu .sub-menu > li > a:focus, .nav ul li a:focus{
    outline: 2px solid #fff;
  }
  .toggle-menu {
    display: none;
    width: 100%;
    cursor: pointer;
    z-index: 9999;
    background: #000;
    font-size: 20px;
    border-bottom: 1px solid #333;
  }
  .toggle-menu i {
    font-size: 25px;
    color: #fff;
  }
  .toggle-menu button {
    background: transparent;
    border: none;
    color: #fff;
    width: 75%;
    text-align: left;
  }
  .side-nav {
    max-height: 100%;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999999;
    top: 110%;
    visibility: hidden;
    right: 0;
    overflow-y: scroll;
    background-color: #000;
    overflow-x: hidden;
    padding-top: 60px;
  }
  body.show-main-menu .side-nav{
    visibility: visible;
    top: 63px;
    transition: 0.5s top ease-in-out;
  }
  .side-nav .closebtn {
    position: absolute;
    top: 0;
    right: 5px;
    padding: 5px;
    font-size: 18px;
    display: block;
    color: #ffffff;
    border:none;
    background: transparent;
  }
  .search-box{
    display: none;
  }
  .toggle-menu, .toggle-menu .search-box{
    display: block;
  }
  .nav-menu .nav ul li{
    border-top:1px #303030 solid; 
    display:block;
  }
  .nav ul li a{
    padding: 10px 15px;
    display: block;
    color: #ffffff;
    border: none;
    border-bottom: 1px solid #333;
    background: none !important;
  }
  .sf-arrows .sf-with-ul:after{
    right: 20px;
  }
  .nav ul li:first-child a{
    border-top: 1px solid #333;
  }
  .nav ul li:first-child ul li a{
    border-top: none;
  }
  .nav-menu .current_page_item > a, .nav-menu .current-menu-item > a, .nav-menu .current_page_ancestor > a {
    color: #1e7600;
  }
  .nav ul li ul li a:before{
    content:"__";
    padding-right: 10px;
  }
  .nav ul li ul li a{
    padding-left:20px !important;
  }
  .nav ul li ul li ul li a{
    padding-left:30px !important;
  }
  .nav-menu ul ul{
    position: static;
    width: 100%;
    background: none;
  }
  .nav-menu li{
    display: block;
  }
  .main-header-box{
    padding-bottom: 15px;
  }
  .nav-menu ul li a:hover{
    color: #1e7600;
    border-left: 4px solid #1e7600;
  }
}
@media screen and (max-width: 720px) and (min-width: 320px){
	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    width: 100%;
	}
  .alignwide{
    margin:0;
  }
  .datebox{
    display: inline-block;
  }
	#slider .inner_carousel h1{
		display: none;
	}
	ol.children {
    margin: 0 !important;
	}
	ol.children img {
    width: 30px;
    border: solid 1px;
	}
	#comments .reply {
		float: left !important;
		margin-bottom: 5%;
	}
	.slider .inner_carousel h2, #slider .inner_carousel p{
		display: none;
	}
	.page-template-custom-front-page #header{
		position: static;
    background: #1e7600;
	}
  .wrap:focus input[type="search"], .wrap input[type="search"]:focus{
    width: 200px;
  }
  .page-template-custom-front-page #header .header-top{
    border-bottom: 2px solid;
  }
  .page-template-custom-front-page .testbutton a{
    border:2px solid;
  }
}
@media screen and (max-width: 768px) and (min-width: 720px){
  .page-template-custom-front-page #header{
    position: static;
    background: #1e7600;
  }
  .page-template-custom-front-page .testbutton a{
    border: 2px solid #fff;
  }
  .alignwide {
    margin-left: -30px;
    margin-right: -30px;
  }
	.testbutton a {
  	padding: 12px;
	}
	#slider .inner_carousel p{
		display: none;
	}
	#slider .carousel-caption{
		top: 50%;
	}
  .related.products ul.products li.product{
    width: 48%;
  }
}