/* local fonts */
/* =========================================================        Reset Body    ========================================================= */
    #primary.no_breadcrumb_page > .container {
        margin-top: ;
        margin-bottom: ;
    }
    .csbody:not(.home) #primary > .container {
        padding: ;
    }
    .csbody:not(.home) #primary > .container,
    .csbody:not(.home) #primary > .no-container{
         background-color:  ;
    }
.csbody a {
    color: #000000;
}
.csbody a:hover,
.csbody a:focus,
.csbody a:active,
.csbody a.active {
    color: #b60a06;
}
.color-primary,
.primary-color,
.primary-color *,
#cs-breadcrumb-wrapper a:hover,
.custom-heading-wrap.title-primary-color h2,
.custom-heading-wrap.title-primary-color h3,
.custom-heading-wrap.title-primary-color h4,
.custom-heading-wrap.title-primary-color h5,
.custom-heading-wrap.title-primary-color h6 {
    color: #000000;
}
.color-secondary,
.custom-heading-wrap.title-secondary-color h2,
.custom-heading-wrap.title-secondary-color h3,
.custom-heading-wrap.title-secondary-color h4,
.custom-heading-wrap.title-secondary-color h5,
.custom-heading-wrap.title-secondary-color h6{
    color: #b60a06;
}

.bg-primary-color,
ul.cs_list_circle li:before, 
ul.cs_list_circleNumber li:before, 
.shopping_cart_dropdown .buttons .button {
    background-color:#000000;
}
.bx-pager-inner li .bx-pager-link:hover,
.bx-pager-inner li .bx-pager-link.active{
    background-color: rgba(182, 10, 6, 0.8);
}
/*** Boxed Body ***/
/*** End Boxed Body ***/
/* =========================================================        Start Typo    ========================================================= */
body.csbody h1,
body.csbody h1 > a {
    color:#222222;
}
body.csbody h2,
body.csbody h2 > a,
body.csbody h2 > label {
    color: #222222;
}
body.csbody h3,
body.csbody h3 > a,
body.csbody h3 > label {
    color:#222222;
}
body.csbody h4,
body.csbody h4 > a,
body.csbody h4 > label {
   color: #222222;
}
body.csbody h5,
body.csbody h5 > a {
   color: #222222;
}
body.csbody h6,
body.csbody h6 > a {
   color:#222222;
}

/* ========================================    Start Header   ================================ */

/* Header V5 */
.header-menu {
    background-color: #000000;
}
/* Header Color Option */
    #header-top h1,#header-top h2,#header-top h3,
    #header-top h4,#header-top h5,#header-top h6{
        color: #000000;
    }
    #header-top {
        background-color: rgba(0, 0, 0, 1);
        color:#dddddd ;
    }
    #header-top a{
        color: #dddddd;
    }
    #header-top a:hover,
    #header-top a:focus,
    #header-top a:active{
        color: #b60a06;
    }
    
/* Default Main Navigation Header Widget */
    #cshero-header .cshero-header-content-widget{
        height:60px;
        position: relative;
        color:#000000 ;
    }
    #cshero-header .cshero-header-content-widget a{
        padding:0px 10px 0px 10px;
        color: #000000;
        display:inline-block;
    }
    #cshero-header .cshero-header-content-widget .cshero-hidden-sidebar-btn > a{
        padding:0 5px 0 12px;
    }
    #cshero-header .cshero-header-content-widget a:hover,
    #cshero-header .cshero-header-content-widget a:focus,
    #cshero-header .cshero-header-content-widget a:active{
        color: #b60a06;
    }
    /*** Header V2 ***/
            .header-v2 #cshero-header.transparentFixed:before {
            background-color: rgba(0, 0, 0, 1);
            height: 30px;
        }
    /* End Default Main Navigation Header Widget */

#cshero-header {
    padding:;
    margin:;
}
.header-v6 #cshero-header .cshero-header-logo-wrapper {
    padding:;
    margin:;
}
#cshero-header .logo > a {
    padding: ;
    margin:;
    min-height:60px;
    line-height:60px;
}
@media (max-width: 992px) {
    #wrapper #cshero-header #cshero-main-menu-mobile {
        top: 60px;
    }
    #cshero-header .cshero-menu-mobile .btn-navbar:hover i:after,
    #cshero-header.mobile-arrow-effect .btn-navbar i:after {
        -webkit-box-shadow: 0 2px 0 2px #000000, 0 9px 0 2px #000000, 0 16px 0 2px #000000;
           -moz-box-shadow: 0 2px 0 2px #000000, 0 9px 0 2px #000000, 0 16px 0 2px #000000;
            -ms-box-shadow: 0 2px 0 2px #000000, 0 9px 0 2px #000000, 0 16px 0 2px #000000;
             -o-box-shadow: 0 2px 0 2px #000000, 0 9px 0 2px #000000, 0 16px 0 2px #000000;
                box-shadow: 0 2px 0 2px #000000, 0 9px 0 2px #000000, 0 16px 0 2px #000000;
    }
}

/* Header V4 Fixed on Left / Right*/
    
    @media (min-width: 993px) {
                .header-v4 .main-menu-left > ul > li > a {
            /* border-bottom: 1px solid #ffffff ; */
        }
                
        .header-v4 .header-wrapper, .header-v4 #cshero-header,
        .header-v4 .cshero-header-fixed-content-widget {
            width: 300px;
        }
                .header-left .main-menu > li:hover:before,
        .header-left .main-menu > li:hover:after,
        .header-left .main-menu > li.current-menu-item:before,
        .header-left .main-menu > li.current-menu-item:after,
        .header-left .main-menu > li.current-menu-parent:before,
        .header-left .main-menu > li.current-menu-parent:after {
            background-color:  rgba();
        }
        .header-v4 #cshero-header ul.cshero-dropdown > li > a{
            line-height: normal;
            padding-top: 15px;
            padding-bottom: 15px;
            display: block;
        }
    }

/*** Border Bottom ***/
#wrapper #cshero-header {
    border-style:solid;
    border-color:#000000;
    border-width:0px 0px 4px 0px;
}
.cshero-menu-dropdown > ul > li > a,
.cshero-mobile-menu > li > a,
.meny-right .hidden-sidebar-text span i {
            text-transform: uppercase;
    }
/* Sticky Header */
    #header-sticky {
        background-color: rgba(0, 0, 0, 0);
    }
    #sticky-nav-wrap .menu-item-cart-search .header-cart-search .widget_searchform_content,
    #sticky-nav-wrap .menu-item-cart-search .header-cart-search .shopping_cart_dropdown {
        top: 60px;
    }
    .sticky-header .cshero-logo > a{
        line-height: 60px;
        min-height: 60px;
        padding:;
        margin:;
    }

    /* Sticky Header Main Navigation Widget */
        #header-sticky .cshero-header-content-widget{
            height:60px;
            position: relative;
        }
        #header-sticky .cshero-header-content-widget a{
            padding:0px 10px 0px 10px;
        }
        #header-sticky .cshero-header-content-widget .cshero-hidden-sidebar-btn > a{
            padding:0 5px 0 12px;
        }
        #header-sticky .cshero-header-content-widget{
            height:60px;
            position: relative;
            color:#000000 ;
        }
        #header-sticky .cshero-header-content-widget a{
            padding:0px 10px 0px 10px;
            color: #000000;
        }
        #header-sticky .cshero-header-content-widget .cshero-hidden-sidebar-btn > a{
            padding:0 5px 0 12px;
        }
        #header-sticky .cshero-header-content-widget a:hover,
        #header-sticky .cshero-header-content-widget a:focus,
        #header-sticky .cshero-header-content-widget a:active{
            color: #b60a06;
        }
    /* End Sticky Header Navigation Widget */


            @media (max-width: 992px) and (min-width: 768px) {
            #header-sticky{
                display: none;
            }
        }
                @media (max-width: 767px) {
            #header-sticky{
                display: none;
            }
        }
    /*** Start Main Menu ***/
    /* General Option */
        .cshero-menu-dropdown .multicolumn > li.group > a {
        background-color: transparent !important;
    }
    .cshero-menu-dropdown .cshero-dropdown .multicolumn > li.group > a,
    .cshero-menu-dropdown .cshero-dropdown .multicolumn > li.group > a:hover {
        color: #ffffff !important;  
    }
    /* Sub level */
    .cshero-menu-dropdown ul li ul {
        min-width: 210px;
    }
    /* End General Option */

    /* Default Menu */
    #cshero-header .main-menu-content,
    #cshero-header .full-menu-background   {
        background-color: transparent ;
    }

    /* First Level */
    #cshero-header ul.cshero-dropdown > li > a,
    #cshero-header .menu-pages .menu > ul > li > a{
        font-size:16px;
        line-height: 60px;
        padding-left: 12px ;
        padding-top: 0px ;
        padding-right: 12px ;
        padding-bottom: 0px ;
        margin:0px;
    }
    #cshero-header ul.cshero-dropdown > li > a:hover,
    #cshero-header .menu-pages .menu > ul > li > a:hover,
    #cshero-header ul.cshero-dropdown > li > a:focus,
    #cshero-header ul.cshero-dropdown > li:hover > a,
    #cshero-header ul.cshero-dropdown > li:focus > a,
    #cshero-header ul.cshero-dropdown > li:active > a{
        color:#000000;
        background-color:rgba();
    }
    #cshero-header .cshero-header-menu-wrapper.home-shop .cshero-menu-dropdown ul.cshero-dropdown > li > a:hover {
        color: #fff !important;
    }
    .csbody.home-minimal #cshero-header ul.cshero-dropdown > li > a:hover,
    .csbody.home-minimal #cshero-header .menu-pages .menu > ul > li > a:hover,
    .csbody.home-minimal #cshero-header ul.cshero-dropdown > li > a:focus,
    .csbody.home-minimal #cshero-header ul.cshero-dropdown > li:hover > a,
    .csbody.home-minimal #cshero-header ul.cshero-dropdown > li:focus > a,
    .csbody.home-minimal #cshero-header ul.cshero-dropdown > li:active > a{
        color:#000000;
    }
    #cshero-header .cshero-hidden-sidebar-btn a:hover,
    #cshero-header .cshero-hidden-sidebar-btn a:focus,
    #cshero-header .cshero-hidden-sidebar-btn a:active,
    #cshero-header .cshero-menu-mobile a:hover,
    #cshero-header .cshero-menu-mobile a:focus,
    #cshero-header .cshero-menu-mobile a:active {
        color:#000000;
    }
    #cshero-header ul.cshero-dropdown > li.current-menu-item > a,
    #cshero-header ul.cshero-dropdown > li.current-menu-ancestor > a,
    #cshero-header ul.cshero-dropdown > li > a.active,
    #cshero-header ul.cshero-dropdown > li > a:active{
        background-color:rgba();
    }
    /* Menu Style */
        /* Sub Level */
    #cshero-header ul.cshero-dropdown .sub-menu{
        background-color:transparent;
    }
    #cshero-header ul.cshero-dropdown ul > li {
        border-top:1px solid #ffffff;
    }
    #cshero-header ul.cshero-dropdown ul > li > a{
        font-size:13px;
        color:#ffffff;
    }
    #cshero-header .header-left ul.cshero-dropdown ul > li {
        border: none
    }
    #cshero-header .header-left ul.cshero-dropdown ul > li a {
        border-top:1px solid #ffffff;
    }

    /* Hover state */
    #cshero-header ul.cshero-dropdown ul > li > a:hover,
    #cshero-header ul.cshero-dropdown ul > li > a:focus,
    #cshero-header ul.cshero-dropdown ul > li:not(.group):hover > a,
    #cshero-header ul.cshero-dropdown ul > li:not(.group):focus > a,
    #cshero-header ul.cshero-dropdown ul > li:not(.group):active > a,
    #cshero-header ul.cshero-dropdown ul > li:not(.group):visited > a{
        color:#ffffff;
        background-color:transparent;
    }
    /* Active state */
    #cshero-header ul.cshero-dropdown ul > li.current-menu-item > a,
    #cshero-header ul.cshero-dropdown ul > li.current-menu-ancestor > a
    #cshero-header ul.cshero-dropdown ul > li > a:active,
    #cshero-header ul.cshero-dropdown ul > li > a.active{
        color:#ffffff;
        background-color:transparent;
    }
    /* End Default Menu*/
    /* Sticky Menu */
    .sticky-menu{
        background-color: transparent ;
    }
    /* First Level */
    #header-sticky ul.cshero-dropdown > li > a {
        font-size:14px; 
        color:#222222;
        line-height: 60px;
        padding-left: 12px ;
        padding-top: 0px ;
        padding-right: 12px ;
        padding-bottom: 0px ;
        margin:0px;
    }
    #header-sticky .cshero-hidden-sidebar-btn a,
    #header-sticky .cshero-menu-mobile a {
        color:#222222;
    }
    #header-sticky ul.cshero-dropdown > li > a:hover,
    #header-sticky ul.cshero-dropdown > li > a:focus,
    #header-sticky ul.cshero-dropdown > li:hover > a,
    #header-sticky ul.cshero-dropdown > li:focus > a,
    #header-sticky ul.cshero-dropdown > li:active > a{
        color:#ffcb05;
        background-color:rgba();
    }
    #header-sticky .cshero-hidden-sidebar-btn a:hover {
        color:#ffcb05;
    }
    #header-sticky ul.cshero-dropdown > li.current-menu-item > a,
    #header-sticky ul.cshero-dropdown > li.current-menu-ancestor > a,
    #header-sticky ul.cshero-dropdown > li > a.active,
    #header-sticky ul.cshero-dropdown > li > a:active{
        color:#ffcb05;
        background-color:rgba();
    }
    /* Sub Level */
    #header-sticky ul.cshero-dropdown .sub-menu{
        background-color:#ffffff;
    }
    #header-sticky ul.cshero-dropdown ul > li{
        border-top:1px solid #eeeeee;
    }
    #header-sticky ul.cshero-dropdown ul > li > a{
        font-size:13px;
        color:#444444;
    }
    /* Hover state */
    #header-sticky ul.cshero-dropdown ul > li > a:hover,
    #header-sticky ul.cshero-dropdown ul > li > a:focus,
    #header-sticky ul.cshero-dropdown ul > li:not(.group):hover > a,
    #header-sticky ul.cshero-dropdown ul > li:not(.group):focus > a,
    #header-sticky ul.cshero-dropdown ul > li:not(.group):active > a,
    #header-sticky ul.cshero-dropdown ul > li:not(.group):visited > a{
        color:#ffffff;
        background-color:#444444;
    }
    /* Active state */
    #header-sticky ul.cshero-dropdown ul > li.current-menu-item > a,
    #header-sticky ul.cshero-dropdown ul > li.current-menu-ancestor > a
    #header-sticky ul.cshero-dropdown ul > li > a:active,
    #header-sticky ul.cshero-dropdown ul > li > a.active{
        color:#ffffff;
        background-color:#444444;
    }
    /* End Sticky Menu*/

    /* Main header  sidebar icon */
    #cshero-header  ul.cs-hidden-sidebar > li > a{
        line-height: 60px;
        padding:0 5px 0 12px;

    }
    #cshero-header  ul.cs-item-cart-search > li .header a{
        line-height: 60px;
        padding:0px 10px 0px 10px;
    }
/* Custom Menu Header */
.cs_custom_header_menu{}
    /* Fix Social Widget */
    .cs_custom_header_menu ul.cs-social li a,
    .cs_custom_header_menu li.cshero-hidden-sidebar a{
        padding:0px 10px 0px 10px !important;
        color: #000000 !important;
        display:inline-block !important;
    }
    .cs_custom_header_menu ul.cs-social li a:hover,
    .cs_custom_header_menu ul.cs-social li a:focus,
    .cs_custom_header_menu ul.cs-social li a:active,
    .cs_custom_header_menu li.cshero-hidden-sidebar a:hover,
    .cs_custom_header_menu li.cshero-hidden-sidebar a:focus,
    .cs_custom_header_menu li.cshero-hidden-sidebar a:active{
        color: #b60a06 !important;
    }
/* End Custom Menu Header */
/*** Mobile Menu ***/
@media (max-width:767px) {
    #wrapper #cshero-header .cshero-dropdown.cshero-mobile-menu {
        background-color: #ffffff;
    }
    #wrapper #cshero-header ul.cshero-dropdown > li > a, 
    #wrapper #cshero-header .menu-pages .menu > ul > li > a {
        color: #222222;
    }
    #wrapper #cshero-header ul.cshero-dropdown > li > a:hover, 
    #wrapper #cshero-header .menu-pages .menu > ul > li > a:hover {
        color: #222222 !important;
    }
    #wrapper #cshero-header ul.cshero-dropdown > li ul li a, 
    #wrapper #cshero-header .menu-pages .menu > ul > li ul li a {
        color: #666666;
    }
    #wrapper #cshero-header ul.cshero-dropdown > li ul li a:hover, 
    #wrapper #cshero-header .menu-pages .menu > ul > li ul li a:hover {
        color: #ffffff;
    }
    .csbody #wrapper #cshero-header #cshero-main-menu-mobile ul.cshero-dropdown > li > a, 
    .csbody #wrapper #cshero-header #cshero-main-menu-mobile .menu-pages .menu > ul > li > a {
        border-color: #eeeeee    }
}
/*** End Mobile Menu ***/
#menu.menu-up .main-menu > li > ul{
    bottom: 60px; /* for menu fixed bottm */
}

/*** Page Title ***/
    .single-portfolio #cs-page-title-wrapper .title_bar .page-title {
        text-transform: uppercase;
    }

    .single-team #cs-page-title-wrapper .title_bar .page-title {
        text-transform: uppercase;
    }
/* =========================================================        Start Primary    =========================================================*/
/* All Primary Color */
.comment-author .fn,
.tweets-container ul li .jtwt_tweet_text a {
    color: #000000;
}
.cshero-header-content-widget1 .cshero-header-content-widget-inner .cs-social i {
    color: #000000;
}
.comment-form .form-submit .submit:hover {
    color: #000000 !important;
}
blockquote > p {
    border-left: 2px solid #000000;
}
.single-portfolio .cs-portfolio-list-details .details-category a:hover {
    color: #000000;
}
.single-portfolio .cs-portfolio-similar-item:hover:before {
    background-color: rgba(0, 0, 0, 0.8);
}


/* Form Style */
    form {
        background-color: transparent;
    }
    form input,
    form button,
    form select,
    form textarea {
        background-color: #f5f5f5;
    }
    form input:hover,
    form button:hover,
    form select:hover,
    form textarea:hover,
    form input:active,
    form button:active,
    form select:active,
    form textarea:active,
    form input:focus,
    form button:focus,
    form select:focus,
    form textarea:focus {
        background-color: #ffffff;
    }
    form,
    form label,
    form input,
    form button,
    form select,
    form textarea,
    input::-moz-placeholder, 
    textarea::-moz-placeholder {
        color: #888888;
    }
    form input,
    form select,
    form textarea,
    form button {
        border-style:solid    }
    form input,
    form select,
    form textarea,
    form button {
        border-width: 1px;
    }
    form input,
    form select,
    form textarea,
    form button {
        border-color: #e9e9e9 ;
    }
form input:hover,
form select:hover,
form textarea:hover,
form button:hover,
form input:active,
form select:active,
form textarea:active,
form button:active,
form input:focus,
form select:focus,
form textarea:focus,
form button:focus {
    border-color: #e9e9e9;
}
    form input,
    form select,
    form textarea,
    form button {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
    }
    form input:hover,
    form select:hover,
    form textarea:hover,
    form button:hover,
    form input:active,
    form select:active,
    form textarea:active,
    form button:active,
    form input:focus,
    form select:focus,
    form textarea:focus,
    form button:focus {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
    }
/* Style for FORM in Parallax section
NOTE: you need add extra class name called parallax-form to row or column or shortcode setting
*/
.content-area .parallax-form input[type="text"]:hover,
.content-area .parallax-form input[type="password"]:hover,
.content-area .parallax-form input[type="datetime"]:hover,
.content-area .parallax-form input[type="datetime-local"]:hover,
.content-area .parallax-form input[type="date"]:hover,
.content-area .parallax-form input[type="month"]:hover,
.content-area .parallax-form input[type="time"]:hover,
.content-area .parallax-form input[type="week"]:hover,
.content-area .parallax-form input[type="number"]:hover,
.content-area .parallax-form input[type="email"]:hover,
.content-area .parallax-form input[type="url"]:hover,
.content-area .parallax-form input[type="search"]:hover,
.content-area .parallax-form input[type="tel"]:hover,
.content-area .parallax-form input[type="color"]:hover,
.content-area .parallax-form input[type="submit"]:hover,
.content-area .parallax-form textarea:hover,
.content-area .parallax-form label:hover,
.content-area .parallax-form select:hover{
    border-color: #000000;
}

/* =========================================================        Start Sidebar    =========================================================*/
.widget_calendar td:hover {
    background: #000000;
}
/* =========================================================        Start Title and Module    =========================================================*/
.title-preset2 h3 {
    color: #b60a06;
}
.title-preset1 h3, .title-style-colorprimary-retro h3, .title-style-colorprimary-retro2 h3,
.title-style-colorprimary-retro2 h3 + p,.tagline  {
    color: #000000 ;
}
.cms-heading-wrapper .cms-heading-inner.heading-style1 .cms-heading-title,
.cms-heading-wrapper .cms-heading-inner.heading-style2 .cms-heading-title {
    border-bottom: 1px solid #000000;
}
.cms-heading-wrapper .cms-heading-inner .cms-heading-title cite {
    color: #000000;
}
.cms-heading-wrapper .cms-heading-inner .cms-heading-title .heading-line,
.cms-heading-wrapper .heading-style2 .cms-heading-title:after,
.cms-heading-wrapper .heading-style3 .cms-heading-title:after {
    background: #000000;
}
/* =========================================================        Start Button Style    =========================================================*/

.csbody .btn, .csbody .btn-default, .csbody button, .csbody .button, .csbody input[type="submit"], .csbody input[type="button"], .csbody input#submit, .widget_shopping_cart_content a.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    font-size: 15px ;
            text-transform: uppercase;
        background-color: rgba(182, 10, 6, 1);
    color: #ffffff;
    border-style: solid;
    border-color: transparent;
    border-width: 1px 1px 1px 1px;

    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;

                   
    padding-top: 12px;
    padding-right: 30px;
    padding-bottom: 12px;
    padding-left: 30px;

    margin: 0;
}
.csbody .btn:hover,
.csbody .btn:focus,
.csbody .button:hover,
.csbody .button:focus,
.csbody  button:hover,
.csbody  button:focus,
.csbody  input[type="submit"]:hover,
.csbody  input[type="submit"]:focus,
.csbody  input#submit:hover,
.csbody  input#submit:focus,
.widget_shopping_cart_content a.button:hover,
.widget_shopping_cart_content a.button:focus,
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover {
    background-color: rgba(255, 255, 255, 1);
    color: #b60a06;
    border-color: transparent;
}
.csbody.home-minimal .btn:hover {
   background-color: #000000 !important;
}
.csbody .btn-default-alt,
.csbody input[type="submit"],
.csbody input[type="button"] {
    background-color: rgba(182, 10, 6, 0.6);
}
.csbody.home-joinery input[type="submit"],
.csbody.home-joinery input[type="button"] {
    background-color: rgba(182, 10, 6, 1);
}
.csbody.home-joinery input[type="submit"]:hover,
.csbody.home-joinery input[type="button"]:hover {
    background-color: rgba(255, 255, 255, 1);
}
/* btn primary */
.csbody .btn-primary{
    
    font-size: 15px;
            text-transform: uppercase;
    
    background-color: rgba(255, 255, 255, 1);
    color: #222222;

    border-style: solid;
    border-color: #222222;
    border-width: 1px 1px 1px 1px;
                    
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;

    margin: 0;
}

.csbody .btn-primary:hover,
.csbody .btn-primary:active,
.csbody .btn-primary:focus {
    background-color: rgba(255, 255, 255, 1);
    color: #f1c00a;
    border-color: #f1c00a;  
}


.btn.btn-white:hover {
    background-color: rgba(255, 255, 255, 1) !important;
    color: #b60a06 !important;
    border-color: transparent !important;
}
/* btn custom style */
.csbody .btn.btn-primary-style1 {
    background: #000000;
}
.csbody .btn.btn-primary-style1:hover {
    border-color: #000000;
    color: #000000;
}
.csbody .btn.btn-default-overlay:hover {
    background: #000000;
    border-color: #000000;
}
/* =========================================================
    End Button Style
=========================================================*/
/* =========================================================
    Start Short Code
=========================================================*/
/*** High light ***/
.cs-highlight-style-1 {
     background: #000000;
}
/*** Pricing ***/
.csbody .cs-pricing.pricing-layout1 .cs-pricing-item.cs-pricing-feature .cs-pricing-title {
    background: #000000 !important;
}
/*---- Start Accordion ----*/

/*---- End Accordion ----*/
/*** Shortcode Tabs ***/
.wpb_tabs.style3 .wpb_tabs_nav li a:hover,
.wpb_tabs.style3 .wpb_tabs_nav li.ui-tabs-active a {
    color: #000000 !important; 
} 
.wpb_tabs.style4 ul.wpb_tabs_nav li.ui-state-active a,
.wpb_tabs.style4 ul.wpb_tabs_nav li.ui-state-active a:hover {
    background: #000000 !important;
}
/* ==========================================================================
  Block Quotes
========================================================================== */
.cs-quote-style-1:before, .cs-quote-style-3:before,
.cs-quote-style-1:after, .cs-quote-style-3:after {
    color: #000000;
}
.cs-quote-style-3, .cs-quote-style-2 {
    border-left: 10px solid #000000;
}
.rtl .cs-quote-style-3, .rtl .cs-quote-style-2 {
    border-left: none;
    border-right: 10px solid #000000;
}
/*---- Begin post carousel ----*/
.postcarousel-default .cshero-carousel-post-read-more a:hover,
.postcarousel-layout4 .cshero-carousel-title a:hover {
    color: #000000;  
}
.postcarousel-layout2 .cshero-carousel-post-read-more a:hover,
.postcarousel-layout2 .cshero-carousel-title a:hover {
    color: #000000 !important;
}
.postcarousel-layout3 .cshero-carousel-container:hover .cshero-carousel-effect:before {
    background: rgba(0, 0, 0, 0.9);
}
/*---- End post carousel ----*/
/*---- Start fancybox ----*/
.fancybox-layout5 .cshero-read-more .read-more-link {
    color: #000000;
}
.fancybox-layout5 .cshero-read-more .read-more-link:hover {
    color: #b60a06;
}
.fancybox-layout8 .cshero-read-more a:hover {
    color: #000000;
}
.fancybox-layout10 .cshero-read-more a:hover {
    color: #000000;
}
.fancybox-layout11 .cshero-fancybox-wrapper .title-child,
.fancybox-layout11 .cshero-fancybox-wrapper a:hover {
    color: #000000;
}
/*---- End fancybox ----*/
/* Start Testinomial */
    .cs-testimonial .fa{
        color: #000000;    
    }
/* End Testinomial */
/* Social */
.cs-social.style-1 > li > a,
.cs-social.style-2 > li > a,
.cs-social.style-3 > li > a{
    background-color: #b60a06;
}
.cs-social.style-1 > li > a:hover,
.cs-social.style-2 > li > a:hover,
.cs-social.style-3 > li > a:hover{
    background-color: #000000;
}
/* End Social */
/* Start Highlight */
.cs-highlight-style-1 {
    background-color: #b60a06;
}
.cs-highlight-style-2 {
    background-color: #000000;
}
/* Portfolio Carousel */
    /* Style 1 */
    .portfolio-layout1 .cshero-portfolio-title:hover a {
        color: #000000 !important;
    }
    /* Style 2*/
    .cs-carousel-portfolio-style-2 .cs-readmore,
     .cs-carousel-portfolio-style-2 .cs-zoom{
        color: #fff;
    }
    /*** Style 3 ***/
    .portfolio-layout3 .cshero-portfolio-item-content:hover .cshero-portfolio-content-wrap {
        background: rgba(0, 0, 0, 0.8);
    }
    .csbody.home-minimal .portfolio-layout3 .cshero-portfolio-item-content:hover .cshero-portfolio-content-wrap {
        background: rgba(0, 0, 0, 0.8);
    }
    /*** Style 4 ***/
    .portfolio-layout4 .cshero-portfolio-img-wrap .cshero-portfolio-overlay .link-wrap a:hover {
        color: #000000 !important;
    }
    .portfolio-layout4.cshero_portfolio_filters ul li.active a, 
    .portfolio-layout4.cshero_portfolio_filters ul li:hover a {
        color: #b60a06 !important;
    }

    .cshero_portfolio_filters ul li a.active,
    .cshero_portfolio_filters ul li:hover a,
    .cshero-portfolio .cshero-portfolio-category a:hover {
        color: #000000 !important;
    }
/* End Portfolio Carousel */
/* Start Team Shortcode */
    /* Default */
    .team-default .cshero-team-title a:hover {
        color: #000000 !important;
    }
/* End Team Shortcode */
/* Start Course Shortcode */
.cs-carousel-course-style-1 .cs-course-content-inner{
    background: rgba(0, 0, 0, 0.8);
}
.cs-carousel-course-style-1 .course-date{
    background: rgba(182, 10, 6, 0.8);
}
.cs-carousel-course-style-1 div.cs-morelink{
    background:#b60a06;
}
/* End Course Shortcode */
/* Start Event Carousel */
    /*Style 2*/
    .cs-carousel-event-style-2 .cs-carousel-item:hover .cs-carousel-container,
    .cs-carousel-event-style-2 .cs-carousel-item:active .cs-carousel-container,
    .cs-carousel-event-style-2 .cs-carousel-item:focus .cs-carousel-container{
        background-color: #b60a06;
        border-color: #b60a06;
    }
    .cs-carousel-event-style-2 time:before{
        background-color: #000000;
    }
    .cs-carousel-event-style-2 .cs-carousel-item:hover time:before,
    .cs-carousel-event-style-2 .cs-carousel-item:active time:before,
    .cs-carousel-event-style-2 .cs-carousel-item:focus time:before{
        background-color: #fff;
    }
    .cs-carousel-event-style-2 .cs-carousel-item .cs-carousel-footer,
    .cs-carousel-event-style-2 .cs-carousel-item .cs-carousel-footer,
    .cs-carousel-event-style-2 .cs-carousel-item .cs-carousel-footer{
        background-color: #b60a06;
    }
    .cs-carousel-event-style-2 .cs-carousel-item:hover .cs-carousel-footer,
    .cs-carousel-event-style-2 .cs-carousel-item:active .cs-carousel-footer,
    .cs-carousel-event-style-2 .cs-carousel-item:focus .cs-carousel-footer{
        background-color: #000000;
    }
/* End Event Carousel */
.cms-angle-wrapper .angle-svg {
    fill: #000000;
}
/* =========================================================
    End Short Code
=========================================================*/

/* ==========================================================================
   All Style Woocommorce
========================================================================== */
.csbody.woocommerce span.onsale,
.csbody.woocommerce .widget_shopping_cart .cart_list li a.remove:hover,
.csbody.woocommerce .cshero-carousel-item-wrap .cshero-add-to-cart a:hover span,
.csbody.woocommerce .cshero-carousel-item-wrap .cshero-view-detail a:hover span,
.csbody .woocommerce .cshero-carousel-item-wrap .cshero-add-to-cart a:hover span,
.csbody .woocommerce .cshero-carousel-item-wrap .cshero-view-detail a:hover span {
    background: #000000;
}
.csbody.single-product .cs-product-wrap .price del .amount,
.csbody.woocommerce .cshero-carousel-item-wrap .cshero-woo-meta .cshero-product-price del .amount,
.csbody .woocommerce .cshero-carousel-item-wrap .cshero-woo-meta .cshero-product-price del .amount {
    color: #000000;
}
.csbody.woocommerce .widget_shopping_cart .cart_list li a.remove,
.csbody.woocommerce-page a.remove,
.csbody.woocommerce-page .woocommerce-message:before,
.csbody.woocommerce-page .woocommerce-info:before,
.csbody.woocommerce-page .woocommerce-error:before {
    color: #000000 !important;
}
.csbody.woocommerce-page a.remove:hover {
    background: #000000 !important;
    color: #fff !important;
}
.cs-product-wrap .images .thumbnails a:hover:before {
    background: rgba(0, 0, 0, 0.6);
}
.csbody.woocommerce-page #wrapper .woocommerce-error, 
.csbody.woocommerce-page #wrapper .woocommerce-info, 
.csbody.woocommerce-page #wrapper .woocommerce-message {
    border-top: 4px solid #000000;
}
.csbody.woocommerce-page #wrapper .woocommerce-error a.button, 
.csbody.woocommerce-page #wrapper .woocommerce-info a.button, 
.csbody.woocommerce-page #wrapper .woocommerce-message a.button {
    background: #000000;
    color: #fff;
    border: 1px solid #fff;
}
.csbody.woocommerce-page #wrapper .woocommerce-error a.button:hover, 
.csbody.woocommerce-page #wrapper .woocommerce-info a.button:hover, 
.csbody.woocommerce-page #wrapper .woocommerce-message a.button:hover {
    background: #fff;
    color: #222;
    border: 1px solid #000000;
}
.woocommerce-page #cs-breadcrumb-wrapper .cs-breadcrumbs a:hover {
    color: ;
}
/*** One Shop ***/
.csbody .woocommerce .cshero-carousel-item-wrap .cshero-woo-meta .cshero-product-price span.amount {
    color: #b60a06;
}
.csbody .woocommerce ul.products li.product .new-product,
.csbody .woocommerce ul.products li.product .best-sale-product,
.csbody.woocommerce span.best-sale-product {
    background: #000000;
}
.csbody .woocommerce ul.products li.product .onsale {
    background: #b60a06;
    top: 10px;
}
/* ==========================================================================
   End All Style Woocommorce
========================================================================== */

/*Start All Style Widget WP*/
/* Default widget */
/* =========================================================
    Start Bottom
=========================================================*/
#cs-bottom-wrap {
    color:  ;
    padding:;
    margin:10px 0px;
}
#cs-bottom-wrap h3,#cs-bottom-wrap h1,#cs-bottom-wrap h2,#cs-bottom-wrap h4
,#cs-bottom-wrap h5,#cs-bottom-wrap h6 {
    color:  ;
}
#cs-bottom-wrap a {
    color:  ;
}
#cs-bottom-wrap a:hover {
    color:  ;
}
/* =========================================================
    Start Footer
=========================================================*/
#footer-top {
    color: #ffffff;
    }
#footer-top form input:hover,
#footer-top form input:focus,
#footer-top form select:hover,
#footer-top form select:focus,
#footer-top form textarea:hover,
#footer-top form textarea:focus,
#footer-top form button:hover,
#footer-top form button:focus{
    color: #ffffff;
}
#footer-top h3.wg-title {
    color: #ffffff;
    font-size: 22px;
}


#footer-top h3.wg-title {
            text-transform: uppercase;
    }
#footer-top a {
    color: #ffffff;
}
#footer-top a:hover {
    color: #ffffff;
}
#footer-top .cs-social a i {
    color:#555555;
}
#footer-top .cs-social a:hover i {
    color: #555555;
}
#footer-top .cs-social.style-4 li a:hover i {
    border-color: #555555;
}
#footer-bottom {
    background-color: #000000 ;
    color: #ffffff;
    margin: ;
                padding: 0px 0 20px 0px;  
    }
#footer-bottom svg {
    fill: #000000 ;
}
#footer-bottom.footer-bottom-v2 {
    border-bottom: 9px solid #000000; 
}
#footer-bottom h3.wg-title {
    color: #ffffff;
}
#footer-bottom a {
    color: #ffffff;
}
#footer-bottom a:hover {
    color: #222222;
}
#footer-top {
    padding: 45px 0px 10px;
    margin: 80px 0 0 0 ;
}

#footer-top .widget_cs_social_widget.style2 ul li a{
    background-color:  #ffffff;
    color:#555555;
}
#footer-top .widget_cs_social_widget.style2 ul li a:hover{
    background-color:  #ffffff;
    color:#555555;
}
.footer-bottom-1{
    text-align: left;
}
.footer-bottom-2{
    text-align: right;
}

/* ==========================================================================
   Hidden Menu Sidebar
========================================================================== */
.meny-right .meny-sidebar .cs_close i:hover {
    color: #000000;
}
.meny-right .hidden-sidebar-text span i {
    font-size:16px !important;
}
.meny-right .hidden-sidebar-text span:before {
    color: #000000 !important;
}
.cs-navigation .page-numbers:hover, 
.cs-navigation .page-numbers.current,
.woocommerce-pagination ul.page-numbers > li > .page-numbers:hover, 
.woocommerce-pagination ul.page-numbers > li > .page-numbers.current {
    background: #000000;
}
.cshero-nav ul li a:hover {
    background: #000000;
    color: #fff;
}
.csbody.home-minimal .cshero-nav ul li a:hover {
    background: #000000;
}
/*** Hidden Sidebar Width ***/
    .csbody.right_sidebar_opened #wrapper {
       -webkit-transform: matrix(1, 0, 0, 1, -470, 0);
           -moz-transform: matrix(1, 0, 0, 1, -470, 0);
            -ms-transform: matrix(1, 0, 0, 1, -470, 0);
             -o-transform: matrix(1, 0, 0, 1, -470, 0);
                transform: matrix(1, 0, 0, 1, -470, 0);
    }
    .csbody.meny-right .meny-sidebar {
        width: 470px;
        background: #222222;
        -webkit-transform: matrix(1, 0, 0, 1, 470, 0);
           -moz-transform: matrix(1, 0, 0, 1, 470, 0);
            -ms-transform: matrix(1, 0, 0, 1, 470, 0);
             -o-transform: matrix(1, 0, 0, 1, 470, 0);
                transform: matrix(1, 0, 0, 1, 470, 0);
    }
/*============================================                Start Post Blog Style    ============================================*/
.cs-blog .cs-blog-share i{
    background-color: #b60a06;
}
.cs-blog .cs-blog-share i:hover,
.cs-blog .cs-blog-share i:active,
.cs-blog .cs-blog-share i:focus{
    background-color: #000000;
}
.blog-multiple-columns-style2  .cs-blog .cs-blog-media .readmore{
    background: rgba(0, 0, 0, 0.8);
}
.blog-multiple-columns-style2  .cs-blog:hover .cs-blog-title a,
.blog-multiple-columns-style2  .cs-blog:active .cs-blog-title a,
.blog-multiple-columns-style2  .cs-blog:focus .cs-blog-title a{
    color: #000000;
}
.cshero-blog-category-lists ul li.current a,
.cshero-blog-category-lists ul li a:hover,
.filter_outer ul li.active span,
.filter_outer ul li:hover span{
    color: #000000;
}
.tagcloud a:hover {
    background: #000000;
}
/*** Blog Class Style 2 ***/
.cs-blogClass-style2 .cs-blogClass-info ul li a:hover,
.cs-blog .cs-blog-quote .author {
    color: #000000;
}
.cs-blog .cs-blog-quote .cs-content-text {
    border-left: 2px solid #000000;
}
/* Style Post Audio */
.csbody .mejs-controls .mejs-time-rail .mejs-time-current,
.csbody .mejs-controls .mejs-time-rail .mejs-time-loaded, 
.csbody .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    background: #000000;
}
/*** Style Post Page Style 1 ***/
.cs-blog-item-style1 .cs-blog-info ul li a:hover {
    color: #000000;
}
/*============================================                Shortcode heading style    ============================================*/
.cs-header.overline .cs-title .line{
    border-bottom-color: #000000;
}

/* End Shortcode heading style */


.portfoliocarousel-layout1 .cshero-portfolio-carousel-item .cshero-carousel-image-inner .overlay a:hover {
    background:#000000 !important;   
}
.portfoliocarousel-layout1 .cshero-title a:hover {
    color: #000000 !important;    
}
/*======================================*/
/*        3rd Extensions                */
/*======================================*/
/*LearDash LMS*/
.lms-course-list .lms-course-item:hover .lms-course-content .readmore{
    background: #b60a06;
}
/* custom css */
.header-v5 .widget_cs_social_widget ul {border-left:none !important;border-right:None !important;}
.footer-top-1 .textwidget {padding:0 10px 0 0;}
.bottom-top {display:none !Important;}

/****
* @author Summit Digital Marketing
* 2025 Homepage Redsign
*/

.home-page-form-css label {
    color: #FFFFFF;
}

.gfield_required_asterisk {
    color: #f9f9f9 !important;
}

#gform_submit_button_8 {
    width: 193px;
    height: 59px;
    background-color: #FFFFFF;
    color: #B60B05;
    border: none;
    border-radius: 8px;
    padding: 16px 24px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    transition: background-color 0.3s ease-in-out;
}

#gform_submit_button_8:hover {
    background-color: #F0F0F0;
}

.home #cs-page-title-wrapper {
    display: none !important;
}

#cshero-header ul.cshero-dropdown .sub-menu {
    background-color: white !important;
}

.menu-title {
    color: black !important;
}/*** Home Shop ***/
.widget_searchform_content form input[type='submit'],
.header-v5 .cshero-header-content-widget form input[type='submit'] {
    background-color: #000000 !important;
    border-color: #000000 !important;
}
.widget_searchform_content form input[type='submit']:hover,
.header-v5 .cshero-header-content-widget form input[type='submit']:hover {
    background-color: #b60a06 !important;
    border-color: #b60a06 !important;
}
.top-contact > li i {
    color: #000000;
}
.header-v3 .cshero-total.shop,
.header-v3 .cart_total_text.shop i,
.header-v6 .cshero-total.shop,
.header-v6 .cart_total_text.shop i {
    color: #b60a06;
}
.cshero-header-menu-wrapper.home-shop .cshero-menu-left-title {
    background: #000000;
}
.header-v3 .shopping_cart_dropdown .cart-list span.quantity,
.header-v6 .shopping_cart_dropdown .cart-list span.quantity {
    color: #b60a06;
}
.header-v3 #cshero-header .shopping_cart_dropdown .btn.btn-primary,
.header-v6 #cshero-header .shopping_cart_dropdown .btn.btn-primary {
    background: #b60a06;
    border: 1px solid #b60a06;
}
.header-v3 #cshero-header .shopping_cart_dropdown .btn.btn-primary:hover,
.header-v6 #cshero-header .shopping_cart_dropdown .btn.btn-primary:hover {
    color: #b60a06;
}
.header-v3 #cshero-header .shopping_cart_dropdown span.total,
.header-v6 #cshero-header .shopping_cart_dropdown span.total {
    color: #b60a06;
}
.csbody.woocommerce span.new-product {
    background: #b60a06;
}
.csbody .tp-bullets.simplebullets .bullet.selected {
    background: #000000;
}
.box-sale-right .box-contents a {
    color: #000000;
}
.box-sale-right .box-contents a:hover {
    background: #000000 !important;
}
    body #cs-page-title-wrapper {
        background-color: transparent;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: ;
        background-position: center center;
                    background-image: url(https://creativestonenc.com/wp-content/uploads/2018/11/bg.jpg);
            }