/*
Theme Name: Advance Business
Theme URI: https://www.themeshopy.com/themes/free-wordpress-theme-for-business/
Author: Themeshopy
Author URI: https://www.themeshopy.com/
Description: Advance Business is a powerful, bold, flexible, dynamic and neatly-structured business WordPress theme suitable for corporate companies, IT firms and start-ups, small and medium sized businesses, online businesses, commercial websites, ad agencies, hotel, travel agency, digital agencies and other business websites. The theme is best suited for marketing businesses, investment agencies, promotional firms, crypto currency businesses, bitcoin share business, sales targeting company and anything related to business. Give it a twist and use it as a blog giving business tips. This business theme provides all the modern website essentials under one roof. It is responsive with a mobile-first approach, cross-browser compatible, translation ready, RTL writing enabled and speed optimized. For a business to grow faster, it is important to reach maximum people which can be easily achieved through the social media icons embedded in it. The theme is readily customizable to change it according to your brand. This business WordPress theme is capable to give you a good traffic influx with higher rank of website in search engine results. With proper use of call to action buttons, lead visitors to your area of interest. Advance Business is compatible with WooCommerce plugin to easily set up an online store. It has Theme Options to provide you with better customization options For a business website, it is important to have a bug-free and secure coding structure which is provided by this theme. Demo: https://themeshopy.com/advance-business-pro
Tested up to: 5.5.3
Requires PHP: 7.2.14
Version: 0.5.4
license: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: advance-business
Tags: wide-blocks, flexible-header, left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, custom-colors, custom-background, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, full-width-template, theme-options, post-formats, translation-ready, rtl-language-support, threaded-comments, blog, e-commerce, portfolio

Advance Business WordPress Theme has been created by Themeshopy, 2018.
Advance Business 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: 15px;
	color:#5b5b5b;
	font-family: Roboto;
  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:0;
	padding:10px 0;
	color: #000
}
p{
	margin:0 0 15px;
	padding:0;
	font-size:16px;
  line-height: 1.8;
}
a{
	text-decoration:none;
	color:#000;
}
a:hover{
	text-decoration:none;
	color:#666;
}
a:hover{
	text-decoration:none !important;
}
a:focus, input:focus, button:focus, textarea:focus, .woocommerce form .form-row input:focus.input-text, .woocommerce form .form-row textarea:focus{
  outline: 2px solid #FF4500;
  border-bottom: 1px solid #000;
}
#footer a:focus, .primary-navigation ul ul a:focus{
  outline: 2px solid #FF4500;
  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;
}
.middle-align{
	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;
}
/*elementor*/
.elementor-html #loader, .elementor-html #loader-wrapper{ 
  display: none; 
}

/*wide block*/
.entry-content .alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.entry-content .alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
} 
.left-sidebar-page .entry-content .alignwide, 
.left-sidebar-page .entry-content .alignfull, .right-sidebar-page .entry-content .alignwide, 
.right-sidebar-page .entry-content .alignfull{
  margin-left  : 0;
  margin-right : 0;
}
/* 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"],
input[type="password"],
 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:#ffaa56;
}

/* ---------Buttons--------- */
.read-moresec a.button{
	background:#ffaa56;
	color: #fff;
	font-size: 16px;
	margin: 20px 0 0;
	padding: 10px 30px;
	font-weight:bold;
}
.read-moresec{
  margin:20px 0;
}

/*preloader*/
.elementor-html #loader,
.elementor-html #loader-wrapper{
  display: none;
}
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  overflow: hidden;
}
.no-js #loader-wrapper {
  display: none;
}

#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #16a085;
  -webkit-animation: spin 1.7s linear infinite;
          animation: spin 1.7s linear infinite;
  z-index: 99999999;
}
#loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #e74c3c;
  -webkit-animation: spin-reverse .6s linear infinite;
          animation: spin-reverse .6s linear infinite;
}
#loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #f9c922;
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
@keyframes spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
#loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 51%;
  height: 100%;
  background: #222;
  z-index: 10;
}
#loader-wrapper .loader-section.section-left {
  left: 0;
}
#loader-wrapper .loader-section.section-right {
  right: 0;
}
.loaded #loader-wrapper .loader-section.section-left {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded #loader-wrapper .loader-section.section-right {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.loaded #loader {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: all 0.3s 1s ease-out;
  transition: all 0.3s 1s ease-out;
}

/*----------Sticky Header------*/
.fixed-header {
  position: fixed;
  top:0; left:0;
  width: 100%;
  background: #fff;
  box-shadow: 2px 2px 10px 0px #2d2d2d;
  z-index: 99;
}
.page-template-custom-front-page .fixed-header #header{
  box-shadow: 2px 2px 10px 0px #2d2d2d; 
  background: #fff !important;
}
/* ---------Middle Header--------- */
.logo {
  text-align: left;
  padding: 10px 20px;
}
.logo h1,
.logo p.site-title{
  font-size:30px;
  font-weight:bold;
  text-align:left;
  letter-spacing: 0px;
  padding: 0;
  line-height: 1.5;
  text-transform: uppercase;
}
.logo a{
  color: #000;
}
.logo p{
  font-size:12px;
  color: #000;
  margin-bottom: 0;
}
.page-template-custom-front-page #header {
  position: absolute;
  width: 100%;
  z-index: 99;
  border:none;
}
.main-header {
  background: #fff;
  padding: 0 10px;
}
#header {
  border-bottom: 1px solid #000;
}
/* --------- MENUS CSS --------- */
.main-menu {
  border-bottom: 1px solid #000;
}
#menu-sidebar .social-icons, #menu-sidebar .mail, #menu-sidebar .book-btn{
  display: none;
}
#menu-sidebar {
  text-align: center;
}
ul.list_nav {
  margin: 0 auto;
  text-align: center;
  display: block;
}
.primary-navigation ul{
  list-style: none;
  margin: 12px 0 0;
  padding-left: 0;  
  text-align: left;
  top:38px;
}
.primary-navigation li{
  display: inline-block;
  position: relative;
}
.primary-navigation li a:hover,
.primary-navigation li:hover a{
  background-color: #000;
  color: #ffaa56;
}
.primary-navigation a{
  display: block;
  color: #000;
  font-size: 13px;
  font-weight: 500;
  padding: 16px;
  text-transform: uppercase;
}
.primary-navigation ul ul{
  display: none;
  position: absolute;
  min-width: 215px;
  z-index: 999;
}
.primary-navigation ul ul li:first-child{
  border-top: 6px solid #ffaa56;
}
.primary-navigation ul ul ul{
  left: 100%;
  top: 0px;
}
.primary-navigation ul ul a{
  color: #ffaa56;
  background-color: #000;
  border: none;
  padding: 12px;
  font-size: 13px;
  z-index: 999;
  font-weight: 500;
}
.primary-navigation ul ul li:hover > a {
  color: #ffaa56;
}
.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{
  background:#000;
  color: #ffaa56;
}
.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;
  top:18px;
}
.sf-arrows ul .sf-with-ul:after{
  right: 10px;
  color: #ffaa56;
  top:15px;
}
.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;
}
/*scroll to top*/
#scroll-top{
  background:#252525;
  border:2px solid #252525;
  color:#fff;
  cursor:pointer;
  width:65px;
  height:65px;
  opacity:0.5;
  position:fixed;
  bottom:60px;
  right:20px;
  z-index:9999;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  font-size:20px;
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  display: none;
}
.left-align{
  left: 20px;
}
.center-align {
  left: 50%;
  right: 50%;
}
/*-----------------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;
}
.closepop {
 position: absolute;
 top: 0;
 text-align: center;
 font-size: 40px;
 z-index: 9999;
 right: 50%;
 color: #575756;
 background: none;
 border:none;
 cursor: pointer;
}
.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;
  display: table;
  padding: 0;
  border-radius: 0;
  background: #ffffff;
  max-width: 1200px;
}
.serach_inner form.search-form label {
  width: 95%;
}
.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;
}
.serach_inner input.search-submit {
 padding: 8px 35px;
 margin: 5px 0;
 font-size: 20px;
}
button.search-submit {
 border: 0;
 background: transparent;
}
#post- input.search-field{
  border: 1px solid #bbb;
}
input.search-field {
 border: none;
 padding: 10px;
 background: transparent;
 width: 100%;
}
.search-box i {
  padding: 10px;
  color: #000;
  margin: 10px;
  background: none;
  border:none;
}
.search-box button {
  background: none;
  border:none;
}
.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;
}
.modal-content{
  background: transparent;
  border: 0;
}
.modal-dialog{
  max-width: 100%;
  pointer-events: all;
  margin: 0;
}
.modal-body{
  padding: 0;
}
#myModal {
  padding: 0 !important;
}
.modal-open{
  overflow-y: scroll;
  padding: 0 !important;
}
.modal-backdrop{
  position: relative;
}
/* --------- Slider --------- */
#slider{ 
  max-width:100%; 
  margin:auto;
  padding:0;
  background: #fff;
}
#slider img {
  width: 100%;
  opacity: 0.3;
}
#slider .carousel-control-next-icon, #slider .carousel-control-prev-icon {
  width: auto;
  height: auto;
  background:transparent;
}
#slider .carousel-control-prev,#slider .carousel-control-next{
  opacity: unset;
}
#slider .carousel-control-next-icon i,
#slider .carousel-control-prev-icon i{
  background: #7d7b7b;
  padding: 20px 22px;
  border-radius: 50%;
  }
#slider .carousel-control-next-icon i:hover,
#slider .carousel-control-prev-icon i:hover{
  background:#ffaa56;
}
#slider .carousel-caption {
  transform: translateY(-50%);
  top: 50%;
  left: 13%;
  right: 40%;
}
#slider .inner_carousel h1 {
  margin: 0;
  font-size: 40px;
  letter-spacing: 1px;
  color: #000;
  text-align: left;
  font-weight: 700;
}
#slider .inner_carousel p {
  font-size: 15px;
  line-height: 2;
  padding: 10px 0px;
}
#slider .inner_carousel {
  color: #212121;
  text-align: left;
}
#slider .inner_carousel .know-btn a {
  border: 1px solid #212121;
  color: #212121;
  padding: 15px;
  border-radius: 25px;
  font-size: 13px;
  font-weight: 500;
}
#slider .inner_carousel .know-btn a:hover {
  background: #ffaa56;
  color: #000;
  border-color: #ffaa56;
}
#slider .inner_carousel .know-btn {
  margin-top: 23px;
}
#slider .inner_carousel .know-btn a i {
  padding: 6px;
}
/*---------- Services -----------*/
.contact-box {
  background: #fff;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
  margin-top: -8.5%;
  position: relative;
  padding: 28px;
}
#business-contact .service-border a h4 {
  text-transform: uppercase;
  text-align: center;
}
#business-contact {
  margin: 2% 0;
}
.contact p.heading-line {
  color: #010101;
  font-size: 16px;
  margin: 15px 0 0 0;
}
.contact i {
  color: #ffaa56;
  padding: 18px 35px;
  font-size: 36px;
}
.contact p, .contact a {
 color: #212121;
  margin: 0;
  font-weight: 500;
  padding: 2px 0px;
}

/*---------- Latest Projects section -----------*/
#latest-projects {
  margin: 2% 0;
}
.project_content a {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 800;
}
.project_content p {
  color: #000;
  font-size: 12px;
  line-height: 1.7;
}
.project_content {
  background: #f6f7f9;
  padding: 5px 16px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
hr.project-hr {
  background: #ffaa56;
  width: 9%;
  margin: 0 auto;
  padding: 1px;
  margin-bottom: 4%;
}
.project_title h2 {
  font-weight: 800;
  margin-top: 0;
}
.project_content h3 {
  font-weight: 800;
  font-size: 14px;
}
.project_content .know-btn a i {
  padding: 5px;
}
.project-box {
  margin-bottom: 20px;
}

/*----------------- Homepage ----------------*/
.page-box {
  padding: 10px;
  margin: 15px 10px;
  border-bottom: solid 2px #ffaa56;
}
.page-box h2 a:hover{
  color: #ffaa56;
}
.page-box h4 a{
	color:#000;
	margin:0 0 29px 0;
	padding:0;
}
.page-box p{
	font-size:15px;
	margin:10px 0;
	color: #5b5b5b;
}
article.new-text.col-lg-6.col-md-6 {
    max-width: 100%;
}
.box-image{
	margin:0;
}
.our-services img{
	width:100%;
}
.our-services .services-box{
	margin:40px 0 20px 0;
}
.second-border a {
  border: solid 1px #000;
  padding: 12px 25px;
  font-size: 16px;
  color: #000;
}
.second-border a:hover {
  background: #ffaa56;
  color: #000;
  border-color: #ffaa56;
}
.second-border{
  text-align: right;
  margin: 25px 0; 
}

/* --------- Blog Page ------- */
.page-box-single {
  padding: 10px;
  background: #fafafa;
}
.metabox{
	color:#000;
	padding: 5px 0 15px;
	clear:both;
}
.metabox span {
  padding: 0 5px;
  font-size: 16px;
}
.metabox a:hover{
  color: #ffaa56;
}
.metabox i {
  margin-right: 5px;
}
.tags a{
  font-size: 15px;
  font-weight: 600;
}
.tags p{
  color: #262626;
  font-weight: 600;
}
#contact-info{
  display: none;
}
.meta-nav {
  color: #000;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  padding: 10px;
  background: #f1f2f3;
}
.meta-nav:hover{
  background: #ffaa56;
  color: #000;
}
.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: #ffaa56;
  margin-right: 10px;
}
.tags p a{
  font-size: 15px;
  color:#000;
  border: 1px solid #000;
  padding: 5px 10px;
  display: inline-block;
  margin: 5px;
  font-weight: 500;
}
.tags p a:hover{
  color: #000;
  background: #ffaa56;
  border: 1px solid #ffaa56;
}
/* Headings */
section h1{
	font-weight:bold;
	text-align:center;
	margin:0 0 45px;
	padding:0;
	text-transform:uppercase;
}
section h2{
	font-weight:bold;
	text-align:center;
	margin:30px 0 0 0;
	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;
}
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 form.search-form label{
  width: 100%;
}
#footer a.rsswidget{
  color:#fff;
}
#footer .textwidget a {
  color: #fff;
  text-decoration: underline;
}
#footer input[type="search"] {
  width: 95%;
  border: none;
  padding: 10px;
  border: solid 1px #ffaa56;
  color: #fff;
}
#footer input[type="submit"] {
  font-size: 10px;
  padding: 12px 8px;
  font-weight: bold;
  color: #fff;
  margin: 3px 0 0 0;
  font-size: 15px;
  width: 100%
}
#footer td#prev a {
  color: #fff;
}
#wp-calendar {
  width: 100%;
}
#wp-calendar td a {
  color: #000;
}
#footer caption,
#sideabr caption {
  font-weight: bold;
  color: #fff;
  font-size: 20px;
}
#sidebar {
  margin-top: 19px;
}
#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:#202020 !important;
	padding: 5px;
}
#footer td {
  padding: 7px;
  color: #fff;
}
#footer #wp-calendar td a {
  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: 16px;
}
#footer li a:hover{
  color: #ffaa56;
}
#footer ul li {
  list-style: none;
  padding: 5px 0;
}
#footer ul {
	margin: 0;
}
#footer{
	background:#000;
	color:#fff;
	clear:both;
  padding: 10px 0;
}
#footer aside{
  margin-bottom: 20px;
}
#footer h3{
	text-align:left;
	text-transform:uppercase;
	font-size:24px;
	font-weight: bold;
	color: #fff;
}
#footer p{
	font-size:14px;
}
#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"] {
  padding: 10px 0;
  float: right;
  background: #ffaa56;
  border-radius: 0px;
  color: #000;
  margin-top: -38px;
}
.copyright p {
  font-size: 16px;
  color: #010101;
  margin-bottom: 0;
}
.copyright p a{
  color: #010101;
}
.copyright {
  background: #ffaa56;
  padding: 15px;
  text-align:center;
}
#footer .tagcloud a {
  border: outset 2px #999;
  color: #fff;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 2px 6px;
  display: inline-block;
  text-decoration: none;
}
#footer .tagcloud a:hover{
  background-color: #ffaa56; 
  color: #000;
}

/* --------- 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;
}

/* Comments BOX */
#comments {
  display: block;
  margin-top: 70px;
}
#comments h2.comments-title{
  font-size:20px;
  font-weight:bold;
  border-top:2px dotted #7e7e7e;
  padding: 30px 0 20px 0;
}
#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:#ffaa56 !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:#ffaa56;
  padding:5px 15px;
}
#comments a.comment-reply-link:hover{
  background:rgb(21, 28, 39);
  color: #fff;
}
#comments a time{
  color:#000;
  font-weight:bold;
  font-size:12px;
}
.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;
}
#comments ol li{
  margin-left: 25px;
}
.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;
} 
/*------------- Woocommerce --------------*/
.woocommerce form.login{
  display: inline-block;
}
input#billing_phone {
  padding: 10px;
  border-radius: 0px;
}
.woocommerce #sidebar {
  margin-top: 2em;
}
a.showcoupon,
.woocommerce-message::before{
	color: #000;
}
.woocommerce-message {
  border-top-color: #ffaa56;
}
.woocommerce span.onsale {
  background: #ffaa56;
  color: #000;
  padding: 0;
  border-radius: 0;
  margin: 0 !important;
}
h2.woocommerce-loop-product__title{
  color: #000;
  letter-spacing: 1px;
  font-weight: 500;
  font-size: 25px !important;
}
.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 a.button.alt, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
	background: #ffaa56;
	color: #000;
	border-radius: 0;
}
.woocommerce a.remove{
  color: #df0000 !important;
}
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled]{
  color: #000;
}
.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: 5em;
  padding: 8px;
  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: #ffaa56 !important;
  padding: 12px!important;
  margin-bottom: 10px !important;
}
nav.woocommerce-MyAccount-navigation ul li a{
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
.posted_in {
  display: block;
}
.woocommerce .woocommerce-ordering select{
	padding: 10px;
}
.woocommerce-input-wrapper{
 width: 100%;
}
.woocommerce div.product form.cart .button {
  vertical-align: middle;
  float: left;
  padding: 12px;
}
.woocommerce-cart table.cart th, .woocommerce ul.products li.product .price{
  font-size: 17px;
}
.woocommerce form .form-row .required {
  color: #df0000;
}
.woocommerce nav.woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a{
  color: #5c5757;
  margin-top: 10px;
}
.woocommerce-product-gallery__image {
    padding: 5px;
}
.woocommerce-info a, form.woocommerce-shipping-calculator a,.woocommerce-account .woocommerce-MyAccount-content a,tr.woocommerce-cart-form__cart-item.cart_item td a{
  text-decoration: none !important;
}
.woocommerce .select2-container .select2-selection--single{
  height: 40px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
  top:70%;
}
.woocommerce-input-wrapper{
  width: 100%;
}
.woocommerce .star-rating {
  float: left;
}
.news-item.layout-two .news-text-wrap{
  font-size: 14px;
}
.related.products ul.products li.product, .related.products .woocommerce-page ul.products li.product{
  float:none;
  display: inline-table;
  width: 29%;
}
.woocommerce .woocommerce-product-rating .star-rating {
  margin: 0.5em 20px 0 0;
}
.woocommerce form.login .form-row,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit{
  display: block;
  float: none;
}
.woocommerce-Reviews .comment-text p.meta {
  width: 100%;
  float: left;
  padding-top: 10px;
}
.woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2 {
  max-width: 100%;
}
#sidebar a.remove.remove_from_cart_button , #footer a.remove.remove_from_cart_button{
  font-size: 20px !important;
}
.woocommerce #reviews #comments h2{
  font-size: 25px;
}
.related.products h2 {
  text-align: left;
}
.comment-form-rating label {
  padding: 10px 0;
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
  font-size: 11px;
  padding: 7px;
}
#footer .woocommerce.widget_shopping_cart .cart_list li{
  padding: 0 0 10px 2em;
}
#sidebar .widget_shopping_cart_content li:hover{
  padding-left: 2em;
}
.woocommerce-Reviews .comment-form-rating label{
  padding: 10px 0;
}
.single-product .background-img-skin {
  margin: 36px 0;
}
#footer form.woocommerce-product-search button, #sidebar form.woocommerce-product-search button{
  background: #ffaa56 ;
  border-radius: 0px;
  color: #000;
  font-weight: 600;
  margin-top: 5px;
  padding: 10px 0;
  width: 100%;
  border: none;
  border: solid 1px #ffaa56;
}
#sidebar .woocommerce ul.product_list_widget li img, #footer .woocommerce ul.product_list_widget li img {
  width: 50px;
}
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product{
  text-align: center;
}
.woocommerce ul.products li.product .star-rating{
  margin: 10px auto !important;
}
#footer .woocommerce a.button:hover,
#footer .widget_price_filter .price_slider_amount .button:hover{
  background: #ffaa56;
  color: #000;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
  background-color: #ffaa56;
}
#sidebar .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background-color: #000;
}
#footer .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background-color: #fff;
}
#footer .price_label, #sidebar .price_label{
  font-size: 14px;
}
#sidebar .product_list_widget .star-rating, #footer .product_list_widget .star-rating{
  margin: 5px 0 10px 0 !important;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
  text-align: center;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  text-align: center;
  text-transform: capitalize;
}
#sidebar .product_list_widget span.product-title, #footer .product_list_widget span.product-title {
  font-size: 17px;
}
.woocommerce #comments p {
  float: left;
  width: 100%;
}
/*woocommerce pagination*/
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
  background: #ffaa56;
  color: #000;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{
  padding: 10px 15px;
  font-size: 18px;
}
/*------------- Sidebar -------------*/
#sidebar caption{
	color: #000;
  padding:10px;
}
#sidebar form{
 	display: table;
	width: 100%;
}
#sidebar .textwidget a{
  color: #000;
  text-decoration:underline;
}
#sidebar h3 {
  margin: 0px 0 20px;
  font-weight: bold;
  font-size: 20px;
  text-transform: uppercase;
  color: #000;
  background: #ffaa56;
  padding: 10px;
}
#sidebar input[type="search"] {
	border: solid 1px #bbb;
	padding: 10px;
	font-size: 15px;
  color: #000;
	width: 100%;
}
#sidebar form.search-form label{
	width:100%;
}
#sidebar input[type="submit"]{
 	background: #ffaa56;
	border: none;
	color: #000;
	padding: 10px 0;
	width: 100%;
	font-size: 20px;
	margin: 0;
}
#sidebar aside {
	margin-bottom: 30px;
  background: #f3f3f3;
  padding:10px;
}
#sidebar ul {
	list-style:none;
	margin:0;
	font-size: 15px;
}
#sidebar ul li{
	margin:0 0 15px;
}
#sidebar ul li a{
	color:#000;
  font-size: 15px;
}
#sidebar ul li a:hover{
	color:#ffaa56;
}
#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:#ffaa56;
}
img.rss-widget-icon {
  width: auto !important;
}

/* Page */
h2.entry-title,
h1.page-title {
  text-align: left;
  margin-bottom: 10px;
  color: #000;
}
.content-ts p{
	text-align:justify;
	font-size: 16px;
	margin:0 0 10px 0;
}
.content-ts hr{
	border:none;
	border-bottom:2px dotted #7e7e7e;
	margin:35px 0;
	clear:both;
}
.content-ts h1{
	font-size:35px;
	font-weight:600;
	margin:0;
	padding:0;
	color:#000;
	margin:0 0 15px;
}
.content-ts h3{
	font-size:36px;
	font-weight:normal;
	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;
	margin:0 0 20px 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;
}
.entry-content a, .comment-body p a, .woocommerce-product-details__short-description p a{
  text-decoration: underline;
  color:#000;
}
.entry-content code{
  color: #000;
}
/* Pagination */
.nav-previous {
  float: left;
  width: 50%;
  font-size: 15px;
}
.nav-next {
  text-align: right;
  font-size: 15px;
}
.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 10px 0;
  padding:10px 15px;
  text-decoration:none;
  width:auto;
  color:#000;
  background: none; 
  -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:#000;
    background: #ffaa56;
}
.nav-links {
  margin-top: 20px;
}
.pagination .current{
	padding:10px 15px;
  background: #ffaa56;
  color:#000;
	font-weight:bold;
}
iframe{
  width: 100%;
}
.entry-audio audio {
    width: 100%;
}

/* Media */
@media screen and (max-width: 768px) and (min-width: 720px){	
  .entry-content .alignwide {
    margin-left: -20px;
    margin-right: -20px;
  }
  #sidebar th,
  #sidebar td{
	  padding: 4px;
	}
  .page-template-custom-front-page #header{
    position: static;
  }
  #slider .inner_carousel h2 {
    font-size: 30px;
    padding: 0px 2px;
    font-weight: 500;
  }
  #slider .inner_carousel p {
    display: none;
  }
  #slider .carousel-caption {
    top: 40%;
    transform: translateY(-60%);
  }
  .contact i {
    padding: 6px;
  }
  .contact p, .contact a {
    margin-top: 0px;
    font-size: 14px;
  }
  .project-box {
    margin-bottom: 10px;
  }
  .contact p.heading-line{
    margin: 0;
  }
  .related.products ul.products li.product, .related.products .woocommerce-page ul.products li.product{
    width: 44%;
  }
  .woocommerce ul.products[class*=columns-] li.product:nth-child(2n), .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n){
    display: inline-table;
    margin: 10px;
  }
  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
    width: 44%;
    float: left;
    clear: both;
    margin: 10px;
  }
  .woocommerce-cart table.cart td.actions .coupon .input-text {
    font-size: 15px;
  }
  #slider img{
    height: auto !important;
  }
}
@media screen and (max-width:720px) {	
  .entry-content .alignwide {
    margin-left: -10px;
    margin-right: -10px;
  }
  .woocommerce ul.products[class*=columns-] li.product,
  .woocommerce-page ul.products[class*=columns-] li.product{
    width: 100% !important;
    float: none !important;
  }
	.contentbox{
		width: auto;
	}
  .logo{
    padding: 0;
  }
	#header{
		text-align: center;
	}
  .page-template-custom-front-page #header {
    position: static;
    border-bottom: 1px solid #000;
  }
  .project_content{
    position: static;
    transform: none;
    margin-left: 0;
  }
  #slider .carousel-caption{
    right: 10%;
    left: 10%;
    top: 42%;
  }
  #slider .inner_carousel p,
  #slider .inner_carousel h2 {
    display: none;
  }
  #slider .inner_carousel {
    text-align: center;
    width: 100%;
  }
  .contact-box{
    text-align: center;
    margin-top: 0;
    padding: 20px;
  }
  .contact i{
    padding: 0;
  }
  .contact {
    margin-bottom: 10px;
  }
  .contact p.heading-line{
    margin: 0;
  }
	#comments input[type="submit"].submit{
		width: 100% !important;
	}
	section .innerlightbox {
		padding: 0;
	}
	.our-services{
		margin-top: 0;
	}
  #slider .inner_carousel h1{
    display: none;
  }
  #footer input[type="submit"] {
    padding: 6px 0;
    float: right;
    background: #ffaa56;
    border-radius: 0px;
    color: #fff;
    margin-top: 4px;
    margin-bottom: 10px;
  }
  .center-align {
    left: 45%;
    right: 50%;
  }
  #slider .carousel-caption, #slider .inner_carousel{
    text-align: center !important;
    left: 0 !important;
    right:0 !important;
  }
  #slider img{
    height: auto !important;
  }
}
@media screen and (min-width:720px){
	#footer input[type="submit"]{
		width: 100%;
		float: none;
		margin: 5px 0;
	}
	#footer input[type="search"]{
		width: 100%;
	}
	#footer th,
	#footer td{
		padding: 0px;
	}	
}
@media screen and (min-width: 1000px) and (max-width: 1024px){
  .entry-content .alignwide {
    margin-left: -30px;
    margin-right: -30px;
  }
	#footer input[type="submit"]{
		margin-top: 5px;
	}
	#footer th,
	#footer td{
		padding: 4px;
	}
  #slider .inner_carousel p{
    padding: 0;
  }
  #slider .inner_carousel h2 {
    font-size: 33px;
    padding: 0px 2px;
  }
  .contact-box {
    margin-top: -8%;
  }
  .contact i {
    padding: 18px 28px;
  }
}
/*------------------RESPONSIVE MEIDA-------------------*/
@media screen and (max-width: 1000px){
  .menubar .nav ul li a:focus,
  a.closebtn.mobile-menu:focus, .primary-navigation a:focus{
    outline: 2px solid #FF4500;
    border-bottom: 1px solid #fff;
  }
  .toggle-menu i {
    font-size: 18px;
    color: #fff;
    padding:10px;
    background: #262626;
    margin: 10px 0;
  }
  .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;
    padding-top: 60px;
    transition: 0.5s;
    visibility: hidden;
  }
  body.noscroll .sidebar{ 
    width: 100%; 
    visibility: visible;
  }
  .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: right;
  }
  .primary-navigation ul ul li{
    display: block;
  }
  .primary-navigation ul ul a, .primary-navigation li a:hover, .primary-navigation li:hover a{
    background-image: linear-gradient(-90deg, #000 0%, #ffaa56 120% );
  }
  .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;
  }
  .primary-navigation ul ul li{
    text-align: center;
  }
  .primary-navigation li{
    padding: 0;
  }
  .main-header-box{
    padding-bottom: 15px;
  }
  #menu-sidebar {
    background-image: linear-gradient(-90deg, #000 0%, #ffaa56 120% );
    opacity: 0.95;
  }
  .primary-navigation ul{
    display: grid;
    text-align: center;
  }
  #primary-site-navigation a.closebtn.mobile-menu i {
    color: #fff;
  }
  .primary-navigation ul ul li:first-child{
    border-top: none;
  }
  #menu-sidebar .social-icons a{
    padding:0px;
  }
  #contact-info{
    background-image: linear-gradient(-90deg, #000 0%, #ffaa56 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 {
    display: none;
  }
  #menu-sidebar input[type="submit"]{
    padding: 10px;
    background-color: #ffaa56;
    color: #000;
    font-size: 15px;
  }
  #menu-sidebar input.search-field{
    background: #fff;
    padding: 10px;
    margin: 0 2%;
  }
  .primary-navigation a:focus{
    background: none !important;
    color: #fff !important;
  }
  #contact-info form.search-form {
    display: block;
    margin: 20px 0;
  }
  .main-menu-navigation{
    overflow-y: scroll;
    scroll-behavior: auto;
  }
  input.search-field{
    width: 100%;
  }
  .sf-arrows .sf-with-ul:after{
    position: absolute;
    left: 87%;
    right: 0;
    color: #fff;
  }
  #contact-info{
    display: block; ;
  }
  .sf-arrows ul .sf-with-ul:after{
    color: #fff !important;
    top: 18px;
  }
  .primary-navigation li a:hover, .primary-navigation li:hover a,.primary-navigation ul ul li:hover > a{
    color: #fff !important;
  }
}