/* =========================================================
    Reset Body
========================================================= */
body.csbody {
    line-height: 22px;
	color: #666;
}

#primary.no_breadcrumb_page > .container {
	margin-top: ;
	margin-bottom: ;
}
.csbody:not(.home) #primary > .container,
.csbody:not(.home) #primary > .no-container{
	 background-color:  ;
}

.csbody a {
    color: #3498db;
}
.csbody a:hover,
.csbody a:focus,
.csbody a:active,
.csbody a.active {
    color: #217dbb;
}
.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: #3498db;
}
.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: #217dbb!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: #666;
}

.bg-primary-color{
    background-color:#3498db;
}

.bx-pager-inner li .bx-pager-link:hover,
.bx-pager-inner li .bx-pager-link.active{
    background-color: rgba(33,125,187,0.8);
}
.cs-badge  {
    background-color: #3498db;
}
ul.spot li:before {
    color: #3498db;
}
.csrow-bg-primary {
    background: #3498db;   
}
.csrow-bg-primary:hover {
    background: #217dbb;   
}
/* =========================================================
    End Reset Body
========================================================= */

/* =========================================================
    Start Typo
========================================================= */
body.csbody h1,
body.csbody h1 > a {
    font-size: 36px;
    color: #666;
}
body.csbody h2,
body.csbody h2 > a {
    font-size: 32px;
    color: #666;
}
body.csbody h3,
body.csbody h3 > a  {
    font-size: 27px;
    color: #666;
}
body.csbody h4 {
   font-size: 25px;
   color: #666;
}
body.csbody h5,
body.csbody h5 > a {
   font-size: 22px;
   color: #666;
}
body.csbody h6,
body.csbody h6 > a {
   font-size: 20px;
   color: #666;
}

.page-title{
    font-size: 35px;
}
/* =========================================================
    End Typo
========================================================= */

/* =========================================================
    Start Header
========================================================= */
/* Header Color Option */
#header-top {
    background: #ffffff !important;
    border-top: 2px solid #3498db;
}
#header-top a {
    color: #858585 !important;
}
#header-top a:hover {
    color: #3498db !important;
}
#header-sticky {
    border-top: 2px solid #3498db;
}
/* Logo */
.logo {
    text-align : left;
}
.normal_logo {
    margin:;
    padding:;
}
.logo-sticky {
    text-align : left;
    margin:;
    padding:;
}
.header-wrapper .logo a {
    padding: ;
    margin:;
}
.menu-pages .menu > ul > li > a {
    line-height: 120px;
}
#menu.menu-up .main-menu > li > ul{
    bottom: 120px; /* for menu fixed bottm */
}

/*** 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 {
    padding-left: 12px !important;
    padding-top: 0 !important;
    padding-right: 12px !important;
    padding-bottom: 0 !important;
    font-size: 14px;
}
.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: 17px;
}
.header-left .main-menu > li:before,
.header-left .main-menu > li:after {
    height: 17px;
}
.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: #858585 !important;
}
.main-menu-left ul ul li a:hover{
    color: #fff !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;
}

body #cshero-header ul.main-menu > li > a, ul.sticky-nav > li > a,
body #cshero-header .menu-pages .menu > ul > li > a {
    color: #858585;
    border-color: #858585;
}


body #cshero-header .main-menu > li > a:hover,
body #cshero-header .menu-pages .menu > ul > li > a:hover,
body #cshero-header .main-menu > li.current-menu-item > a,
body #cshero-header .main-menu > li.current-menu-parent > a,
body #cshero-header .main-menu > li.current-menu-ancestor > a,
body #cshero-header .main-menu > li.current_page_item > a,#sticky-nav-wrap ul.sticky-nav > li.current_page_item > a{
    color: #3498db;
}

body #cshero-header .main-menu > li.current-menu-item > a,
body #cshero-header .main-menu > li.current-menu-parent > a,
body #cshero-header .main-menu > li.current-menu-ancestor > a {
    color: #3498db;
	background: ;
}




        


.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: #ffffff;
}
.cshero-menu-dropdown .multicolumn > li > a {
    background-color: #ffffff !important;
}
.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.sub-menu {
    border-top: 2px solid #3498db;
}
.cshero-menu-dropdown > ul > li > ul li:hover,
.cshero-menu-dropdown > ul > li > ul li.current-menu-item,
.cshero-menu-dropdown > ul > li.mega-menu-item > ul > li > ul > li ul {
    background-color: #3498db;
}

.cshero-menu-dropdown ul ul li a,
.cshero-menu-dropdown .cshero-dropdown ul ul li a,
#cshero-header .cs-item-cart-search .shopping_cart_dropdown {
    color: #858585!important;
    font-size: 13px;
}
#sticky-nav-wrap ul ul a {
    font-size: 13px;
}
.cshero-menu-dropdown .cshero-dropdown ul ul li a {
    color: #858585 !important; 
}
.cshero-menu-dropdown ul ul li a:hover,
.cshero-menu-dropdown ul ul li.current-menu-item a,
.cshero-menu-dropdown .cshero-dropdown ul ul li a:hover {
    color: #fff!important;
}
.cshero-menu-dropdown .cshero-dropdown .multicolumn > li > a,
.cshero-menu-dropdown .cshero-dropdown .multicolumn > li > a:hover {
    color: #858585 !important;
    
}
.csbody #cshero-header .cshero-menu-dropdown .cshero-dropdown > ul > ul.colimdi > li > a {
    color: #858585 !important; 
}

.cshero-menu-dropdown ul ul li {
    border-bottom: 1px solid #f2f2f2;
}

.cshero-menu-dropdown > ul > li.mega-menu-item > ul.colimdi > li > a {
    color: #217dbb;
}
/*** 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: 70px;
}
#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: 30px;
}

.sticky-header-left .main-menu-left ul ul li a{
    color: #858585 !important;
}
#sticky-nav-wrap ul.sticky-nav > li.current_page_item > a,
#sticky-nav-wrap ul.sticky-nav > li > a:hover {
    color: #3498db !important;
    border-color: #3498db !important;
}
#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: #3498db !important;
    border-color: #3498db !important;
}
#sticky-nav-wrap ul.sticky-nav > li > a {
    color: #858585 ;
    border-color: #858585 ;
}


.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: #3498db !important;
}
.sticky-header .cshero-menu-dropdown ul ul li a {
    color: #858585;
    font-size: ;
}
.sticky-header .cshero-menu-dropdown ul ul li a:hover {
    color: #fff!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 {
    color: #3498db!important;
}
/*** End Main Menu Sticky ***/
/**** Start Page Title ****/

.cs-page-title{
padding:35px 0;margin:0 0 40px 0;}
/**** End Page Title ****/
/**** Start Breadcrumb ****/
.cs-breadcrumb-wrapper {
    line-height: 35px;
}
    .csbody #cs-breadcrumb-wrapper .cs-breadcrumbs a, #cs-breadcrumb-wrapper .cs-breadcrumbs span {
        color: #b6daf2;
    }
    .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: "\f105";
    }
/**** End Breadcrumb ****/
/* =========================================================
    End Header
=========================================================*/

/* =========================================================
    Start Primary
=========================================================*/

    form input:not(.btn),
    form button:not(.btn),
    form select,
    form textarea {
        background-color: transparent;
    }
    form input:not(.btn):hover,
    form button:not(.btn):hover,
    form select:hover,
    form textarea:hover,
    form input:not(.btn):active,
    form button:not(.btn):active,
    form select:active,
    form textarea:active,
    form input:not(.btn):focus,
    form button:not(.btn):focus,
    form select:focus,
    form textarea:focus {
        background-color: transparent;
    }
    form,
    form label,
    form input:not(.btn),
    form button:not(.btn),
    form select,
    form textarea,
    input:not(.btn)::-moz-placeholder, 
    textarea::-moz-placeholder {
        color: #888!important;
    }

    form input:not(.btn),
    form select,
    form textarea,
    form button:not(.btn) {
        border-style:solid    }
    form input:not(.btn),
    form select,
    form textarea,
    form button:not(.btn) {
        border-width: 1px;
    }
    form input:not(.btn),
    form select,
    form textarea,
    form button:not(.btn) {
        border-color: #cccccc!important ;
    }
form input:not(.btn):hover,
form select:hover,
form textarea:hover,
form button:not(.btn):hover,
form input:not(.btn):active,
form select:active,
form textarea:active,
form button:not(.btn):active,
form input:not(.btn):focus,
form select:focus,
form textarea:focus,
form button:not(.btn):focus {
    border-color: #888888!important;
}
    form input:not(.btn),
    form select,
    form textarea,
    form button:not(.btn) {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
    }
    form input:not(.btn):hover,
    form select:hover,
    form textarea:hover,
    form button:not(.btn):hover,
    form input:not(.btn):active,
    form select:active,
    form textarea:active,
    form button:not(.btn):active,
    form input:not(.btn):focus,
    form select:focus,
    form textarea:focus,
    form button:not(.btn):focus {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
    }
    form input:not(.btn),
    form select,
    form textarea,
    form button:not(.btn){
        -webkit-border-radius: 4px;
        -ms-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
    }

/* 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: #3498db;
}
.content-area .mejs-controls .mejs-time-rail .mejs-time-loaded,
.content-area .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.content-area .mejs-controls .mejs-time-rail .mejs-time-total,
.content-area .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    background: #3498db;
}
 .content-area .mejs-controls .mejs-time-rail .mejs-time-current {
    background: #217dbb;
}
/* =========================================================
    End Primary
=========================================================*/

/* =========================================================
    Start Sidebar
=========================================================*/
.tagcloud a:hover,
.cs-blog-share a:hover i {
    background: #3498db;
    border-color: #3498db;
}
.widget_calendar td:hover {
    background: #3498db;
}
/* =========================================================
    Start Title and Module
=========================================================*/
.title-preset2 h3 {
    color: #217dbb;
}
.title-preset1 h3, .title-style-colorprimary-retro h3, .title-style-colorprimary-retro2 h3,
.title-style-colorprimary-retro2 h3 + p,.tagline  {
    color: #3498db !important;
}
.cs-header .cs-title span:before {
    background: #3498db;
}
/* =========================================================
    End Title Module
=========================================================*/

/* =========================================================
    Start Button Style
=========================================================*/
.csbody  button, .csbody .button, .csbody .btn,
.csbody input[type="submit"],
.csbody #submit,
.csbody .added_to_cart,
a.comment-reply-link {
    font-size: 14px !important;
            background: rgba(255,255,255,0);
                color: #999999;
                border-color: #e1e1e1;
                border-width: 1px;
                border-style: solid;
                border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
                                    padding-top: 4px;
        padding-right: 14px;
        padding-bottom: 4px;
        padding-left: 14px;
    }
.csbody .btn:hover,
.csbody .btn: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,
a.comment-reply-link:hover,
a.comment-reply-link:focus {
            background: rgba(225,225,225,0.3);
                color: #999999;
                border-color: #e1e1e1;
    }
.csbody .btn.btn-readmore {
            border-left: 3px solid #e1e1e1 !important;
        border-bottom: none;
}
.csbody .btn.btn-readmore:hover {
    background: #fff;
}
.csbody .btn.btn-default {
    border-color: #e1e1e1;
}
.csbody .btn.btn-default:hover,
.csbody .btn.btn-default:active,
.csbody .btn.btn-default:focus {
	 border-color: #e1e1e1;
}
.csbody .btn.btn-default-alt {
    background: transparent;
    border: 2px solid #e1e1e1 !important;
    color: #e1e1e1;
}
.csbody .btn.btn-default-alt:hover,
.csbody .btn.btn-default-alt:focus {
    color: #e1e1e1;
    background: rgba(225,225,225,0.3);
}

/* Button Primary */
.csbody .btn-primary,
.primary-sidebar input[type="submit"] {
    border-width: 4px;
    border-style: solid;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-top: none!important;
    border-left: none!important;
    border-bottom: none!important;
    border-right: none!important;
    padding-top: 4px;
    padding-right: 14px;
    padding-bottom: 4px;
    padding-left: 14px;
}
.csbody .btn.btn-primary,
.primary-sidebar input[type="submit"] {
    border-color: #196090;
    background: rgba(52,152,219,1);
    color: #fff;
    font-size: 14px !important;
}
.primary-sidebar input[type="submit"] {
    color: #fff !important;
}
.csbody .btn.btn-primary:hover,
.csbody .btn.btn-primary:active,
.csbody .btn.btn-primary:focus,
.primary-sidebar input[type="submit"]:hover,
.primary-sidebar input[type="submit"]:focus {
    border-color: #196090;
    background: rgba(33,125,187,1);
    color: #fff;
}
.primary-sidebar input[type="submit"]:hover,
.primary-sidebar input[type="submit"]:focus {
    color: #fff  !important;
}
.csbody .btn-primary-alt:hover,
.csbody .btn-primary-alt:focus {
     background: rgba(52,152,219,0.6);
}
/*** Style Button Animation Default ***/
            .csbody  button,
        .csbody .button, 
        .csbody .btn,
        .csbody input[type="submit"],
        .csbody #submit {
            -webkit-box-shadow: 0 4px #e1e1e1;
               -moz-box-shadow: 0 4px #e1e1e1;
                -ms-box-shadow: 0 4px #e1e1e1;
                 -o-box-shadow: 0 4px #e1e1e1;
                    box-shadow: 0 4px #e1e1e1;
        }
        .csbody .btn:hover,
        .csbody .btn: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 {
            -webkit-box-shadow: 0 1px #e1e1e1;
               -moz-box-shadow: 0 1px #e1e1e1;
                -ms-box-shadow: 0 1px #e1e1e1;
                 -o-box-shadow: 0 1px #e1e1e1;
                    box-shadow: 0 1px #e1e1e1;
            -webkit-transform: translateY(3px);
               -moz-transform: translateY(3px);
                -ms-transform: translateY(3px);
                 -o-transform: translateY(3px);
                    transform: translateY(3px);
        }
    /*** End Style Button Animation Default ***/

/*** Style Button Animation Primary  ***/
            .csbody .btn.btn-primary,
        .primary-sidebar input[type="submit"] {
            -webkit-box-shadow: 0 4px #196090;
               -moz-box-shadow: 0 4px #196090;
                -ms-box-shadow: 0 4px #196090;
                 -o-box-shadow: 0 4px #196090;
                    box-shadow: 0 4px #196090;
        }
        .csbody .btn.btn-primary:hover {
            -webkit-box-shadow: 0 1px #196090;
               -moz-box-shadow: 0 1px #196090;
                -ms-box-shadow: 0 1px #196090;
                 -o-box-shadow: 0 1px #196090;
                    box-shadow: 0 1px #196090;
            -webkit-transform: translateY(3px);
               -moz-transform: translateY(3px);
                -ms-transform: translateY(3px);
                 -o-transform: translateY(3px);
                    transform: translateY(3px);
        }
        .primary-sidebar input[type="submit"]:hover {
            -webkit-box-shadow: 0 4px #196090;
               -moz-box-shadow: 0 4px #196090;
                -ms-box-shadow: 0 4px #196090;
                 -o-box-shadow: 0 4px #196090;
                    box-shadow: 0 4px #196090;
            -webkit-transform: translateY(0px);
               -moz-transform: translateY(0px);
                -ms-transform: translateY(0px);
                 -o-transform: translateY(0px);
                    transform: translateY(0px);
        }
    /*** End Style Button Animation Primary ***/
.cs-pricing-item.cs-pricing-feature .cs-pricing-button .btn {
    -webkit-box-shadow: 0 4px #e1e1e1;
       -moz-box-shadow: 0 4px #e1e1e1;
        -ms-box-shadow: 0 4px #e1e1e1;
         -o-box-shadow: 0 4px #e1e1e1;
            box-shadow: 0 4px #e1e1e1;
}
.cs-pricing-item.cs-pricing-feature .cs-pricing-button .btn:hover {
    -webkit-box-shadow: 0 1px #e1e1e1;
       -moz-box-shadow: 0 1px #e1e1e1;
        -ms-box-shadow: 0 1px #e1e1e1;
         -o-box-shadow: 0 1px #e1e1e1;
            box-shadow: 0 1px #e1e1e1;
}
.cs-pricing .cs-pricing-feature .cs-pricing-container .cs-pricing-description .loaded .number {
     background: #217dbb;
}
/* =========================================================
    End Button Style
=========================================================*/

/* ==========================================================================
  Start Shortcode High light
========================================================================== */
.cs-highlight-style-1 {
     background: #3498db;
}
.cs-pricing .cs-pricing-item.cs-pricing-feature .cs-pricing-button a.btn{
	         background: rgba(225,225,225,0.3);
                color: #999999;
                border-color: #e1e1e1;
    }
.cs-pricing-container .cs-pricing-title {
    background: #3498db;
}
.cs-pricing-item.cs-pricing-feature .cs-pricing-container > .pricing {
    background: #3498db;
}
.cs-pricing-item.cs-pricing-feature .cs-pricing-container > .pricing:hover .cs-pricing-description,
.cs-pricing-item.cs-pricing-feature .cs-pricing-container > .pricing:hover .cs-pricing-button {
    background: #217dbb !important;
}
/* ==========================================================================
  Start Accordion
========================================================================== */
.wpb_accordion_section .wpb_accordion_header a:after {
    color: #3498db;
}
.wpb_accordion .wpb_accordion_section .ui-accordion-header-active.wpb_accordion_header a {
	background: #217dbb!important;
}
/*---- End Accordion ----*/

/* ==========================================================================
  Tabs
========================================================================== */
.wpb_tabs.style1 ul.wpb_tabs_nav li a{
    color: #3498db;
}
.wpb_tabs.style2 li.ui-tabs-active a.ui-tabs-anchor  {
    background: #3498db !important;
}
.wpb_tabs.style2 ul.wpb_tabs_nav li a:hover {
    border: 1px solid #3498db !important;
}
.wpb_tabs.style3 ul.wpb_tabs_nav {
    border-right: 1px solid #3498db;
}
.rtl .wpb_tabs.style3 ul.wpb_tabs_nav {
    border-left: 1px solid #3498db;
    border-right: none !important;
}
.wpb_tabs .ui-tabs-panel {
    border-top: 1px solid #3498db;
}
.wpb_tabs li.ui-tabs-active a.ui-tabs-anchor {
    border: 1px solid #3498db !important;
}
/* ==========================================================================
  Block Quotes
========================================================================== */
.cs-quote-style-1:before, .cs-quote-style-3:before,
.cs-quote-style-1:after, .cs-quote-style-3:after {
    color: #3498db;
}
.cs-quote-style-3, .cs-quote-style-2 {
    border-left: 10px solid #3498db;
}
.rtl .cs-quote-style-3, .rtl .cs-quote-style-2 {
    border-left: none;
    border-right: 10px solid #3498db;
}
/* ==========================================================================
  Progress
========================================================================== */
.cs-progress-item .badge-percent {
    color: #3498db;
}

/* ==========================================================================
  Start Post Carousel 
========================================================================== */
.cs-carousel-post-style1 .cs-carousel-header:hover .zoom-overlay {
    background: rgba(52,152,219,0.8);
}
.cs-carousel-post-style2 .cs-carousel-meta {
    background: #3498db;
}
/* ==========================================================================
  End Post Carousel 
========================================================================== */

/* Social */
.cs-social.style-1 > li > a,
.cs-social.style-2 > li > a,
.cs-social.style-3 > li > a{
    color: #666;
    background-color: #217dbb;
}
.cs-social.style-1 > li > a:hover,
.cs-social.style-2 > li > a:hover,
.cs-social.style-3 > li > a:hover{
    background-color: #3498db;
}
/* End Social */

/* Start Highlight */
.cs-highlight-style-1 {
    background-color: #217dbb;
}
.cs-highlight-style-2 {
    background-color: #3498db;
}
/* Portfolio */
    /* Style 1*/
    .cs-portfolio-layout-1 .cs-portfolio-header-meta:hover:before {
        background: rgba(52,152,219,0.8);
    }
    /* Style 2*/
    .cs-portfolio-layout-2 .cs-portfolio-container:hover .cs-portfolio-header-meta:before,
    .cs-portfolio-layout-3 .cs-portfolio-header-meta:hover:before {
        background: rgba(52,152,219,0.6);
    }
    .cs-portfolio-layout-2 .cs-portfolio-container:hover,
    .cs-portfolio-layout-2 .cs-portfolio-category .cs-portfolio-description-button a {
        background: #3498db;
    }
    .cs_portfolio_filters ul li a:hover,
    .cs_portfolio_filters ul li.active a {
        border-color: #3498db;
        background: #3498db;
    }
    .cs-portfolio-layout-3 .cs-portfolio-category a:hover,
    .cs-portfolio-layout-3 .cs-portfolio-title a {
        color: #3498db;
    }
    .cs-portfolio-layout-3 .cs-portfolio-title a:hover {
        color: #217dbb;
    }
/* End Portfolio Carousel */

/* Start Team Shortcode */
.cs-team-style-1 .cs-team-social {
    background-color: rgba(52,152,219,0.8);
}
.cs-team-style-3 .cs-team-title {
    color: #3498db;
}
.cs-team-style-3 .cs-carousel-container:hover .cs-team-title {
    background: #3498db;
}
/* End Team Shortcode */

/* Start Course Shortcode */
.cs-carousel-course-style-1 .cs-course-content-inner{
    background: rgba(52,152,219,0.8);
}
.cs-carousel-course-style-1 .course-date{
    background: rgba(33,125,187,0.8);
}
.cs-carousel-course-style-1 div.cs-morelink{
    background:#217dbb;
}
/* 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: #217dbb;
        border-color: #217dbb;
    }

    .cs-carousel-event-style-2 time:before{
        background-color: #3498db;
    }
    .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: #217dbb;
    }
    .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: #3498db;
    }


/* End Event Carousel */
/** List ***/
ul.cs_list_boxnumber li:before {
    background: #3498db;
}
/* ==========================================================================
  Start Fancybox 
========================================================================== */
/*** Style 1 ***/
.cs-fancy-box.fancy-box-style-1 .cs-fancy-container {
    background-color: #3498db;
}
.cs-fancy-box.fancy-box-style-1 .cs-fancy-container .cs-fancy-box-meta {
    background-color: #217dbb;
}
.fancy-box-style-1 .cs-fancy-container:hover .cs-fancy-box-content {
    background-color: #3498db;
}
.cs-fancy-box.fancy-box-styl .cs-title-main {
    color: #3498db;
}
.fancy-box-style-7:hover .cs-fancy-box-wrapper {
    background-color: #3498db;
}
/* ==========================================================================
  End Fancybox 
========================================================================== */

/* ==========================================================================
    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 #3498db;
}
.cs-carousel-portfolio.cs-carousel-portfolio-style5 .cs-morelink {
    background: #3498db;
}
/* ==========================================================================
    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: #32343b !important;
    color: #fff;
    }
#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: #fff;
}
#footer-top h3.wg-title {
    color: #fff;
    font-size: 24px;
}
#footer-top h3.wg-title {
            text-transform: capitalize;
    }

#footer-top a:not(.btn) {
    color: #fff;
}
#footer-top a:not(.btn):hover {
    color: #787d8e;
}
#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: #26282d ;
    color: #cccccc;
}
#footer-bottom h3.wg-title {
    color: #fff;
}
#footer-bottom a {
    color: #fff;
}
#footer-bottom a:hover {
    color: #fff;
}

#footer-top {
    padding: 40px 0px;
    margin: 0px;
}
#footer-bottom {
    padding: 30px 0 !important;
    margin: 0 !important;
}
#footer-top .widget_cs_social_widget.style2 ul li a{
	background-color:  #fff;
	color:#555555;
}
#footer-top .widget_cs_social_widget.style2 ul li a:hover{
	background-color:  #787d8e;
	color:#555555;
}
.footer-bottom-1{
    text-align: left;
}
.footer-bottom-2{
    text-align: right;
}
.team-member ul li img:hover {
    border: 5px solid #3498db;
}
/* =========================================================
    End Footer Top
=========================================================*/

/* ==========================================================================
   Hidden Menu Sidebar
========================================================================== */
.meny-sidebar {
    width: ;
}
.right_sidebar_opened .meny-sidebar {
    right: -;
}
.left_sidebar_opened .meny-sidebar {
    left: -;
}
.meny-sidebar ul li a:hover, .meny-sidebar ul li a:focus {
    color: #3498db;
}
.meny-top .meny-sidebar {
    height:  !important;
}
.meny-top.meny-active #wrapper {
-webkit-transform: translateY() rotateX(-15deg);
   -moz-transform: translateY() rotateX(-15deg);
    -ms-transform: translateY() rotateX(-15deg);
     -o-transform: translateY() rotateX(-15deg);
        transform: translateY() rotateX(-15deg);
}
body.left_sidebar_opened {
-webkit-transform:translateX();
   -moz-transform:translateX();
    -ms-transform:translateX();
     -o-transform:translateX();
        transform:translateX();
}
body.right_sidebar_opened {
    -webkit-transform:translateX(-);
       -moz-transform:translateX(-);
        -ms-transform:translateX(-);
         -o-transform:translateX(-);
            transform:translateX(-);
}
/* ==========================================================================
   End Hidden Menu Sidebar
========================================================================== */
/* ==========================================================================
   Navigation
========================================================================== */
.cs-navigation .page-numbers:hover, .cs-navigation .page-numbers.current {
    background: #3498db;
}   
/*============================================
Start Post Blog Style
============================================*/
.cs-blog .cs-blog-title .cs-title-main a,
.cs-blog .cs-blog-header .cs-title-date span.day {
    color: #3498db;
}
.cs-blog .cs-blog-title .cs-title-main a:hover {
    color: #217dbb;
}
.cs-blog .cs-blog-share i{
    background-color: #217dbb;
}
.cs-blog .cs-blog-share i:hover,
.cs-blog .cs-blog-share i:active,
.cs-blog .cs-blog-share i:focus{
    background-color: #3498db;
}
/*============================================
End Post Blog Style
============================================*/


/* Shortcode heading style */
.cs-header.border-bottom{
    border-bottom-color: #666;
}
.cs-header.overline{
    border-bottom-color: #666;
}
.cs-header.overline .cs-title .line{
    border-bottom-color: #3498db;
}
.cs-header.underline .cs-title .line{
    border-bottom-color: #666;
}
.cs-header.line-through .cs-title:after{
    background-color: #666;
}
.cs-header.dotted-bottom .cs-title:after{
    background-color: #666;
}
.cs-header.dotted-bottom2:after{
    background-color: #666;
}

.eagle26 .cs-header.dotted-bottom .cs-title:after,
.eagle26 .cs-header.dotted-bottom2:after{
    background-color: #3498db;
}
/* End Shortcode heading style */
/*======================================*/
/*        3rd Extensions                */
/*======================================*/
/*LearDash LMS*/
.lms-course-list .lms-course-item:hover .lms-course-content .readmore{
    background: #217dbb;
}
<!--End Preset -->