/*
Theme Name: Lawyer Lite
Theme URI: https://www.themeshopy.com/themes/free-lawyer-wordpress-theme/
Author: Themeshopy
Author URI: https://www.themeshopy.com/
Description: Lawyer Lite is a professional WordPress theme built for lawyers, law firms, legal advisors, business consultants, private attorneys, law teaching websites and businesses, agencies and corporations. You can use this theme to write law related blogs or any personal blog. It has clean design. The colour scheme is chosen to suit a law website. It takes least time to set it up. The Lawyer Lite has sophisticated design to show the solemnness in your work. It is a minimal theme with user-friendly interface for smooth navigation. The theme uses banner and call to action (CTA) button. It is a responsive, cross-browser compatible and translation ready theme. The clean and secure codes and SEO-friendliness make it rank higher in search engine results. It caters faster page loading to give good user experience. You can integrate your website with social media sites to give it a larger public platform. The Lawyer Lite theme has testimonial section to let your work talk for you. Multiple page layouts give your site a different look on every page. This modern theme implements short codes. The theme can be customized for colour, background, logo etc. Try this stunning multipurpose theme to best show your lawyer skills. Demo: https://www.themeshopy.com/ts-lawyer-pro/
Version: 0.4.3
License: GNU General Public License
license: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: lawyer-lite
Tags: left-sidebar, right-sidebar, one-column, three-columns, four-columns, grid-layout, custom-colors, custom-background, custom-logo, custom-menu, custom-header, post-formats, editor-style, featured-images, footer-widgets, full-width-template, theme-options, translation-ready, rtl-language-support, threaded-comments, blog, news, e-commerce

Lawyer Lite WordPress Theme has been created by Themeshopy, 2018.
Lawyer Lite WordPress Theme is released under the terms of GNU GPL

In this theme some code is taken from Twenty Sixteen.
*/

/* 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:#5b5b5b;
	font-family: 'Montserrat', sans-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;
	color: #000
}
p{
	margin:0 0 15px;
	padding:0;
	font-size:15px;
	line-height:1.8;
}
p a{
  text-decoration: underline;
}
a{
	text-decoration:none;
	color:#000;
}
a:hover{
	text-decoration:none;
	color:#666;
}
a:focus,
a:hover{
	text-decoration:none !important;
}
a:focus, input:focus, textarea:focus, .woocommerce form .form-row input:focus.input-text, .woocommerce form .form-row textarea:focus{
  outline: 1px dotted #000;
  border-bottom: 1px 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: 10px;
}
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;
}
.middle-align{
	margin:20px auto;
	padding:0 0 20px;
}
.middle-align h1{
  font-weight: 600;
}
.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{
	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;
}
.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="search"] {
  padding: 10px;
  border: none;
  color: #000;
}
input[type="submit"] {
	border: none;
	text-align:center;
	font-size:16px;
	padding:10px 30px;
	background: #000;
	font-weight:bold;
  color:#14cab4;
}
/* 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;
	background: #000;
	-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: #fff;
}
.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);
}

/* ---------Buttons--------- */
a.button{
	background:#14cab4;
  color: #000;
  font-size: 16px;
  margin: 20px 0 0;
  padding: 7px 30px;
	font-weight:bold;
}
/* ---------HEADER--------- */
.top-head {
  background: #000;
  float: left;
  width: 100%;
}
.header-no-slider{
	height: 100px;
}
.topbar .logo{
	margin:0;
	padding: 20px 0;
}
.topbar .logo h1, .logo .site-title a{
	font-weight:700;
	text-transform:uppercase;
	padding:0;
	margin-bottom:8px;
	font-size:20px;
	font-weight:bold;
	margin-top: 0;
	text-align:left;
  text-decoration: none;
}
.topbar .logo a{
	color: #000;
}
.topbar .logo p{
	font-size:12px;
	color: #000;
  margin-bottom: 0;
}
.topbar {
  background: #fff;
}
#contact-info form.search-form{
  display: none;
}
.contact span {
  margin-right: 5em;
  color: #000;
  font-size: 14px;
}
.contact{
	padding:6px;
}
.contact span i {
  margin-right: 8px;
}
.search-box span {
  line-height: 45px; 
}
.search-box span i{
  color: #000;
  font-size: 14px;
  cursor: pointer;
}
.serach_outer i{
  font-size: 24px;
  padding: 4px 0 0 0;
  color: #bbb;
}
.search-box {
  margin: 8px 0;
  padding: 0;
}
/*woocommerce*/
.woocommerce-product-gallery__image{
  padding: 2px;
}
.woocommerce #sidebar {
  margin-top: 2em;
  padding: 10px;
}
.woocommerce {
  width: 100%;
  float: none;
}
a.showcoupon,
.woocommerce-message::before{
  color: #14cab4;
}
a.showcoupon{
  color: #000;
  font-size: 15px;
}
a.shipping-calculator-button {
  text-decoration: none !important;
}
td.product-name a,
a.showcoupon {
  text-decoration: none !important;
}
a.woocommerce-privacy-policy-link {
  text-decoration: none !important;
}
.woocommerce-message {
  border-top-color: #14cab4;
}
.woocommerce span.onsale{
  background: #14cab4;
  padding: 0;
}
.products li {
  border: solid 1px #dcdcdc;
  padding: 10px !important;
  width: 29% !important;
  text-align: center;
}
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 h1.product_title.entry-title {
  background: none;
}
.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: #14cab4;
  color: #000;
  border-radius: 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: #000;
  color: #fff;
}
.woocommerce .quantity .qty {
 width: 6em;
 padding: 10px;
 border-radius: 0;
 border: solid 1px #000;
 color: #000;
}
span.woocommerce-input-wrapper {
  width: 100%;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: #14cab4 !important;
  padding: 12px !important;
  margin-bottom: 10px !important;
}
.woocommerce-MyAccount-content a {
  text-decoration: none !important;
}
.woocommerce-info a,nav.woocommerce-MyAccount-navigation ul li a{
  color: #000 !important;
  text-decoration: none;
}
.woocommerce form .form-row {
  padding: 8px;
  margin: 0 0 6px;
}
.posted_in {
  display: block;
}
header.woocommerce-products-header {
  margin-top: 20px;
}
.woocommerce .single-post-page h2{
  background: #fff;
}
.woocommerce .cart .button, .woocommerce .cart input.button {
  float: none;
  padding: 11.5px;
}
.woocommerce .woocommerce-ordering select {
  vertical-align: top;
  padding: 10px;
  font-size: 15px;
}
li.woocommerce-notice.woocommerce-notice--info.woocommerce-info {
  padding: 16px 32px 56px;
}
.woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  padding: 15px;
  font-size: 15px;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
  float: right;
  padding: 15px;
}
.woocommerce span.onsale {
  position: absolute;
  top: -0.5em;
  margin: 0;
  border-radius: 100%;
  background-color: #14cab4;
  color: #000;
  font-size: 16px;
  z-index: 9;
}
.woocommerce-cart table.cart th, .woocommerce-cart table.cart td, .woocommerce button.button, .woocommerce button.button.alt{
  font-size: 17px;
}
.woocommerce-privacy-policy-text p a,.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled]{
  color: #000;
}
.woocommerce a.remove, .woocommerce form .form-row .required{
  color: #df0000 !important;
}
.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a{
  color: #717171;
  font-size: 15px;
  margin-top: 5px;
}
a.button, .woocommerce span.onsale, .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, .blogbutton-small:hover, span.meta-nav, #footer input[type="submit"], #footer .tagcloud a, .pagination a:hover, .pagination .current, .social-media, .horizontal hr, .about-section hr, .woocommerce span.onsale,#add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th, .woocommerce table.shop_table td{
  font-size: 15px !important;
}
.woocommerce-MyAccount-content p a, .woocommerce-info a, tr.woocommerce-cart-form__cart-item.cart_item a, form.woocommerce-shipping-calculator a, nav.woocommerce-MyAccount-navigation a{
  text-decoration: none;
}
/*-----------------Search pop up----------------*/

.serach_inner label {
  width: 95%;
}
.serach_inner{
  background: #fff;
  max-height: 40%;
  height: 100%;
  width: 100%;
  min-height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  transition: all 500ms;
  box-shadow: 0px 0px 12px #c0bebe;
}
.serach_outer {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0em;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  transition: all 300ms;
  visibility: visible;
  transition: opacity 300ms, z-index 0ms;
}
.closepop {
 position: absolute;
 top: 25px;
 text-align: center;
 font-size: 40px;
 z-index: 9999;
 right: 50%;
 color: #575756;
}
.serach_outer {
 font-size: 24px;
 padding: 4px 0 0 0;
 cursor: pointer;
}
.serach_inner form.search-form {
 display: table;
 padding: 0;
 border-radius: 0;
 background: #ffffff;
 margin: 0 auto;
 max-width: 1200px;
 width: 100%;
}
.serach_inner form.search-form {
  width: calc(100% - 30px);
  margin: 0 auto;
  color: #fff;
  border: none;
  border-bottom: 1px solid #eae6e6;
  position: absolute;
  bottom: 2em;
}
.serach-page input.search-field {
 border: 1px solid #ccc;
 padding: 9px;
}
.serach_inner input.search-field {
 padding: 10px;
 font-size: 20px;
 font-style: italic;
 font-weight: normal;
 color: #3a4d5e;
 max-height: 1200px;
 border: none;
}
.serach_inner input.search-submit {
 padding: 8px 35px;
 margin: 5px 0;
 font-size: 20px;
}
button.search-submit {
 border: 0;
 background: transparent;
}
input.search-field {
 border: 1px solid #bbb;
 padding: 10px 5px;
 background: transparent;
 width: 95%;
}
.search-box i {
  padding: 15px 0px;
  color: #000;
  margin: 7px;
}
.search-box {
  margin: 8px 0px;
}
.serach_inner input[type="submit"]{
  text-indent: -9999px;
  z-index: 9999;
  background: url(images/search.png) no-repeat 0 10px;
  position: absolute;
  margin:0;
  background-size: 30px;
}
/* --------- MENUS CSS --------- */
#menu-sidebar .social-media, #menu-sidebar .mail, #menu-sidebar .book-btn{
  display: none;
}
#menu-sidebar {
  text-align: center;
  display: inline;
}
ul.list_nav {
  margin: 0 auto;
  text-align: center;
  display: block;
}
.primary-navigation ul{
  list-style: none;
  margin: 5px 0 0;
  padding-left: 0;  
  text-align: left;
}
.primary-navigation li{
  display: inline-block;
  position: relative;
}
.primary-navigation li:hover a{
  color: #14cab4;
}
.primary-navigation a{
  display: block;
  color: #000;
  font-size: 12px;
  font-weight: 600;
  padding: 16px 25px;
  text-transform: uppercase;
}
.primary-navigation ul ul{
  display: none;
  position: absolute;
  min-width: 215px;
  z-index: 999;
  top:45px;
  border-top: 6px solid #14cab4 !important;
  border: 1px solid #14cab4;
}
.primary-navigation ul ul ul{
  left: 100%;
  top: 5px;
}
.primary-navigation ul ul a{
  color: #14cab4;
  background-color: #fff;
  border: none;
  padding: 13px;
  font-weight: 700;
  font-size: 12px;
  z-index: 999;
}
.primary-navigation ul ul li:hover > a {
  color: #000;
}
.primary-navigation ul ul li{
  float: none;
  display: block;
  text-align: left;
  padding: 0;
}
.primary-navigation ul ul li:last-child{
  border-bottom: 0;
}
.primary-navigation ul li:hover > ul{
  display: block;
}
.primary-navigation a:focus{  
  color: #14cab4;
}
.primary-navigation .menu > ul > li.highlight{
  background-color: #006ccc;
}
.primary-navigation .menu > ul > li.highlight:hover{
  background: transparent;
}
/*--------------- SUPERFISH MENU ---------------------------*/

.sf-arrows .sf-with-ul:after{
  content: '\f067';
  position: absolute;
  font-weight: 600;
  font-family: 'Font Awesome 5 Free';
  font-size: 10px;
  padding: 0px 6px;
}
.sf-arrows ul .sf-with-ul:after{
  right: 10px;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows .sfHover > .sf-with-ul:after{
  content: '\f068';
  font-weight: 600;
  font-family: 'Font Awesome 5 Free';
}
.toggle-menu, a.closebtn{
  display: none;
}
.sf-arrows .sf-with-ul{
  padding-right: 30px;
}
/* --------- Main Menu--------- */
.page-template-custom-front-page #header .main-menu{
  border: none;
}
/*.primary-navigation .sub-menu > li > a:focus{
  outline: 1px dotted #fff;
  border-bottom: 1px solid #fff;
}*/
*//* Homepage */
.our-services small{
	color:#6d6d6d;
	margin:0 0 20px 0;
}
.our-services .small-button{
	margin-top:30px;
}
.our-services .page-box {
  padding: 10px;
  margin: 4% 0;
  border: solid 1px #000;
}
.our-services .page-box h2{
	color:#000;
	margin:0 0 10px 0;
	padding:0;
  font-weight: 600;
  text-transform: capitalize;
}
.our-services .page-box h2:hover{
  color: #14cab4;
}
.our-services .page-box p{
	font-size:15px;
	margin:0;
	line-height: 25px;
	color: #000;
}
.our-services .box-image{
	margin:0;
}
.our-services img{
	width:100%;
}
.our-services .services-box{
	margin:40px 0 20px 0;
}
.box-image {
  position: relative;
  padding: 0;
}
.overlay-bttn {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(252, 178, 11, 0.8);
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .5s ease;
}
.box-image:hover .overlay-bttn {
  width: 100%;
}
.overlay-bttn a {
	color: #000;
	font-size: 25px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  white-space: nowrap;
  border: solid 2px #000;
  padding: 88px;
}
.blogbutton-small{
	background:none;
	font-size:15px;
	font-weight:bold;
	padding: 10px 25px;
	border:1px solid #000;
	color:#000;	
}
.blogbutton-small:hover {
  color: #000;
  background: #14cab4;
}
.content-bttn{
	margin:20px 0;
}
/* Category */
#causes {
  padding: 3% 0;
}
#causes h3 {
  color: #000;
  font-size: 30px;
  margin:0;
}
.heading-line {
  margin-bottom: 2%;
}
.heading-line img {
  margin: 0 auto;
  display: block;
}
#causes h4 {
  font-size: 22px;
}
#causes p {
  font-size: 14px;
  color: #828181;
}
.causes-box:hover h4,
.causes-box:hover i,
.our-services .page-box:hover h4 a{
  color: #14cab4;
}

/* --------- Blog Page ------- */
.metabox{
	color:#000;
	padding:15px 0;
	clear:both;
}
.metabox span,
.metabox span a {
  margin-right: 8px;
  font-size: 16px;
  color: #000;
}
.metabox i {
  color:#000;
  margin-right: 5px;
}
.metabox a:hover{
  color: #14cab4;
}
.entry-content code{
  color:#000;
}
.meta-nav {
  color: #000;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  padding: 10px;
  background: #fff;
}
.meta-nav:hover{
  background: #14cab4;
  color: #fff;
}
.page-box-single{
  background: #fafafa;
  padding:10px;
}
.post-title{
  margin:10px 0;
  color: #1a8129;
  display: block;
}
.meta-nav i {
  font-weight: 900;
  font-size: 15px;
  padding: 8px 0;
}
.tags{
  margin:20px 0;
}
.tags i{
  font-size: 20px;
  color:#14cab4;
  margin-right: 10px;
}
.tags p a{
  font-size: 15px;
  color:#000;
  border: 1px solid #000;
  padding: 5px 10px;
  margin-right: 10px;
  text-decoration: none;
}
.tags p a:hover{
  color: #fff;
  background: #14cab4;
  border: 1px solid #fff;
}
/* Headings */
section h1{
	font-weight:bold;
	text-align:center;
	margin:0 0 45px;
	padding:0;
	text-transform:uppercase;
}
section h2{
	font-weight:bold;
	text-transform:uppercase;
}
section h4{
	color:#000;
	font-weight:bold;
	font-size:20px;
}
section h5{
	color:#3890cb;
	font-weight:bold;
	font-size:24px;
	margin:0 0 10px 0;
	padding:0;
}
.text-center{
	text-align: center!important;
}
a.r_button {
	background: #3790ca;
	padding: 0.5em 2em;
	color: #fff;
}
section .innerlightbox{
	background-size:100% 100%;
	padding:4.5em 0;
	color:#000;
}

/* Footer Section */
#footer label{
  margin-bottom: 0px;
  display: inline;
}
#footer .widget {
  padding-top: 15%;
  padding-bottom: 5%;
}
#footer a.rsswidget {
    color: #fff;
}
#footer .textwidget a{
  color: #fff;
  text-decoration: underline;
}
.tagcloud a {
  color: #fff;
}
#footer input[type="search"] {
  border: none;
  padding: 7px 6px;
  border: solid 1px #14cab4;
  color: #fff;
  width: 100%;
}
#footer input[type="submit"] {
  font-size: 10px;
  padding: 12px 8px;
  font-weight: bold;
  color: #fff;
  margin: 3px 0 0 0;
  width: 25%;
  float: right;
}
#footer td#prev a {
  color: #fff;
}
table#wp-calendar {
  width: 100%;
}
#footer table#wp-calendar td a{
  color: #fff;
}
#footer caption,
#sideabr caption {
  font-weight: bold;
  color: #fff;
  font-size: 20px;
}
#footer table,#footer th,#footer td,
#sidebar table,#sidebar th,#sidebar td {
  border: 1px solid #d1d1d1;
  text-align: center;
}
#sidebar td,
#sidebar td#prev a,
#sidebar th {
	color:#000 !important;
	padding: 7px;
}
#footer td {
  padding: 5px !important;
  color: #fff;
}
#footer th,
#sidebar th {
  text-align: center;
  padding: 10px;
  color: #fff;
}
#footer select,
#sidebar select {
  padding: 8px 5px;
  color: #4d4d4d;
}
#footer li a {
  color: #fff;
  font-size: 15px;
}
#footer li a:hover {
  color: #14cab4;
}
#footer ul li {
  list-style: none;
  padding: 5px 0;
}
#footer ul {
  margin: 0;
}
#footer{
	background:#1a2431;
	color:#fff;
  clear:both;
}
#footer h3{
	text-align:left;
	text-transform:uppercase;
	font-size:24px;
	font-weight: bold;
	padding:0 0 17px 0;
	color: #fff;
}
#footer p{
	font-size:15px;
}
#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: 100%;
  padding: 8px 0;
  border: none;
  background: #14cab4;
  border-radius: 0px;
  color: #000;
  margin-top: 2px 0;
}
#footer .copyright{
	text-align:center;
}
.copyright p {
  font-size: 14px !important;
  color: #fff;
  margin-bottom: 0;
}
.copyright p a{
  color: #fff;
  text-decoration: none;
}
.copyright {
  background: #000;
  padding: 20px 0px;
}
.footer-bor-two {
  margin: 0 15px;
  text-align: center;
}
#footer .tagcloud a {
	background: #14cab4;
  color: #000;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 2px 6px;
  display: inline-block;
}
#footer a:focus,
#footer input:focus,
#footer textarea:focus,
.copyright a:focus{
  outline-color:#fff;
  border-color: #fff;
}
/* --------- POST --------- */

.bradcrumbs{
	padding:30px 0;
}
.bradcrumbs a{
	background:#f1f1f1;
	color:#000;
	padding:5px 15px;
	margin-right:5px;
}
.bradcrumbs a:hover{
	background:#ffd34e;
}
.bradcrumbs span{
	background:#dddddd;
	color:#000;
	padding:5px 15px;
}
.content-ts {
    margin-top: 2%;
}
/* Comments BOX */

#comments {
  display: block;
}
#comments h2.comments-title{
  font-size:25px;
  font-weight:bold;
  border-top:2px dotted #7e7e7e;
  margin:10px 0;
  padding: 30px 0 10px;
}
#comments h3.comment-reply-title{
  font-size:20px;
  font-weight:bold;
  clear:both;
}  
#comments input[type="text"],
#comments input[type="email"],
#comments textarea{
  width:100%;
  padding:12px 10px;
  font-size:18px;
  margin:20px 0 0 0;
}
#comments input[type="submit"].submit{
  background:#14cab4 !important;
  padding:10px 50px;
  text-transform:normal;
  font-weight:bold;
  color: #000;
  margin-top:20px;
  margin-left:0;
  border: none;
}
#comments a.comment-reply-link{
  color:#000;
  background: #14cab4;
  padding:5px 15px;
}
#comments a.comment-reply-link:hover{
  background:#000;
  color: #fff;
}
#comments a time{
  color:#14cab4;
  font-weight:bold;
  font-size:12px;
}
#comments ol li li{
  margin-left: 25px;
}
.comment-body{
  margin-bottom: 20px;
}
.content-ts #comments ul{
  margin:0 0 0 40px;
}
#comments .reply{
  text-align: right;
}
#comments ol.comment-list {
  color: #5b5b5b;
  font-size: 18px;
}
.comment-meta.commentmetadata {
  margin: 8px 0;
}
li#comment{
  margin-bottom: 20px;
}
.comment-author cite.fn{
  padding-left: 10px;
}
.content-ts #comments h2.comments-title{
  padding-top: 10px;
  font-size: 25px;
}
.content-ts #comments ol li li{
  margin-left: 25px;
}
.content-ts #comments ol li{
  width:100%;
  background:none;
  list-style:none;
  margin: 0;
  background:#fff;
  display: inline-block;
} 
/* --------- SLIDER--------- */

#slider{ 
  max-width:100%; 
  padding:0; 
  position:relative;
  background: #000;
}
#slider img {
    width: 100%;
}
#slider p{ 
  color:#ffffff; 
  font-weight:700; 
  margin:15px 0 15px 0; 
  line-height:20px; 
  border-radius:0 0 5px 5px; 
  font:16px/20px lato; 
  font-weight:bold;
}
#slider .carousel-caption.d-none.d-md-block {
  width: 40%;
  padding: 30px;
}
.inner_carousel h1 {
  margin-top: 132px;
  margin-left: 100px;
  font-size: 30px;
  font-weight: 700;
  color: #fcfcfc;
  text-align: left;
}
.horizontal hr {
  margin-left: 102px;
  margin-top:10px;
  background-color: aqua;
  width: 20%;
  padding: 1px;
}

#slider .carousel-caption {
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  bottom: 0;
  text-align: left;
  right: 0;
  left: 0;
  height: 100%;
}
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;
}
#slider .carousel-item-next,#slider .carousel-item-prev,#slider .carousel-item.active {
    display: block !important;
  }
#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon{
  background-image:none; 
  transform: rotate(-90deg);
  font-size: 15px;
  font-weight: 700;
  color: #fff;
}
#slider .carousel-control-next, #slider .carousel-control-prev{
  opacity: 1;
}
.carousel-control-next-icon, .carousel-control-prev-icon{
  width: auto;
  height: auto;
}
/* Sidebar */

#sidebar {
  margin-top: 1em;
  padding: 10px;
}
#sidebar form{
 	display: table;
	width: 100%;
}
#sidebar h3 {
  margin: -40px 0 20px;
  padding: 15px;
  font-weight: 600;
  font-size: 20px;
  background:#14cab4;
  color: #000;
  text-transform: none;
  text-align: center;
}
#sidebar input[type="search"] {
	background:#fff;
	padding:9px 10px;
	border:none;
	font-size:15px;
	color:#000;
	width:100%;
}
#sidebar label{
	width:70%;
	float:left;
}
#sidebar input[type="submit"]{
	background: #14cab4;
  border: none;
  color: #000;
  padding: 10px 0;
  width: 30%;
  font-size: 14px;
  float: left;
  margin: 0;
}
#sidebar aside {
  margin-bottom: 12%;
  border: 1px solid #000;
  padding: 10px;
  border-radius: 3px;
}
#sidebar ul {
  list-style:none;
	margin:0;
	padding:0;
	font-size:16px;
}
#sidebar ul li{
	margin:0 0 15px;
	padding:0 0 0 5px;
}
#sidebar ul li a{
	color:#000;
}
#sidebar ul li a:hover{
	color:#14cab4;
}
label{
	margin-bottom: 0px;
}
#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:#14cab4;
}
img.rss-widget-icon {
  width: auto !important;
}
/* Page */

h2.entry-title {
  margin-bottom: 10px;
  color: #14cab4;
}
.content-ts p{
	text-align:justify;
	font-size: 15px;
	margin:0 0 5px;
}
.logged-in-as  a{
  text-decoration: none;
}
.content-ts hr{
	border:none;
	border-bottom:2px dotted #7e7e7e;
	margin:35px 0;
	clear:both;
}
.content-ts h2{
	font-size:32px;
	font-weight:normal;
	margin:0;
	padding:0;
	color:#000;
	margin:0 0 25px;
}
.content-ts h1{
	font-size:36px;
	font-weight:600;
	margin:0;
	padding:0;
	color:#000;
	margin:0 0 25px;
}
.content-ts h4{
	font-size:20px;
	font-weight:bold;
	margin:0;
	padding:0;
	color:#333;
	margin:0 0 25px;
}
.content-ts ul{list-style:none;
	margin:0 0 0 10px;
	padding:10px 0 0;
	font-size:16px;
}
.content-ts ul li{
	padding:0;
	line-height:25px;
}
.content-ts ol{list-style: none;
	padding:10px 0 0 0;
	font-size:16px;
	counter-reset: myCounter;
}
.content-ts ol li{
	padding:0 0 0 0;
	margin:0 0 20px 0;
}

/* Pagination */
.nav-previous {
  float: left;
  width: 50%;
  margin: 15px 0;
}
.nav-next{
  float: left;
  width: 50%;
  text-align: right;
  margin: 15px 0;
}
span.post-title {
  font-size: 18px;
  margin: 3%;
  font-weight: 600;
  line-height: 1.5;
}
.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 5px 2px 0;
  padding:10px 15px;
  text-decoration:none;
  width:auto;
  color:#fff;
  background: #000 ;
  -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,
.pagination .current{
	color:#000;
  background: #14cab4;
}

/* video*/
iframe {
  max-width: 100%;
}
/*audio*/
.entry-audio audio {
    width: 100%;
}
.entry-content a , .comment-body p a{
  text-decoration: underline;
  color:#000;
}
/*topbar*/
.topbar-section p{
  font-size: 12px;
  color: #1a2431;
  font-weight: 600;  
}
.icon i.fas{
  color: #14cab4;
  font-size: 36px;
}
.row.topbar-section {
  padding-top: 12px;
}
.top-data{
  border-right: 1px solid;
}
.social-media i{
  margin-top: 10px;
  padding: 10px 7px;
  color: #ffffff;
  font-size: 13px;
}
.social-media i:hover {
  color: #000;
}
.top-data{
  padding: 3px;
}
.top-data .icon{
  padding: 2px;
}
.topbar-section p.top-text {
  font-size: 15px;
  margin-bottom: 0;
  font-weight: 800;
}
.about-section h2 {
  color: #000;
  text-align: left;
  padding: 0px;
  font-size: 30px;
}
.about-section p {
  color: #717171;
  font-size: 15px;
  line-height: 28px;
}
.about-section .abt-image img {
  width: 100%;
  border: 25px solid;
  color: #14cab4;
}
.about-btn a {
  font-size: 14px;
  font-weight: 600;
  border: solid 2px; 
  padding: 7px 60px;
  border-color:#14cab4;
}
.about-btn{
  padding-top:20px; 
}
.about-btn i.fas{
  color: #14cab4;
  font-size: 15px;
  padding-left: 10px;
}
.about-section {
  padding: 3% 0;
}
.page-template-custom-front-page .menu-color {
  background: linear-gradient(105deg, rgba(255, 255, 255, 0.7) 81%, #14cab4 81%)
}
.menu-color {
  background: linear-gradient(105deg, #eee 81%, #14cab4 81%)
}
.page-template-custom-front-page #header {
  z-index:1;
  background: transparent;
  transition: 0.3s;
  position: absolute;
  width: 100%;
}
.free-consultant {
  margin-left: 100px;
  color: #fff;
  border: 2px solid;
  border-color: #14cab4;
  padding: 15px;
}
.consultant {
  margin-top: 41px;
}
a.free-consultant i.fas {
  font-size: 14px;
  padding-left: 10px;
}
#header{
  background-color: #eee;
  width: 100%;
}
a.free-consultant { 
  color: #fff;
  font-weight: 700;
}
a.free-consultant:hover {
  background-color: #fff;
  color: #14cab4;
}
.about-section hr {
  margin-left:0px;
  margin-top:0px;
  background-color: #14cab4;
  width: 20%;
  padding: 1px;
}

/* Media */
@media screen and (max-width: 768px) and (min-width: 720px){
  .page-template-custom-front-page #header{
    position: static;
    width: 100%;
  }
  .top-data .icon {
    padding: 0px;
  }
  i.fas {
    font-size: 31px;
  }
	.menubox {
    float: right;
 	}
  #footer td {
    padding: 6px;
  }
  #footer th, #sidebar th {
    padding: 7px;
  }
  .topbar .logo,
  .topbar .logo h1 {
    text-align: center;
  }
  .page-template-custom-front-page #header {
    position: static !important;
     width: 100% !important;
  }
  .free-consultant {
    margin-left: 50px !important;
    padding: 8px !important;
  }
  .inner_carousel h2 {
    margin-top: 35px;
    font-size: 16px;
    margin-left: 50px;
  }
  .horizontal hr {
    margin-top: -30px;
  }
  .consultant {
    margin-top: 17px !important;
  }
  .products li {
    width: 47% !important;
  }
  #sidebar input[type="submit"] {
    font-size: 11px;
  }
  #sidebar h3 {
    margin: -33px 0 19px;
    padding: 8px;
  }
  #slider .carousel-caption.d-none.d-md-block{
    width: 47%;
  }
  .inner_carousel h2{
    font-size: 28px;
  }
}
@media screen and (max-width:720px) {
  .affix {
    position: static;
  }
	#sidebar{
		float: left;
		width: 100%;
		clear: both;
	}
	.topbar,
	.contact,
	#header,
	#header .logo h1{
		text-align: center;
	}
	.contact span {
    display: inline-block;
    margin: 0;
	}
	#comments input[type="submit"].submit{
		width: 100% !important;
	}
	section .innerlightbox {
		padding: 0;
	}
	.our-services{
		margin-top: 0;
	}
	.about-btn,
  .about-section p,
  .about-section h3 {
    text-align: center;
  }
  .about-section hr {
    margin: auto !important;
  }
  .products li {
    width: 100% !important;
  }
  .top-data {
    border-right: none !important;
  }
  .page-template-custom-front-page .menu-color, .menu-color{
    background: #eee !important;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1024px){
  #sidebar td, #sidebar td#prev a, #sidebar th,
  #footer td ,#footer th{
    padding: 2px !important;
  }
  .inner_carousel h2{
    margin-top: 100px;
  }
  .free-consultant {
    margin-left: 95px;
    padding: 12px;
    font-size: 15px;
  }
}
@media screen and (max-width: 425px) and (min-width: 320px){
  .page-template-custom-front-page #header {
    width: 100%;
    position: static;
  }
  #slider .d-none{
    display: block !important;
  }
  #slider .carousel-caption.d-none.d-md-block{
    width: 100%;
  }
  #slider .consultant{
    text-align: center;
  }
  #slider .free-consultant{
    margin-left: 0px;
  }
  #slider .inner_carousel h2,
  #slider .inner_carousel p,
  .horizontal hr{
    display: none;
  }
  .about-btn{
    padding-bottom: 20px;
  }
  .topbar .logo p,
  .topbar .logo h1{
    text-align: center;
  }
}
@media screen and (min-width:2560px){
  .page-template-custom-front-page #header {
    width:44%;
  }
}
@media screen and (max-width: 999px) and (min-width: 768px){
  #sidebar td, #sidebar td#prev a, #sidebar th,
  #footer td ,#footer th{
    padding: 2px !important;
  }
}
@media screen and (max-width: 767px;) and (min-width: 426px){
  .page-template-custom-front-page #header {
    width: 100%;
    position: static;
  }
  #slider .d-none{
    display: block !important;
  }
  #slider .carousel-caption.d-none.d-md-block{
    width: 100%;
  }
  #slider .consultant{
    text-align: center;
  }
  #slider .free-consultant{
    margin-left: 0px;
  }
  #slider .inner_carousel h2,
  #slider .inner_carousel p{
    display: none;
  }
}
  
@media screen and (max-width: 1000px){
  .menubar .nav ul li a:focus,
  a.closebtn.mobile-menu:focus{
    outline: 1px dotted #fff;
    border-bottom: 1px solid #fff;
  }
  .toggle-menu i {
    font-size: 20px;
    color: #fff;
    padding: 10px;
  }
  .toggle-menu button {
    background: transparent;
    border: none;
  }
  .sidebar {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    right: 0;
    background-color: #252525;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
  }
  .sidebar .closebtn {
    position: absolute;
    top: -9px;
    left: -6px;
    font-size: 40px !important;
    display: block;
    color: #ffffff;
    border:none;
    background: transparent;
  }
  .sidebar #primary-site-navigation {
    width: 100%;
  }
  .toggle-menu span{
    font-size:30px;
    cursor:pointer; 
  }
  .toggle-menu{
    display: block;
    text-align: left;
    background: #262626;
  }
  .primary-navigation ul ul li{
    display: block;
  }
  #menu-sidebar .social-media,.primary-navigation ul ul a, .primary-navigation li a:hover, .primary-navigation li:hover a{
    background-image: linear-gradient(-90deg, #000 0%, #14cab4 120% );
  }
  .primary-navigation li a:hover, .primary-navigation li:hover a{
    background: none !important;
  }
  .primary-navigation ul li a{
    padding: 15px;
    display:block;
    color:#ffffff;
    border:none;
  }
  .primary-navigation ul li ul li a:before{
    content:"\00BB \00a0";
  }
  .primary-navigation ul li ul li a{
    padding-left:20px !important;
  }
  .primary-navigation ul li ul li ul li a{
    padding-left:30px !important;
  }
  .primary-navigation ul ul{
    position: static;
    width: 100%;
    background: unset;
    border: none !important;
  }
  .primary-navigation ul ul li{
    text-align: center;
  }
  .primary-navigation li{
    padding: 0;
  }
  .main-header-box{
    padding-bottom: 15px;
  }
  #menu-sidebar {
    display: inline;
    background-image: linear-gradient(-90deg, #000 0%, #14cab4 120% );
    opacity: 0.95;
  }
  #header .primary-navigation ul.sub-menu li a, #header .primary-navigation ul li a{
    color: #fff !important;
  }
  .primary-navigation ul{
    display: grid;
    text-align: center;
  }
  nav#primary-site-navigation a.closebtn.mobile-menu i {
    color: #fff;
  }
  #menu-sidebar .social-media{
    display: block ;
  }
  #menu-sidebar .mail{
    padding: 10px 0;
  }
  .menu-color .social-media{
    display: none;
  }
  #menu-sidebar .social-media a{
    padding:5px 0;
    display: inline-block;
  }
  #contact-info{
    background-image: linear-gradient(-90deg, #000 0%, #14cab4 120% );
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    opacity: 1;
  }
  #menu-sidebar .primary-navigation a{
    font-size: 15px;
    font-weight: 600;
  }
  #menu-sidebar .search-box i{
    color: #fff;
    text-align: center;
    display: block;
  }
  .search-box i{
    display: none;
  }
  #menu-sidebar input[type="submit"]{
    padding: 14px;
    background-color: #14cab4;
    color: #000;
    font-size: 12px;
  }
  #menu-sidebar input.search-field{
    background: #fff;
    padding: 10px;
  }
  #contact-info form.search-form {
    display: inline-block;
    margin: 15px 0;
  }
  #contact-info form.search-form label{
    width: 70%;
  }
  .main-menu-navigation{
    max-height: 223px;
    overflow-y: scroll;
    scroll-behavior: auto;
  }
  input.search-field{
    width: 100%;
  }
  .social-media{
    text-align: center;
  }
  .top-header {
    display: none;
  }
  .sf-arrows .sf-with-ul:after{
    position: absolute;
    left: 87%;
    right: 0;
    color: #fff;
  }
  .social-media i{
    font-size: 17px;
  }
  #contact-info .social-media{
    display: block;
  }
}