/*
Theme Name: Perfect Electrician
Theme URI: https://www.theclassictemplates.com/themes/free-electrician-wordpress-theme
Author: classictemplate
Author URI: https://www.theclassictemplates.com/
Description: Electrician WordPress Theme is a readymade website theme specially designed for electricians, lineman, wireman, electronics technician, engineer, sparky, residential electric fitter, Commercial electric fitter also for electrical company and electricity businesses etc. It is a modern eye-catching website design with customization features to create a fully functional and professional website hassle free without any prior coding skills required. It is made user friendly so that anyone can create their own personalized website on their own and it best suits all the electrician and electronic services. Any electrician or an electronic business can easily use the layouts of this theme to showcase their services and products and also their portfolio in the most attractive way. This theme uses the latest HTML5 and the amazing CSS3 which makes the website look clean, minimal, attractive, professional and elegant at the same time. This theme is made highly optimized with the use of the Bootstrap Framework. It delivers faster page loading and makes the website compatible with all types of devices and screens for seamless browsing across different devices. Also the SEO friendly nature of the theme makes it best for your electronic business to attract more visitors as it shows your website in the top results of search engines whenever someone searches for any services or keywords related to your business.
Version: 0.1.7
Tested up to: 6.1
Requires PHP: 7.2
Requires at least: 5.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: perfect-electrician
Tags: blog, e-commerce, photography, one-column, two-columns, left-sidebar, right-sidebar, custom-logo, featured-images, full-width-template, custom-colors, editor-style, wide-blocks, custom-header, custom-background, custom-menu, sticky-post, threaded-comments, theme-options

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Perfect Electrician WordPress Theme has been created by classictemplate (theclassictemplates.com), 2021.
Perfect Electrician WordPress Theme is released under the terms of GNU GPL
*/

*{
  margin:0;
  padding:0;
  outline:none;
}
body{
  margin:0;
  padding:0;
  font-size:15px;
  color: #8c8c8c;
  font-family: 'Roboto', sans-serif;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
img{
  border:none;
  margin:0;
  padding:0;
  height:auto;
  max-width:100%;
}
a{
  color: #262626;
}
a:hover{
  color:#333;
  text-decoration:none;
}
ol,ul{
  margin:0;
  padding:0;
}
.wp-caption,
.wp-caption-text,
.sticky,
.gallery-caption,
.aligncenter{
  margin:0;
  padding:0;
  max-width:100% !important;
}
.sticky{
  background: #ededed;
}
.entry-content ol li,
.entry-content ul li{
  margin-left:15px;
}
ul li ul,
ul li ul li ul,
ol li ol, ol li ol li ol{
  margin-left:10px;
}
h1,h2,h3,h4,h5,h6{
  color:#1b1b1b;
  line-height:1.1;
  font-weight:bold;
}
h1{
  font-size:32px;
}
h2{
  font-size:30px;
}
h3{
  font-size:24px;
}
h4{
  font-size:20px;
}
h5{
  font-size:18px;
}
h6{
  font-size:14px;
}
.clear{
  clear:both;
}
.alignnone{
  width:100% !important;
}
img.alignleft, .alignleft{
  float:left;
  margin:0 15px 0 0;
  padding:5px;
  border:1px solid #cccccc;
}
img.alignright, .alignright{
  float:right;
  margin:0 0 0 15px;
  padding:5px;
  border:1px solid #cccccc;
}
.left{
  float:left;
}
.right{
  float:right;
}
#comment-nav-above .nav-previous,
#comment-nav-below .nav-previous{
  float:none !important;
  margin:10px 0;
}
ol.comment-list li{
  list-style:none;
  margin-bottom:5px;
}
/* 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. */
}
a:focus,input[type='submit']:focus,input[type='search']:focus,textarea:focus,input[type='name']:focus,input[type='email']:focus,.toggle-nav button:focus,a.close-button:focus,#commentform input#email:focus, #commentform input#url:focus,#commentform input#author:focus, #commentform textarea:focus, #commentform input#eazycfc_captcha:focus,.main-nav a:focus,.main-nav ul ul a:focus{
	outline: -webkit-focus-ring-color auto 1px;
}
.textwidget p a,.entry-content a,.entry-summary p a,ol.comment-list p a {
  text-decoration: underline;
}

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

/* = pre loader css
-------------------------------------- */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 999999;
}
#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url(images/status.gif);
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
}

/* = top header css
-------------------------------------- */
h1.site-title{
  font-size: 24px;
  margin: 0;
  text-transform: uppercase;
}
h1.site-title a{
  color: #4c4c4c;
  font-weight: 400;
  text-decoration: none;
}
h1.site-title a:hover {
  text-decoration: unset;
}
span.site-description{
  font-size: 16px;
  font-weight: 600;
  color: #222;
}
h4.site-title {
  color: #909090;
  font-size: 17px;
  filter: blur(0.3px);
  font-weight: 800;
  margin: 0;
  letter-spacing: 0.5px;
}
h4.site-title:hover{
  color:#dc1415;
}
.listarticle h2 a:hover,#sidebar ul li a:hover{
  color: #262626;
}
.center-align{
  align-self: center;
}
.social-icons {
  text-align: center;
}
.social-icons i {
  color: #8f8f8f;
  font-size: 16px;
  margin: 0 7px;
}
.social-icons i:hover{
  color:#dc1415;
}
.header-image{
  position: relative;
  display: flex;
  align-items: center;
  height: 155px;
}
.header-image:before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #e4e4e4;
  opacity: 0.9;
  z-index: 1;
}
.page-header {
  position: relative;
  z-index: 999;
  text-align: left;
}
.page-header h1{
  color: #4a5a7f;
  margin-bottom: 0;
  font-size: 44px;
  font-weight: 600;
}
.page-header span{
  font-size: 18px;
  font-weight: 500;
  color: #4a5a7f;
  display: flex;
  align-items: center;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

.page-header span a {
  font-size: 16px;
  font-weight: 400;
  color: #dc1415;
  letter-spacing: 1px;
  text-decoration: none;
}
/* = header css
-------------------------------------- */

.header {
  background: #fff;
  width: 100%;
  z-index: 9999;
  padding: 0;
}
.header p{
  margin: 0;
}
.header .right-mob a.h-phone {
  display: flex;
  align-items: center;
  height: 100%;
  text-decoration: none;
  justify-content: center;
}
.header .right-mob a.h-phone .header-call-icon{
  margin-right: 10px;
}
.header .right-mob a.h-phone i.fas.fa-phone {
  font-size: 22px;
  color: #dc1415;
}
.header .site-mail{
  display: flex;
  /*justify-content: right;*/
  float: right;
  text-decoration: none;
  align-items: center;
}
.header .site-mail i{
  margin-right: 10px;
  color: #dc1415;
  font-size: 13px;
}
.header .site-mail p{
  font-size: 14px;
  color: #9b9b9b;
  font-weight: 400;
}
.header .site-mail p:hover{
  color: #dc1415;
}
/*.header {
  background: #262626;
  padding-bottom: 15px;
}*/
.woocommerce ul.products li.product .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce a.button, .woocommerce button.button, .woocommerce #respond input#submit, #commentform input#submit {
  background: linear-gradient(0deg,#086ad9,#00bcd4 80%) no-repeat;
  color: #fff;
  padding: 10px 25px;
  border-radius: 0;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
#commentform input#submit:hover {
  background: #262626;
  color: #fff;
}

/* = menus css
-------------------------------------- */
#mySidenav {
  display: inline;
}
.main-menu {
  background: #001b42;
  border: 1px solid #f1f1f1;
}
.main-nav ul{
  margin: 0;
  padding: 0;
  /*display: flex;*/
  text-align: left;
}
.main-nav li{
  display: inline-block;
  position: relative;
}
.main-nav a {
  color: #fff;
  padding: 10px 25px;
  font-size: 14px;
  text-decoration: none;
  display: block;
}
.main-nav a:hover,.current_page_item a{
  color: #dc1415;
}
.main-nav ul ul{
  display: none;
  position: absolute;
  background: #001b42;
  min-width: 250px;
  z-index: 9999;
  top: 70%;
  line-height: 30px;
}
.main-nav ul ul ul{
  left: 100%;
  top: 0%;
}
.main-nav ul ul a{
  color: #fff ;
  border: none;
  padding: 5px 10px;
}
.main-nav ul ul a:hover{
  /*background: #db1515;*/
  color: #db1515;
}
.main-nav ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-left: none;
  border-right: none !important;
  padding: 0;
  border-bottom: solid 1px #262626;
}
.main-nav ul li:hover > ul{
  display: block;
}
.main-nav .menu > ul > li.highlight{
  background-color: #006ccc;
}
.main-nav .menu > ul > li.highlight:hover{
  background: transparent;
}
.sf-arrows ul .sf-with-ul:after{
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #888;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
  border-left-color: #333;
}
.toggle-nav, a.close-button{
  display: none;
}

/* = slider section css
-------------------------------------- */


/* = slider section css
-------------------------------------- */
#catsliderarea{
  padding-bottom: 30px;
}
.slider-box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10%;
  right: 55%;
  /*text-align: center;*/
  z-index: 999;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.catwrapslider .owl-prev,
.catwrapslider .owl-next {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  font-size:30px;
  right:2%;
  background: transparent;
  color: #fff;
  border: none;
}
.catwrapslider .owl-prev{
  right: auto;
  left: 2%;
}
.slider-box h3 {
  font-size: 50px;
  color: #fff;
  text-transform: uppercase;
  font-family: 'Knewave', cursive;
  font-weight: normal;
}
.slider-box p {
  color: #fff;
  font-size: 16px;
}
.slide-btn a {
  color: #fff;
  padding: 15px 25px;
  font-size: 16px;
  font-weight: 800;
  border-radius: 30px;
  border: solid 2px #fff;
}
.slide-btn a:hover {
  background: linear-gradient(0deg,#086ad9,#00bcd4 80%) no-repeat;
  border: none;
}

.slidesection .cover {
  background-color: #000000c2;
}
.slidesection svg.waves {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  overflow: hidden;
  z-index: 1;
  opacity: 1;
}
.slidesection .waves image {
  height: 100%;
  width: 50%;
  opacity: 1;
}
.slidesection svg.waves1 {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  opacity: 1;
  z-index: 1;
}
.slidesection .waves1 image {
  height: 100%;
  opacity: 1;
  width: 47%;
}
.slidesection svg.waves2 {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  opacity: 1;
  z-index: 1;
}
.slidesection .waves2 image {
  height: 100%;
  width: 49%;
  opacity: 0.5;
}


#catsliderarea .catwrapslider .big-title {
    font-size: 4.7em;
    font-weight: 700;
    word-spacing: 2px;
}

#catsliderarea .catwrapslider .big-title {
    font-size: 4.7em;
    font-weight: 700;
    word-spacing: 2px;
}

#catsliderarea .catwrapslider p.slider-text {
    word-spacing: 6px;
    line-height: 1.6;
}

#catsliderarea .catwrapslider p.slider-text {
    word-spacing: 6px;
    line-height: 1.6;
}

#catsliderarea .slideroverly {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(images/slideroverlay.png);
    height: 740px;
    width: 740px;
    position: absolute;
    top: 0;
    opacity: 0.2;
    right: 0;
}

#catsliderarea .slidesection {
    background: transparent;
    height: 740px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
}

#catsliderarea .slidesection img {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    position: relative;
}


#catsliderarea .slidesection:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #1f1f1f;
    opacity: 0.2;
}



@media screen and (max-width: 768px) {
  #slider .slider-content .info-box{
    width: 100%;
    text-align: center;

  }
}
/* = Features css
-------------------------------------- */
#feature_box {
  margin-top: -134px;
  position: relative;
  z-index: 10;
}
.feature_inner_box {
  padding: 24px 2em;
  box-shadow: rgb(0 0 0 / 10%) 0px 1px 3px 0px, rgb(0 0 0 / 6%) 0px 1px 2px 0px;
  border-bottom: 4px solid #dc1415;
  background: #fff;
}
.feature_inner_box .feature-icon {
  color: #dc1415;
  background: #ebebeb;
  /* display: initial; */
  padding: 10px;
  font-size: 42px;
  height: 85px;
  display: flex;
  width: 85px;
  align-items: center;
  justify-content: center;
}
.feature_inner_box .feature-title{
  font-weight: 500;
  text-transform: uppercase;
}
.feature_inner_box p.feature-text {
  font-size: 14px;
  color: #a6a6a6;
}
.feature_inner_box .feature-btn {
  font-size: 15px;
}
.feature_inner_box .feature-btn i.fas.fa-caret-right {
  font-size: 17px;
  color: #dc1415;
  margin-left: 3px;
}
/* = Services css
-------------------------------------- */
#services .services{
  box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}
#services .title p{
  font-size: 14px;
  color: #dc1415;
}
#services .title h2{
  font-weight: 800;
  letter-spacing: 0.5px;
  filter: blur(0.3px);
  color: #011a43;
}
#services .image{
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 200px;
}
#services .image.image-default{
  background-image: url(images/placeholder.svg);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
#services .image.image-default:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #1f1f1f;
  opacity: 0.7;
  top: 0;
  left: 0;
}
#services .service-icon{
  left: 15px;
  top: -40px;
  height: 65px;
  width: 65px;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
#services .content p{
  font-size: 16px;
  letter-spacing: 0.3px;
}
@media screen and (max-width: 425px) {
  #services .image{
      height: 230px;
  }
}

/* = Page lay out css
-------------------------------------- */
.postsec-list input.search-field,
.postsec-list input.search-submit {
  padding: 15px 10px;
}
.contentsecwrap{
  padding:25px 0;
  clear: both;
}
.contentsecwrap p{
  margin-bottom:20px;
}
.listarticle, #sidebar aside.widget{
  background: #fff;
    border: none;
    margin-bottom: 45px;
    padding: 30px;
    display: inline-block;
    width: 100%;
    float: left;
    position: relative;
    -webkit-box-shadow: 0px 0px 30px 0px rgb(0 33 85 / 10%);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0,33,85,0.1);
    box-shadow: 0px 0px 30px 0px rgb(0 33 85 / 10%);
}
.listarticle h2 a{
  color: #262626;
}
.single_title{
  margin-bottom: 15px;
  font-size: 20px;
}
.post-thumb{
  margin:0 0 15px 0;
}
.nav-links .page-numbers{
  padding:5px 10px;
  color:#111;
}

/* = sidebar
---------------------------------------------- */
label{
  margin-bottom: 0;
}
aside.widget ul{
  list-style:none;
}
aside.widget ul li{
  display: flex;
  align-items: center;

}
#footer aside.widget ul li:before{
  content: "\f111";
  font-family: FontAwesome;
  margin-right: 8px;
  font-size: 11px;
  color: #dc1415;
}
h3.widget-title{
  padding:0 0 15px 0;
  color:#262626;
  border-bottom:1px solid #edecec;
  font-size: 22px;
}
#sidebar ul li{
  font-size: 15px;
  line-height: normal;
    margin: 0;
    border-bottom: none;
    padding-bottom: 10px;
    position: relative;
}
#sidebar ul li a{
  text-decoration: none;
    color: #565969;
    display: inline-block;
    padding: 0px 0;
    font-weight: 500;
    line-height: 25px;
    text-transform: capitalize;
    margin: 0;
}
#sidebar ul li:last-child{
  border:none;
}
#sidebar.left{
  float:left;
}
#sidebar table{
  width:100%;
  text-align:center;
}
#calendar_wrap caption{
  font-weight:700;
  padding-bottom:10px;
  text-transform:uppercase;
}
#sidebar select {
  width: 100%;
  padding: 10px;
  background: transparent;
  border: solid 2px #262626;
}
#sidebar input[type="text"],
#sidebar input[type="search"],
#footer input[type="search"]{
  border: solid 2px #262626;
  padding: 10px;
  width: 100%;
}
#sidebar.wp-block-search .wp-block-search__label {
  font-weight: 500;
  font-size: 17px;
  color: #1f1f1f;
}
#sidebar .wp-block-group__inner-container h2 {
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.6px;
  font-size: 28px;
  position: relative;
  word-break: break-word;
    margin-bottom: 15px;
    padding: 0 0 15px;
}
#sidebar .wp-block-group__inner-container h1:before, #sidebar .wp-block-group__inner-container h2:before, #sidebar .wp-block-group__inner-container h3:before, #sidebar .wp-block-group__inner-container h4:before, #sidebar .wp-block-group__inner-container h5:before, #sidebar .wp-block-group__inner-container h6:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 45px;
    height: 2px;
    display: inline-block;
    background: #dc3d31;
}
#sidebar input.search-submit,
form.woocommerce-product-search button {
  padding: 10px;
  width: 100%;
  border:none;
  background: #262626;
  font-size: 15px;
  text-transform: uppercase;
  color: #fff;
}
#recentcomments li{
  background-image:none !important;
}
#recentcomments li a{
  padding-left:0px !important;
}
.textwidget select,table{
  width:100%;
}
#sidebar .tagcloud a {
  border: solid 2px #262626;
  font-size: 12px !important;
  margin: 2px 0;
  display: inline-block;
  color: #262626;
  padding: 5px;
}

/* = Footer css
------------------------------------------- */
#footer input.search-submit {
  background: #db1515;
  color: #262626;
  border: none;
  padding: 10px;
}
#footer{
  background-color: #041d43;
  color: #ffffff;
  padding: 3em 0;
}
.ftr-4-box h3,.ftr-4-box h2{
  font-size: 24px;
  color: #fff;
  border-bottom: none;
  padding: 15px 0;
  font-weight: 500;
}
.ftr-4-box ul{
	margin:0;
	padding:0;
	list-style:inside disc;
}
.ftr-4-box ul li {
	display:block;
}
.container-wedget {
  margin-bottom: 3em;
}
.ftr-4-box ul li a,.ftr-4-box a {
  color: #dddddd;
  text-decoration: none;
  font-size: 17px;
  letter-spacing: 0.4px;
}
.ftr-4-box a:hover{
  color: #db1515;
}
.ftr-4-box p{
	margin-bottom:15px;
}
#footer aside.widget {
  width: 25%;
  margin-bottom: 10px;
}
#footer select{
  height: auto;
}
.copywrap {
	background-color: #041d43;
	color: #fff;
  font-size: 18px;
	padding:15px 0;
}
.copywrap a{
  color: #fff;
  text-decoration: none;
  font-weight: 300;
  font-size: 17px;
}
.footer-bottom{
  background-color: #576880;
  PADDING: 10PX 0;
}
@media screen and (max-width: 425px) {
  #footer aside.widget {
    width: 100%;
  }
}
@media screen and (min-width: 426px) and (max-width: 768px) {
  #footer aside.widget {
    width: 50%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #footer aside.widget {
    width: 33.33%;
  }
}
/* Mobile */
@media screen and (min-width: 320px) and (max-width: 520px) {
  .page-template-template-home-page .header{
    position: static !important;
    background: #262626 !important;
  }
  .social-icons{
    text-align: center;
  }
  .slider-box h3 {
    font-size: 20px;
  }
  .slider-box {
    right: 10%;
    left: 10%;
    text-align: center;
  }
  h1.site-title{
    font-size: 28px;
  }
}

/* Mobile Portrait View */
@media screen and (max-width: 767px) {
  .wpcf7 input[type="text"],
  .wpcf7 input[type="tel"],
  .wpcf7 input[type="email"],
  .wpcf7 textarea {
    width: 100%;
  }
  .slide-btn{
    display: none;
  }
  .page-header h1{
    text-align: center;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .slider-box h3 {
    font-size: 25px;
  }
  .page-template-template-home-page .header{
    position: static !important;
  }
  .slider-box {
    left: 10%;
    right: 35%;
  }
}

@media screen and (max-width: 1000px) {
  #mySidenav nav#site-navigation {
    background: transparent;
    text-align: left;
  }
  .toggle-nav button {
    font-weight: bold;
    background: #fff;
    border: none;
    color: #262626;
    font-size: 15px;
    padding: 16px;
    line-height: 1;
  }
  .sidenav {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 99999;
    left: 0;
    top: -110%;
    overflow-x: hidden;
    transition: 0.5s top ease-in-out;
    overflow-y: scroll;
    background: #262626;
    opacity: 0.9;
    visibility: hidden;
  }
  body.show-main-menu .sidenav {
    visibility: visible;
    top: 0;
    transition: 0.5s top ease-in-out;
  }
  .sidenav .close-button {
    font-size: 36px;
    display: block !important;
    color: #fff;
  }
  .sidenav #site-navigation {
    width: 100%;
  }
  .toggle-nav span {
    font-size: 30px;
    cursor: pointer;
    text-align: right;
  }
  .main-nav ul ul li,
  .menubar .nav ul li,
  .toggle-nav {
    display: block;
  }
  .main-nav ul li a {
    padding: 8px;
    text-decoration: none;
    font-size: 15px;
    color: #fff;
    display: block;
    float: none;
    margin: 5px 0;
    border-right: none;
  }
  .main-nav ul li ul li a:before {
    content: "\00BB \00a0";
  }
  .main-nav ul.sub-menu a:hover {
    padding-left: 20px !important;
    background: #fff !important;
  }
  .main-nav ul ul {
    position: static;
    width: 100%;
    background: transparent;
    border-top-width: 0px;
    border-bottom-width: 0px;
    box-shadow: none;
  }
  .main-nav ul ul a {
    border-bottom: none;
    padding-left: 40px;
  }
  .main-nav ul ul ul.sub-menu a {
    padding-left: 40px;
  }
  .main-nav li {
    padding: 0 15px;
    display: block;
    border-bottom: solid 1px #565656;
  }
  .main-nav ul li:last-child {
    border-bottom: 1px #565656 solid;
  }
  .main-header-box {
    padding-bottom: 15px;
  }
  .main-menu {
    padding: 0em;
    background: transparent;
  }
  .main-nav ul.sub-menu > li > a:before {
    content: unset;
  }
  .main-nav ul.sub-menu > li > a:hover:before {
    opacity: 0;
    left: 0px;
    width: 0px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .slider-box {
    right: 30%;
  }
}


nav.navigation.pagination {
    display: block;
}