/*
Theme Name: Advance Startup
Theme URI: https://www.themeshopy.com/themes/free-startup-wordpress-theme/
Author: Themeshopy
Author URI: https://www.themeshopy.com/
Description: Advance Startup is a resourceful, feature-rich, stylish and versatile startup WordPress theme to build high quality websites for startups, IT companies, entrepreneurs, joint business ventures, web development agencies, digital marketers, tech startup, online shop, innovative advertisers and ad agencies, corporate companies and newly establishing businesses of all scale and scope. It is a multipurpose theme which can be used as a startup blog or for resumes, journals and magazines. Being customizable, its look and feel can be changed by changing its colour, background, font, header and footer format, menu style, logo and various other components without indulging in coding. This startup WordPress theme is responsive, retina ready, translation ready, multiple browsers compatible and readily supports languages of RTL style. It is totally compatible with the recently launched WordPress version and has bug-free code. Its background interface is simple to understand and even simpler to use to set up and start using the theme for any website irrespective of your coding skills and knowledge. It has many layout options, all giving perfect professional look to website with utmost ease. Advance Startup is designed with a beautiful and attractive homepage slider, call to action (CTA) button, several sections and many useful predesigned inner pages. You can extend the theme’s functionality by using the plugins whenever required, because it is compatible with many third-party plugins such as contact form 7, elementor, Woocommerce, etc. Demo: https://www.themeshopy.com/advance-startup-pro/
Tested up to: 5.4.2
Requires PHP: 7.2.14
Version: 0.4.3
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: advance-startup
Tags:left-sidebar, right-sidebar, one-column, two-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 Startup WordPress Theme has been created by Themeshopy, 2019.
Advance Startup 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;
  color: #666;
  font-family: 'Poppins', 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: #906b00 ;
  text-transform: capitalize;
}
p{
  margin:0 0 15px;
  padding:0;
  font-size: 15px;
  color: #717171;
  letter-spacing: 0px;
  line-height: 2;
}
a{
  text-decoration:none;
  color:#906b00 ;
}
a:hover{
  text-decoration:none;
  color:#666;
}
a:focus,
a:hover{
  text-decoration:none !important;
}
a:focus, input:focus, textarea:focus, button:focus,.woocommerce form .form-row input:focus.input-text, .woocommerce form .form-row textarea:focus{
  outline: 1px dotted #000;
  border-bottom: 1px solid #000;
}
.top-header a:focus, .logo a:focus, .talk-btn a:focus, .primary-navigation ul ul 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;
}
.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;
}
/* 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;
}
p.logged-in-as a{
  color: #717171;
}
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:18px;
  padding:7px 30px;
  background: #906b00 ;
  font-weight:bold;
  color:#fff;
}
.innerlightbox {
    padding: 2% 0 0;
}
/* ---------Buttons--------- */
.read-moresec a {
  border: 2px solid ;
  color: #906b00 ;
  padding: 10px;
}
.read-moresec {
  margin:20px 0; 
}
.read-moresec a:hover{
  background: #906b00 ;
  color: #fff;
}
/* ---------Logo Middle Header--------- */
.logo {
  bottom: 0px; 
  padding: 4px 0px;
}
.logo h1,
.logo p.site-title{
  font-size:35px;
  padding: 0;
  font-weight:bold;
  line-height: 1.2;
}
.logo a{
  color: #fff;
}
.logo p{
  font-size:12px;
  margin:0;
  color: #fff;
}
.page-template-custom-front-page .logo a,
.page-template-custom-front-page .logo p {
  color: #fff;
}
#header-top a span{
  color: #fff;
}
/*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;
  display: block;
}
.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: 999999;
}

.page-template-custom-front-page .fixed-header .main-menu {
  position: fixed;
  margin: 0;
  padding: 0;
  width: 100%;
  background: #fff;
  box-shadow: 2px 2px 10px 0px #2d2d2d;
}

/* ---------HEADER--------- */
.page-template-custom-front-page #header-top{
  position: absolute;
  width: 100%;
  z-index: 999;
  background: rgba(0, 0, 0, 0.5);
  border: none;
  padding:0;
}
.page-template-custom-front-page .header-nav #header {
  display: block;
}
.page-template-custom-front-page #header {
  display: none;
}
.page-template-custom-front-page .main-menu .menu-color{
  background: linear-gradient(90deg, #fff 94% , #906b00  19%);
}
.page-template-custom-front-page .main-menu{
  z-index: 999;
  border: none;
  margin-top: -7em;
  position: relative;
  padding: 10px;
  margin-bottom: 3%;
}
.page-template-custom-front-page #header-top .talk-btn {
  margin: 22px 0;
}
#header-top{
  padding: 15px 0;
  position: static;
  background: #262626;
  border-top:1px solid;
}
.talk-btn a {
  border: 2px solid #fff;
  color: #fff;
  padding: 12px 20px;
  font-size: 12px;
  font-weight: bold;
  border-radius:25px;
}
.talk-btn a i{
  margin-left: 8px;
}
.talk-btn a:hover{
  background: #906b00 ;
  color: #fff;
  border-color: #906b00 ;
}
.talk-btn {
  margin: 25px 0;
  text-align: right;
}
.top-header{ 
  background: #262626;
  padding: 10px 0;
}
.top-header a,
#header-top a{
  color: #fff;
}
.social-icons i {
  font-size: 13px;
  margin-left: 15px;
  color: #fff;
}
.social-icons {
    text-align: right;
}
.mail i,
.phone i,
.time i{
  margin-right: 5px;
  color: #fff ;
}
.mail,.phone,.time {
  color: #fff;
  font-size: 13px;
}
.main-menu {
  border-bottom: 2px solid #906b00 ;
}
/* --------- Main Menu--------- */
.page-template-custom-front-page .header-nav #header .search-box {
  margin-top: 0px;
}
.page-template-custom-front-page .header-nav #header .search-box i{
  color: #000;
}
.main-navigation .sub-menu > li > a:focus{
  outline: 1px dotted #fff;
  border-bottom: 1px solid #fff;
}
/* --------- MENUS CSS --------- */
#menu-sidebar {
  text-align: center;
  display: inline;
}
ul.list_nav {
  margin: 0 auto;
  text-align: center;
  display: block;
}
.primary-navigation ul{
  list-style: none !important;
  margin: 0;
  padding-left: 0;  
  text-align: left;
}
.primary-navigation li{
  position: relative;
  display: inline-block;
}
.primary-navigation a{
  display: block;
  color: #000;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  padding:20px;
  text-transform: uppercase;
}
.primary-navigation ul ul{
  display: none;
  position: absolute;
  min-width: 215px;
  z-index: 9999;
}
.primary-navigation ul ul ul {
  left: 100%;
  top: 0;
}
.primary-navigation ul ul a{
  border: none;
  padding: 13px;
  font-weight: 700;
  font-size: 12px;
  z-index: 999;
  color: #fff ;
  background: #000;
}
.primary-navigation ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-left: none;
  border-right: none !important;
  padding: 0;
}
.primary-navigation ul ul li:last-child{
  border-bottom: 0;
}
.primary-navigation ul li:hover > ul{
  display: block;
}
.primary-navigation .menu > ul > li.highlight{
  background-color: #006ccc;
}
.primary-navigation .menu > ul > li.highlight:hover{
  background: transparent;
}
.main-menu {
  border-bottom: 1px solid #000;
}
#menu-sidebar .social-icons, #menu-sidebar .mail, #menu-sidebar .book-btn{
  display: none;
}
.primary-navigation li a:hover,
.primary-navigation li:hover a, .primary-navigation li a:focus,
.primary-navigation li:focus a{
  background-color: #000;
  color: #fff ;
}
.primary-navigation ul ul li:first-child{
  border-top: 6px solid #df2b23 ;
}
/*--------------- SUPERFISH MENU ---------------------------*/

.sf-arrows .sf-with-ul:after{
  content: '\f067';
  position: absolute;
  height: 0;
  width: 0;
  border-top-color: #e1e1e1;
  font-weight: 600;
  font-family: 'Font Awesome 5 Free';
  margin-top: 0px;
  font-size: 10px;
  padding: 0px 6px;
  right:18px;
}
.sf-arrows ul .sf-with-ul:after{
  margin-top: 0;
  margin-right: 15px;
  border-color: transparent;
  border-left-color: #888;
  right: 10px;
  color: #fff;
}
.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';
  color: #fff;
}
.toggle-menu, a.closebtn{
  display: none;
}
.sf-arrows .sf-with-ul{
  padding-right: 30px;
}
/*-----------------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: relative;
  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: 9px 0;
 background: transparent;
 width: 95%;
}
.search-box i {
  padding: 19px;
  color: #000;
  font-size: 20px;
}
.page-template-custom-front-page .search-box i{
  color: #fff !important;
}
.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;
}
/* --------- Slider --------- */
#slider{ 
  max-width:100%; 
  margin:auto;
  padding: 0;
  background:#000;
}
#slider img {
  width: 100%;
  opacity: 0.4;
}
#slider .carousel-item {
  background-image: linear-gradient(130deg, #906b00 40% , #df2b23 77%);
}
#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;
  width: auto;
}
#slider .carousel-control-next-icon i,
#slider .carousel-control-prev-icon i{
  background: #fff;
  padding: 10px 12px;
  color: #df2b23;
}
#slider .carousel-caption {
  transform: translateY(-50%);
  top: 50%;
  left: 20%;
  right: 20%;
}
#slider .inner_carousel h1 {
  margin: 0;
  font-size: 40px;
  color: #fff;
  padding: 6px 2px;
  text-transform: capitalize;
}
#slider .inner_carousel p {
  font-size: 15px;
  color: #fff;
}
#slider .inner_carousel {
  text-align: center;
}
#slider .inner_carousel .readbtn a {
  border: 2px solid #df2b23;
  color: #fff;
  padding: 10px 20px;
  background: #df2b23;
  font-size: 12px;
  font-weight: bold;
  border-radius: 25px;
}
#slider .inner_carousel .readbtn a:hover {
  border-color: #fff;
  color: #fff;
  background: transparent !important;
}
#slider .inner_carousel .readbtn a i{
  margin-left: 10px;
}
#slider .inner_carousel .readbtn {
  margin-top: 23px;
}
/*----------------- Courses ----------------*/
#we_provide{
  padding:2% 0;
  background: #f7f7f7;
  text-align: center;
}
#we_provide h2:before{
  content: "" !important;
  font-family: 'FontAwesome' !important;
  height: 10px !important;
  width: 10px !important;
  border-radius: 50%;
  background: linear-gradient(130deg, #906b00  40% , #df2b23 77%) !important;
  display: block;
  margin: 10px auto;
}
#we_provide h2{
  color: #262626;
  font-weight: 600;
  letter-spacing: 0;
}
.cat-posts {
  padding: 10px;
  box-shadow: 0px 7px 5px #eee;
  border :1px solid #eee;
  background: #fff;
  margin: 5px 0;
}
#we_provide .theme_button a ,
.read-more-btn a {
  border: 2px solid #d4d4d4;
  color: #000;
  padding: 10px 15px;
  background: transparent;
  font-size: 12px;
  font-weight: bold;
  border-radius: 25px;
}
#we_provide .theme_button a:hover ,
.read-more-btn a:hover{
  color: #fff;
  border:none;
  background: linear-gradient(130deg, #906b00  40% , #df2b23 77%); 
  border: 2px solid #d4d4d4;
}
#we_provide .theme_button a i,
.read-more-btn a i{
  margin-left: 10px;
}
#we_provide .theme_button {
  margin:10px 0;
}
#we_provide .cat_body {
    margin-bottom: 25px;
}
#we_provide .cat_body p{
  letter-spacing: 0;
  line-height: 2;
  font-size: 14px;
  color: #717171;
}
#we_provide .cat_body h3{
  color: #262626;
  font-weight: 600;
  font-size: 16px;
}
#content {
  margin-top: 3%;
}
/*----------------- content page ----------------*/
.page-box {
  padding: 10px;
  margin:10px 0;
  border-bottom: 1px solid #262626;
}
.page-box h4{
  text-transform: capitalize;
  color: #262626;
  padding: 0;
  font-size: 22px;
}
.page-box .new-text,
.page-box-single .new-text{
  padding:10px;
}
.page-box .new-text{
  text-align: center;
}
.page-box p,
.page-box-single p{
  margin:10px 0 !important;
}
.page-box-single img{
  width: 100%;
}
.our-services img{
  width:100%;
}
.our-services .services-box{
  margin:40px 0 20px 0;
}
.our-services aside#search-2 {
  padding: 5% 1%;
}
.read-more-btn {
  margin: 20px 0;
}
.page-box .metabox,
.page-box-single .metabox{
  padding: 15px 0 5px;
  clear:both;
}
.metabox span,
.metabox span a {
  color:#262626;
  margin-right: 24px;
  font-size: 14px;
  margin-right: 10px;
}
.metabox span a:hover{
  color: #906b00;
}
.metabox i {
  margin-right: 5px;
  color: #906b00 ;
}
/* --------- content-single  Page ------- */
.page-box-single {
  padding: 10px;
  background: #fafafa;
}
.page-box-single h1{
  text-transform: capitalize;
  font-weight: 600;
  margin: 0 0 10px;
  padding: 0;
}
.page-box-single .box-image img{
  width: 100%;
}
span.post-title {
  color: #000;
}
.entry-content a, .woocommerce-product-details__short-description p a, .comment-body p a{
  text-decoration: underline;
}
.entry-content li, .entry-content p{
  color: #262626;
}
.entry-content code{
  color: #906b00;
}
.tags a{
  font-size: 15px;
  font-weight: 600;
}
.tags p{
  color: #262626;
  font-weight: 600;
}
#contact-info{
  display: none;
}
.meta-nav {
  color: #906b00;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  padding: 10px;
  background: #fffafa;
}
.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: #906b00;
  margin-right: 10px;
}
.tags p a{
  font-size: 15px;
  color:#906b00;
  border: 1px solid #906b00;
  padding: 3px 10px;
  margin: 5px;
  display: inline-block;
}
.tags p a:hover{
  color: #fff;
  background: #906b00;
  border: 1px solid #906b00;
}
/* Headings */
section h1{
  font-weight:bold;
  text-align:center;
  margin:0 0 45px;
  padding:0;
  text-transform:uppercase;
}
section h2{
  font-weight:bold;
}
section h4{
  color:#906b00 ;
  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:2.5em 0;
}
#footer label{
  width: 100%;
}
#footer .widget {
  padding: 5% 0;
}
#footer .wp-calendar-nav-prev a{
  color: #fff;
}
.tagcloud a {
  color: #fff;
}
#footer .textwidget a{
  color: #fff;
  text-decoration: underline;
}
#footer input[type="search"]{
  width: 100%;
  border: none;
  padding: 10px 6px;
  border: solid 1px #906b00;
  color: #fff;
}
#footer form.woocommerce-product-search button, #sidebar form.woocommerce-product-search button{
  background: #906b00 ;
  border-radius: 0px;
  color: #fff;
  margin-top: 5px;
  padding: 10px 0;
  width: 100%;
  border: none;
  border: solid 1px #906b00;
}
#sidebar form.woocommerce-product-search button{
  margin-top: 0;
}
#sidebar .woocommerce ul.cart_list li:before{
  display: none;
}
#sidebar .woocommerce ul.cart_list li{
  padding-left: 2em !important;
}
#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;
}
table#wp-calendar {
  width: 100%;
}
#footer table#wp-calendar td a,
#footer a.rsswidget{
  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:#202020 !important;
  padding: 5px;
}
#footer td {
  padding: 7px;
  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 ul li {
  list-style: none;
  padding: 5px 0;
}
#footer ul {
  margin: 0;
}
#footer{
  background:#262626;
  color:#fff;
  clear:both;
  font-size:14px;
}
#footer h3{
  border-bottom: 1px solid;
  text-align: left;
  font-size: 22px;
  text-transform: capitalize;
  font-weight: bold;
  padding: 0 0 10px 0;
  color: #fff ;
  margin-bottom: 13px;
}
#footer p{
  font-size:15px;
  color: #fff;
}
#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: #906b00 ;
  border-radius: 0px;
  color: #fff;
  margin-top: -38px;
}
#footer a:focus{
  outline: 1px dotted #fff;
  border-bottom: 1px solid #fff;
}
.copyright p {
  font-size: 15px;
  color: #fff;
  margin-bottom: 0;
}
.copyright p a{
  color: #fff;
}
.copyright {
  background: #000;
  padding: 15px;
  text-align:center;
}
#footer .tagcloud a {
  border: solid 1px #fff;
  color: #fff;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 2px 6px;
  display: inline-block;
}
#footer .tagcloud a:hover{
  background-color: #906b00 ; 
}
#footer .entry-content a{
  text-decoration: underline;
  color: #fff;
}
#footer .news-text-wrap h2 a {
    color: #fff;
}
/*scroll to top*/
#scroll-top{
  background:#000;
  border:2px solid #000;
  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%;
}
/* Comments BOX */
#comments {
  display: block;
}
#comments ol li li{
  padding-left: 25px;
}
.comment-body{
  margin-bottom: 20px;
}
.comment-meta.commentmetadata {
  margin: 10px 0;
}
#comments h2.comments-title{
  font-size:20px;
  font-weight:bold;
  border-top:2px dotted #7e7e7e;
  padding: 25px 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:#906b00  !important;
  padding:10px 50px;
  text-transform:normal;
  font-weight:bold;
  color: #fff;
  margin-top:20px;
  margin-left:0;
  border: none;
}
#comments a.comment-reply-link{
  color:#fff ;
  background:#906b00;
  padding:5px 15px;
}
#comments a.comment-reply-link:hover{
  background:rgb(21, 28, 39);
  color: #fff;
}
#comments a time{
  color:#906b00 ;
  font-weight:bold;
  font-size:12px;
}
.content-ts #comments ul{
  margin:0 0 0 40px;
}
#comments .reply{
  text-align: right;
}
#comments .comment-author{
  width:100%;
}  
ol.comment-list li{
  color: #717171;
}
.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 nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover, 
.woocommerce nav.woocommerce-pagination ul li span.current {
  background: #906b00;
  color: #fff;
}
.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span{
  padding: 10px 15px;
  font-size: 18px;
}
.woocommerce ul.products li.product .button{
  margin:1em 0;
}
.woocommerce .products li {
  text-align: center;
  border: 1px solid #e7e7e7;
}
.woocommerce #sidebar {
  margin-top: 2em;
}
a.showcoupon,
.woocommerce-message::before{
  color: #906b00;
}
.woocommerce-message {
  border-top-color: #906b00 ;
}
.woocommerce span.onsale {
  background: #906b00 ;
  color: #fff;
  padding: 0;
  margin: 0 !important;
}
h2.woocommerce-loop-product__title{
  color: #232322;
  font-weight: 500;
  font-size: 15px !important;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #717171;
  font-size: 16px;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
  margin-bottom: 5px;
  color: #000;
}
.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{
  color: #717171;
  border-radius: 30px;
  border: 2px solid #929292;
  background: transparent;
}
.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{
  color: #fff;
  background: linear-gradient(130deg, #906b00  40% , #df2b23 77%);
  border-color: #906b00 ;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 5px;
  border-radius: 0;
  border: solid 1px #906b00 ;
  color: #906b00 ;
}
.col-1,.col-2 {
  max-width: 100%;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: #906b00  !important;
  padding: 12px!important;
  margin-bottom: 10px;
}
.posted_in {
  display: block;
}
.woocommerce .woocommerce-ordering select{
  padding: 10px;
}
span.woocommerce-input-wrapper{
 width: 100%;
}
.woocommerce-product-gallery__image{
  padding: 2px;
}
.woocommerce .related.products .star-rating,.woocommerce .products .star-rating{
  margin: 10px auto !important;
}
.woocommerce ul.products li.product .onsale {
  top: -11px;
  right: -6px;
}
.woocommerce form .form-row .required{
  color: #df0000;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size: 22px !important;
  text-align: center;
  text-transform: capitalize;
}
.woocommerce .woocommerce-breadcrumb a, .woocommerce .woocommerce-breadcrumb{
  color: #717171;
  margin-top: 5px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-cart .cart-collaterals .shipping-calculator-button, .woocommerce table.shop_table th, .woocommerce table.shop_table td{
  color: #717171;
}
a.showcoupon,.woocommerce-MyAccount-content a, nav.woocommerce-MyAccount-navigation a, tr.woocommerce-cart-form__cart-item.cart_item a{
  text-decoration: none;
}
nav.woocommerce-MyAccount-navigation li a {
  color: #fff;
}
.woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover{
  color: #fff;
}
.woocommerce #reply-title {
  font-size: 18px;
  font-weight: 600;
}
.woocommerce .star-rating::before{
  color: #6a6666;
}
.woocommerce #comments p {
  float: left;
  width: 100%;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
  font-size: 16px;
}
.woocommerce .product-title{
  font-size: 17px;
}
.woocommerce .select2-container .select2-selection--single{
  height: 40px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
  top:70%;
}
.select2-container--default .select2-selection--single, input#billing_phone {
  padding: 10px 0px;
  border-radius: 0px;
}
.woocommerce form .form-row textarea{
  height: 3em;
}
#sidebar .star-rating, #footer .star-rating{
  margin: 0 !important;
}
#sidebar .product_list_widget .star-rating, #footer .product_list_widget .star-rating{
  margin: 5px 0 10px 0 !important;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
  background-color: #906b00;
}
#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;
}
.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% !important;
}
.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;
}
#sidebar a.remove.remove_from_cart_button , #footer a.remove.remove_from_cart_button{
  font-size: 22px !important;
}
.woocommerce-Reviews .comment-text .description {
  float: left;
}
.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;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
  width: auto;
}
form.woocommerce-form.woocommerce-form-login.login{
  display: inline-block;
}
.single-product .background-img-skin {
  margin: 36px 0;
}
/*------------- Sidebar -------------*/
#sidebar caption{
  color: #906b00 ;
}
#sidebar form{
  display: table;
  width: 100%;
}
#sidebar .textwidget a{
  color: #906b00;
  text-decoration:underline;
}
#sidebar h3 {
  font-weight: bold;
  font-size: 25px;
  text-transform:capitalize !important;
  color: #000;
  padding: 10px;
}
#sidebar input[type="search"] {
  border: solid 1px #bbb;
  padding:10px;
  font-size: 15px;
  color: #000;
  width: 100%;
  margin-bottom: 10px;
}
#sidebar label{
  width:100%;
}
#sidebar input[type="submit"]{
  padding: 7px 0;
  width: 100%;
  font-size: 18px;
  margin: 0;
  color: #929292;
  border: 1px solid #929292;
  background: transparent;
}
#sidebar input[type="submit"]:hover{
  color: #fff;
  background: linear-gradient(130deg, #906b00  40% , #df2b23 77%);
  border: none;
}
#sidebar aside {
  border-bottom: 1px solid #262626;
  padding: 10px;
  margin-bottom: 15px;
}
#sidebar ul {
  list-style:none;
  margin:0;
  padding:10px;
  font-size: 12px;
}
#sidebar ul li{
  font-size: 15px;
  margin: 5px 10px;
  text-transform: capitalize;
  color: #262626;
  transition: all .5s;
}
#sidebar ul li a{
  border-radius: 2px;
  /*display: inline-block;*/
  padding: 5px 0;
  color: #262626;
}
#sidebar ul li:before{
  background: #3a4d5e;
  content: "";
  display: inline-block;
  height: 2px;
  margin-right: 12px;
  vertical-align: middle;
  width: 8px;
}
#sidebar ul li:hover:before{
  background: #906b00  !important;
}
#sidebar ul li:hover{
  padding-left: 15px;
}
#sidebar ul li:hover,
#sidebar ul li:hover a,
#sidebar ul li:active, 
#sidebar ul li:focus {
  text-decoration: none;
  color: #906b00;
  text-decoration: none;
}
label{
  margin-bottom: 0px;
}
#sidebar .tagcloud a{
  border: outset 2px #999;
  color: #262626;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 2px 6px;
  display: inline-block;
}
#sidebar .tagcloud a:hover{
  background:#906b00;
  color: #fff;
}
img.rss-widget-icon {
  width: auto !important;
}
#sidebar .woocommerce ul.product_list_widget li img, #footer .woocommerce ul.product_list_widget li img {
  width: 50px;
}
#sidebar .woocommerce ul.product_list_widget li{
  position: relative;
  padding: 0 0 10px 20px;
  margin: 0;
}
#sidebar .woocommerce ul.product_list_widget li a{
  padding: 0
}
#sidebar .woocommerce ul.product_list_widget li:before{
  position: absolute;
  left: 0;
  top: 12px;
}
/* Page */
.entry-title,
h1.page-title {
  text-align: left;
  margin-bottom: 10px;
}
.content-ts p{
  text-align:justify;
  line-height: 1.5;
  font-size: 15px;
  margin:0 0 10px 0;
  color: #717171;
}
.content-ts hr{
  border:none;
  margin:35px 0;
  clear:both;
}
.content-ts h2{
  font-size:32px;
  font-weight:normal;
  margin:0;
  padding:0;
  margin:0 0 25px;
}
.content-ts h3{
  font-size:36px;
  padding:0;
  margin:0 0 25px;
  color: #000;
}
.content-ts h4{
  font-size:20px;
  padding:0;
  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 10px 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-links{
  margin: 20px 0;
}
.nav-previous {
  float: left;
  width: 50%;
  font-size: 15px;
}
.nav-next {
  float: right;
  font-size: 15px;
  width: 50%;
  text-align: right;
}
.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 2px 2px 0;
  padding:10px 15px;
  text-decoration:none;
  width:auto;
  color:#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{
  color:#fff;
  border: 1px solid #000;
  background: #000;
}
.pagination .current{
  padding:10px 15px;
  border:1px solid #000;
  color:#000;
  font-weight:bold;
}
iframe, .entry-audio audio{
  width: 100%;
}
/* Media */
@media screen and (max-width: 768px) and (min-width: 720px){  
  #sidebar th,
  #sidebar td{
    padding: 0px;
  }
  .woocommerce .products li,
  .related.products ul.products li.product, .related.products .woocommerce-page ul.products li.product {
    margin-right: 15px !important;
    width: 46% !important
  }
  #slider .inner_carousel h2 {
    font-size: 30px;
  }
  #slider .inner_carousel p {
    display: none;
  }
  .page-template-custom-front-page .header-nav #header .search-box i{
    margin: 4px 7px;
  }
  .page-template-custom-front-page .header-nav #header .search-box{
    padding: 10px 8px;
  }
  .page-template-custom-front-page #header-top .talk-btn{
    margin:22px 0;
  }
  .woocommerce ul.products[class*=columns-] li.product:nth-child(2n), .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n){
    float:none;
    display: inline-table;
  }
  #sidebar .woocommerce ul.product_list_widget li img, #footer .woocommerce ul.product_list_widget li img{
    width: 40px;
  }
}
@media screen and (max-width:720px) { 
  #header,
  #header .logo h1,
  #slider .inner_carousel,.social-icons,.logo,.talk-btn{
    text-align: center;
  }
  .page-template-custom-front-page .main-menu .menu-color{
    background: #906b00 ;
  }
  #slider .inner_carousel p,
  #slider .inner_carousel h2 {
    display: none;
  }
  #comments input[type="submit"].submit{
    width: 100% !important;
  }
  section .innerlightbox {
    padding: 0;
  }
  #footer input[type="submit"] {
    padding: 6px 0;
    float: right;
    border-radius: 0px;
    color: #fff;
    margin-top: 4px;
    margin-bottom: 10px;
  }
  .page-template-custom-front-page #header-top,
  .page-template-custom-front-page .main-menu{
    border-top: 1px solid #fff; 
    position: static;
    margin: 0;
    background: #262626;
  }
  .phone,
  .mail,
  .time,
  .top-header .account-btn{
    text-align: center;
  }
  .phone,
  .mail{
    padding:0;
  }
  .center-align {
    left: 40%;
    right: 50%;
  }
  #slider .carousel-caption, #slider .inner_carousel{
    text-align: center !important;
    left: 0 !important;
    right:0 !important;
  }
}
@media screen and (min-width:720px){
  #footer input[type="submit"]{
    width: 100%;
    float: none;
    margin-top: 5px;
  }
  #footer input[type="search"]{
    width: 100%;
  }
  #footer th,
  #footer td{
    padding: 0px;
  } 
}
@media screen and (min-width: 1000px) and (max-width: 1024px){
  #footer input[type="submit"]{
    margin-top: 5px;
  }
  #footer th,
  #footer td{
    padding: 4px;
  }
  #sidebar th,
  #sidebar td{
    padding: 0px;
  }
  #sidebar ul li{
    font-size: 14px;
  }
  #slider .inner_carousel h2 {
    font-size: 33px;
    padding: 0px 2px;
  }
  .logo h1{
    font-size: 30px;
  }
  #slider .carousel-caption {
    top: 45%;
  }
  .logo h1{
    font-size: 30px;
  }
  .page-template-custom-front-page .header-nav #header .search-box{
    padding: 10px 20px;
  }
  .page-template-custom-front-page .main-menu{
    margin-bottom: 4%;
  }
  .search-box i{
    font-size: 17px;
    padding: 19px 0;
  }
}
@media screen and (max-width: 425px){
  #footer input[type="search"]{
    width: 100%;
  }
  .woocommerce ul.products[class*=columns-] li.product,
  .woocommerce-page ul.products[class*=columns-] li.product{
    width: 100% !important;
    float: none !important;
  }
  #slider .inner_carousel .readbtn{
    margin-top:0px;
  }
  .serach_inner input.search-submit{
    width: 100%;
  }
  #slider .inner_carousel h1{
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px){
  .page-template-custom-front-page .main-menu{
    position: static;
    margin: 0;
    border-bottom: 1px solid #262626;
  }
  .page-template-custom-front-page .main-menu{
    padding: 0;
  }
  #slider .inner_carousel p{
    display: none;
  }
  .page-template-custom-front-page #header-top{
    margin: 0;
    position: static;
    background: #262626;
    border-top: 1px solid;
  }
  .logo h1{
    font-size: 30px;
  }
  .top-header .account-btn{
    margin: 22px 0;
  }
  #menu-sidebar .primary-navigation a{
    padding: 15px !important;
  }
}
/*------------------RESPONSIVE MEIDA-------------------*/

@media screen and (max-width: 1000px){
  .primary-navigation ul ul a:hover{
    color: #df2b23 !important;
  }
  .menubar .primary-navigation ul li a:focus,
  a.closebtn.responsive-menu:focus{
    outline: 1px dotted #fff;
    border-bottom: 1px solid #fff;
  }
  .toggle-menu {
    display: block;
    text-align: left;
  }
  .toggle-menu i {
    font-size: 18px;
    color: #fff;
    padding:10px;
    background: #262626;
  }
  .search-box{
    margin: 0;
  }
  .toggle-menu button {
    background: transparent;
    border: none;
  }
  .side-menu {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    right: 0;
    background-color: #252525;
    overflow-x: hidden;
    visibility: hidden;
    padding-top: 60px;
    transition: 0.5s;
  }
  .side-menu.display{
    visibility: visible;
    width: 100%;
    transition: 0.5s;
  }
  .side-menu .closebtn {
    position: absolute;
    top: -9px;
    left: -6px;
    font-size: 40px !important;
    display: block;
    color: #ffffff;
    border:none;
    background: transparent;
  }
  .side-menu #primary-site-navigation {
    width: 100%;
  }
  .menubar .primary-navigation ul li{
    border-top:1px #303030 solid; 
    display:block;
  }
  .primary-navigation ul li a{
    padding: 8px;
    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 li {
    display: block;
  }
  .primary-navigation ul ul{
    position: static;
    width: 100%;
  }
  .primary-navigation li{
    padding: 0;
  }
  .main-header-box{
    padding-bottom: 15px;
  }
  #menu-sidebar {
    display: inline;
  }
  #menu-sidebar a:focus{
    outline: 1px dotted #fff;
    border-bottom: 1px solid #fff;
  }
  .primary-navigation ul{
    display: grid;
  }
  .page-template-custom-front-page #header .contact-content .primary-navigation ul li a,
  .page-template-custom-front-page .logo p, 
  .page-template-custom-front-page .logo a{
    color: #fff;
  }
  .primary-navigation .current_page_item > a,
  .primary-navigation .current-menu-item > a,
  .primary-navigation .current_page_ancestor > a,
  .primary-navigation ul ul{
    background:unset;
  }
  .toggle-menu.responsive-menu a:focus{
    outline: 1px dotted #000 !important;
    border-bottom: 1px solid #000 !important;
  }
  .page-template-custom-front-page #header , .primary-navigation ul ul li{
    display: block;
  }
  .search-box i{
    color: #000;
  }
  .primary-navigation ul ul{
    background: #252525 !important;
  }
  .primary-navigation ul ul a, .primary-navigation li a:hover, 
  .primary-navigation li:hover a, 
  .primary-navigation li a:focus, .primary-navigation li:focus a{
    background-image: linear-gradient(-90deg, #df2b23 0%, #906b00  120% );
  }
  .main-menu .menu-color{
    background: #fff !important;
    padding: 5px;
  }
  .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 {
    display: inline;
    background-image: linear-gradient(-90deg, #df2b23 0%, #906b00  120% );
    opacity: 0.95;
  }
  #header .nav ul.sub-menu li a, #header .nav 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;
  }
  .primary-navigation ul ul li:first-child{
    border-top: none;
  }
  #menu-sidebar .social-icons, #menu-sidebar .mail, #menu-sidebar .book-btn{
    display: block;
  }
  #menu-sidebar .social-icons a{
    padding:0px;
  }
  #contact-info{
    background: #000;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    opacity: 1;
    display: block;
  }
  #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, #menu-sidebar .talk-btn{
    display: none;
  }
  .phone span, .mail span, .social-icons a, .time span{
    color: #fff;
    font-size: 15px;
  }
  .phone i, .mail i, .time i{
    color:#906b00 ;
  }
  .mail, .phone, .time{
    padding:8px 0;
  }
  #menu-sidebar .book-btn a, #menu-sidebar .book-btn{
    padding: 7px;
    font-size: 13px;
  }
  #menu-sidebar input[type="submit"]{
    padding: 8px;
    background-color: #df2b23;
    font-size: 15px;
  }
  #menu-sidebar input.search-field{
    background: #fff;
    padding: 7px;
  }
  .primary-navigation a{
    display: unset;
  }
  #contact-info form.search-form {
    display: block;
  }
  .main-menu-navigation{
    overflow-y: scroll;
    scroll-behavior: auto;
  }
  .sf-arrows .sf-with-ul:after{
    position: absolute;
    right: 0;
    color: #fff;
  }
  input.search-field{
    width: 100%;
  }
  .social-icons{
    text-align: center;
    padding: 10px 0;
  }
  .top-header {
    display: none;
  }
  .sf-arrows .sf-with-ul:after{
    position: absolute;
    left: 87%;
  }
  .sf-arrows ul .sf-with-ul:after{
    right: 0;
  }
  #contact-info label{
    width: 60%;
  }
  .header-nav .main-menu{
    display: none;
  }
  #menu-sidebar i.far.fa-times-circle {
    padding: 20px;
}
}
@media screen and (max-width:575px){ 
  .page-template-custom-front-page .fixed-header .main-menu { 
    position: static; 
  } 
}