/*
Theme Name: electricshop
Theme URI: http://shtheme.com/demosd/electricshop
Author: Vergatheme
Author URI: https://themeforest.net/user/vergatheme
Description: In 2018, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite Presentationpage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: electricshop

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.
*/

/* ========TABLE OF CONTENTS==========
00. Body, links, hgroup, paragraphs, general styles
01. Fixed header & Navigation
02. Section Intro (Presentation)
03. Section About
04. Section Resume
05. Section Portfolio
06. Section Blog
07. Section Contact
08. Footer
09. Loader
10. Responsive design

/*--------------------------------------------------
    00. Body, links, hgroup, paragraphs, general styles
---------------------------------------------------*/

.comment-respond textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
}
.comment-respond .col-md-6 {
    padding: 0px!important;
}
.comment-respond .x1 input[name=author] {
    width: 95%;
    padding: 10px;
}
.comment-respond .x2 input[type=email] {
    width: 95%;
    float: right;
    padding: 10px;
}
.comment-respond .x2 .field-label{
    width: 95%;
    float: right;
}
@media (max-width: 992px) {
    .comment-respond input[name=author], .comment-respond .x2 input[type=email], .comment-respond .x2 .field-label  {
        width: 100%!important;
    }
}
.comment-respond input[type=submit] {
    background: #003769 none repeat scroll 0 0;
    border: 2px solid #003769;
    color: #ffffff;
    display: inline-block;
    margin: 0 0 20px;
    padding: 8px 30px;
    text-transform: uppercase;
    font-size: 16px;
    transition: all 0.3s ease 0s;
    margin-top: 10px;
}
.comment-respond input[type=submit]:hover {
    background: none;
    border: 2px solid #003769;
    color: #003769;
}
.field-label {
    color: #848484;
    display: block;
    font-size: 14px;
    font-weight: 400;
    padding: 0 0 2px;
}
.comment-respond .comment-reply-title {
    color: #222222;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    text-transform: uppercase;
}
.inner-comment-box ul.children {
    margin-left: 30px;
}
.tag.pull-right a {
    margin-right: 10px;
    color: #003769!important;
    font-size: 15px!important;
    font-weight: 400!important;
}
.tag.pull-right a:hover, .left.pull-left a:hover{
    color: #f47629!important;
}
.tag.pull-right span {
    margin-right: 5px;
}
.tag.pull-right a:after {
    content: ",";
}
.tag.pull-right a:last-child:after {
    display: none;
}
.widget_categories.single-sidebar > ul {
    background: #fff;
    display: block;
    padding: 15px 20px 20px;
    border: 1px solid #f2f2f2;
}
.widget_categories.single-sidebar > ul li {
    margin-bottom: 13px;
    padding-bottom: 13px;
    padding-left: 20px;
    position: relative;
}
.widget_categories.single-sidebar > ul li a:before{
    content: "\f175";
    font-family: FontAwesome;
    color: #c5c5c5;
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: -20px;
    transform: rotate(0deg);
    transition: all 500ms ease;
}

.widget_categories.single-sidebar > ul li a:hover{
    color: #003769;
}

.widget_categories.single-sidebar  li a:hover:before{
    color: #003769;
    transform: rotate(-90deg)!important;
}
.widget_categories.single-sidebar  li:before{
    position: absolute;
    bottom: 0;
    left: 0px;
    width: 90px;
    height: 1px;
    content: "";
    background: #f2f2f2;
    transition: all 500ms ease;
}
.widget_categories.single-sidebar  li:hover:before{
    width: 100%;
    background: #003769;
}
.widget_categories.single-sidebar  li a{
    color: #848484;
    transition: all 500ms ease;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    float: left;
}
.widget_categories.single-sidebar  li{
    text-align: right;
    color: #848484;
    transition: all 500ms ease;
    font-size: 16px;
    font-weight: 400;
}
.widget_categories.single-sidebar  li:last-child{
    margin-bottom: 0px;
}
.popular-posts .wpp-post-title {
    color: #222222;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    position: relative;
    margin: 0 0 10px;
    transition: all 500ms ease;
    font-family: 'Raleway', sans-serif;
}
.popular-posts .wpp-post-title:hover {
    color: #003769;
    cursor: pointer;
}
.popular-posts .wpp-thumbnail {
    margin-right: 20px;
}
.popular-posts .wpp-thumbnail:hover{
    cursor: pointer;
}
.popular-posts .wpp-date {
    color: #848484;
    display: block;
    transition: all 500ms ease;
    font-weight: 400;
    font-size: 15px;
}
.popular-posts .wpp-date:before {
    content: "\f073";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 13px;
    display: inline-block;
    padding-right: 5px;
}
.popular-posts .wpp-list-with-thumbnails li + li {
    margin-top: 20px;
}
.popular-posts .wpp-list-with-thumbnails li {
    padding-bottom: 20px;
    border-bottom: 1px solid #f2f2f2;
}
.popular-posts .wpp-list-with-thumbnails li:last-child {
    border-bottom: none;
}
.widget_tag_cloud .wp-tag-cloud li {
    display: inline-block;
    margin: 0 3px 10px;
}
.widget_tag_cloud .wp-tag-cloud li a{
    border: 1px solid #003769;
    color: #003769;
    display: block;
    font-size: 14px!important;
    font-weight: 400;
    padding: 4px 12px 4px;
    transition: all 500ms ease 0s;
    border-radius: 2px;
}
.widget_tag_cloud .wp-tag-cloud li a:hover{
    background: #003769;
    border-color: #003769;
    color: #ffffff;
}

.blog-single-area .inner-comment-box {
    padding-top: 28px;
}
.comment-reply-link {
    font-weight: 650;
}
.blog-category a:after {
    content: ', ';
}
.blog-category a:last-child:after {
    display: none;
}
.sidebar-right .news-head {
    width: 100%;
    margin-bottom: 8px;
} 
.sidebar-right .news-section-single {
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 25px!important;
    width: 100%;
}
.sidebar-right .col-lg-7 > .col-md-12:nth-last-child(2) .news-section-single {
    border-bottom: none;
}
ul.pagination * {
    font-size: 15px!important;
}
ul.pagination i:before {
    font-size: 14px!important;
}
.sidebar-right ul.pagination {
    margin-top: 40px;
    display: block;
    margin-bottom: 70px;
    padding-bottom: 30px;
}
ul.pagination li span {
    color: #ffcb36;
}
.no-sidebar ul.pagination {
    margin-top: 40px;
    margin-bottom: -35px;
}
.sidebar-right .col-lg-7 > .col-md-12:first-child .news-section-single {
    margin-top: 0px;
}
.search-custom .input-group-btn .site-button {
    border: none;
    outline: none;
    background: #ffcb36;
    font-size: 15px;
    line-height: 28px;
    color: #000000;
    text-transform: uppercase;
    font-weight: 600;
    padding: 3px 0px;
    padding-left: 20px;
    padding-right: 15px;
    display: inline-block;
    border-radius: 0px 3px 3px 0px;
    transition: all 0.5s ease;
    margin-left: -2px;
}
.search-custom .input-group-btn .site-button:hover {
    background: #003769;
    color: #ffffff;
}
.search-custom .input-group-btn {
    background-color: inherit;
}
.search-custom h4 {
    font-size: 16px;
    line-height: 27px;
}
.counter-icon-box {
    min-height: 100px;
}
.footer-Presentation {
    margin-top: 80px!important;
}
.news-wrapper.sidebar-right, .news-wrapper-Presentation {
    padding-bottom: 100px!important;
}
.our-services-wrapper .our-services-wrapper {
    padding-top: 0px;
}
.our-services-wrapper .our-services-wrapper .container{
    padding: 0px;
}
.gallery-wrapper .container {
    width:  auto;
}
.container-fluid {
    margin-bottom: 70px;
}
.gallery-wrapper .container-fluid {
    margin-bottom: 0px;
}
.gallery-section .gallery-caption .caption-text h1 {
    font-size: 13px;
}
.gallery-wrapper .gallery-section .gallery-caption .caption-text h1 {
    font-size: 18px;
}
.gallery-section .gallery-caption .caption-text .gallery_caption_icon span.fa-search {
    width: auto;
    height: auto;
    padding: 12px;
    font-size: 15px;
}
.gallery-wrapper .gallery-section .gallery-caption .caption-text .gallery_caption_icon span.fa-search {
    width: 69px;
    height: 69px;
    padding: 20px;
    font-size: 24px;
}
.our-team-wrapper .our-team-wrapper {
    padding-top: 0px;
}
.faq-content .contact-form textarea#message {
    padding-left: 20px;
    margin-bottom: 10px;
}
.faq-content .quote-btn {
    margin-top: 0px;
    position: relative;
    top: 10px;
}
.faq-content  span.your-message + p {
    display: none;
}
.faq-content .help-block.with-errors {
    display: none;
}
.faq-content .wpcf7-validation-errors {
    display: inline-block;
    margin-top: 18px;
}
.faq-content .wpcf7-not-valid-tip {
    margin-bottom: 13px;
}
.testimonials-wrapper .testimonials-wrapper .title {
    display: none;
}
.testimonials-wrapper .testimonials-wrapper {
    padding-top: 0px;
}
.contact-wrapper .contact-form input[type="tel"] {
    border: 1px solid #cccccc;
    border-radius: 0;
    height: 44px;
    margin-bottom: 15px;
    padding-left: 20px;
    width: 100%;
    box-shadow: none;
}
.contact-wrapper .contact-form .wpcf7-not-valid-tip {
    margin-bottom: 13px;
}
.contact-wrapper textarea {
    margin-bottom: 9px;
}
.contact-wrapper .btn-one {
    display: block;
    position: relative;
    margin: 0 auto;
}
.footer-search-form .wpcf7-not-valid-tip {
    display: none;
}
.footer-wrapper .wpcf7-validation-errors {
    text-align: center;
    color: white;
    position: relative;
    top: -70px;
    display: inline-block;
}
.footer-wrapper div[role=form] {
    text-align: center!important;
}
.comment-respond .field-label {
    margin-bottom: 15px;
}
.comment-respond .x1 input[name=author] {
    margin-bottom: 15px;
}
.comment-respond .x2 input[type=email] {
    margin-bottom: 15px;
}
#respond {
    margin-top: -70px;
    padding-top: 70px;
}
.comment-reply-title *, .logged-in-as a {
    color: #2d2e2e;
}
#cancel-comment-reply-link {
    color: #2d2e2e;
    margin-left: 10px;
}
.about-faq-wrapper .panel-faq .panel-default > .panel-heading.active  a.collapsed::before {
    color: #fff;
    content: "+"!important;
    z-index: 0;
    font-weight: 500;
    font-size: 37px;
}
.about-faq-wrapper .panel-faq .panel-default > .panel-heading.active a::before {
    color: #fff;
    content: "-";
    z-index: 0;
    font-weight: 500;
    font-size: 37px;
}
.about-faq-wrapper .panel-faq .panel-default > .panel-heading a::before {
    content: "+";
    font-size: 24px;
    padding: 0 0 0 20px;
    position: absolute;
    right: 15px;
    top: 12px;
    z-index: 0;
    font-weight: 500;
    font-size: 37px;
    color: #222;
}
.about-faq-wrapper .panel-faq .panel-default > .panel-heading:hover a::before {

    color: #fff;
}
.about-faq-wrapper .panel-faq .panel-default > .panel-heading.active::before {
    display: none
}
.about-faq-wrapper .panel-faq .panel-default > .panel-heading::before {
    display: none
}
.faq-details .active .collapsed span.acc-icons::before {
    color: #ffcb36;
    content: "\f078";
    font-family: FontAwesome;
    font-size: 16px;
    left: -26px;
    line-height: 39px;
    position: absolute;
    text-align: center;
    top: -10px;
}
#commentss {
    padding-top: 50px;
    margin-top: -50px;
}
.blog-post .author-box {
    margin-bottom: 30px!important;
}
.footer-wrapper .wpcf7-mail-sent-ng {
    color: white!important;
    top: -70px;
    position: relative;
}
.displaynone {
    display: none;
}