/* =========================================================        Reset Body    ========================================================= */
body.csbody {
    line-height: 25px;
	font-size: 13px;
	color: #3d3d3d;
}
.container{
	max-width: 1170px}
    .csbody:not(.home) #primary {
        background-image:  url("Array");
		background-repeat: repeat;;
				background-size: cover;
		background-attachment: fixed;
		    }
	#primary.no_breadcrumb_page > .container {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.csbody:not(.home) #primary > .container {
		padding: 0px;
	}
	.csbody:not(.home) #primary > .container,
	.csbody:not(.home) #primary > .no-container{
		 background-color:  #ffffff;
	}
.csbody a {
    color: #622599;
}
.csbody a:hover,
.csbody a:focus,
.csbody a:active,
.csbody a.active {
    color: #622599;
}
.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: #622599;
}
.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: transparent;
}

.bg-primary-color,
ul.cs_list_circle li:before, 
ul.cs_list_circleNumber li:before{
    background-color:#622599;
}
.bx-pager-inner li .bx-pager-link:hover,
.bx-pager-inner li .bx-pager-link.active{
    background-color: rgba();
}

/* =========================================================        Start Typo    ========================================================= */
body.csbody h1,
body.csbody h1 > a {
    color:#333;
}
body.csbody h2,
body.csbody h2 > a {
    color: #333;
}
body.csbody h3,
body.csbody h3 > a  {
    color:#333;
}
body.csbody h4,
body.csbody h4 > a {
   color: #333;
}
body.csbody h5,
body.csbody h5 > a {
   color: #333;
}
body.csbody h6,
body.csbody h6 > a {
   color:#333;
}

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

/* Header Color Option */
    #header-top h1,#header-top h2,#header-top h3,
    #header-top h4,#header-top h5,#header-top h6{
        color: #d1d1d1;
    }
    #header-top {
        background: #ffffff ;
        color:#d1d1d1 ;
    }
    #header-top a{
        color: #d1d1d1;
    }
    #header-top a:hover,
    #header-top a:focus,
    #header-top a:active{
        color: #622599;
    }

/* Default Main Navigation Header Widget */
    #cshero-header .cshero-header-content-widget{
        height:200px;
        position: relative;
        color:#ffffff ;
    }
    #cshero-header .cshero-header-content-widget a{
        padding:0px 5px 0px 5px;
        color: #8224e3;
        display:inline-block;
    }
    #cshero-header .cshero-header-content-widget .cshero-hidden-sidebar-btn > a{
        padding:0px 5px 0px 5px;
    }
    #cshero-header .cshero-header-content-widget a:hover{
        color: #622599;
    }
/* End Default Main Navigation Header Widget */

#cshero-header{
    padding:15px 0;
    margin:0px;
    border-bottom:0px solid rgba(238, 238, 238, 1.0);
}
#cshero-header .logo > a {
    padding: 0px;
    margin:0px;
    min-height:200px;
    line-height:200px;
}

/* Sticky Header */
    #header-sticky {
        background-color: rgba(255, 255, 255, 1);
                border-bottom:1px solid  rgba(229, 229, 229, 1.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: 7;
    }
    .sticky-header .cshero-logo > a{
        line-height: 7;
        min-height: 7;
        padding:0px;
        margin:0px;
    }

    /* Sticky Header Main Navigation Widget */
        #header-sticky .cshero-header-content-widget{
            height:7;
            position: relative;
        }
        #header-sticky .cshero-header-content-widget a{
            padding:0px 5px 0px 5px;
        }
        #header-sticky .cshero-header-content-widget .cshero-hidden-sidebar-btn > a{
            padding:0px 5px 0px 5px;
        }
        #header-sticky .cshero-header-content-widget{
            height:7;
            position: relative;
            color:#ffffff ;
        }
        #header-sticky .cshero-header-content-widget a{
            padding:0px 5px 0px 5px;
            color: #8224e3;
        }
        #header-sticky .cshero-header-content-widget .cshero-hidden-sidebar-btn > a{
            padding:0px 5px 0px 5px;
        }
        #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: #622599;
        }
    /* End Sticky Header Navigation Widget */


        /*** Start Main Menu ***/
    /* General Option */
    .cshero-menu-dropdown > ul > li > a{
                    text-transform: uppercase;
            }
        .cshero-menu-dropdown > ul > li > a:after {
        content: "|";
        position: absolute;
        right: 0;
        color:#622599;
    }
    
    /* 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:20px;
        color:#ffffff;
        line-height: 200px;
        padding-left: 12px ;
        padding-top: 17px ;
        padding-right: 12px ;
        padding-bottom: 17px ;
        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:#ffffff;
        background-color:rgba(255, 255, 255, 0);
    }
    #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{
        color:#ffffff;
        background-color:rgba(255, 255, 255, 0);
    }
    /* Sub Level */
    #cshero-header ul.cshero-dropdown .sub-menu{
        background-color:#ffffff;
    }
    #cshero-header ul.cshero-dropdown ul > li{
        border-top:1px solid #eeeeee;
    }
    #cshero-header ul.cshero-dropdown ul > li > a{
        font-size:13px;
        color:#858585;
    }
    /* 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:#444444;
        background-color:#f5f5f5;
    }
    /* 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:#222222;
        background-color:#f5f5f5;
    }
    /* End Default Menu*/
    /* Sticky Menu */
    .sticky-menu{
        background-color: transparent ;
    }
    /* First Level */
    #header-sticky ul.cshero-dropdown > li > a{
        font-size:20px; 
        color:#8224e3;
        line-height: 7;
        padding-left: 12px ;
        padding-top: 0px ;
        padding-right: 12px ;
        padding-bottom: 0px ;
        margin:0px;
    }
    #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:#8224e3;
        background-color:rgba(255, 255, 255, 0);
    }
    #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:#9c56e2;
        background-color:rgba(255, 255, 255, 0);
    }
    /* 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:#8224e3;
    }
    /* 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:#222222;
        background-color:#8224e3;
    }
    /* 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:#222222;
        background-color:#8224e3;
    }
    /* End Sticky Menu*/

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

    }
    #cshero-header  ul.cs-item-cart-search > li .header a{
        line-height: 200px;
        padding:0px 5px 0px 5px;
    }
    
    /* Sticky sidebar icon */
    #header-sticky  ul.cs-hidden-sidebar > li > a{
        line-height: 7;
        padding:0px 5px 0px 5px;
    }
    #header-sticky  ul.cs-item-cart-search > li .header a{
        line-height: 7;
        padding:0px 5px 0px 5px;
    }
        
/**** Header Left ****/
    /* The arrow indicating a submenu */
    @media (min-width: 993px) {
                .header-v4 .main-menu-left > ul > li > a {
            border-bottom: 1px solid #eeeeee ;
        }
        .header-v4 .main-menu-left > ul > li:first-child > a {
            border-top: 1px solid #eeeeee ;
        }
                
        .header-v4 .header-wrapper, .header-v4 #cshero-header {
            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(255, 255, 255, 0);
        }
    }
/**** End Header Left ****/
/* 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 5px 0px 5px !important;
        color: #8224e3 !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: #622599 !important;
    }
/* End Custom Menu Header */
#menu.menu-up .main-menu > li > ul{
    bottom: 200px; /* for menu fixed bottm */
}

/* Header V4 - Fixed on Left/Right*/
body.header-v4 > div{
    padding-left:300px;
}

body.header-v4 > div .no-container:first-child{
    padding-left:30px;
}
/* =========================================================        Start Primary    =========================================================*/
/* Form Style */
    form input,
    form button,
    form select,
    form textarea {
        background-color: transparent;
    }
    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: transparent;
    }
    form,
    form label,
    form input,
    form button,
    form select,
    form textarea,
    input::-moz-placeholder, 
    textarea::-moz-placeholder {
        color: #555555;
    }
    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: #555555 ;
    }
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: #622599;
}
    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: #622599;
}

/* =========================================================        Start Sidebar    =========================================================*/
.widget_calendar td:hover {
    background: #622599;
}
/* =========================================================        Start Title and Module    =========================================================*/
.title-preset2 h3 {
    color: transparent;
}
.title-preset1 h3, .title-style-colorprimary-retro h3, .title-style-colorprimary-retro2 h3,
.title-style-colorprimary-retro2 h3 + p,.tagline  {
    color: #622599 ;
}
.title-restaurant .wpb_wrapper > h1,
.title-restaurant .wpb_wrapper > h3 {
    background: #622599;
}
.title-restaurant2 .wpb_wrapper > h3,
.title-restaurant2 .wpb_wrapper > h1 {
    color: #622599;
}

/* =========================================================        Start Button Style    =========================================================*/

.csbody .btn, .csbody .btn-default, .csbody button, .csbody .button, .csbody input[type="submit"], .csbody input[type="button"], .csbody input#submit, .csbody a.comment-reply-link {
    font-size: 14px ;
            text-transform: uppercase;
        background-color: rgba(60, 60, 60, 1);
    color: #ffffff;
    border-style: solid;
    border-color: #3c3c3c;
    border-width: 1px 1px 1px 1px;

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

                   
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;

    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,
a.comment-reply-link:hover,
a.comment-reply-link:focus {
    background-color: rgba(60, 60, 60, 1);
    color: #ffffff;
    border-color: #3c3c3c;
}

.csbody .btn-default-alt {
    background-color: transparent;
    border-color: #3c3c3c ;
    color: #3c3c3c;
}
.csbody .btn-default-alt:hover,
.csbody .btn-default-alt:focus {
    color: #3c3c3c;
    background-color: rgba(60, 60, 60, 1);
}
/* btn primary */
.csbody .btn-primary{
    
    font-size: 14px;
            text-transform: uppercase;
    
    background-color: rgba(53, 153, 221, 1);
    color: #ffffff;

    border-style: solid;
    border-color: #3599dd;
    border-width: 1px 1px 1px 1px;
    
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;

    margin: 0;
}

.csbody .btn-primary:hover,
.csbody .btn-primary:active,
.csbody .btn-primary:focus {
    background-color: rgba(53, 153, 221, 1);
    color: #ffffff;
    border-color: #3599dd;  
}
.csbody .btn-primary-alt:hover,
.csbody .btn-primary-alt:focus {
     background: rgba(98, 37, 153, 0.6);
}
/*** Size Button ***/
.csbody .btn-large,
.csbody .btn-lg{
    font-size: 19px; 
    padding-right: 40px;
    padding-left: 40px;
}
.csbody .btn-medium,
.csbody .btn-md {
    font-size: 17px; 
    padding-right: 28px;
    padding-left: 28px;
}
.csbody .btn-small,
.csbody .btn-sm {
    font-size: 13px; 
    padding-top: 7px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 7px;
}
.csbody .btn-mini,
.csbody .btn-xs {
    font-size: 12px; 
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
}
/* =========================================================
    End Button Style
=========================================================*/
/* =========================================================
    Start Short Code
=========================================================*/
/*** High light ***/
.cs-highlight-style-1 {
     background: #622599;
}
.cs-pricing .cs-pricing-item.cs-pricing-feature .cs-pricing-container:after {
    border-top-color: #622599;
    border-right-color: #622599;
    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{
	 background: #622599;
	 color:#fff;
}
.cs-pricing .cs-pricing-item.cs-pricing-feature .cs-pricing-button a.btn{
	         background: rgba(60, 60, 60, 1);
                color: #ffffff;
                border-color: #3c3c3c;
    }

/*** Shortcode Tabs ***/
.wpb_tabs.style1 ul.wpb_tabs_nav li a{
    color: #622599;
}
.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: #622599 ;
}
.wpb_tabs.style2 ul.wpb_tabs_nav li a,
.wpb_tabs.style3 ul.wpb_tabs_nav li a   {
    
}
.wpb_tabs.style1 ul.wpb_tabs_nav {
    border-bottom: 1px solid #622599;
}
.wpb_tabs .ui-tabs-panel {
    border-top: 1px solid #622599;
}
.wpb_tabs li.ui-tabs-active a.ui-tabs-anchor {
    border: 1px solid #622599 ;
}
/* ==========================================================================
  Block Quotes
========================================================================== */
.cs-quote-style-1:before, .cs-quote-style-3:before,
.cs-quote-style-1:after, .cs-quote-style-3:after {
    color: #622599;
}
.cs-quote-style-3, .cs-quote-style-2 {
    border-left: 10px solid #622599;
}
.rtl .cs-quote-style-3, .rtl .cs-quote-style-2 {
    border-left: none;
    border-right: 10px solid #622599;
}
/*---- Begin post carousel ----*/
.cs-carousel-post-style3 .cs-read-more a:hover,
.cs-carousel-post-style3 .cs-zoom-images a:hover{
    background: #622599;
    border-color: #622599;
}
/* Style 7 */
.cs-carousel-post-style7 .cs-carousel-body{
    background-color: rgba(98, 37, 153, 0.8);
}
.cs-carousel-post-style7 .cs-read-more a:hover,
.cs-carousel-post-style7s .cs-zoom-images a:hover{
    background: #622599;
    border-color: #622599;
}
.cs-carousel-post-style7 .cs-morelink{
    background-color: transparent;
}
/* 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: transparent;
    border-color: transparent;
}
.cs-carousel-post-style8 time:before{
    background-color: #622599;
}
.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: transparent;
}
.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: #622599;
}
.cs-carousel-post-style10 .cs-carousel-header .cs-carousel-meta a:hover {
    color: #622599;
}
/*---- End post carousel ----*/
/* Start Testinomial */
    .cs-testimonial .fa{
		color: #622599;	
    }
/* End Testinomial */
/* Social */
.cs-social.style-1 > li > a,
.cs-social.style-2 > li > a,
.cs-social.style-3 > li > a{
    background-color: transparent;
}
.cs-social.style-1 > li > a:hover,
.cs-social.style-2 > li > a:hover,
.cs-social.style-3 > li > a:hover{
    background-color: #622599;
}
/* End Social */
/* Start Highlight */
.cs-highlight-style-1 {
    background-color: transparent;
}
.cs-highlight-style-2 {
    background-color: #622599;
}
/* 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: #622599;
    }
    .cs-team-style-8 article:hover .cs-overlay{
        background-color: rgba(98, 37, 153, 0.8);
    }
    .cs-team-style-8 .cs-overlay-no-image{
       background-color: transparent;
    }
    .cs-team-style-8 article:hover .cs-overlay-no-image{
        background-color: rgba(98, 37, 153, 0.8);
    }
    .cs-team-style-8 .cs-overlay-no-image .social a{
        background-color: #622599;
    }
/* End Team Shortcode */
/* Start Course Shortcode */
.cs-carousel-course-style-1 .cs-course-content-inner{
    background: rgba(98, 37, 153, 0.8);
}
.cs-carousel-course-style-1 .course-date{
    background: rgba();
}
.cs-carousel-course-style-1 div.cs-morelink{
    background:transparent;
}
/* 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: transparent;
        border-color: transparent;
    }
    .cs-carousel-event-style-2 time:before{
        background-color: #622599;
    }
    .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: transparent;
    }
    .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: #622599;
    }
/* End Event Carousel */
/* =========================================================
    End Short Code
=========================================================*/
/*Start All Style Widget WP*/
/* Default widget */
/* ==========================================================================
    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 #622599;
}
.cs-carousel-portfolio.cs-carousel-portfolio-style5 .cs-morelink {
    background: #622599;
}
/* ==========================================================================
    End Carousel Portfolio
========================================================================== */
/* =========================================================
    Start Bottom
=========================================================*/
#cs-bottom-wrap {
    color: #737373 ;
	padding:0px;
	margin: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: #ffffff ;
}
#cs-bottom-wrap a {
    color: #737373 ;
}
#cs-bottom-wrap a:hover {
    color: #622599 ;
}
/* =========================================================
    Start Footer
=========================================================*/
#footer-top {
    color: #89719e;
    }
#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: #89719e;
}
#footer-top h3.wg-title {
    color: #8224e3;
    font-size: 18px;
}


#footer-top h3.wg-title {
            text-transform: capitalize;
    }
#footer-top a {
    color: #89719e;
}
#footer-top a:hover {
    color: #89719e;
}
#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: #333333 ;
    color: #cccccc;
	margin: 0px;
}
#footer-bottom .container{
				padding: 30px 0;	
	}
#footer-bottom h3.wg-title {
    color: #ffffff;
}
#footer-bottom a {
    color: #ffffff;
}
#footer-bottom a:hover {
    color: #ffffff;
}
#footer-top {
    padding: 60px 0px;
    margin: 0px;
}

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

/* ==========================================================================
   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: #622599;
}
.meny-top .meny-sidebar {
    height: 320px ;
}
.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);
}

.cs-navigation .page-numbers:hover, .cs-navigation .page-numbers.current {
    background: #622599;
}

/*============================================                Start Post Blog Style    ============================================*/
.cs-blog .cs-blog-share i{
    background-color: transparent;
}
.cs-blog .cs-blog-share i:hover,
.cs-blog .cs-blog-share i:active,
.cs-blog .cs-blog-share i:focus{
    background-color: #622599;
}
.blog-multiple-columns-style2  .cs-blog .cs-blog-media .readmore{
    background: rgba(98, 37, 153, 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: #622599;
}

/*============================================                Shortcode heading style    ============================================*/
/*arrow*/
.cm-arrow-primary:after,
.cm-arow-buttom:after{ 
    background: #622599; 
}

/*footer*/
.cm-footer-top .footer-top .wg-title:before {
    color: #622599;
}
.cm-footer-top .widget_cs_recent_post_v2 .cs-popular .cs-details h4 a{
    color: #622599!important;
}
.cm-footer-bottom .cm-primary-line:after {
    background: url("../images/line.png") repeat scroll 0 0 #622599;  
}

/*fancy box*/
.key-features.cshero-fancybox-wrap.fancybox-layout2 .cshero-fancybox-title { border-left: 3px solid #622599; }
.key-features.cshero-fancybox-wrap.fancybox-layout2 .fancy-icon{ color: #622599; }

.cshero-fancybox-wrap.premium-extensions.fancybox-layout3:hover .cm-icon-big,
.cshero-fancybox-wrap.cm-icon-big-item.fancybox-layout3:hover .cm-icon-big,
.cshero-fancybox-wrap.fancybox-layout6:hover .cm-icon-big {
    color: rgba(98, 37, 153, 0.6)!important;
}

.cshero-fancybox-wrap.fancybox-layout5:hover .cshero-fancybox-caption-wrap{
    background: rgba(98, 37, 153, 0.6);
}

.fancybox-layout6:hover .cshero-fancybox-title-image [class^="flaticon-"]:before,
.fancybox-layout6:hover .cshero-fancybox-title-image [class*="flaticon-"]:before,
.fancybox-layout6:hover .cshero-fancybox-title-image [class^="flaticon-"]:after,
.fancybox-layout6:hover .cshero-fancybox-title-image [class*="flaticon-"]:after{
    color: rgba(98, 37, 153, 0.6);
}

.cshero-fancybox-wrap.fancybox-layout8 .cshero-fancybox-title-wrap,
.cshero-fancybox-wrap.fancybox-layout8 .price,
.cshero-fancybox-wrap.fancybox-layout8 .price:after,
.cshero-fancybox-wrap.fancybox-layout8 .cshero-read-more,
.fancybox-layout10 .cshero-fancybox-icon,
.fancybox-layout10 .cshero-fancybox-icon:before,
.hi-box-title, .hi-box-title:after{
    background: #622599;
}

/*counter*/
.cshero-counter-wrap.cshero-counter-layout3,
.cshero-counter-wrap.cshero-counter-layout3:after{ 
    background: #622599; 
}

/*portfolio*/
.portfolio-layout1 article:hover .cshero-portfolio-content-wrap-inner,
.portfolio-layout2 article:hover .cshero-portfolio-content-wrap-inner{
    background: rgba(98, 37, 153, 0.6);
}
.portfolio-layout2 .cshero-portfolio-content-wrap-inner .cshero-portfolio-meta-box .cshero-portfolio-title a:hover,
.portfolio-layout4 .cshero-portfolio-item-content .cshero-portfolio-content-wrap-inner .link-wrap.icon a.icon-link{
    color: #622599!important;
}
.portfolio-layout3 .cshero-portfolio-content-wrap-inner{
    background: #622599!important;
}

/*filter portfolio*/
.cshero_portfolio_filters ul li a{
    color: #622599!important;
}
.cshero_portfolio_filters ul li a:hover,
.cshero_portfolio_filters ul li a:focus,
.cshero_portfolio_filters ul li a:active{
    border: 1px solid #622599 !important;
}

/*team*/
.team-layout6 .cshero-team-image .overlay{
    background: rgba(98, 37, 153, 0.6);
}
.team-layout6 .cshero-carousel-body{
    background: #622599;
}
.team-layout6 .cshero-post-carousel-item:hover .cshero-overlay{
    background: rgba(98, 37, 153, 0.6);
}
.team-layout6 .cshero-nav ul li {
    border: 1px solid #622599;
}
/*post*/
.postcarousel-layout10 .cshero-carousel-body{
    background: #622599;
}
.postcarousel-layout10 .cshero-post-carousel-item:hover .cshero-overlay{
    background: rgba(98, 37, 153, 0.6);
}
.postcarousel-layout10 .cshero-nav ul li {
    border: 1px solid #622599;
}
/*list ul ol*/
ul.arrow li:before, ul.arrow-double li:before, ul.tick li:before, ul.cross li:before, ul.star li:before, ul.rss li:before, ul.spot li:before {
    color: #622599;
}
/*button*/
.wpb_none.btn.btn-default.btn-custom-style1:hover{
    color: #622599;
}
.wpb_none.btn.btn-default.btn-custom-style2:hover{
    color: #622599;
    border: 1px solid #622599;
}
/*tabs*/
.wpb_tabs.style1 .wpb_tabs_nav.ui-tabs-nav .ui-state-default.ui-state-active a,
.wpb_tabs.style1 .wpb_tabs_nav.ui-tabs-nav .ui-state-default.ui-state-active a:after,
.wpb_tabs.style1 .wpb_tabs_nav.ui-tabs-nav .ui-state-default.ui-state-hover a{
    border: 1px solid #622599!important;
    background-color: #622599;
}
/*sidebar menu*/
.menu-sidebar-menu-container ul li:hover{
    border: 1px solid #622599;
}
.menu-sidebar-menu-container ul li:hover >a{
    color: #622599;
}

<style>                                    </style>