/*
Theme Name: Solar Services
Theme URI: https://www.theclassictemplates.com/themes/free-solar-energy-woocommerce-themes/
Author: classictemplate
Author URI: https://www.theclassictemplates.com/
Description: We are presenting a Solar Services Free WordPress Theme for those who are running firm like Solar power, Solar Energy, Green energy, Natural Energy, renewable power, recycling energy, Bio Energy and want to upgrade on website to show their services. This Theme have super easy customizable options for beginner to expert all. It is designed by HTML5, CSS and bootstrap for better responsiveness and modern industrial design look. This website theme is compatible with almost the browsers, devices and screens. This Free WordPress Theme is also SEO friendly to gain more visitors on your website.
Requires at least: 5.0
Tested up to: 6.1
Requires PHP: 7.2
Version: 1.3.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: solar-services
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.

*/

*{
  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;
  text-decoration: none;
}
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;
}
a.rsswidget.rss-widget-title {
  font-size: 9px;
}
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: #fff;
  font-weight: 400;
}
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;
}
.header .social-icons {
  text-align: right;
}
.logo.text-center.text-md-left.py-2.py-md-0 {
  margin-top: 6px;
}
.social-icons i {
  color: #000;
  margin: 0 1px;
  font-size: 18px;
  width: 30px;
  line-height: 30px;
  height: 30px;
  background: #ebecef;
  border-radius: 50px;
  text-align: center;
}
.header .social-icons i:hover{
  color: #79b826;
}
.header-btn a{
    position: relative;
    overflow: hidden;
    font-size: 18px;
    font-weight: 500;
    margin-top: 10px;
    background: #79b826;
    padding: 8px 12px;
    border: 1px solid #fff;
    border-radius: 8px;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    text-align: center;
    transition: .8s ease;
}

.fof {
  margin-top: 10em;
}

.header-btn a i{
  padding-left: 6px;
    font-size: 22px;
    position: relative;
    top: 2px;
  }
.header-btn a:hover{
  background: #081343;
  transition: .3s ease;
}
.header-image{
  position: relative;
  display: flex;
  align-items: center;
  height: 300px;
}
.header-image:before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #081343;
  opacity: 0.9;
  z-index: 1;
}

.header-imagefof{
  position: relative;
  display: flex;
  align-items: center;
  height: 114px;
}
.header-imagefof:before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #081343;
  opacity: 0.9;
  z-index: 1;
}
.contentsecwrap .ff h1 {
  color: #000;
}
.contentsecwrap .ff p {
  color: #000;
  margin-bottom: 5em;
}
.page-header {
  position: relative;
  z-index: 999;
  padding-top: 107px;
  text-align: left;
}
.page-header h1{
  color: #fff;
  margin-bottom: 0;
  font-size: 44px;
  font-weight: 600;
}
.page-header span{
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  display: flex;
  align-items: center;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

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

.header {
    width: 100%;
    z-index: 9999;
    padding: 0;
    position: absolute;
    border-bottom: 1px solid #ccc;
    padding-bottom: 6px;
}
.header .tophead{background: #fff;padding:6px 0 3px 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: left;
  text-decoration: none;
  align-items: center;
}
.header .tophead li {
    list-style: none;
    display: inline-block;
    padding-right: 13px;
}

.header .tophead li a.site-mail {
    display: inline-flex;
    list-style: none;
    text-decoration: none;
}
.header .site-mail i{
  margin-right: 10px;
    color: #fff;
    font-size: 16px;
    width: 30px;
    line-height: 30px;
    height: 30px;
    background: #081343;
    text-align: center;
    border-radius: 50px;
}
.header .site-mail p{
    font-size: 17px;
    font-weight: 500;
}
.header .phn p {
  color: #081343;
}
.header .email p{
  color: #081343;
}
.header .site-mail p:hover{
  color: #79b826;
}
/*.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;
  margin-top: 30px;
}
.main-nav ul{
  margin: 0;
  padding: 0;
  text-align: left;
}
.main-nav li{
  display: inline-block;
  position: relative;
}
.main-nav a {
  color: #fff;
  padding: 10px 15px;
  font-size: 14px;
  text-decoration: none;
  font-weight: 400;
  display: block;
}
.main-nav a:hover,.current_page_item a{
  color: #79b826;
}
.main-nav ul ul{
  display: none;
  position: absolute;
  background: #79b826;
  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: #79b826;*/
  color: #081343;
}
.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: 0;
    right: 0;
    z-index: 999;
    margin: 0 auto;
    text-align: center;
    width: 600px;
}

.slider-box .slider-btn a{
  font-weight: 600;
    font-size: 18px;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #fff;
    text-decoration: none;
    margin: 0 5px;
}

.slider-box .slider-btn .btn1 {
  color: #fff;
  background-color: #79b826;
}

.slider-box .slider-btn .btn2 {
  color: #fff;
  background-color: #79b826;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-dots {
    right: 50px;
    position: absolute;
    display: grid;
    top: 22em;
}

.owl-dots .owl-dot.active {
  border: 2px solid #79b826;
  padding: 5px;
  outline: auto;
  margin: 5px;
}

.owl-dots .owl-dot {
  background: white;
  border: 1px solid #fff;
  border-radius: 50%;
  height: 16px;
  margin: 5px;
  width: 16px;
  position: relative;
}
.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: 3.45em;
    font-weight: 700;
    color: #fff;
/*    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: #000;
    opacity: 0.6;
    z-index: 1;
}



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

  }
}
@media screen and (min-width: 426px) and (max-width: 1021px) {
  h1.site-title a {
    color: #081343;
  }
}
/* = Features css
-------------------------------------- */
#feature_box {
  margin-top: -134px;
  position: relative;
  z-index: 10;
}
.fea_bx {
    background: #79b826;
    padding: 24px 38px;
    border-radius: 7px;
    position: relative;
    overflow: hidden;
}
.fea_bx h2{text-align: center;color:#fff;margin: 0.6em 0 1em 0;}
.fea_bx p{color:#fff;}
.fea_bx li{
  color: #fff;
  margin-left: 18px;
}

.fea_bx li::marker {
  font-size: 25px;
}

.feature-btn {
    text-align: center;
    padding: 2em 0 1em 0;
    /* position: relative; */
}
.feature-btn a{
  position: relative;
  overflow: hidden;
  font-size: 19px;
  font-weight: 500;
  background: #fff;
  padding: 6px 8px;
  border: 1px solid #000;
  border-radius: 8px;
  text-decoration: none;
  color: #79b826;
  display: inline-block;
  text-align: center;
  transition: .8s ease;
}
.feature-btn a i{
  padding-left: 2px;
  font-size: 25px;
  position: relative;
  top: 2px;
}
.fea-rhs{
    background: #f3f1f1;
    padding: 2em 4em;
    border-radius: 6px;
}
.fea-rhs .odd-even {
  border-radius: 6px;
  padding: 8px;
}
.feature_inner_box h4{font-size: 18px;}
.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-align: center;
  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;
}
/*blog section*/
/*============*/
#blog {
  margin-bottom: 5.5rem;
}
.blog_bx{text-align: center;}
#blog .subhed{font-size: 24px; font-weight: 600;color:#081343;margin-bottom: 1em;}
#blog h1{font-size: 48px; font-weight: 600;color:#081343; margin-bottom: 55px;
}
#blog .box{    position: relative !important; border: 1px solid #ccc;padding: 1.2em 1.22em;}
#blog .box a{text-decoration: none;}
#blog .box li{list-style: none;display: inline-block; margin-right: 11px;}
#blog li.date { border-left: 2px solid #000; padding-left: 11px;color: #000;font-weight: 500;}
#blog .cmm{
    background: #79b826;
    padding: 4px 15px;
    border-radius: 3px;
}
#blog .cmm a{    color: #fff;}
#blog .cmm a i{padding-right: 5px;}
#blog h4{font-size: 24px; font-weight: 500;margin-top: 20px;}
#blog p{font-size: 17px;padding: 1.2em 0;}
#blog .date{font-size: 18px;}
#blog .blog-btn a{
  position: relative;
    overflow: hidden;
    font-size: 19px;
    font-weight: 500;
    background: #79b826;
    padding: 6px 13px;

    border-radius: 8px;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    text-align: center;
    transition: .8s ease;
}
#blog .blog-btn a i{
  padding-left: 5px;
    font-size: 25px;
    position: relative;
    top: 2px;
}
#blog .blog {
  margin-top: 10px;
}
/* = 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;

}
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: #79b826;
}
#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: #79b826;
  color: #262626;
  border: none;
  padding: 10px;
}
#footer{
  background-color: #041d43;
  color: #ffffff;
  padding: 3em 0 0 0;
}
#footer aside h5{
  color: #79b826;
  font-size: 22px;
}
#footer .footer-bottom p{
  margin: 0;
}

.ftr-4-box.footercontent {
  border-bottom: 1px solid;
}
.ftr-4-box {
    width: 21%;
    float: left;
    margin: 0 4% 2% 0;
    box-sizing: border-box;
    padding: 35px 0 15px;
}
.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: #79b826;
}
.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;
}
@media screen and (max-width: 600px){
  #catsliderarea .slidesection{height: 350px}
  .slider-box{width:400px;}
  #feature_box {margin-top: 0;}
  #catsliderarea .catwrapslider .big-title {
    font-size: 2em;
}
.ftr-4-box{
  width: 100%;
}
}
@media screen and (max-width: 399px){
.slider-box{width:300px;}
}