/* =========================================================
    Reset Body
========================================================= */
body.csbody {
    line-height: 26px;
	color: #4c5357;
	  margin-top: -32px;
}

#primary.no_breadcrumb_page > .container {
	margin-top: ;
	margin-bottom: ;
}
.csbody:not(.home) #primary > .container,
.csbody:not(.home) #primary > .no-container{
	 background-color:  #fff;
}

.csbody a {
   /* color: #222;*/
}
#cshero-header a {

}

.csbody a:hover,
.csbody a:focus,
.csbody a:active,
.csbody a.active {
    color: #222;
}
.color-primary,
.primary-color,
.primary-color *,
.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: #222;
}
.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: #888!important;
}
.header-left .cs-social li a i,
.single-portfolio .cs-portfolio-item .cs-portfolio-description,
.single-portfolio .cs-portfolio-item .cs-portfolio-list-details li,
.single-portfolio .cs-portfolio-item .cs-portfolio-list-details li i,
.single-portfolio .cs-portfolio-item .cs-portfolio-details .cs-portfolio-meta ul.cs-social i {
    color: #4c5357;
}

.bg-primary-color,
ul.cs_list_circle li:before, 
ul.cs_list_circleNumber li:before{
    background-color:#222;
}

.bx-pager-inner li .bx-pager-link:hover,
.bx-pager-inner li .bx-pager-link.active{
    background-color: rgba(136, 136, 136, 0.8);
}

/* =========================================================
    End Reset Body
========================================================= */

/* =========================================================
    Start Typo
========================================================= */
body.csbody h1,
body.csbody h1 > a {
    font-size: 32px;
    color: #222;
}
body.csbody h2,
body.csbody h2 > a {
    font-size: 28px;
    color: #222;
}
body.csbody h3,
body.csbody h3 > a  {
    font-size: 18px;
    color: #222;
}
body.csbody h4,
body.csbody h4 > a {
   font-size: 16px;
   color: #222;
}
body.csbody h5,
body.csbody h5 > a {
   font-size: 14px;
   color: #222;
}
body.csbody h6,
body.csbody h6 > a {
   font-size: 12px;
   color: #222;
}

.page-title{
    font-size: 26px;
}

/* =========================================================
    End Typo
========================================================= */

/* =========================================================
    Start Header
========================================================= */
/* Header Color Option */
#header-top {
    background: #222 !important;
}

/*** Logo ***/
.header-wrapper .logo a {
    padding: ;
    margin:;
}

.menu-item-cart-search .header-cart-search,
.menu-pages .menu > ul > li > a,
.header-cart-search a.cs_open {
    line-height: 60px;
}
#menu.menu-up .main-menu > li > ul{
    bottom: 60px; /* for menu fixed bottm */
}
.menu-item-cart-search .header-cart-search .widget_searchform_content,
.menu-item-cart-search .header-cart-search .shopping_cart_dropdown {
    top: 60px;
}

/*** End logo ***/

/*** Start Main Menu ***/
.header ul.menu-item-padding > li > a,
.menu-pages .menu > ul > li > a,
.header .cshero-menu-dropdown > ul > li > a,
.header-v4 .main-menu-left > ul > li > a,
.header .header-cart-search a {
    padding-left: 10px !important;
    padding-top: 0 !important;
    padding-right: 10px !important;
    padding-bottom: 0 !important;
    font-size: 15px;
	
}
.header ul.menu-item-padding > li.header-cart-search a,
.sticky-header ul.menu-item-padding > li.header-cart-search a{
	padding-top: 0 ;
	padding-bottom: 0 ;
	font-size: 15px;
}



.header-v4 .main-menu-left > ul > li > a {
    line-height: 18px;
}
.header-left .main-menu > li:before,
.header-left .main-menu > li:after {
    height: 18px;
}

.menu-item-cart-search .header-cart-search a.cs_open,
.menu-item-cart-search .widget_cart_search_wrap .header a {
    font-size: 15px;
}
.cshero-menu-dropdown > ul > li.nomega-menu-item ul,
.sticky-header .cshero-menu-dropdown > ul > li.nomega-menu-item ul,
.cshero-menu-dropdown li.nomega-menu-item > ul ul,
.cs_mega_menu .sticky-nav ul {
    width: 210px;
}
.main-menu-left ul ul li a{
    color: #ffffff !important;
}
.main-menu-left ul ul li a:hover{
    color: #450a36 !important;
}
    .cshero-menu-dropdown li.nomega-menu-item ul ul ul {
        left: 210px !important;
    }
    .cshero-menu-dropdown li.nomega-menu-item ul ul ul.back {
        left: -210px !important;
    }
.main-menu-content,
.full-menu-background /* header v2 */
{
    background: #ffffff !important;
}
#cshero-header .main-menu > li > a,
#header-sticky .sticky-nav > li > a {
    text-transform: uppercase;
}

#cshero-header .cshero-menu-dropdown > ul > li > a,
#cshero-header .header-cart-search a.cs_open,
#cshero-header .header-cart-search  a,
#cshero-header .menu-item-cart-search .widget_cart_search_wrap a .cart_total{
    color: #450a36;
	margin-left:-5px;
}

/* Hover state*/
#cshero-header .cshero-menu-dropdown > ul > li:hover > a,
#cshero-header .cshero-menu-dropdown > ul > li > a:hover,
#cshero-header .cshero-menu-dropdown > ul > li.current-menu-item:hover > a,
#cshero-header .cshero-menu-dropdown > ul > li.current-menu-parent:hover > a,
#cshero-header .cshero-menu-dropdown > ul > li.current-menu-ancestor:hover > a{
    color: #ffffff;
}
#cshero-header .cshero-menu-dropdown > ul > li:hover > a,
#cshero-header .cshero-menu-dropdown > ul > li > a:hover,
#cshero-header .cshero-menu-dropdown > ul > li.current-menu-item:hover > a,
#cshero-header .cshero-menu-dropdown > ul > li.current-menu-parent:hover > a,
#cshero-header .cshero-menu-dropdown > ul > li.current-menu-ancestor:hover > a{
    background-color: #59003e;
}

/* Active state */
#cshero-header .cshero-menu-dropdown > ul > li.current-menu-item > a,
#cshero-header .cshero-menu-dropdown > ul > li.current-menu-parent > a,
#cshero-header .cshero-menu-dropdown > ul > li.current-menu-ancestor > a {
    color: #450a36;
}



        

.cshero-menu-dropdown > ul > li ul,
.cshero-menu-dropdown > ul > li.mega-menu-item > ul,
#cshero-header .cs-item-cart-search .shopping_cart_dropdown {
    background-color: #59003e;
}
.cshero-menu-dropdown > ul > li > ul.mega-bg-image,
.cshero-menu-dropdown > ul > li > ul.mega-bg-image ul {
    background-color: transparent;
}


.cshero-menu-dropdown > ul > li > ul li:hover,
.cshero-menu-dropdown > ul > li.mega-menu-item > ul > li > ul > li ul {
    background-color: #ffffff;
}

body #cshero-header .cshero-menu-dropdown ul ul li a,
body #cshero-header .cshero-menu-dropdown .cshero-dropdown ul ul li a,
#cshero-header .cs-item-cart-search .shopping_cart_dropdown {
    color: #ffffff!important;
    font-size: 12px;
}
body #cshero-header .cshero-menu-dropdown ul ul li a:hover,
body #cshero-header .cshero-menu-dropdown .cshero-dropdown ul ul li a:hover {
    color: #450a36 !important;
}
body #cshero-header .cshero-menu-dropdown ul ul li.current-menu-item a,
body #cshero-header .cshero-menu-dropdown ul ul li.current-menu-parent > a,
body #cshero-header .cshero-menu-dropdown ul ul li.current-menu-ancestor > a,
body #cshero-header .cshero-menu-dropdown .cshero-dropdown ul ul li.current-menu-item a,
body #cshero-header .cshero-menu-dropdown .cshero-dropdown ul ul li.current-menu-parent > a,
body #cshero-header .cshero-menu-dropdown .cshero-dropdown ul ul li.current-menu-ancestor > a {
   /* color: #450a36 !important;*/
}

.cshero-menu-dropdown ul ul li {
    border-bottom: 1px solid #eeeeee;
}

.cshero-menu-dropdown > ul > li.mega-menu-item > ul.colimdi > li > a {
    color: #888;
}
/*** End Main Menu ***/

/*** Start Main Menu Sticky ***/
#header-sticky {
    background-color: rgba(255, 255, 255, 1);
            border-bottom:1px solid #eeeeee;
    }
#header-sticky .cs-item-cart-search .shopping_cart_dropdown{
    background-color: rgba(255, 255, 255, 1);sss
}
.cs-sticky.fixed {
    opacity: 1;
}
.sticky-header.fixed .cshero-logo img {
    height: 17px;
}
#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: 40px;
}

.sticky-header-left .main-menu-left ul ul li a{
    color: #555 !important;
}
.sticky-header.fixed .cshero-menu-dropdown > ul > li > a,
.sticky-header.fixed .menu-pages .menu > ul > li > a,
.menu-item-cart-search .header-cart-search a.cs_open,
.sticky-wrapper .menu-item-cart-search .header-cart-search {
    height: 40px;
    line-height: 40px;
}

#sticky-nav-wrap ul.sticky-nav > li > a {
    color: #450a36 ;
}
/*Hover state*/
#sticky-nav-wrap ul.sticky-nav > li:hover > a,
#sticky-nav-wrap ul.sticky-nav > li > a:hover,
#sticky-nav-wrap ul.sticky-nav > li.current-menu-item:hover > a,
#sticky-nav-wrap ul.sticky-nav > li.current_page_item:hover > a,
#sticky-nav-wrap ul.sticky-nav > li.current-menu-parent:hover > a,
#sticky-nav-wrap ul.sticky-nav > li.current-menu-ancestor:hover > a {
    color: #ffffff ;
}
#sticky-nav-wrap ul.sticky-nav > li:hover > a,
#sticky-nav-wrap ul.sticky-nav > li.current-menu-item:hover > a,
#sticky-nav-wrap ul.sticky-nav > li.current_page_item:hover > a,
#sticky-nav-wrap ul.sticky-nav > li.current-menu-parent:hover > a,
#sticky-nav-wrap ul.sticky-nav > li.current-menu-ancestor:hover > a{
    background-color: #450a36;
}

/* Active State*/
#sticky-nav-wrap ul.sticky-nav > li.current-menu-item > a,
#sticky-nav-wrap ul.sticky-nav > li.current-menu-parent > a,
#sticky-nav-wrap ul.sticky-nav > li.current-menu-ancestor > a{
    color: #59003c;
}



.sticky-header .cshero-menu-dropdown ul ul li:hover,
.sticky-header .cshero-menu-dropdown > ul > li.mega-menu-item > ul > li > ul > li ul {
    background-color: #f5f5f5 !important;
}
.sticky-header .cshero-menu-dropdown ul ul li a {
    color: #fff;
    font-size: 12px;
}
.sticky-header .cshero-menu-dropdown ul ul li a:hover {
    color: #222!important;
}
.sticky-header .cshero-menu-dropdown ul ul li.current-menu-item a,
.sticky-header .cshero-menu-dropdown ul ul li.current-menu-parent > a,
.sticky-header .cshero-menu-dropdown ul ul li.current-menu-ancestor > a {
 
}
/*** End Main Menu Sticky ***/

/**** Header Left ****/
/* The arrow indicating a submenu */
    .header-v4 .main-menu-left > ul > li li.current-menu-item a {
        color: #450a36 !important;
    }
@media (min-width: 993px) {
        .header-v4 .main-menu-left > ul > li > a {
        border-bottom: 1px solid #eeeeee !important;
    }
    .header-v4 .main-menu-left > ul > li:first-child > a {
        border-top: 1px solid #eeeeee !important;
    }
            .csbody.header-v4 #footer-top,
    .csbody.header-v4 #footer-bottom,
    .csbody.header-v4 #container,
    .csbody.header-v4 .cs-content-header,
    .csbody.header-v4 #cs-bottom-wrap,
    .header-v4 .content-area {
        padding-left: 300px !important;
    }
    .header-v4 .header-wrapper, .header-v4 #cshero-header, .header-v4 .sticky-wrapper {
        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: #59003e;
    }
}
/**** End Header Left ****/
/**** Start Page Title ****/

.cs-page-title{
padding:100px 0;margin:0 0 70px 0;}
/**** End Page Title ****/
/**** Start Breadcrumb ****/
    .csbody #cs-breadcrumb-wrapper .cs-breadcrumbs a, #cs-breadcrumb-wrapper .cs-breadcrumbs span {
        color: #888;
    }
    .csbody #cs-breadcrumb-wrapper .cs-breadcrumbs a,
    .csbody #cs-breadcrumb-wrapper .cs-breadcrumbs span {
        padding: 0 10px 0 0;
    }
    .csbody #cs-breadcrumb-wrapper .cs-breadcrumbs a:after {
        content: "\f0da";
    }
/**** End Breadcrumb ****/
/* =========================================================
    End Header
=========================================================*/

/* =========================================================
    Start Primary
=========================================================*/

    form input,
    form button,
    form select,
    form textarea {
        background-color: #fff;
    }
    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: #fff;
    }
    form,
    form label,
    form input,
    form button,
    form select,
    form textarea,
    input::-moz-placeholder,
    textarea::-moz-placeholder {
        color: #555555!important;
    }

    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: #c8c8c8!important ;
    }
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: #555!important;
}
    form input,
    form select,
    form textarea,
    form button {
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
        -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
        -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
        -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    }
    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: 0 1px 1px rgba(0, 0, 0, 0.075);
        -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
        -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
        -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
    }

/* 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: #222;
}
/* =========================================================
    End Primary
=========================================================*/

/* =========================================================
    Start Sidebar
=========================================================*/
.widget_calendar td:hover {
    background: #222;
}
/* =========================================================
    Start Title and Module
=========================================================*/
.title-preset2 h3 {
    color: #888;
}
.title-preset1 h3, .title-style-colorprimary-retro h3, .title-style-colorprimary-retro2 h3,
.title-style-colorprimary-retro2 h3 + p,.tagline  {
    color: #222 !important;
}
.title-restaurant .wpb_wrapper > h1,
.title-restaurant .wpb_wrapper > h3 {
    background: #222;
}
.title-restaurant2 .wpb_wrapper > h3,
.title-restaurant2 .wpb_wrapper > h1 {
    color: #222;
}
/* =========================================================
    End Title Module
=========================================================*/

/* =========================================================
    Start Button Style
=========================================================*/
.csbody button, 
.csbody .button, 
.csbody .btn,
.csbody .btn-default,
.csbody input[type="submit"],
.csbody #submit,
.csbody .added_to_cart,
.csbody a.comment-reply-link {
    font-size: 13px ;
            text-transform: uppercase;
                background: rgba(255, 255, 255, 0);
                color: #59003c;
                border-color: #450a36;
                border-width:1px;
                border-style: solid;
              padding-top: 10px;
        padding-right: 26px;
        padding-bottom: 10px;
        padding-left: 26px;
    }
.csbody .btn:hover,
.csbody .btn:focus,
.csbody .btn-default:hover,
.csbody .btn-default:focus,
.csbody .button:hover,
.csbody button:hover,
.csbody .button:focus,
.csbody button:focus,
.csbody input[type="submit"]:hover,
.csbody input[type="submit"]:focus,
.csbody #submit:hover,
.csbody #submit:focus,
.csbody .added_to_cart:hover,
.csbody .added_to_cart:focus,
.csbody a.comment-reply-link:hover,
.csbody a.comment-reply-link:focus {
            background: rgba(89, 0, 60, 1);
                color: #fff;
                border-color: #450a36;
    }
.csbody .btn-readmore {
            border-left: 3px solid #450a36 !important;
        border-bottom: none;
}
.csbody .btn-readmore:hover {
    background: #fff;
}

/* Button primary */
.csbody .btn-primary{
            border-width: 2px;
                border-style: solid;
                        border-color: #222;
        background: rgba(34, 34, 34, 0.1);
    color: #222;
    font-size: 13px ;
                padding-top: 13px;
        padding-right: 25px;
        padding-bottom: 13px;
        padding-left: 25px;
    }

.csbody .btn-primary:hover,
.csbody .btn-primary:active,
.csbody .btn-primary:focus {
    border-color: #222;
    background: rgba(34, 34, 34, 1);
    color: #222;
}
/* Button primary Alt */
.csbody .btn-primary-alt:hover,
.csbody .btn-primary-alt:focus {
     background: rgba(34, 34, 34, 0.6);
}

/*** Size Button ***/
.csbody .btn-large,
.csbody .btn-lg{
    font-size: 18px; 
    padding-right: 52px;
    padding-left: 52px;
}
.csbody .btn-medium,
.csbody .btn-md {
    font-size: 16px; 
    padding-right: 36.4px;
    padding-left: 36.4px;
}
.csbody .btn-small,
.csbody .btn-sm {
    font-size: 12px; 
    padding-top: 7px;
    padding-right: 16px;
    padding-left: 16px;
    padding-bottom: 7px;
	margin-bottom:10px;
}
.csbody .btn-mini,
.csbody .btn-xs {
    font-size: 11px; 
    padding-top: 5px;
    padding-right: 16px;
    padding-left: 16px;
    padding-bottom: 5px;
}
/* =========================================================
    End Button Style
=========================================================*/

/* =========================================================
    Start Short Code
=========================================================*/
/*** High light ***/
.cs-highlight-style-1 {
     background: #222;
}
.cs-pricing .cs-pricing-item.cs-pricing-feature .cs-pricing-container:after {
    border-top-color: #222;
    border-right-color: #222;
    border-bottom-color: transparent;
    border-left-color: transparent;
}
.cs-pricing .cs-pricing-item.cs-pricing-feature .loaded,
.cs-pricing .cs-pricing-item.cs-pricing-feature .cs-pricing-button{
}

.cs-pricing .cs-pricing-item.cs-pricing-feature .cs-pricing-button a.btn{
	         background: rgba(89, 0, 60, 1);
                color: #fff;
                border-color: #450a36;
    }
/*** Start Fancy Box  ****/
.cs-fancy-box.wrapper:hover i,
.cs-fancy-box.wrapper:hover i {
    border-color: #222 !important;
}

.cs-fancy-box.fancy-box-style-2 .cs-fancy-box-title i{
    background: #888;
}

.cs-fancy-box.fancy-box-style-2:hover .cs-fancy-box-title i{
    background: #222;
}

.cs-fancy-box.fancy-box-style-5 i,
.cs-fancy-box.fancy-box-style-6 .cs-fancy-box-title i {
    color: #222;
}
.cs-fancy-box.fancy-box-style-7 .cs-fancy-box-image .cs-fancy-box-icon {
    border-top-color: #222 !important;
    border-right-color: rgba(0,0,0,0);
    border-bottom-color: rgba(0,0,0,0);
    border-left-color: #222 !important;
}

.cs-fancy-box.fancy-box-style-3 .cs-fancy-box-title i {
    border: 1px solid #222;
    color: #222;
}
/* Style 10 */
.fancy-box-style-10:hover .cs-fancy-box-wrapper .cs-fancy-box-body {
    -webkit-box-shadow: inset 0 0 0 200px rgba(34, 34, 34, 0.7), 0 1px 2px rgba(0,0,0,0.1);
       -moz-box-shadow: inset 0 0 0 200px rgba(34, 34, 34, 0.7), 0 1px 2px rgba(0,0,0,0.1);
        -ms-box-shadow: inset 0 0 0 200px rgba(34, 34, 34, 0.7), 0 1px 2px rgba(0,0,0,0.1);
         -o-box-shadow: inset 0 0 0 200px rgba(34, 34, 34, 0.7), 0 1px 2px rgba(0,0,0,0.1);
            box-shadow: inset 0 0 0 200px rgba(34, 34, 34, 0.7), 0 1px 2px rgba(0,0,0,0.1);
}

/*---- End Fancy Box ----*/
/*---- Start Accordion ----*/
.wpb_accordion.style1 .wpb_accordion_section .wpb_accordion_header a {
    background: #222;
}
.wpb_accordion.style1 .wpb_accordion_section .ui-accordion-header-active.wpb_accordion_header a {
	background: #888!important;
}
.wpb_accordion.style2 .wpb_accordion_section .wpb_accordion_header a,
.wpb_accordion.style5 .wpb_accordion_section .wpb_accordion_header a {
    background: #888;
}
.wpb_accordion.style2 .wpb_accordion_section .ui-accordion-header-active.wpb_accordion_header a,
.wpb_accordion.style5 .wpb_accordion_section .ui-accordion-header-active.wpb_accordion_header a {
    background: #222!important;
}
.wpb_accordion.style5 .wpb_accordion_section .ui-accordion-header-active a,
.wpb_accordion.style5 .wpb_accordion_section .ui-accordion-header-active a:after  {
    color: #888 !important;
}
.wpb_accordion.style3 .wpb_accordion_section .wpb_accordion_header a,
.wpb_accordion.style4 .wpb_accordion_section a:after  {
    color: #888;
}
.wpb_accordion.style4 .wpb_accordion_section .ui-accordion-header-active a,
.wpb_accordion.style4 .wpb_accordion_section .ui-accordion-header-active a:after {
    color: #222 !important;
}
/*---- End Accordion ----*/
/*** Shortcode Tabs ***/
.wpb_tabs.style1 ul.wpb_tabs_nav li a{
    color: #222;
}
.wpb_tabs.style2 ul.wpb_tabs_nav li.ui-tabs-active,
.wpb_tabs.style3 ul.wpb_tabs_nav li.ui-tabs-active,
.wpb_tabs.style2 ul.wpb_tabs_nav li:hover,
.wpb_tabs.style3 ul.wpb_tabs_nav li:hover   {
    background: #222 !important;
}
.wpb_tabs.style3 ul.wpb_tabs_nav {
    border-right: 1px solid #222;
}
.rtl .wpb_tabs.style3 ul.wpb_tabs_nav {
    border-left: 1px solid #222;
    border-right: none !important;
}
.wpb_tabs.style2 ul.wpb_tabs_nav li a,
.wpb_tabs.style3 ul.wpb_tabs_nav li a   {
    color: #4c5357 !important;
}
.wpb_tabs .ui-tabs-panel {
    border-top: 1px solid #222;
}
.wpb_tabs li.ui-tabs-active a.ui-tabs-anchor {
    border: 1px solid #222 !important;
}
/* ==========================================================================
  Block Quotes
========================================================================== */
.cs-quote-style-1:before, .cs-quote-style-3:before,
.cs-quote-style-1:after, .cs-quote-style-3:after {
    color: #222;
}
.cs-quote-style-3, .cs-quote-style-2 {
    border-left: 10px solid #222;
}
.rtl .cs-quote-style-3, .rtl .cs-quote-style-2 {
    border-left: none;
    border-right: 10px solid #222;
}
/*---- Begin post carousel ----*/
.cs-carousel-post-style3 .cs-read-more a:hover,
.cs-carousel-post-style3 .cs-zoom-images a:hover{
    background: #222;
    border-color: #222;
}

/* Style 7 */
.cs-carousel-post-style7 .cs-carousel-body{
    background-color: rgba(34, 34, 34, 0.8);
}
.cs-carousel-post-style7 .cs-read-more a:hover,
.cs-carousel-post-style7s .cs-zoom-images a:hover{
    background: #222;
    border-color: #222;
}
.cs-carousel-post-style7 .cs-morelink{
    background-color: #888;
}

/* Style 8*/
.cs-carousel-post-style8 .cs-carousel-item:hover .cs-carousel-container,
.cs-carousel-post-style8 .cs-carousel-item:active .cs-carousel-container,
.cs-carousel-post-style8 .cs-carousel-item:focus .cs-carousel-container{
    background-color: #888;
    border-color: #888;
}

.cs-carousel-post-style8 time:before{
    background-color: #222;
}
.cs-carousel-post-style8 .cs-carousel-item:hover time:before,
.cs-carousel-post-style8 .cs-carousel-item:active time:before,
.cs-carousel-post-style8 .cs-carousel-item:focus time:before{
    background-color: #fff;
}

.cs-carousel-post-style8 .cs-carousel-item .cs-carousel-footer,
.cs-carousel-post-style8 .cs-carousel-item .cs-carousel-footer,
.cs-carousel-post-style8 .cs-carousel-item .cs-carousel-footer{
    background-color: #888;
}
.cs-carousel-post-style8 .cs-carousel-item:hover .cs-carousel-footer,
.cs-carousel-post-style8 .cs-carousel-item:active .cs-carousel-footer,
.cs-carousel-post-style8 .cs-carousel-item:focus .cs-carousel-footer{
    background-color: #222;
}
.cs-carousel-post-style10 .cs-carousel-header .cs-carousel-meta a:hover {
    color: #222;
}
/*---- End post carousel ----*/
/* Start Testinomial */
    .cs-testimonial .fa{

    }
/* End Testinomial */

/* Social */
.cs-social.style-1 > li > a,
.cs-social.style-2 > li > a,
.cs-social.style-3 > li > a{
    color: #4c5357;
    background-color: #888;
}
.cs-social.style-1 > li > a:hover,
.cs-social.style-2 > li > a:hover,
.cs-social.style-3 > li > a:hover{
    background-color: #222;
}
/* End Social */

/* Start Highlight */
.cs-highlight-style-1 {
    background-color: #888;
}
.cs-highlight-style-2 {
    background-color: #222;
}
/* Portfolio Carousel */
    /* Style 2*/
    .cs-carousel-portfolio-style-2 .cs-readmore,
     .cs-carousel-portfolio-style-2 .cs-zoom{
        color: #fff;
     }
/* End Portfolio Carousel */

/* Start Team Shortcode */
    /* Style 8 */
    .cs-team-style-8  .cs-overlay{
        background-color: #222;
    }
    .cs-team-style-8 article:hover .cs-overlay{
        background-color: rgba(34, 34, 34, 0.8);
    }
    .cs-team-style-8 .cs-overlay-no-image{
       background-color: #888;
    }
    .cs-team-style-8 article:hover .cs-overlay-no-image{
        background-color: rgba(34, 34, 34, 0.8);
    }
    .cs-team-style-8 .cs-overlay-no-image .social a{
        background-color: #222;
    }
/* End Team Shortcode */

/* Start Course Shortcode */
.cs-carousel-course-style-1 .cs-course-content-inner{
    background: rgba(34, 34, 34, 0.8);
}
.cs-carousel-course-style-1 .course-date{
    background: rgba(136, 136, 136, 0.8);
}
.cs-carousel-course-style-1 div.cs-morelink{
    background:#888;
}
/* 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: #888;
        border-color: #888;
    }

    .cs-carousel-event-style-2 time:before{
        background-color: #222;
    }
    .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: #888;
    }
    .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: #222;
    }


/* End Event Carousel */

/* =========================================================
    End Short Code
=========================================================*/

/*Start All Style Widget WP*/
/* Default widget */
.primary-sidebar h3.wg-title {
    background-color: #222}

/* ==========================================================================
    Start Carousel Portfolio
========================================================================== */
.cs-carousel-portfolio.cs-carousel-portfolio-style5 .cs-carousel-header:hover:before,
.cs-carousel-post-style4 .cs-carousel-header:hover:before {
    border: 10px solid #222;
}
.cs-carousel-portfolio.cs-carousel-portfolio-style5 .cs-morelink {
    background: #222;
}
/* ==========================================================================
    End Carousel Portfolio
========================================================================== */
/* =========================================================
    Start Bottom
=========================================================*/
#cs-bottom-wrap {
    color:  !important;
}
#cs-bottom-wrap h3.wg-title {
    color:  !important;
}
#cs-bottom-wrap a {
    color:  !important;
}
#cs-bottom-wrap a:hover {
    color:  !important;
}

/* =========================================================
    Start Footer
=========================================================*/
#footer-top {
    background-color: #59003c !important;
    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: #fff;
    font-size: 17px;
}


#footer-top h3.wg-title {
            text-transform: uppercase;
    }

#footer-top a {
    color: #fff;
}
#footer-top a:hover {
    color: #fff;
}
#footer-top .cs-social a i {
    color:#858585;
}
#footer-top .cs-social a:hover i {
    color: #fff;
}
#footer-top .cs-social.style-4 li a:hover i {
    border-color: #fff;
}

#footer-bottom {
    background-color: #ffffff ;
    color: #59003c;
    border-style:solid;
    border-color:#000;
    border-width:1px 0 0 0;
}
#footer-bottom h3.wg-title {
    color: #59003c;
}
#footer-bottom a {
    color: #59003c;
}
#footer-bottom a:hover {
    color: #000000;
}

#footer-top {
    padding: 40px 0px;
    margin: 40px 0 0 0;
}
#footer-bottom {
    padding: 10px 0 !important;
    margin: 0 !important;
}
#footer-top .widget_cs_social_widget.style2 ul li a{
	background-color:  #fff;
	color:#858585;
}
#footer-top .widget_cs_social_widget.style2 ul li a:hover{
	background-color:  #fff;
	color:#fff;
}
.footer-bottom-1{
    text-align: left;
}
.footer-bottom-2{
    text-align: right;
}

/* =========================================================
    End Footer Top
=========================================================*/

/* ==========================================================================
   Hidden Menu Sidebar
========================================================================== */
.meny-sidebar {
    width: 220px;
}
.right_sidebar_opened .meny-sidebar {
    right: -220px;
}
.left_sidebar_opened .meny-sidebar {
    left: -220px;
}
.meny-sidebar ul li a:hover, .meny-sidebar ul li a:focus {
    color: #222;
}
.meny-top .meny-sidebar {
    height: 320px !important;
}
.meny-top.meny-active #wrapper {
-webkit-transform: translateY(320px) rotateX(-15deg);
   -moz-transform: translateY(320px) rotateX(-15deg);
    -ms-transform: translateY(320px) rotateX(-15deg);
     -o-transform: translateY(320px) rotateX(-15deg);
        transform: translateY(320px) rotateX(-15deg);
}
body.left_sidebar_opened {
-webkit-transform:translateX(220px);
   -moz-transform:translateX(220px);
    -ms-transform:translateX(220px);
     -o-transform:translateX(220px);
        transform:translateX(220px);
}
body.right_sidebar_opened {
    -webkit-transform:translateX(-220px);
       -moz-transform:translateX(-220px);
        -ms-transform:translateX(-220px);
         -o-transform:translateX(-220px);
            transform:translateX(-220px);
}
/* ==========================================================================
   End Hidden Menu Sidebar
========================================================================== */
/* ==========================================================================
   Navigation
========================================================================== */
.cs-navigation .page-numbers:hover, .cs-navigation .page-numbers.current {
    background: #222;
}
/*============================================
            Start Post Blog Style
============================================*/
.cs-blog .cs-blog-share i{
    background-color: #888;
}
.cs-blog .cs-blog-share i:hover,
.cs-blog .cs-blog-share i:active,
.cs-blog .cs-blog-share i:focus{
    background-color: #222;
}

.blog-multiple-columns-style2  .cs-blog .cs-blog-media .readmore{
    background: rgba(34, 34, 34, 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: #222;
}

/*============================================
            End Post Blog Style
============================================*/

/*============================================
            Start single Post Style
============================================*/

/*============================================
            End Single Post  Style
============================================*/


/* Shortcode heading style */
.cs-header.border-bottom{
    border-bottom-color: #222;
}
.cs-header.overline{
    border-bottom-color: #222;
}
.cs-header.overline .cs-title .line{
    border-bottom-color: #222;
}
.cs-header.underline .cs-title .line{
    border-bottom-color: #222;
}
.cs-header.line-through .cs-title:after{
    background-color: #222;
}
.cs-header.dotted-bottom .cs-title:after{
    background-color: #222;
}
.cs-header.dotted-bottom2:after{
    background-color: #222;
}

/* End Shortcode heading style */




/*======================================*/
/*        3rd Extensions                */
/*======================================*/
<!--End Preset -->