/*
Theme Name: Servo
Theme URI: http://themebeer.com/servo/construction/
Author: themebeer
Author URI: http://themebeer.com/
Description: Servo is responsive, Construction  WordPress Theme. It is specially designed for any kind of service providing business. The complete niche design with all necessary pages and element with amazing shop layout help you to present & describe your services to potential customers.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: servo
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

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.

Servo is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
---------------------------------------------------------------*/
a{
    color: #fdc000;
}
/* blog post */
.single-blog h6.no-img{
 	padding: 0 !important;
}
.sb-top blockquote {
    font-size: 16px;
    line-height: 31px;
    padding-left: 84px;
    position: relative;
    color: #888;
    margin: 18px 0 39px;
}
.sb-top blockquote:before {
    font-size: 50px;
    color: #fdc000;
    position: absolute;
    top: 10px;
    left: 0;
    font-family: "megaicon";
    content: "\f105";
}

/* comment list */
ul.comment-list li.comment ul.children li.comment .single-comment{
    padding-left: 56px;
}
ul.comment-list li.comment ul.children li.comment.depth-3 .single-comment{
    padding-left: 112px;
}
ul.comment-list li.comment ul.children li.comment.depth-4 .single-comment{
    padding-left: 162px;
}
ul.comment-list li.comment ul.children li.comment.depth-4 .single-comment{
    padding-left: 224px;
}
ul.comment-list li.comment ul.children li.comment.depth-5 .single-comment{
    padding-left: 280px;
}
ul.comment-list {
    padding: 0;
}
ul.comment-list li.comment + .comment-respond{
    margin-top: 50px;
}
p.logged-in-as a {
    color: #fdc000;
}
.comment-respond form.comment-form {
    padding: 0;
}

/* paginaton */
.pblog .sb-top iframe {
    width: 100%; 
    min-height: 220px; 
}

/* widget style */
.single-sWidget ul li{
    color: #888;
    line-height: 26px;
}
.single-sWidget h6 {
    margin-bottom: 30px;
}
.not-found form.search-form {
    margin-top: 25px;
}
.not-found .page-header { 
    margin: 0 0 20px !important; 
}
.not-found .search-field ,
.single-sWidget .search-field {    
    border-radius: 0;
    width: 100%;
    height: 40px;
    font-weight: 300; 
    padding: 10px;
}
.not-found .search-submit ,
.single-sWidget .search-submit {    
    color: #fff;
    height: 40px;
    border: 1px solid #fdc400;
    text-transform: uppercase;
    background: #fdc400;
    transition:.4s;
    margin-left: -1px;
}
.not-found .search-submit {
    position: absolute;
    margin-left: -4px;
}
section.no-results.not-found {
    margin: 0 15px;
}

.post-password-form input[type="submit"]:hover,
.not-found .search-submit:hover,
.single-sWidget .search-submit:hover {  
    border: 1px solid #181818; 
    background: #181818;
}

.single-sWidget ul li a {    
    color: #888; 
    line-height: 26px;
}
.single-sWidget ul.recent-list li a {    
    color: #181818;  
}
.single-sWidget ul li a:hover {    
    color: #fdc400; 
}

.single-sWidget select{    
    width: 100%;
    height: 45px; 
}
.single-sWidget ul.children {
    padding-left: 20px;
}
.tagcloud a {
    display: inline-block;
    font-size: 14px !important;
    color: #888;
    border: 1px solid #ccc;
    padding: 5px 10px;
    margin-bottom: 5px;
    transition:.4s;
}
.tagcloud a:hover { 
    color: #fdc400;
    border-color: #fdc400; 
}
.single-blog .dashicons, .single-blog .dashicons-before:before{
    width: 14px;
    height: 14px;
    font-size: 14px;
}
.single-blog span{
    color: #888;
}
.bda-texts ul {
    padding-left: 25px;
    list-style: disc;
    margin-left: 15px;
    color: #888;
}
.bda-texts ol {
    padding-left: 25px;
    list-style: decimal;
    margin-left: 15px;
}
.comment-details table td,
.bda-texts table td{
    border-top: 1px solid #ccc;
    padding: 10px 0;
}
.comment-details table td a,
.bda-texts table td a{
    color: #fdc000;
    text-decoration: underline;
}
.comment-details table td a:hover,
.bda-texts table td a:hover{ 
    text-decoration: none;
}
pre{
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px; 
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}
.single-blog h6.pblg { 
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
.post-password-form input[type="submit"]{
    color: #fff;
    height: 33px;
    border: 1px solid #fdc400;
    border-radius: 3px;
    background: #fdc400;
    width: 70px;
    transition:.4s;
}
.comment-details ul {
    padding-left: 25px;
    line-height: 26px;
    list-style: disc;
}
.comment-details ol {
    padding-left: 25px;
    line-height: 26px;
    list-style: decimal;
}
.single-team h6,
.single-blog h6,
.single-testimonial h6,
.single-service h6,
.portfolio-items .sp-over h6,
.footer-widget h6,
.single-sWidget h6,
h6.comntathor{
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    text-transform: capitalize; 
}

.single-sWidget h6,
h6.comntathor,
.single-testimonial h6,
.single-team h6,
.portfolio-items .sp-over h6{
    font-size: 16px;
}

.single-service h6,
.footer-widget h6{
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.06em;
}
.subscribe-widget input[type="text"]::-webkit-input-placeholder {
  color: #fff;
}
.team-section h4,
.progressbar h4,
.blog-section h4,
.testimonial-section h4,
.portfolio-section h4,
h4.secttl{
    font-size: 22px;
    line-height: 33px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.progressbar h4{
    padding: 27px 0 ;
}
.portfolio-section h4{
    color: #fff;
}
.portfolio-items .sp-over h6{ 
    line-height: 48px;
}
h6.comntathor .url {
    color: #181818;
}
h6.comntathor .url:hover {
    color: #fdc000; 
}
li.dropdown ul.dropdown-menu ul.dropdown-menu{  
    left: 100%;
    top: 0;
}
li.dropdown ul.dropdown-menu ul.dropdown-menu li{  
    border-left: 1px solid rgba(255,255,255,0.07);
}
.page-template .fullwidth .comment-form{
    overflow: hidden;
}
.single-menu-info h5 {
    color: #181818;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
}
.footer-section .widget_nav_menu{
    width: 29%;
}
.footer-top .widget_recent_entries{
    width: 21%;
}
.widget_nav_menu ul {
    padding-top: 18px;
}
.widget_nav_menu ul li{
    display: inline-block;
    padding-right: 15px;
    width: 50%;
    margin-bottom: 5px;
    position: relative;
    float: left;
}
.widget_nav_menu ul li a{
    line-height: 28px;
    color: #888;
}
.widget_nav_menu ul li a:hover{ 
    color: #fdc400;
}
.widget_nav_menu ul li a:before{
    font-family: 'FontAwesome';
    content: "\f105";
    padding-right: 19px;
    color: #888;
}
.about-text h4 {
    padding: 0 0 27px;
}
.blog-section .pos,
.testimonial-section .pos{
    position: relative; 
}

button.slick-arrow {
    top: -90px;
}
.cta-section h3{
    font-size: 53px;
    line-height: 60px;
    font-weight: 700;
}
.blog-section .item-slider .single-blog{
    padding-bottom: 0;
}
.page-head h3{
    font-size: 53px;
    line-height: 60px;
    font-weight: 700;
}
.comment-form.contact h4{
    font-size: 22px;
    line-height: 33px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}
.single-sWidget ul li:before {
    font-family: 'FontAwesome';
    content: "\f105";
    padding-right: 13px;
    color: #888;
}
.single-sWidget ul.recent-list li:before {
    display: none;
}
.widget_recent_entries .footer-widget ul li{
    padding: 20px 0 26px;
    border-bottom: 1px solid rgba(255,255,255,.05);
}
.widget_recent_entries .footer-widget ul li a {
    color: #fff;
    letter-spacing: 0.02em;
    line-height: 25px;
    font-size: 14px;
}
.widget_recent_entries .footer-widget ul span {
    color: #888;
    display: block;
    font-size: 12px;
    letter-spacing: 0.02em;
    padding-top: 7px;
}
.sidebar.left{ 
    padding-left: 0;
    padding-right: 30px;
}



/*shop-section*/

.shop-section{
    padding-bottom:85px;
}
.single-shop-item{
    border:1px solid #e9e9e9;
    margin-bottom:30px;
    text-align:center;
    padding:8px 0 55px;
    position:relative;
}
.single-shop-item h6{
    line-height:23px;
    padding-top:2px;
}
.post-type-archive-product .shop-section .single-shop-item h6 a{
    color:#181818;
    position:relative;
    padding-bottom:25px; 
    display: inherit;
}
.single-product .product-texts table.variations{
    margin-bottom: 30px;
}
.single-product .product-texts .single_variation_wrap .woocommerce-variation-price {
    font-weight: bold;
    color: #87ca00;
    margin-bottom: 20px;
    font-size: 20px;
}
.single-product .product-texts table.variations td.label {
    color: #000;
    font-size: 14px;
    text-transform: capitalize;
    padding: 0;
}
.single-product .product-texts table.variations td.value select {
    color: #888;
    border: 1px solid #e9e9e9;
    background: #f9f9f9;
    padding: 10px;
    margin-right: 10px;
}

.single-shop-item h6 span.mega-price{
    display:block;
    color:#87ca00;
    line-height:23px;
    width:100%;
    position:absolute;
    left:0;
    top:20px;
    transition:all .5s ease;
}
.single-shop-item h6 small{
    display:block;
    color:#00aff1;
    font-size:11px;
    text-transform:uppercase;
    font-weight:400;
    line-height:23px;
    width:100%;
    position:absolute;
    left:0;
    bottom:0;
    opacity:0;
    transition:all .5s ease;
}
.single-shop-item h6:hover small{
    opacity:1;
}
.single-shop-item h6:hover span{
    opacity:0;
}
.single-shop-item .shop-badge{
    background:#ff7b58;
    color:#fff;
    line-height:18px;
    position:absolute;
    top:18px;
    right:18px;
    padding:0 7px;
    font-size:10px;
    text-transform:uppercase;
    display:inline-block;
}

/*shop-page*/

.page-head.shop{
    background:url(../images/bg/shop-title.jpg) center center;
    background-size:cover;
}
.page-head.cart{
    background:url(../images/bg/cart-title.jpg) center center;
    background-size:cover;
}

.shop-pagination{
    padding-top:38px;
}
.shop-pagination li{
    display:inline-block;
    margin-right:5px;
}
.shop-pagination li a{
    display:inline-block;
    border:1px solid #e9e9e9;
    line-height:33px;
    padding:0 13px;
    font-size:12px;
    font-weight:700;
    color:#181818;
    text-transform:uppercase;
    letter-spacing:0.1em;
}
.shop-pagination li a:hover{
    border:1px solid #fdc400;
    color:#fdc400;
}
.shop-pagination li:last-child a{
    border:1px solid #fdc400;
    background:#fdc400;
}
.shop-pagination li:last-child a:hover{
    color:#fff;
}


.product-discription{
    padding:132px 0 122px;
}

.product-image{
    position:relative; 
    border:1px solid #e9e9e9;
    margin-bottom:30px;
}
.product-image .product-rating{
    position:absolute;
    top:42px;
    left:48px;
    text-align:left;
}
.product-rating li{
    display:inline-block;
    color:#fdc400;
}

.addtocart{
    padding:14px 0 38px;
}
.addtocart .cart-counter{
    margin-right:6px;
}

.product-texts{
    margin-bottom:30px;
}
.product-texts ul li{
    display:inline-block;
}
a.reset_variations,
.product-texts .posted_in a{
    color:#87ca00;
}
.product-texts h4{
    padding-bottom:18px;
}
.product-texts h4 span.mega-price{
    display:block;
    color:#87ca00;
}
.product-texts p{
    padding-bottom:25px;
}

.product-dec-review{
    padding-top:50px;
}
.product-dec-review .nav > li > a {
    padding: 0 30px;
    margin: 0;
    background:#87ca00;
    color:#fff;
}
.product-dec-review .tab-pane {
    padding:55px
}
.product-dec-review .description p {
    padding-bottom:25px;
}
.product-dec-review .nav-tabs {
    border-bottom: none;
}
.product-dec-review .nav-tabs > li > a {
    margin-right: 0;
    line-height: 45px;
    border-radius: 0;
}
.product-dec-review .nav-tabs > li > a, 
.product-dec-review .nav-tabs > li > a:hover, 
.product-dec-review .nav-tabs > li > a:focus {
    border: none;
}
.product-dec-review .nav-tabs > li.active > a, 
.product-dec-review .nav-tabs > li.active > a:hover, 
.product-dec-review .nav-tabs > li.active > a:focus {
    color: #fff;
    background: #00aff1;
    border: none;
}
.product-dec-review .nav-tabs > li {
    margin-bottom: 0;
}


.single-review{
    display:flex;
    position:relative;
    padding-bottom:36px;
    border-bottom:1px solid #e9e9e9;
}
.single-review .product-rating{
    position:absolute;
    top:0;
    right:0;
}
.single-review img{
    flex-shrink:0;
    height:107px;
    width:107px;
    flex-basis:107px;
    border-radius:50%;
}
.review-discription{
    padding-left:38px;
}
.review-discription h6{
    padding-bottom:7px;
}
.review-discription h6 span{
    display:block;
    font-weight:400;
    text-transform:none;
    font-size:12px;
    color:#888;
}

.add-review{
    padding-top:40px;
}
.add-review h4{
    padding-bottom:4px;
}
.add-review a{
    color:#87ca00;
}
.add-review a:hover{
    color:#181818;
}

.mega-shop-pagi .page-navigation li span, 
.mega-shop-pagi .page-navigation li a{
    border-radius: 0;
    padding: 0 13px;
    font-weight: 700;
    height: inherit;
    width: inherit;
}
.mega-shop-pagi .page-navigation li span:hover, 
.mega-shop-pagi .page-navigation li a:hover{
    color: #fdc400;
    border-color: #fdc400;
}
.mega-shop-pagi .page-navigation li span.current, 
.mega-shop-pagi .page-navigation li.active a {
    border: 1px solid #fdc400;
}
.mega-shop-pagi .page-navigation li a.prev,
.mega-shop-pagi .page-navigation li a.next {
    background: #fdc400;
    color: #000;
    border-color: #fdc400;
}
.mega-shop-pagi .page-navigation li a.prev:hover,
.mega-shop-pagi .page-navigation li a.next:hover { 
    color: #fff; 
}

.product-texts .addtocart .quantity{
    width: 64px; 
    float: left;
}
.product-texts .addtocart .quantity input[type="number"]{
    width: 64px;
    height: 45px;
    line-height: 45px;
    display: inline-block;
    position: relative;
    padding: 0;
    color: #888;
    border: 1px solid #e9e9e9;
    background: #f9f9f9;
}
.woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, 
.single-product #review_form #commentform input#submit,
.product-texts .addtocart .button.alt{
    color: #fff;
    padding: 15px 33px;
    border-radius: 0;
    margin-left: 10px;
    background: #00aff1;
}

.single-product #review_form #commentform input#submit{
    margin-left: 0;
}
.single-product #review_form #commentform .comment-form-author,
.single-product #review_form #commentform .comment-form-email{
    display: block;
}
.single-product #review_form #commentform .comment-form-author input,
.single-product #review_form #commentform .comment-form-email input{
    width: 100%;
    border: 1px solid #ccc;
}
.single-product #review_form #commentform input#submit:hover,
.product-texts .addtocart .button.alt:hover{ 
    background: #181818;
}  

.woocommerce #reviews #comments ol.commentlist li img.avatar {
    float: left;
    position: inherit;
    top: inherit;
    left: inherit;
    padding: inherit;
    width: 107px;
    height: auto;
    background: inherit;
    border: 1px solid #e4e1e3;
    border-radius: 50%;
}
h4.woocommerce-Reviews-title.h4-like {
    margin-bottom: 20px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text { 
    border: none; 
}
.woocommerce .star-rating span::before { 
    color: #fdc400;
}
.review-discription {
    padding-left: 100px !important;
}
.widget-area .single-sWidget form.search-form label {
    float: left;
    width: 72% ;
}
.single-sWidget #wp-calendar caption{
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #181818;
    margin-bottom: 20px;
}
.single-sWidget #wp-calendar tbody td,
.single-sWidget #wp-calendar tbody td{
    padding: 5px 0;
}
.single-sWidget #wp-calendar tfoot #prev a,
.single-sWidget #wp-calendar tfoot #next a{
    padding-top: 15px;
    display: block;
    color: #fdc400;
    transition:.4s;
}
.single-sWidget #wp-calendar tfoot #prev a:hover,
.single-sWidget #wp-calendar tfoot #next a:hover{ 
    color: #181818;
} 
.single-sWidget #wp-calendar tbody td a{ 
    color: #fdc400;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { 
    line-height: 1.5; 
}

.blog-details-area .bda-texts > h2{
    line-height: 2;
}
.single-sWidget.widget_recent_entries ul li,
.single-sWidget ul li.recentcomments { 
    position: relative;
    padding-left: 20px;
}
.single-sWidget.widget_recent_entries ul li:before,
.single-sWidget ul li.recentcomments:before { 
    position: absolute;
    left: 0;
    top: 0;
}

.single-sWidget > div > ul,
.single-sWidget > div > ul li{
    overflow: hidden;
}

.single-sWidget > div > ul li{
    display: block;
    float: none;
    padding-right: 0;
    width: 100%;
    margin-bottom: 0;
}
.single-sWidget > div > ul li a:before{
    display: none;
}

.single-sWidget > div ul li ul.sub-menu {
    padding-left: 15px;
    padding-top: 0;
} 
/*=================================
*  404 error page
=================================*/
section.error-404.not-found {
    margin: 60px auto 100px;
    text-align: center;
    width: 700px;
}
section.error-404.not-found > h1{
    font-size: 200px;
    font-weight: 700;
}
.single-post .blog-details-area iframe{
    width: 100% !important;
    height: 420px !important;
}
.pdl0{
    padding-left: 0 !important;
}
.pt0{
    padding-top: 0 !important;
}
ul.comment-list li.comment .comment-details {
    max-width: 90%;
}
/*====================================
 single post header 
 ===================================*/
.single .page-head .overlay .col-md-12 > h3{
    display:none;
}
.single-blog > ul > li{
    font-size: 14px;
    line-height: 25px;
    color: #888;
}
.single-blog > ul{
    padding-bottom: 17px
}
.single-blog > span{    
    margin: 5px 0 10px;
    display: inline-block;
}

@media only screen and (max-width: 767px) {
    .rsp .vc_col-xs-12, .rsp .vc_column_container {
        width: 50% !important;
        float: left;
    }
    .footer-top .widget_recent_entries,
    .footer-section .widget_nav_menu {
        width: 100%;
    }
    .footer-top .col-md-3 {
        clear: both;
        margin-bottom: 30px;
        overflow: hidden;
    }
    .bds-social li:first-child{
        margin-left: 0;
    }
    .recent-list li { 
        display: flex; 
    }
    .wpb_widgetised_column {
        margin-top: 50px;
    }
}
@media only screen and (max-width: 480px) {
    .rsp .vc_col-xs-12, .rsp .vc_column_container {
        width: 100% !important; 
    } 
}
@media only screen and (max-width: 380px) {
    .widget-area .single-sWidget form.search-form label,
    .not-found .search-submit, .single-sWidget .search-submit { 
        width: 100%;
    }
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: transparent;
    border-color: #fdc400;
}
ul.our-skills {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}
.bda-texts > h1, 
.bda-texts > h2, 
.bda-texts > h3:not(.singlettl), 
.bda-texts > h4, 
.bda-texts > h5, 
.bda-texts > h6, 
.comment-list .comment-details > dl dd, 
.bda-texts > dl dd, 
.comment-list .comment-details > h1, 
.comment-list .comment-details > h2, 
.comment-list .comment-details > h3, 
.comment-list .comment-details > h4, 
.comment-list .comment-details > h5, 
.comment-list .comment-details > h6,
.single-blog > h1, 
.single-blog > h2, 
.single-blog > h3, 
.single-blog > h4, 
.single-blog > h5{
    color: #888;
    font-weight: normal;
}
.me-cannotplay span {
    padding: 2px 10px !important; 
}
.meta-info a:hover{
    color: #fdc000;
}
body.page article.page .entry-header{
    margin-top: -10px;
}
.dropdown-menu.srchb{
    padding: 14px 34px;
}

.input-custom::placeholder{  
  color: #fff;
}