/*
Theme Name: Multipurpose Lawyer
Theme URI: https://www.themesglance.com/themes/free-lawyer-wordpress-theme/
Author: Themesglance
Author URI: https://www.themesglance.com/
Description: Multipurpose Lawyer is a powerful, bold, eye-catching, versatile and smooth lawyer WordPress theme for lawyers, attorneys, law firms, law practitioners, legal advisors and consultants, law offices, legal experts, legal service providers, law colleges, universities and institutions, law enforcing authority and any similar business concerned with this field. It can be used as a blog to make aware of new and old laws which are oblivion to people. The design of this theme is sure to make a strong impact on visitors with full-width and full screen homepage sliders welcoming them with warmth. It is a responsive lawyer WordPress theme that gives a really good look on devices of different screen sizes without breaking. It loads coherently on all browsers and can be translated into several different languages. It provides call to action (CTA) buttons which you can place anywhere. The professional look of this lawyer theme can be made to reflect your brand with customization option on so many elements further helping you in this. It loads with great speed and assures a good SEO rank for your website. It supports various post formats so you can include posts with images, videos, audios and other types. Demo:https://themesglance.com/multipurpose-lawyer-pro/
Version: 0.3.1
License: GNU General Public License
License URI: license.txt
Text Domain: multipurpose-lawyer
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, custom-background, custom-logo, custom-menu, custom-header, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments, translation-ready, rtl-language-support, blog, portfolio, e-commerce

Multipurpose Lawyer WordPress Theme has been created by Themesglance(themesglance.com), 2018.
Multipurpose Lawyer 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;
	background-color:#fff;
	font-size: 16px;
	color:#000;
  font-family: 'Alegreya', serif;
}
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;
}
p{
	margin:0 0 15px;
	padding:0;
	font-size:15px;
  color: #666666;
	line-height:1.8;
  font-family: 'Roboto', sans-serif;
}
a{
	text-decoration:none;
	color: #2f3235;
}
a:hover{
	text-decoration:none;
	color: #2f3235;
}
a:focus,
a:hover{
  text-decoration:none !important;
}
a:focus,
input:focus,
textarea:focus,
.woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus{
  outline: 1px dotted #000;
  border-bottom: 1px solid #000;
}
.top-bar a:focus{
  outline: 1px dotted #fff;
  border-bottom: 1px solid #fff;
}
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%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary{
  clear:both;
}
.clear{
	clear:both;
}
input[type='submit']:hover{
	cursor: pointer;
}
.center{
	text-align:center;
	margin-bottom:40px;
}
.main-wrap-box{
	margin:0 auto;
	padding:20px 0 20px;
}
.wp-caption{
	margin:0;
	padding:0;
	font-size:13px;
	max-width:100%;
}
.wp-caption-text{
	margin:0;
	padding:0;
}
.screen-reader-text {
	position: absolute;
	top:-9999em;
	left:-9999em;
}
/* 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{
  left: 0;
  position: fixed;
	margin:0;
	padding:0;
}
.gallery-caption{
	margin:0;
	padding:0;
}
.alignleft,
 img.alignleft {
 	display: inline;
	float: left;
	margin-right:20px;
	margin-top:4px;
	margin-bottom:10px;
	padding:0;
	border:1px solid #bbb;
	padding:5px;
}
.alignright,
 img.alignright {
	display: inline;
	float: right;
	border:1px solid #bbb;
	padding:5px;
	margin-bottom:10px;
	margin-left:25px;
}
.aligncenter,
 img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:0;
	border:1px solid #bbb;
	padding:5px;
}
.comment-list .comment-content ul {
	list-style:none;
	margin-left:15px;
}
.comment-list .comment-content ul li{
	margin:5px;
}
#respond{
	clear:both;
}
.toggle{
 	display:none;
}
.bypostauthor{
	margin:0;
	padding:0;
}
small{
	font-size:14px !important;
}
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: 16px;
  padding: 10px 18px;
  background: #60d158;
  font-weight: bold;
  color: #000;
  margin: 0 10px;
}
/*input[type="submit"]:hover{
	background:#222;
}*/
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;
	/* Prevents HTML tables from becoming too wide */
	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;
}
/* Calendar widget */
.widget.widget_calendar table {
	margin: 0;
}
#footer .widget_calendar td a{
  color: #fff;
}
.widget_calendar td,
.widget_calendar th {
	line-height: 2.5625;
	padding: 0;
	text-align: center;
}
.widget_calendar caption {
  font-weight: 900;
  margin-bottom: 1em;
  color: #fff;
  font-size: 20px;
}
.widget_calendar tbody a {
	color: #fff;
	display: block;
	font-weight: 700;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
	background-color: #686868;
	color: #fff;
}
.widget th,
.widget td {
	padding: 0em;
}
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: #2f3235;
  -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;
}

/* ---------Buttons--------- */
a.button{
	background:#60d158;
  color: #000;
  font-size: 16px;
  margin: 20px 0 0;
  padding: 10px 30px;
	font-weight:bold;
}	
a.button:hover{
  background:#2f3235;
}
/* --------- MENUS CSS --------- */
#sidelong-menu {
  display: inline;
}
ul.list_nav {
  margin: 0 auto;
  text-align: center;
  display: block;
}
.nav-menu ul{
  /*float:right;*/
  margin:0;
  padding:0;
  font-weight:400;
  font-size:14px;
  text-transform: uppercase;
  font-weight:bold; 
}
.nav-menu li{
  display:inline-block;
  margin:0;
  position:relative;
}
.nav-menu a{
  color: #2f3235;
  padding: 25px 15px;
  display:block;
  font-size: 14px;
}
.nav-menu ul li a:active, .nav-menu ul li a:hover{
  color:#60d158;
}
.nav-menu ul ul{
  display: none;
  position: absolute;
  min-width: 200px;
  z-index: 9999;
  border:1px solid #60d158;
}
.nav-menu ul ul ul{
  left: 100%;
  top: 0;
}
.nav-menu ul ul a{
  color: #2f3235;
  padding: 10px;
  background: #60d158;
}
.nav-menu ul ul a:hover,
.nav-menu ul ul a:focus{
  background: #2f3235;
  color: #60d158;
  border-left: 4px solid #60d158;
}
.nav-menu ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-left: none;
  border-right: none !important;
  padding: 0;
}
.nav-menu ul ul li:last-child{
  border-bottom: 0;
}
.nav-menu ul li:hover > ul{
  display: block;
}
.nav-menu a:hover{
  color: #60d158;
}
.nav-menu .menu > ul > li.highlight{
  background-color: #006ccc;
}
.nav-menu .menu > ul > li.highlight:hover{
  background: transparent;
}
/*--------------- SUPERFISH MENU ---------------------------*/

.sf-arrows ul .sf-with-ul{
  padding: 10px;
}
.sf-arrows .sf-with-ul,
.topbar .sf-arrows .sf-with-ul{
  padding: 10px 25px 10px 10px;
}
.sf-arrows .sf-with-ul:after{
  content: '\f0dd';
  position: absolute;
  right: 5px;
  top: 4px;
  font-size: 18px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}
.sf-arrows ul .sf-with-ul:after{
  top: 4px;
}
.toggle-menu, a.closebtn{
  display: none;
}

/*----- PRELOADING -------- */
#overlayer {
  width:100%;
  height:100%;  
  position:fixed;
  z-index:999;
  background:#fff;
}
.tg-loader {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: fixed;
  z-index:999;
  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-out;
}
@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%;
  }
}

/*----------Sticky Header------*/
.fixed-header {
  position: fixed;
  top:0; 
  left:0;
  margin:0 !important;
  width: 100%;
  background: #fff;
  box-shadow: 2px 2px 10px 0px #2d2d2d;
  z-index: 999999;
}

/* ---------HEADER--------- */
#header .top-bar{
  background: #2f3235;
}
.welcome p, .top-bar p {
  color: #fff;
  font-size: 14px;
  letter-spacing: 0;
  font-weight: 500;
  margin: 0;
}
.top-bar p i{
  color: #60d158;
  padding-right: 5px;
}
.welcome p{
  padding: 10px 0;
}
.top-bar p{
  padding: 10px 0;
}
.request {
  padding: 10px 0;
}
.request a {
  color: #2f3235;
  background: #60d158;
  padding: 12px 10px;
  font-size: 15px;
  font-weight: 500;
  font-family: 'Alegreya', serif;
}
#header .social_widget {
  text-align: right;
  padding: 8px 0;
}
#header .social_widget i {
  font-size: 12px;
  background: #fff;
  color: #2f3235;
  border-radius: 4px;
  width: 22px;
  height: 22px;
  line-height: 2;
  text-align: center;
}
#header .social_widget i:hover{
  background: #60d158;
}
#header .social_widget a{
  margin-right: 5px;
  color: #fff;
}
.logo {
  padding: 5px 0;
}
.logo h1 a,
.logo p.site-title a{
  color:#2f3235;
}
.logo h1,
.logo p.site-title{
  font-size:25px;
  font-weight:bold;
  font-family: 'Alegreya', serif;
}
.logo h1 a:focus,
.logo p.site-title a:focus,
.social-media a:focus,
.copyright a:focus  {
  outline: 1px dotted #fff;
  border-bottom: 1px solid #fff;
}
.logo p{
  font-size:12px;
  color: #000;
  margin: 0;
}
.search-box i {
  padding: 10px;
  background: #60d158;
  color: #2f3235;
  border-radius: 4px;
}
.search-box {
  padding: 20px 15px;
  text-align: right;
}
.top-header {
  border-bottom: 1px solid #2f3235;
}
/*-----------------Search pop up----------------*/
.wrap input[type="search"]::placeholder{
  padding: 15px 10px;
  background: #fff;
  color: #000;
}
.wrap input[type="search"] {
  height: 45px;
  font-size: 15px;
  font-weight: 400;
  border: none;
  color: #000;
  padding: 0;
  padding-right: 60px;
  width: 0;
  position: absolute;
  top: 4px;
  right: 0;
  margin: 6px 0;
  background: none;
  z-index: 9999;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
  cursor: pointer;
}
.wrap label{
  width: 100%;
}
.wrap:focus input[type="search"],
.wrap input[type="search"]:focus {
  width: 230px;
  z-index: 999;
  cursor: text;
  padding-right: 0;
  top: 5px;
  right: 58px;
  border: 2px solid #000;
  padding:10px;
  background: #fff;
}
.wrap input[type="submit"] {
  width: 50px;
  padding:  10px;
  background: url(images/search.png) no-repeat 12px center;
  text-indent: -10000px;
  position: absolute;
  top: 0px;
  right: 4px;
  z-index: 2;
  margin: 10px 0;
  cursor: pointer;
}
.wrap input[type="submit"]:hover{
  background-color: unset !important;
}
button.search-submit {
 border: 0;
 background: transparent;
}
input.search-field {
  border: 1px solid;
  padding: 10px 5px;
  width: 95%;
}

/*-----------Slider--------*/
#slider{ 
  max-width:100%;
  margin:auto; 
  padding:0;
  background: #000;
}
#slider img {
  width: 100%;
}
#slider .carousel-caption.d-none.d-md-block {
  width: 50%;
  padding: 30px;
}
#slider .inner_carousel h1 {
  font-weight: 700;
  color: #fff;
  font-size: 40px;
  letter-spacing: 0;
  text-transform: uppercase;
}
#slider .inner_carousel p{
  font-size: 14px;
  line-height: 2;
  font-weight: 500;
  color: #fff;
}
#slider .inner_carousel {
  color: #fff;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 20%;
  right: 5%;
  text-align: right;
}
#slider .carousel-caption{
  padding-bottom:0px !important;
}
#slider .carousel-caption {
  background: rgba(84, 89, 95, 0.8);
  top: 0;
  bottom: 0;
  text-align: left;
  right: 0;
  left: 0;
  height: 100%;
}
.read-more a i {
  font-size: 10px;
  padding: 10px;
  font-weight: 700;
}
.read-more a:hover {
  color: #fff;
  background: #2f3235;
}
.read-more a{
  font-size: 14px;
  padding: 15px;
  font-weight: 700;
  text-decoration: none;
  background: #60d158;
  color: #2f3235;
  border-radius: 4px;
}
.read-more {
  margin-top: 40px;
}
.carousel-inner img{
  max-width: 100%;
}
#slider .carousel-item-next,#slider .carousel-item-prev,#slider .carousel-item.active {
  display: block;
}

#slider .carousel-control-next, #slider .carousel-control-prev{
  opacity: 1;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
  width: auto;
  height: auto;
  font-size: 25px;
  color: #60d158;
}
#slider .carousel-control-next-icon,
#slider .carousel-control-prev-icon{
  background: transparent;
}

#slider .carousel-indicators li{
  width: 12px;
  height: 12px;
  background: #fff;
}
#slider .carousel-indicators .active{
  background: #60d158;
}

/*------ Practice Section ----*/
#practice {
  background: #60d158;
}
#practice a.practice-btn {
  float: right;
  padding: 10px;
  border: 2px solid #2f3235;
  color: #2f3235;
  border-radius: 5px;
  font-weight: 600;
}
#practice a.practice-btn:hover {
  background: #2f3235;
  color: #fff;
}
#practice span.head {
  font-size: 20px;
  color: #2f3235;
  font-weight: 600;
}
#practice .practice-text {
  margin: 3% 0;
  border-right: 1px solid #a8aeb5;
  padding: 15px;
}
#practice .call {
  margin: 10% 0;
}
#practice p.heading {
  font-size: 17px;
  font-weight: 500;
}
#practice p{
  color: #2f3235;
  font-size: 25px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 0;
  font-family: "Alegreya";
}

/* ---------blog--------- */
.post-info i {
  color: #091b27;
}
hr.metahr {
 border-top: solid 1px;
}
.month {
 margin-top: 5px;
}
.blog-sec h2 {
  margin-bottom: 0;
  padding-top: 0;
  font-size: 25px;
  font-weight: 600;
  text-align: left;
}
.blog-sec h2 a {
  color: #2f3235;
}
.box-image img {
  width: 100%;
}
.blog-sec {
  margin-bottom: 4%;
  border: 1px solid #e4e4e4;
  padding: 12px;
}
.blog-sec p {
  font-size: 15px;
  line-height: 1.8;
}
h1.page-title,
h1.search-title {
  background: #60d158;
  margin-bottom: 3%;
  color: #000;
  text-align: center;
}
.header input[type="submit"] {
  background: url(images/search.png) no-repeat 23px 10px;
  text-align: center;
  float: right;
  text-indent: -9999px;
  border: none;
  margin: 0;
  padding: 7px 35px
}

/*------- Related Posts ------*/
#wrapper .related-posts{
  padding: 2% 0;
  border-top: 1px solid;
}
#wrapper .related-posts h2.related-posts-main-title{
  font-size: 28px;
  color: #2f3235;
  font-weight: 600;
  letter-spacing: 0;
}
#wrapper .related-posts h3{
  margin-bottom: 0;
  padding: 0 0 10px;
  font-size: 22px;
  font-weight: 600;
  text-align: left;
}
#wrapper .related-posts h3 a{
  color: #2f3235;
}

/*-----------------Search----------------*/
button.search-submit {
  border: 0;
  background: transparent;
}
input.search-field {
  width: 100%;
}

/* About Section */
#about {
  padding: 3% 0;
}
#about h2 {
  text-transform: uppercase;
  color: #2f3235;
  font-size: 30px;
  font-weight: 600;
}
#about p{
  color: #666;
  font-size: 14px;
  margin: 0;
  line-height: 2;
  letter-spacing: 0;
}

/* Homepage */
.single-post .post-info{
   margin:10px 0;
}
.post-info {
  font-size: 16px;
  text-align: left;
  margin-bottom: 6px;
}
.post-info i {
  color: #2f3235;
}
.post-info span {
  margin-left: 1%;
  margin-right: 1%;
  color: #2f3235;
}
.home-content {
  padding: 3% 0;
}
.blogbtn a {
  color: #000;
  background: #60d158;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 20px;
}
.blogbtn a:hover {
  background: #000;
  color: #fff;
}
.blogbtn {
  margin: 4% 0 2%;
}
.mainimage img {
  width: 100%;    
  margin-bottom: 10px;
}
.mainimage{
  overflow: hidden;
}
.innerlightbox {
  padding-top: 4%;
}
#blog_post small{
	color:#6d6d6d;
	margin:0 0 20px 0;
}
#blog_post .small-button{
	margin-top:30px;
}
#blog_post .page-box,.postbox{
	color:rgba(74, 69, 69, 0.75);
	padding:15px;
	margin: 0 0 4% 0;
	box-shadow: 0 0 15px 3px #bbb;
}
#blog_post .page-box p{
	font-size:15px;
	margin:0;
	line-height: 25px;
}
#blog_post .box-image{
	margin:0;
}
#blog_post .services-box{
	margin:40px 0 20px 0;
}
img.alignnone.wp-image-755.size-large {
  width: 100%;	
}

/* Back to Top */
.back-to-top {
  position: fixed;
  right: 30px;
  bottom: 60px;
  height: 15px;
  width: 40px;
  padding: 3px 5px;
  font-size: 12px;
  font-weight: bold;
  color: transparent;
  visibility: hidden;
  z-index: 3;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.25s ease-in-out;
  background-color: #60d158;
}
.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 #60d158;
}
.back-to-top::after {
  bottom: 0;
  z-index: 5;
  border-bottom: 20px solid #2f3235;
}
.back-to-top:hover,
.back-to-top:focus {
  height: 40px;
  color: #2f3235;
}
.show-back-to-top {
  display: block;
  visibility: visible;
}
.scroll-left{
  left: 30px;
  right: auto;
}
.scroll-center{
  left: 50%;
  right: 50%;
}

/* Footer Section */
#footer .social_widget i {
  padding: 4px;
  font-size: 14px;
  background: #fff;
  margin: 4px;
  border-radius: 4px;
  width: 30px;
  height: 30px;
  line-height: 1.8;
  text-align: center;
}
#footer .social_widget i:hover {
  background: #60d158;
  color: #2f3235;
}
.footerinner {
  width: 100%;
}
.footerinner .widget {
  padding: 5% 0;
}
#footer{
	background: #2f3235;
	color:#fff;
	padding:0;
	text-align:left;
  clear:both;
}
#footer h3 {
  text-align: left;
  font-size: 26px;
  color: #60d158;
  font-weight: 600;
}
#footer a.rsswidget{
  color: #60d158
;}
#footer p {
  margin: 0;
  color: #fff;
}
.rssSummary{
  font-size: 15px;
}
#footer .copyright p {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  color: #2f3235;
  font-family: 'Alegreya', serif;
}
#footer .news-form{
	margin-top:24px;
}
#footer input[type="text"]{
  width:60%;
	padding:8px 5%;
	float:left;
	margin-right:2%;
	border-radius:5px;
}
#footer input[type="submit"]{
  width:35%;
	padding:11px 2%;
	float:right;
	border:none;
	background:#60d158;
	margin:0;
}
#footer .search-field {
  width: 59%;
  padding: 10px 5px;
}
#footer label {
  display: inline;
}
#footer form.search-form{
	text-align: left;
}
#footer .copyright a {
  color: #2f3235;
  text-decoration: none !important;
}
.inner {
  padding: 16px;
  background: #60d158;
}
.footerinner ul {
  margin: 0;
}
.footerinner ul li {
  list-style: none;
  padding: 6px 0;
  font-size: 15px;
}
.footerinner ul li a {
  color: #fff;
  font-size: 16px;
}
.footerinner ul li a:hover{
  color: #60d158;
}
#sidebar select,.footerinner select {
  padding: 10px;
  color: #000;
}
.footerinner .tagcloud a{
 	border: solid 1px #fff;
  color: #fff;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 0 5px;
  display: inline-block;
}
.footerinner .tagcloud a:hover{
  background: #60d158;
  color: #000;
  border: none;
}
.footerinner a:focus {
  outline: 1px dotted #fff;
}


/* Woocommerce */
.woocommerce form .form-row .required{
  color: #df0000;
}
.woocommerce-message::before{
  color: #60d158;
}
.woocommerce-message{
  border-color: #60d158;
}
.woocommerce #sidebar {
  margin: 5% 0;
}
select.orderby {
  padding: 10px;
}
span.posted_in {
  display: block;
}
.woocommerce div.product p {
  line-height: 1.5;
  font-size: 16px;
}
.woocommerce .woocommerce-breadcrumb a, .woocommerce .woocommerce-breadcrumb,
a.added_to_cart.wc-forward, .product_meta a {
  color: #000;
}
.woocommerce span.onsale{
  background: #60d158;
  padding: 0;
  color:#000;
}
#featured-product .products li {
  padding: 10px !important;
  width: 23% !important;
  text-align: center;
  margin: 0px 2% 2.992em 0 !important;
}
h2.woocommerce-loop-product__title,
.woocommerce div.product .product_title {
  color: #000;
  font-weight: 500;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #000;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
  margin-bottom: 5px;
}
.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: #60d158;
  color: #000;
  border-radius: 0;
}
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product .button{
  margin: 0;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
  background: #2f3235;
  color: #fff;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 5px;
  border-radius: 0;
  border: solid 1px #000;
  color: #000;
}
.col-1,.col-2 {
  max-width: 100%;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: #60d158;
  padding: 12px;
  margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a{
  color: #000;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
  text-align: center;
}
span.woocommerce-input-wrapper {
  width: 100%;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size: 22px !important;
  padding: 10px 0;
}
.woocommerce ul.products li.product .price{
  font-size: 17px;
}
.woocommerce-product-gallery__image {
  padding: 5px;
}
.entry-content .woocommerce a{
  text-decoration: none !important;
}
.woocommerce ul.products li.product .star-rating{
  margin: 0 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{
  display: inline-block;
}
.woocommerce  form.woocommerce-form-login.login .form-row,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit{
  display: block;
  float: none;
}

/*------ 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;
}
.woocommerce.widget_shopping_cart .cart_list li{
  padding-bottom: 10px;
}
.woocommerce.widget_shopping_cart p{
  margin: 0;
}
#sidebar .woocommerce .widget_shopping_cart .cart_list li a.remove, 
#sidebar .woocommerce.widget_shopping_cart .cart_list li a.remove{
  font-size: 20px;
}
.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;
}
#sidebar .woocommerce-product-search input[type="search"],
#footer .woocommerce-product-search input[type="search"]{
  padding: 10px;
  width: 100%;
}
.woocommerce-product-search button{
  width: 100%;
  padding: 10px;
  background: #60d158;
  border:0;
  font-size: 15px;
  color: #000;
  font-weight: 500;
  margin-top: 6px;
}
.woocommerce .widget_shopping_cart .buttons a:hover, 
.woocommerce.widget_shopping_cart .buttons a:hover,
.woocommerce .widget_price_filter .price_slider_amount .button:hover{
  background: #60d158 !important;
  color: #000 !important;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
  background: #60d158;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background: #000;
}
#footer .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background: #fff;
}
#footer .widget_rating_filter ul li{
  padding-bottom: 10px;
}

/* --------- Bradcrumbs --------- */

.bradcrumbs a {
  background: #2f3235;
  color: #fff;
  padding: 5px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 10px;
}
.bradcrumbs a:hover{
	background:#000;
}
.bradcrumbs span{
	background:#60d158;
	color:#000;
	padding:5px 15px;
}

/* Comments BOX */
#comments{
	margin-top:25px;
}
#comments h2.comments-title{
	font-size:20px;
	font-weight:bold;
	border-top:2px dotted #7e7e7e;
	padding: 25px 0 0 0;
}
#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;
	margin:20px 0 0 0;
}
#comments input[type="submit"].submit {
    background: #60d158;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 20px 0 0;
    border: none;
    color:#000;
}
#comments a.comment-reply-link{
  color:#fff;
  background:#60d158;
  padding:5px 15px;
}
#comments a.comment-reply-link:hover{
  background:#091b27;
}
#comments a time{
	color:#000;
	font-weight:bold;
	font-size:12px;
}
#wrapper #comments ol li{
  background:none;
  margin: 0 0 20px;
}
.comment-body{
  background: #f7f7f7;
  padding: 20px;
  margin-bottom: 20px;
}
#wrapper #comments ul{
	margin:0 0 0 40px;
}
#comments .reply{
	text-align: right;
}
.comment-author.vcard img {
  margin-right: 10px;
}
#comments .comment-author{
	width:100%;
	clear:both;
}
#comments .comment-content{
	margin-left:7%;
}
#comments a.comment-reply-link{
  color:#000;
  background: #60d158;
  padding:5px 15px;
}
#comments a.comment-reply-link:hover,
#comments input[type="submit"].submit:hover{
  background:#000;
  color:#fff;
}
.comment-meta.commentmetadata {
  margin: 10px 0;
}
.comment-meta.commentmetadata a{
  color: #000;
}

/* Sidebar */
#sidebar aside, #sidebar .social_widget {
  border: 1px solid #eeeeee;
}
#sidebar .widget,
#sidebar .social_widget {
  padding: 10px;
}

.social_widget {
  padding: 15px 10px;
  text-align: center;
}
#sidebar .social_widget i {
  padding: 4px;
  color: #fff;
  margin: 4px;
  background: #60d158;
  border-radius: 4px;
  font-size: 14px;
  width: 30px;
  height: 30px;
  line-height: 1.8;
  text-align: center;
}
#sidebar .social_widget i:hover {
  background: #2f3235;
  color: #60d158;
}
#sidebar form{
 	display: table;
	width: 100%;
}
#sidebar a.rsswidget{
  color: #2f3235;
}
#sidebar h3 {
  margin: 0 0 10px;
  text-align: left;
  font-size: 22px;
  font-weight: 600;
  text-transform: uppercase;
  color: #2f3235;
  border-bottom: 1px solid;
}
#sidebar input[type="search"] {
	padding:9px 10px;
	font-size:13px;
	color:#000;
  border-color: #e4e4e4;
	font-weight: normal;
	width:100%;
  background: #fff;
}
#sidebar label{
	width:70%;
	float:left;
	margin-bottom: 0px; 
}
#sidebar input[type="submit"]{
  background: #60d158;
  border: none;
  color: #000;
  padding: 10px 0;
  width: 30%;
  font-size: 12px;
  font-weight: normal;
  float: left;
  margin: 0;
  border-radius: 0;
}
#sidebar aside,
#wrapper {
  margin-bottom: 30px;
} 
#sidebar ul {
	list-style:none;
	margin:0;
	padding:0;
	font-size:16px;
}
#sidebar ul li {
  padding: 8px 0;
  border-bottom: 1px solid #e6e6e6;
}
#sidebar ul li a {
  font-size: 15px;
  color: #242424;    
  font-weight: bold;
}
#sidebar ul li a:hover{
	color:#2f3235;
}
#sidebar .tagcloud a{
	background:#eeeeee;
	color:#000;
	font-size:15px !important;
	padding:5px 18px;
	margin:0 0 5px;
	display:inline-block;
}
#sidebar .tagcloud a:hover{
	background:#60d158;
	color: #000;
}

/* Page */
iframe {
  width: 100%;
}
.notfound {
  padding: 2% 0;
}
.notfound p{
  margin-bottom: 0px;
}
.read-moresec{
  margin:20px 0 0;
}
.title-box h1{  
  font-weight:bold;
  text-transform:uppercase;
}
.single .title-box{
	background-size:100% auto;
}
#wrapper {
  padding: 15px;
}
#wrapper .post-info i {
  color: #60d158;
  font-size: 14px;
}
#wrapper h1 {
  padding: 5px 0;
  font-weight: bold;
  margin: 10px 0;
  color: #2f3235;
}
#wrapper hr{
	border:none;
	border-bottom:1px solid #e4e4e4;
	margin:20px 0;
	clear:both;
}
#wrapper h2{
	font-size:40px;
	font-weight:normal;
	margin:0;
	padding:0;
	color:#000;
	margin:0 0 25px;
}
#wrapper h3{
	font-size:36px;
	font-weight:normal;
	margin:0;
	padding:0;
	color:#000;
	margin:0 0 25px;
}
#wrapper h4{
	font-size:20px;
	font-weight:bold;
	margin:0;
	padding:0;
	color:#333;
	margin:0 0 25px;
}
#wrapper ul{
	margin:0 0 0 10px;
	font-size:16px;
}
#wrapper ul li{
	line-height:25px;
}
#wrapper ol{
	margin:0 0 0 15px;
	font-size:16px;
	counter-reset: myCounter;
}
#wrapper ol li{
	padding:0 0 0 0;
}
.entry-audio audio {
    width: 100%;
}


/* Pagination */
.pagination {
	clear:both;
	position:relative;
	font-size:14px;
	line-height:13px;
	float:right;
} 
.pagination span,
.pagination a {
	display:block;
  float:left;
  margin: 2px 2px 2px 0;
  padding:10px 15px;
  text-decoration:none;
  width:auto;
  color:#242424;
  border: 1px solid #2f3235;
  -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: #2f3235;
} 
.pagination .current {
  padding: 10px 15px;
  color: #000;
  background: #60d158;
  border: 1px solid #2f3235;
}

/* ------------Navigation Links------------*/
.nav-links{
  margin: 10px 0;
}
.nav-previous {
  float: left;
  width: 50%;
  margin: 15px 0;
}
.nav-previous i{
  margin-right: 6px;
}
.nav-next i{
  margin-left: 6px;
}
.nav-next{
  float: left;
  width: 50%;
  text-align: right;
  margin: 15px 0;
}
span.meta-nav {
  clear: both;
  font-size: 15px;
  color: #000;
  font-weight: 600;
  padding: 6px 10px;
  background: #60d158;
}
span.post-title {
  font-size: 20px;
  margin: 3%;
  font-weight: 600;
  line-height: 1.5;
  color: #60d158;
}
.entry-content  a,
.comment p a,
#sidebar .textwidget p a{
  text-decoration: underline;
  color:#2f3235;
}
#footer .textwidget p a{
  color: #fff;
  text-decoration: underline;
}
.tags {
  margin-top: 15px;
}
.tags a {
  font-size: 15px;
  color: #666;
  padding: 6px 10px;
  margin-right: 10px;
  border:1px solid;
}
.tags a:hover{
  background: #60d158;
  color: #000;
  border-color:#60d158;
}
.tags a:hover i{
  color: #000;
}
.tags a i{
  font-size: 12px;
  margin-right: 5px;
  color: #60d158;
}

/* Media Css*/
@media screen and (max-width: 1000px){
  .fixed-header{
    position: static;
  }
  .sf-arrows .sf-with-ul:after{
    top: 5px;
  }
  .social-media{
    text-align: center;
  }
  .sf-arrows .sf-with-ul{
    padding: 10px;
  }
  .nav-menu .nav ul li a:focus,
  a.closebtn.responsive-menu:focus{
    outline: 1px dotted #fff;
    border-bottom: 1px solid #fff;
  }
  .toggle-menu {
    display: none;
    width: 100%;
    top: 0;
    cursor: pointer;
    padding: 12px;
    z-index: 999999;
    text-align: left;
    font-size: 20px;
    background: #000;
    border-bottom: 1px solid #333;
  }
  .toggle-menu button:focus{
    outline: none;
  }
  .nav-menu ul ul a:hover{
    background: none !important;
  }
  .nav-menu ul ul a{
    color: #fff !important;
  }
  .toggle-menu i {
    font-size: 25px;
    color: #fff;
    margin-right: 10px;
  }
  .toggle-menu button {
    background: transparent;
    border: none;
    color: #fff;
  }
  .side-nav {
    max-height: 100%;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999999;
    top: 110%;
    right: 0;
    overflow-y: scroll;
    background-color: #000;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
  }
  .side-nav .closebtn {
    position: absolute;
    top: 0;
    right: 5px;
    padding: 5px;
    font-size: 18px;
    margin-left: 50px;
    display: block;
    color: #ffffff;
    border:none;
    background: transparent;
  }
  .side-nav .closebtn i{
    margin: 15px;
  }
  .toggle-menu{
    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;
    text-align: left;
    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: #60d158;
  }
  .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;
    border:none;
  }
  .nav-menu li{
    padding: 0;
    display: block;
  }
  .main-header-box{
    padding-bottom: 15px;
  }
  .nav-menu .sub-menu > li > a:focus, .nav ul li a:focus{
    outline: 1px dotted #fff;
  }
  .nav-menu ul li a:hover{
    border-left: 4px solid #60d158;
  }
}
@media screen and (max-width: 720px) and (min-width: 320px){
	ol.children {
    margin: 0 !important;
	}
	ol.children img {
    width: 30px;
    border: solid 1px;
	}
	#comments .reply {
		float: left !important;
		margin-bottom: 5%;
	}
	#wrapper #comments ol li{
		padding:0 !important;
	}
	#wrapper h2 {
    font-size: 30px !important;
	}
  hr.hr-border {
    width: 35%;
    margin: 0 32%;
  }
  form.woocommerce-product-search button[type="submit"]{
    padding: 10px 42px;
  }
  span.cart_no a img {
    padding: 35px 47%;
  }
  span.cart-value{
    right: 45%;
  }
  button.product-btn{
    border-top: 1px solid #878787;
    border-left: none;
  }
  .logo{
    text-align: center;
  }
  form.woocommerce-product-search button[type="submit"]{
    left: 16px;
  }
  #header .top-bar,
  #header .social_widget{
    text-align: center;
  }
  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
    width: 100%;
  }
}
@media screen and (min-width: 720px) and (max-width:768px){
  #header .top-bar,
  #header .social_widget{
    text-align: center;
  }
  .related.products ul.products li.product{
    width: 48%;
  }
  .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{
    width: 40px;
  }
  #practice .practice-text{
    margin: 0;
  }
  #practice span.head{
    margin-bottom: 15px;
    display: block;
  }
  #practice a.practice-btn{
    float: none;
  }
  #slider .inner_carousel h1 {
    font-size: 35px;
  }
  #slider .inner_carousel p{
    display: none;
  }
  #sidebar input[type="submit"] {
    padding: 14px 0;
    font-size: 9px;
  }
  #footer input[type="submit"] {
    padding: 15px 2%;
    font-size: 11px;
  }
  .product-cat{
    width: 150px;
  }
  span.cart-value{
    right: 7px;
  }
  .header input[type="submit"] {
    padding: 23px;
  }
}
@media screen and (max-width:720px) {
  .search-box,
  #practice{
    text-align: center;
  }
  #practice{
    padding: 4% 0;
  }
  #practice a.practice-btn{
    float: none;
  }
  #practice span.head{
    display: block;
    margin-bottom: 15px;
  }
  #about {
    padding: 6% 0;
  }
  #slider .inner_carousel h1, #slider .inner_carousel p{
    display: none;
  }
  #slider .carousel-caption.d-none.d-md-block {
    display: block !important;
  }
}