/*
Created by: @LogicalStack
DEMO URL: http://logicalstack.com/demo/scoop/index.html

[TABLE OF CONTENTS]

1. Common Style for Horizontal navigation 
2. Header Style 
3. Horizontal navigation Position Style
4. Horiozontal Navigation Placement Style
5. Horiozontal Navigation Menu Item alignment Style
6. Border Style
7. DropDown Icon Style
8. Navigation Theme Style

*/

html {
}

body {
    background: #e9ecf3;
    font-family: "Open Sans",sans-serif;
    font-weight: 400;
    overflow-x: hidden;
    position: relative;
    color: #333;
    padding: 0;
    margin: 0;
    direction: "ltr";
    min-height: 100%;
}

* {
    zoom: 1;
}

/*##############################################################################
	Header CSS Start
 ###############################################################################*/
.scoop-address {
    font-size: 12px;
    font-weight: 600;
    line-height: 35px;
}

    .scoop-address span {
        padding: 0 10px;
        float: left;
    }

        .scoop-address span a {
            color: #5cb85c;
        }

        .scoop-address span i {
            font-size: 14px;
            padding: 0 2px;
        }

.scoop-rl-header .scoop-logo img {
    height: 30px;
    width: 95px;
}

.scoop-logo {
    font-size: 13px;
    font-weight: 600;
    line-height: 35px;
}

/*##############################################################################
	Header CSS Close
 ###############################################################################*/



/*##############################################################################
	#####################    	Search Item CSS Start     ####################
 ###############################################################################*/

.scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item.scoop-search-item > li.scoop-hasmenu > a:after {
    display: none;
}

#scoop-search-input {
    margin: 0;
    padding: 0;
}

.scoop-form-wrapper.sm:before, .scoop-form-wrapper.sm:after {
    content: "";
    display: table;
}

.scoop-form-wrapper.sm:after {
    clear: both;
}

.scoop-form-wrapper.sm {
    zoom: 1;
}

.scoop-form-wrapper {
    width: 340px;
    margin: 10px 10px 10px 10px;
    background: #444;
    background: rgba(0,0,0,.2);
    border-radius: 10px;
}

    .scoop-form-wrapper input {
        width: 260px;
        height: 35px;
        padding: 6px 5px;
        float: left;
        border: 0;
        background: #eee;
        border-radius: 0px 0 0 0px;
    }

        .scoop-form-wrapper input:focus {
            outline: 0;
            background: #fff;
        }

        .scoop-form-wrapper input::-webkit-input-placeholder {
            color: #999;
            font-weight: normal;
        }

        .scoop-form-wrapper input:-moz-placeholder {
            color: #999;
            font-weight: normal;
        }

        .scoop-form-wrapper input:-ms-input-placeholder {
            color: #999;
            font-weight: normal;
        }

    .scoop-form-wrapper button {
        overflow: visible;
        position: relative;
        float: right;
        border: 0;
        padding: 0;
        cursor: pointer;
        height: 35px;
        width: 80px;
        color: #fff;
        text-transform: uppercase;
        background: #e64056;
        border-radius: 0 0px 0px 0;
        text-shadow: 0 -1px 0 rgba(0, 0,0, .3);
    }

        .scoop-form-wrapper button:hover {
            background: #e54040;
        }

        .scoop-form-wrapper button:active,
        .scoop-form-wrapper button:focus {
            background: #c42f2f;
            outline: 0;
        }

        .scoop-form-wrapper button:before {
            content: '';
            position: absolute;
            border-width: 8px 8px 8px 0;
            border-style: solid solid solid none;
            border-color: transparent #e64056 transparent;
            top: 12px;
            left: -6px;
        }

        .scoop-form-wrapper button:hover:before {
            border-right-color: #e54040;
        }

        .scoop-form-wrapper button:focus:before,
        .scoop-form-wrapper button:active:before {
            border-right-color: #c42f2f;
        }

        .scoop-form-wrapper button::-moz-focus-inner {
            border: 0;
            padding: 0;
        }



/*##############################################################################
	#######################    	Search Item CSS Close     ###################
 ###############################################################################*/

a:focus {
    outline: none;
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: 0px;
}

.scoop .scoop-container {
    position: relative;
    background: #ffffff;
}

.scoop .scoop-header {
    display: block;
    height: 60px;
    background: #e9ecf3;
    color: #414141;
    width: 100%;
    /*z-index:1024;*/
    z-index: 98;
}

.scoop .scoop-navbar {
    display: block;
    height: 40px;
    width: 100%;
    z-index: 1024;
    webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
}

.scoop-main-container {
    display: block;
    background: #ffffff;
    clear: both;
}

.scoop .scoop-content {
    position: relative;
    display: block;
}

.scoop .scoop-inner-content {
    padding: 10px;
}
/* ########### Header CSS Style Start Here ############################## */
.scoop .scoop-header .scoop-left-header {
    float: left;
    min-width: 230px;
    padding: 0 10px;
}

.scoop .scoop-header .scoop-right-header {
    padding: 0 10px;
}

    .scoop .scoop-header .scoop-right-header .scoop-rl-header {
        float: left;
    }

    .scoop .scoop-header .scoop-right-header .scoop-rr-header {
        text-align: right;
    }
/* ########### Header CSS Style Close Here ############################## */
.scoop .scoop-brand {
    float: left;
}


    .scoop .scoop-brand a .scoop-brand-text {
    }

.scoop[scoop-device-type="desktop"] .scoop-brand .menu-toggle,
.scoop[scoop-device-type="tablet"] .scoop-brand .menu-toggle {
    display: none;
}

.scoop .scoop-brand .menu-toggle a {
    text-decoration: none;
}

    .scoop .scoop-brand .menu-toggle a i {
        font-size: 18px;
    }

.scoop .scoop-navbar .scoop-item {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

    .scoop .scoop-navbar .scoop-item > li {
        display: block;
        list-style: outside none none;
        margin: 0;
        padding: 0;
        position: relative;
    }

        .scoop .scoop-navbar .scoop-item > li > a {
            display: block;
            font-size: 13px;
            padding: 0 14px 0 12px;
            text-decoration: none;
            position: relative;
            line-height: 40px;
        }

        .scoop .scoop-navbar .scoop-item > li.scoop-hasmenu > a {
            line-height: 39px;
        }

        .scoop .scoop-navbar .scoop-item > li:hover > a {
        }

    .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu {
        list-style: outside none none;
        margin: 0;
        padding: 0;
    }

        .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu li {
            display: block;
            list-style: outside none none;
            margin: 0;
            padding: 0;
            position: relative;
        }

            .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu li > a {
                display: block;
                font-size: 14px;
                padding: 0 8px;
                text-decoration: none;
                position: relative;
            }

    .scoop .scoop-navbar .scoop-item > li > a > .scoop-micon {
        font-size: 14px;
        padding: 0 5px 0 0;
    }

    .scoop .scoop-navbar .scoop-item.scoop-search-item > li > a > .scoop-micon {
        padding: 0 5px 0 7px;
    }

    .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu li > a .scoop-micon {
        font-size: 13px;
        padding-right: 5px;
    }

.scoop[horizontal-layout="wide"] .scoop-container {
    width: 100%;
    display: block;
}

.scoop[horizontal-layout="box"] .scoop-container {
    display: block;
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
}

.scoop[theme-layout="horizontal"][horizontal-layout="box"] .scoop-header[scoop-header-position="fixed"] {
    max-width: 1200px;
}

.scoop[theme-layout="horizontal"][horizontal-layout="box"] .scoop-navbar[scoop-navbar-position="fixed"] {
    max-width: 1200px;
}

.scoop[theme-layout="horizontal"][horizontal-layout="box"] .scoop-navbar.stickybar {
    max-width: 1200px;
}

.scoop[horizontal-layout="widebox"] .scoop-container {
    width: 100%;
}

.scoop[horizontal-layout="widebox"] .scoop-header .scoop-wrapper {
    display: block;
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
}

.scoop[horizontal-layout="widebox"] .scoop-navbar .scoop-wrapper {
    display: block;
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
}

.scoop[horizontal-layout="widebox"] .scoop-content .scoop-wrapper {
    display: block;
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
}

.scoop[horizontal-layout="wide"][horizontal-placement="bottom"] .scoop-navbar {
    width: 100%;
}

.scoop[horizontal-layout="box"][horizontal-placement="bottom"] .scoop-navbar {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
}

.scoop[horizontal-layout="widebox"][horizontal-placement="bottom"] .scoop-navbar {
    width: 100%;
}

.scoop .scoop-navbar .scoop-item {
}

    .scoop .scoop-navbar .scoop-item > li {
        float: left;
    }

        .scoop .scoop-navbar .scoop-item > li.active > a {
            background:;
            color:;
        }

    .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu {
        position: absolute;
        min-width: 200px;
        z-index: 999;
        /* box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.26); */
        border-top-style: solid;
        border-top-width: 1px;
    }

        .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu li > a {
            font-size: 13px;
            font-weight: 500;
            line-height: 34px;
            text-align: left;
        }

        .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a {
            background:;
            color:;
        }

        .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu li.active > a {
            background:;
            color;
        }

    .scoop .scoop-navbar .scoop-item .scoop-submenu .scoop-submenu {
        position: absolute;
        min-width: 200px;
        z-index: 1;
        /* box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.26); */
        left: 100%;
        top: -1px;
    }



    .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu {
        opacity: 0;
        visibility: hidden;
    }

    .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu {
        -o-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -o-transition: -o-transform 0.3s, opacity 0.3s;
        -ms-transition: -ms-transform 0.3s, opacity 0.3s;
        -moz-transition: -moz-transform 0.3s, opacity 0.3s;
        -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
        transition: transform 0.3s, opacity 0.3s;
    }

    .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu {
        transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        transform: rotateX(-90deg);
        -o-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        -webkit-transform: rotateX(-90deg);
    }

.scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item .scoop-hasmenu.scoop-trigger > .scoop-submenu {
    opacity: 1;
    visibility: visible;
    transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
}
/* ############################# New Css Start Here ######################################## */

/*###########################Horiozontal Componet Position CSS Start Here ###############################*/

.scoop[theme-layout="horizontal"] .scoop-navbar[ scoop-navbar-position="relative"] {
    position: relative;
}

.scoop[theme-layout="horizontal"] .scoop-navbar[ scoop-navbar-position="fixed"] {
    position: fixed;
}

.scoop[theme-layout="horizontal"] .scoop-navbar[ scoop-navbar-position="absolute"] {
    position: absolute;
}


.scoop[theme-layout="horizontal"] .scoop-header[scoop-header-position="relative"] {
    position: relative;
}

.scoop[theme-layout="horizontal"] .scoop-header[scoop-header-position="fixed"] {
    position: fixed;
}

.scoop[theme-layout="horizontal"] .scoop-header[scoop-header-position="absolute"] {
    position: absolute;
}
/*###########################Horiozontal Componet Position CSS Close Here ###############################*/

/*###########################Horiozontal Navigation Placement CSS Start Here ###############################*/
.scoop[theme-layout="horizontal"][horizontal-placement="top"] .scoop-navbar {
}

.scoop[theme-layout="horizontal"][horizontal-placement="bottom"] .scoop-navbar {
}
/*###########################Horiozontal Navigation Placemention CSS Close Here ###############################*/

.scoop[theme-layout="horizontal"] .scoop-navbar .scoop-brand.scoop-left-align {
    float: left;
}

.scoop[theme-layout="horizontal"] .scoop-navbar .scoop-left-item.scoop-left-align {
    float: left;
}

.scoop[theme-layout="horizontal"] .scoop-navbar .scoop-right-item.scoop-left-align {
    float: left;
}

.scoop[theme-layout="horizontal"] .scoop-navbar .scoop-search-item.scoop-left-align {
    float: left;
}

.scoop[theme-layout="horizontal"] .scoop-navbar .scoop-brand.scoop-right-align {
    float: right;
}

.scoop[theme-layout="horizontal"] .scoop-navbar .scoop-left-item.scoop-right-align {
    float: right;
}

.scoop[theme-layout="horizontal"] .scoop-navbar .scoop-right-item.scoop-right-align {
    float: right;
}

.scoop[theme-layout="horizontal"] .scoop-navbar .scoop-search-item.scoop-right-align {
    float: right;
}

/* Border Style CSS Start Here */
.scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item[item-border="true"][item-border-style="dashed"] > li > a {
    border-right-style: dashed;
}

.scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item[item-border="true"][item-border-style="dotted"] > li > a {
    border-right-style: dotted;
}

.scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item[item-border="true"][item-border-style="solid"] > li > a {
    border-right-style: solid;
}

.scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item[item-border="true"][item-border-style="dashed"] .scoop-hasmenu .scoop-submenu li > a {
    border-bottom-style: dashed;
}

.scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item[item-border="true"][item-border-style="dotted"] .scoop-hasmenu .scoop-submenu li > a {
    border-bottom-style: dotted;
}

.scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item[item-border="true"][item-border-style="solid"] .scoop-hasmenu .scoop-submenu li > a {
    border-bottom-style: solid;
}

.scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item[item-border="false"] > li > a {
    border-right-width: 0px;
}

.scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item[item-border="true"] > li > a {
    border-right-width: 1px;
}

.scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item[subitem-border="false"] .scoop-hasmenu .scoop-submenu li > a {
    border-bottom-width: 0px;
}

.scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item[subitem-border="true"] .scoop-hasmenu .scoop-submenu li > a {
    border-bottom-width: 1px;
}
/* Border Style CSS Close Here */
/* #####################Item Border Stle Css Close Here #####################*/
/* DropDown Icon Style Start Here */


.scoop .scoop-navbar .scoop-item .scoop-submenu li.scoop-hasmenu > a:after {
    content: "\f101";
    font-family: FontAwesome;
    font-style: normal;
    margin-left: 3px;
    position: relative;
    float: right;
    top: 1px;
}


.scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item > li.scoop-hasmenu > a:after,
.scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item > li.scoop-hasmenu.active > a:after,
.scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item > li.scoop-hasmenu.scoop-trigger > a:after {
    font-style: normal;
    margin-left: 3px;
    font-size: 10px;
    padding-left: 5px;
    position: relative;
}

.scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item > li.scoop-hasmenu[dropdown-icon="style1"] > a::after {
    content: "\e604";
    font-family: simple-line-icons;
}

.scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item > li.scoop-hasmenu.scoop-trigger[dropdown-icon="style1"] > a:after {
    content: "\e607";
    font-family: simple-line-icons;
}

.scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item > li.scoop-hasmenu[dropdown-icon="style2"] > a:after {
    content: "\f0d7";
    font-family: FontAwesome;
    font-size: 13px;
}

.scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item > li.scoop-hasmenu.scoop-trigger[dropdown-icon="style2"] > a:after {
    content: "\f0d8";
    font-family: FontAwesome;
    font-size: 13px;
}

.scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item > li.scoop-hasmenu[dropdown-icon="style3"] > a:after {
    content: "\f218";
    font-family: Ionicons;
    font-size: 11px;
}

.scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item > li.scoop-hasmenu.scoop-trigger[dropdown-icon="style3"] > a:after {
    content: "\f209";
    font-family: Ionicons;
    font-size: 11px;
}

/*################## Style Selector Theme Color Start ###########################*/
.scoop #styleSelector {
    /*  background-color: rgba(255, 255, 255, .1); */
    background: #ddd;
    border: 1px solid #ddd;
    border-radius: 6px;
    height: auto;
    margin-top: 50px;
    padding: 15px;
    position: relative;
    width: 100%;
}

#styleSelector ul {
    border: 0 none;
    margin: 0;
    padding: 0;
    width: 100%;
}

    #styleSelector ul li {
        border-bottom: 0px solid #e9e9e9;
        display: block;
        margin: 0;
        padding: 10px;
        text-align: left;
        min-width: 220px;
        display: inline-block;
    }

        #styleSelector ul li p.selector-title {
            border-bottom: 1px solid #e9e9e9;
            color: #9c9c9c;
            font-size: 14px;
            margin: 0;
            padding: 6px;
            text-align: center;
        }

#styleSelector > ul > li > .sub-title {
    /*   border-bottom: 1px solid #ddd; */
    color: #9c9c9c;
    display: block;
    font-size: 15px;
    margin: 0 0 10px;
    padding: 5px 0;
    position: relative;
    text-align: left;
    font-weight: 500;
}

#styleSelector li {
    padding: 5px;
}

.theme-option label {
    color: #8e8e8e;
    display: inline-block;
    font-weight: 500;
    margin-bottom: 5px;
    max-width: 100%;
}

.theme-option select {
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 3px 10px;
    display: block;
    width: 100%;
}

@-moz-document url-prefix() {
    .theme-option select {
        /*  border: 0 !important; */ /*Removes border*/
        -webkit-appearance: none !important; /*Removes default chrome and safari style*/
        -moz-appearance: none !important; /* Removes Default Firefox style*/
        background: #FFF url(images/select-arrow.png) no-repeat 95% center !important;
        width: 100% !important; /*Width of select dropdown to give space for arrow image*/
        text-indent: 0.01px; /* Removes default arrow from firefox*/
        text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/
        color: #555;
        border-radius: 4px;
        font: inherit;
        line-height: 1.5em;
        border: 1px solid #ddd !important;
    }
}



.theme-color {
    padding: 0px;
    width: 100%;
}
    /**/

    .theme-color a {
        border-radius: 0%;
        cursor: pointer;
        display: inline-block;
        height: 18px;
        width: 18px;
        margin: 0px;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    }

        .theme-color a:hover,
        .theme-color a:focus {
            text-decoration: none;
        }
        /*Left Header style selector Css start here*/

        .theme-color a[lheader-theme="theme1"] {
            background: #2a394f;
        }

        .theme-color a[lheader-theme="theme2"] {
            background: #FFF;
        }

        .theme-color a[lheader-theme="theme3"] {
            background: #e9e9e9;
        }

        .theme-color a[lheader-theme="theme4"] {
            background: #354052;
        }

        .theme-color a[lheader-theme="theme5"] {
            background: #2b64a4;
        }

        .theme-color a[lheader-theme="theme6"] {
            background: #624e89;
        }

        .theme-color a[lheader-theme="theme7"] {
            background: #0b9c8f;
        }

        .theme-color a[lheader-theme="theme8"] {
            background: #3f5485;
        }

        .theme-color a[lheader-theme="theme9"] {
            background: #3c4fb1;
        }

        /*Left Header style selector CSS Close here*/
        /*Header style selector Css start here*/
        .theme-color a[header-theme="theme1"] {
            background: #364760;
        }

        .theme-color a[header-theme="theme2"] {
            background: #FFF;
        }

        .theme-color a[header-theme="theme3"] {
            background: #f5f5f5;
        }

        .theme-color a[header-theme="theme4"] {
            background: #354052;
        }

        .theme-color a[header-theme="theme5"] {
            background: #3c75b5;
        }

        .theme-color a[header-theme="theme6"] {
            background: #624e89;
        }

        .theme-color a[header-theme="theme7"] {
            background: #0aa699;
        }

        .theme-color a[header-theme="theme8"] {
            background: #4e6ca5;
        }

        .theme-color a[header-theme="theme9"] {
            background: #485bbd;
        }

        /*Header style selector CSS Close here*/
        /*Navbar style selector Css start here*/
        .theme-color a[navbar-theme="theme1"] {
            background: #364760;
        }

        .theme-color a[navbar-theme="theme2"] {
            background: #FFF;
        }

        .theme-color a[navbar-theme="theme3"] {
            background: #f5f5f5;
        }

        .theme-color a[navbar-theme="theme4"] {
            background: #354052;
        }

        .theme-color a[navbar-theme="theme5"] {
            background: #3c75b5;
        }

        .theme-color a[navbar-theme="theme6"] {
            background: #624e89;
        }

        .theme-color a[navbar-theme="theme7"] {
            background: #0aa699;
        }

        .theme-color a[navbar-theme="theme8"] {
            background: #3f5485;
        }

        .theme-color a[navbar-theme="theme9"] {
            background: #485bbd;
        }

        /*Navbar style selector CSS Close here*/

        /*Active Item style selector Css start here*/
        .theme-color a[active-item-theme="theme1"] {
            background: #ff5e3a;
        }

        .theme-color a[active-item-theme="theme2"] {
            background: #0096b1;
        }

        .theme-color a[active-item-theme="theme3"] {
            background: #e64056;
        }

        .theme-color a[active-item-theme="theme4"] {
            background: #f39e10;
        }

        .theme-color a[active-item-theme="theme5"] {
            background: #8eb021;
        }

        .theme-color a[active-item-theme="theme6"] {
            background: #967adc;
        }

        .theme-color a[active-item-theme="theme7"] {
            background: #fe9375;
        }

        .theme-color a[active-item-theme="theme8"] {
            background: #565a90;
        }
        /*Active Item style selector CSS Close here*/
        /*Subitem style selector Css start here*/
        .theme-color a[sub-item-theme="theme1"] {
            background: #70ca63;
        }

        .theme-color a[sub-item-theme="theme2"] {
            background: #3498DB;
        }

        .theme-color a[sub-item-theme="theme3"] {
            background: #485BBD;
        }

        .theme-color a[sub-item-theme="theme4"] {
            background: #e7604a;
        }

        .theme-color a[sub-item-theme="theme5"] {
            background: #333843;
        }

        .theme-color a[sub-item-theme="theme6"] {
            background: #624e89;
        }

        .theme-color a[sub-item-theme="theme7"] {
            background: #FFF;
        }

        .theme-color a[sub-item-theme="theme8"] {
            background: #384b5f;
        }

        .theme-color a[sub-item-theme="theme9"] {
            background: #578ebe;
        }
        /*Subitem style selector CSS Close here*/












        /*background Pattern style selector Css start here*/
        .theme-color a[themebg-pattern="pattern1"] {
            background-image: url("images/pattern1.png");
        }

        .theme-color a[themebg-pattern="pattern2"] {
            background-image: url("images/pattern2.png");
        }

        .theme-color a[themebg-pattern="pattern3"] {
            background-image: url("images/pattern3.png");
        }

        .theme-color a[themebg-pattern="pattern4"] {
            background-image: url("images/pattern4.png");
        }

        .theme-color a[themebg-pattern="pattern5"] {
            background-image: url("images/pattern5.png");
        }

        .theme-color a[themebg-pattern="pattern6"] {
            background-image: url("images/pattern6.png");
        }

        .theme-color a[themebg-pattern="pattern7"] {
            background-image: url("images/pattern7.png");
        }

        .theme-color a[themebg-pattern="pattern8"] {
            background-image: url("images/pattern8.png");
        }

        .theme-color a[themebg-pattern="pattern9"] {
            background-image: url("images/pattern9.png");
        }
/*background Pattern style selector CSS Close here*/

/* Plugin Option Panel Csss Close Here */


li.edge > ul {
    left: auto !important;
    right: 100%;
}

.stickybar {
    height: 40px;
    position: fixed;
    top: 0;
    width: 100% !important;
}

.scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item > .scoop-hasmenu.edge.scoop-trigger > .scoop-submenu {
    right: 0px;
}

/* li.casa-hasmenu .casa-submenu > li.casa-hasmenu.edge > a::after {
    content: "" !important;
    float: right;
    font-family: FontAwesome;
    font-size: 18px;
    position: relative;
} */


/*##############################################################################
	Navigation Bottom Placement CSS Start
 ###############################################################################*/
.scoop[horizontal-layout="wide"][horizontal-placement="bottom"] .scoop-navbar {
    bottom: 0;
    position: fixed;
}

.scoop[horizontal-layout="box"][horizontal-placement="bottom"] .scoop-navbar {
    bottom: 0;
    position: fixed;
}

.scoop[horizontal-layout="widebox"][horizontal-placement="bottom"] .scoop-navbar {
    bottom: 0;
    position: fixed;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar .scoop-item > .scoop-hasmenu > .scoop-submenu {
    bottom: 40px;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar .scoop-item .scoop-submenu .scoop-submenu {
    bottom: 0;
    top: auto;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top-width: 0px;
}
/* ########### SubMenu Cart CSS Start ########### */
.scoop[horizontal-placement="top"] .scoop-navbar .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret {
    background: transparent none repeat scroll 0 0;
    border-bottom-style: solid;
    border-bottom-width: 7px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    bottom: 0;
    display: block;
    float: right;
    height: 0;
    margin: 0 auto;
    position: absolute;
    right: 50%;
    width: 0;
}

.scoop[theme-layout="horizontal"][horizontal-placement="top"] .scoop-navbar .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu {
    border-top-style: solid;
    border-top-width: 1px;
}

.scoop[theme-layout="horizontal"][horizontal-placement="top"] .scoop-navbar .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a > .scoop-mcaret {
    border-bottom-width: 7px;
    border-bottom-style: solid;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret {
    background: transparent none repeat scroll 0 0;
    border-top-style: solid;
    border-top-width: 7px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    top: 0;
    display: block;
    float: right;
    height: 0;
    margin: 0 auto;
    position: absolute;
    right: 50%;
    width: 0;
}

.scoop[theme-layout="horizontal"][horizontal-placement="bottom"] .scoop-navbar .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a > .scoop-mcaret {
    border-top-width: 7px;
    border-top-style: solid;
}

.scoop .scoop-navbar .scoop-item[subitem-border="true"] .scoop-hasmenu .scoop-submenu > li:last-child > a {
    border-bottom-color: transparent !important;
}

/* ########### SubMenu Cart CSS Close ########### */
/*##############################################################################
	Navigation Bottom Placement CSS Close
 ###############################################################################*/





.scoop[theme-layout="horizontal"][scoop-device-type="tablet"] .scoop-navbar .scoop-item > li > a {
    padding: 0 8px;
}

    .scoop[theme-layout="horizontal"][scoop-device-type="tablet"] .scoop-navbar .scoop-item > li > a > .scoop-micon {
        display: none;
    }

.scoop[theme-layout="horizontal"][scoop-device-type="tablet"] .scoop-navbar .scoop-item.scoop-search-item > li > a > .scoop-micon {
    display: block;
}

.scoop[theme-layout="horizontal"][scoop-device-type="tablet"] .scoop-navbar .scoop-brand.scoop-left-align {
    /*  display: none; */
}



/* ##############################################################################
	*************** Centered Horizontal Navigation CSS Start ***************
################################################################################ */

.scoop[theme-layout="horizontal"][scoop-device-type="desktop"] .scoop-navbar.isCentered,
.scoop[theme-layout="horizontal"][scoop-device-type="tablet"] .scoop-navbar.isCentered {
    text-align: center;
}

.scoop[scoop-device-type="desktop"] .scoop-navbar .scoop-item > li.fullwidth-drop.scoop-hasmenu .scoop-submenu,
.scoop[scoop-device-type="tablet"] .scoop-navbar .scoop-item > li.fullwidth-drop.scoop-hasmenu .scoop-submenu {
    text-align: left;
}

.scoop[theme-layout="horizontal"] .scoop-navbar.isCentered .scoop-brand {
    display: inline-block;
    float: none;
    float: unset;
    margin-top: 0px;
    position: relative;
    top: -13px;
}

.scoop[theme-layout="horizontal"] .scoop-navbar.isCentered .scoop-left-item {
    display: inline-block;
}

.scoop[theme-layout="horizontal"] .scoop-navbar.isCentered .scoop-right-item {
    display: inline-block;
}

.scoop[theme-layout="horizontal"] .scoop-navbar.isCentered .scoop-search-item {
    display: inline-block;
}

.scoop .scoop-navbar.isCentered .scoop-item > li {
    display: inline-block;
}


.scoop .scoop-navbar .scoop-item .scoop-hasmenu.fullwidth-drop .scoop-submenu li > a {
    display: list-item;
}

.scoop[theme-layout="horizontal"] .scoop-navbar .scoop-item[subitem-border="true"] .scoop-hasmenu.fullwidth-drop .scoop-submenu li > a {
    border-bottom-width: 0;
}

.scoop[theme-layout="horizontal"][scoop-device-type="desktop"] .scoop-navbar .scoop-item > li.fullwidth-drop.scoop-hasmenu .scoop-submenu li,
.scoop[theme-layout="horizontal"][scoop-device-type="desktop"] .scoop-navbar .scoop-item > li.fullwidth-drop.scoop-hasmenu .scoop-submenu li,
.scoop[theme-layout="horizontal"][scoop-device-type="tablet"] .scoop-navbar .scoop-item > li.fullwidth-drop.scoop-hasmenu .scoop-submenu li {
    display: block;
    float: left;
}

.scoop .scoop-navbar .scoop-item li.fullwidth-drop.scoop-hasmenu .scoop-submenu li.scoop-hasmenu > a:after {
    float: none;
}

/* ##############################################################################
	*************** Centered Horizontal Navigation CSS Close ***************
################################################################################ */



/* ##############################################################################
	************ Horizontal Navigation  dropDown FullWidth CSS Start ********
################################################################################ */

.scoop[theme-layout="horizontal"][scoop-device-type="desktop"] .scoop-navbar .scoop-inner-navbar,
.scoop[theme-layout="horizontal"][scoop-device-type="tablet"] .scoop-navbar .scoop-inner-navbar {
    position: relative;
}

.scoop[theme-layout="horizontal"][scoop-device-type="desktop"] .scoop-navbar .scoop-item,
.scoop[theme-layout="horizontal"][scoop-device-type="tablet"] .scoop-navbar .scoop-item {
    position: static;
    position: static;
}

    .scoop[theme-layout="horizontal"][scoop-device-type="desktop"] .scoop-navbar .scoop-item > li.fullwidth-drop,
    .scoop[theme-layout="horizontal"][scoop-device-type="tablet"] .scoop-navbar .scoop-item > li.fullwidth-drop {
        position: static;
        position: static;
    }

        .scoop[theme-layout="horizontal"][scoop-device-type="desktop"] .scoop-navbar .scoop-item > li.fullwidth-drop.scoop-hasmenu .scoop-submenu,
        .scoop[theme-layout="horizontal"][scoop-device-type="tablet"] .scoop-navbar .scoop-item > li.fullwidth-drop.scoop-hasmenu .scoop-submenu {
            min-width: 200px;
            width: 100%;
            left: 0;
            right: 0;
            top: auto;
        }

            .scoop[theme-layout="horizontal"][scoop-device-type="desktop"] .scoop-navbar .scoop-item > li.fullwidth-drop.scoop-hasmenu .scoop-submenu li,
            .scoop[theme-layout="horizontal"][scoop-device-type="tablet"] .scoop-navbar .scoop-item > li.fullwidth-drop.scoop-hasmenu .scoop-submenu li {
                display: inline-block;
            }

            .scoop[theme-layout="horizontal"][scoop-device-type="desktop"] .scoop-navbar .scoop-item > li.fullwidth-drop.scoop-hasmenu .scoop-submenu li,
            .scoop[theme-layout="horizontal"][scoop-device-type="tablet"] .scoop-navbar .scoop-item > li.fullwidth-drop.scoop-hasmenu .scoop-submenu li {
                position: static;
                position: static;
            }

        .scoop[theme-layout="horizontal"][scoop-device-type="desktop"].scoop-navbar .scoop-item > li.fullwidth-drop .scoop-submenu .scoop-submenu,
        .scoop[theme-layout="horizontal"][scoop-device-type="tablet"].scoop-navbar .scoop-item > li.fullwidth-drop .scoop-submenu .scoop-submenu {
            top: 100%;
            left: 0;
        }

.scoop .scoop-navbar .scoop-item[subitem-border="true"] .scoop-hasmenu.fullwidth-drop .scoop-submenu li > a {
    border-bottom-width: 0px;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar .scoop-item > .scoop-hasmenu.fullwidth-drop > .scoop-submenu {
    bottom: 100%;
}

    .scoop[horizontal-placement="bottom"] .scoop-navbar .scoop-item > .scoop-hasmenu.fullwidth-drop > .scoop-submenu > .scoop-hasmenu > .scoop-submenu {
        bottom: 100%;
    }

.scoop .scoop-navbar .scoop-item .scoop-hasmenu.fullwidth-drop .scoop-submenu li > a {
    display: inline-block;
}

/* ##############################################################################
	************ Horizontal Navigation  dropDown FullWidth CSS Close ********
################################################################################ */




/* ##############################################################################
	************ Horizontal Navigation Half Mega menu  CSS Start ********
################################################################################ */

.scoop-inner-navbar {
    position: relative;
}

.scoop .scoop-navbar .scoop-item {
    position: static;
}

    .scoop .scoop-navbar .scoop-item > li.megamenu-half {
        position: static;
    }

        .scoop .scoop-navbar .scoop-item > li.megamenu-half.scoop-hasmenu .scoop-submenu {
            left: auto;
            min-width: 200px;
            right: auto;
            width: 50%;
        }

.scoop .megamenu-half .scoop-submenu {
    padding: 10px !important;
    color: #b4bcc8;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar .scoop-item > .scoop-hasmenu.megamenu-half > .scoop-submenu {
    bottom: 100%;
}
/* ##############################################################################
	************ Horizontal Navigation Half Mega menu  CSS Close ********
################################################################################ */

/* ##############################################################################
	************ Horizontal Navigation Full Mega menu  CSS Start ********
################################################################################ */

.scoop-inner-navbar {
    position: relative;
}

.scoop .scoop-navbar .scoop-item {
    position: static;
}

    .scoop .scoop-navbar .scoop-item > li.megamenu-full {
        position: static;
    }

        .scoop .scoop-navbar .scoop-item > li.megamenu-full.scoop-hasmenu .scoop-submenu {
            left: 0;
            min-width: 200px;
            right: 0;
            width: 100%;
        }

.scoop .megamenu-full .scoop-submenu {
    padding: 10px !important;
    color: #b4bcc8;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar .scoop-item > .scoop-hasmenu.megamenu-full > .scoop-submenu {
    bottom: 100%;
}





.scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul {
    margin: 0;
    padding: 0;
}

    .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li {
        display: block;
        list-style: outside none none;
    }

        .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a {
            border-bottom-width: 0 !important;
            font-size: 13px;
            font-weight: 500;
            line-height: 23px;
            padding: 0;
            text-decoration: none;
        }

            .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a:hover {
                text-decoration: none;
                background: transparent !important;
                color: #FFF;
            }

        .scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li.title {
            display: block;
            font-size: 13px;
            font-weight: 600;
            padding: 10px 0;
            margin-bottom: 10px;
            border-bottom-width: 1px;
            border-bottom-style: solid;
        }

.scoop .scoop-navbar .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu .scoop-gridbox {
    border-radius: 2px;
    font-size: 10px;
    margin-bottom: 11px;
    min-height: 23px;
    padding-top: 5px;
    text-align: center;
}
/* ##############################################################################
	************ Horizontal Navigation Full Mega menu  CSS Close ********
################################################################################ */




/* Handle Horizontal menu on Phone CSS Start */

.scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-header .scoop-rl-header {
    display: none;
}

.scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-header .scoop-right-header .scoop-rr-header {
    text-align: center;
}

.scoop[theme-layout="horizontal"][scoop-device-type="desktop"] .scoopbrand-xs,
.scoop[theme-layout="horizontal"][scoop-device-type="tablet"] .scoopbrand-xs {
    height: 40px;
    width: 100%;
    padding: 0px;
    margin: 0px;
    position: relative;
    display: none;
}

.scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoopbrand-xs {
    height: 40px;
    width: 100%;
    padding: 0px;
    margin: 0px;
    position: relative;
}

    .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoopbrand-xs .scoop-brand a {
        font-family: lato;
        font-size: 20px !important;
        font-weight: 700;
        line-height: 40px;
        padding: 0 10px;
        text-decoration: none;
    }

    .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoopbrand-xs .menu-toggle {
        float: right;
    }

.scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar {
    background: transparent !important;
    height: auto;
    padding: 10px 10px 0;
    position: absolute;
}

    .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-inner-navbar {
        height: auto;
        position: relative;
    }

    .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-brand a {
        display: none;
    }



.scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar {
    opacity: 0;
    visibility: hidden;
}

.scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar {
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -o-transition: -o-transform 0.3s, opacity 0.3s;
    -ms-transition: -ms-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
}

.scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar {
    transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
}

    .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar.show-menu {
        opacity: 1;
        visibility: visible;
        transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
    }

.scoop[theme-layout="horizontal"] .scoop-navbar .scoop-brand a {
    font-family: lato;
    font-size: 20px !important;
    font-weight: 700;
    line-height: 40px;
    padding: 0 10px;
    text-decoration: none;
}

.scoop[scoop-device-type="desktop"] .scoop-navbar .scoop-brand .menu-toggle,
.scoop[scoop-device-type="tablet"] .scoop-navbar .scoop-brand .menu-toggle,
.scoop[scoop-device-type="phone"] .scoop-navbar .scoop-brand .menu-toggle {
    display: none;
}

.scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-brand .menu-toggle {
    float: right;
}

.scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-brand {
    float: unset !important;
    float: none !important;
}

.scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-item {
    display: block;
    float: none !important;
    position: relative;
    width: 100%;
    z-index: 1;
}

    .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-item > li {
        float: none;
        display: block;
        position: relative;
    }

    .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-item[item-border="true"] > li > a {
        border-right-width: 0px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

    .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-item[item-border="true"] > li.scoop-trigger > a {
        border-bottom-width: 0px;
    }

    .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-item > .scoop-hasmenu > .scoop-submenu {
        min-width: 100%;
        z-index: 2;
    }

    .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-item > .scoop-hasmenu.scoop-trigger > .scoop-submenu {
        position: relative;
    }

    .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-item > .scoop-hasmenu > .scoop-submenu > .scoop-hasmenu > .scoop-submenu {
        left: 0;
        min-width: 100%;
        right: 0;
        top: 0;
        z-index: 1;
    }

    .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-item > .scoop-hasmenu > .scoop-submenu > .scoop-hasmenu.scoop-trigger > .scoop-submenu {
        position: relative;
    }

    .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-item > .scoop-hasmenu > .scoop-submenu > .scoop-hasmenu > .scoop-submenu > .scoop-hasmenu > .scoop-submenu {
        left: 0;
        min-width: 100%;
        right: 0;
        top: 0;
        z-index: 1;
    }

    .scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-item > .scoop-hasmenu > .scoop-submenu > .scoop-hasmenu.scoop-trigger > .scoop-submenu > .scoop-hasmenu.scoop-trigger > .scoop-submenu {
        position: relative;
    }

.scoop[theme-layout="horizontal"][scoop-device-type="phone"][horizontal-placement="bottom"] .scoop-navbar {
    bottom: auto;
}

.scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-header {
    height: auto;
}

.scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-item > li.scoop-hasmenu > a:after,
.scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-item > li.scoop-hasmenu.active > a:after,
.scoop[theme-layout="horizontal"][scoop-device-type="phone"] .scoop-navbar .scoop-item > li.scoop-hasmenu.scoop-trigger > a:after {
    position: absolute;
    right: 13px;
}
/* Handle Horizontal menu on Phone CSS Close */









/*##################################################################################################
	***************************** Horizontal Theme CSS Style Start here **************************
####################################################################################################*/


/* ######################### Horizontal Navbar Theme 1 #################################*/

.scoop .scoop-navbar[navbar-theme="theme1"] {
    background: #364760 none repeat scroll 0 0;
}

    .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item .scoop-hasmenu .scoop-submenu {
        background: #2a3b54;
    }

.scoop[theme-layout="horizontal"] .scoop-navbar[navbar-theme="theme1"] .scoop-item[item-border="true"] > li > a {
    border-right-color: #40516a;
}

.scoop[theme-layout="horizontal"] .scoop-navbar[navbar-theme="theme1"] .scoop-item[subitem-border="true"] .scoop-hasmenu .scoop-submenu li > a {
    border-bottom-color: #34455e;
}

.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-brand a {
    color: #fff;
}

    .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-brand a .scoop-brand-text .small-text {
        color: #f39e10;
    }

.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-brand .menu-toggle a {
    color: #fff;
}

.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item > li > a {
    color: #cbd3df;
}

.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item .scoop-hasmenu .scoop-submenu li > a {
    color: #cbd3df;
}

.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item > li:hover > a {
    background: #233146;
    color: #FFF;
}

.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item > li.active > a {
    background: #233146;
    color: #FFF;
}

.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a {
    background: #233146;
    color: #fff;
}

.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a {
    background: #233146;
    color: #FFF;
}

.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item .scoop-hasmenu .scoop-submenu {
    border-top-color: #f39e10;
}

.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret {
    border-bottom-color: #f39e10;
}

.scoop[theme-layout="horizontal"] .scoop-navbar[navbar-theme="theme1"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu {
    border-top-color: #f39e10;
}

.scoop[theme-layout="horizontal"] .scoop-navbar[navbar-theme="theme1"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a > .scoop-mcaret {
    border-bottom-color: #f39e10;
}

.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li.title {
    border-bottom-color: #40516a;
    color: #cbd3df;
}

.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu .scoop-gridbox {
    background: #40516a;
    color: #cbd3df;
}

.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a {
    color: #cbd3df;
}

    .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a:hover {
        color: #FFF;
    }

.scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme1"] .scoop-inner-navbar {
    background: #364760;
}

.scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme1"] .scoop-item[item-border="true"] > li > a {
    border-bottom-color: #42536c;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme1"] .scoop-item .scoop-hasmenu .scoop-submenu {
    border-bottom-color: #f39e10;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme1"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret {
    border-top-color: #f39e10;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme1"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu {
    border-top-color: #f39e10;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme1"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a > .scoop-mcaret {
    border-bottom-color: #f39e10;
}

.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-form-wrapper button:before {
    border-color: transparent #f39e10 transparent;
}

.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-form-wrapper button:hover:before {
    border-right-color: #f39e10;
}

.scoop .scoop-navbar[navbar-theme="theme1"] .scoop-form-wrapper button {
    background: #f39e10;
    color: #000;
}

    .scoop .scoop-navbar[navbar-theme="theme1"] .scoop-form-wrapper button:hover {
        background: #f39e10;
        color: #000;
    }
/* Navbar Theme 2 */
.scoop .scoop-navbar[navbar-theme="theme2"] {
    background: #FFF none repeat scroll 0 0;
}

    .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item .scoop-hasmenu .scoop-submenu {
        background: #FFF;
    }

    .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item[item-border="true"] > li > a {
        border-right-color: #f5f5f5;
    }

    .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item[subitem-border="true"] .scoop-hasmenu .scoop-submenu li > a {
        border-bottom-color: #f5f5f5;
    }

    .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-brand a {
        color: #858b89;
    }

        .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-brand a .scoop-brand-text .small-text {
            color: #f39e10;
        }

    .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-brand .menu-toggle a {
        color: #678098;
    }

    .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item > li > a {
        color: #6e6e6e;
    }

    .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item .scoop-hasmenu .scoop-submenu li > a {
        color: #6e6e6e;
    }

    .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item > li:hover > a {
        background: #f1f1f1;
        color: #414141;
    }

    .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item > li.active > a {
        background: #f1f1f1;
        color: #414141;
    }

    .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a {
        background: #f1f1f1;
        color: #414141;
    }

    .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a {
        background: #f1f1f1;
        color: #414141;
    }

    .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item .scoop-hasmenu .scoop-submenu {
        border-top-color: #dddddd;
    }

    .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret {
        border-bottom-color: #dddddd;
    }

    .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu {
        border-top-color: #dddddd;
    }

    .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a > .scoop-mcaret {
        border-bottom-color: #dddddd;
    }

    .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li.title {
        border-bottom-color: #dddddd;
        color: #6d6d6d;
    }

    .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu .scoop-gridbox {
        background: #ededed;
        color: #6d6d6d;
    }

    .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a {
        color: #6e6e6e;
    }

        .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a:hover {
            color: #000;
        }

.scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme2"] .scoop-inner-navbar {
    background: #FFF;
}

.scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme2"] .scoop-item[item-border="true"] > li > a {
    border-bottom-color: #f5f5f5;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme2"] .scoop-item .scoop-hasmenu .scoop-submenu {
    border-bottom-color: #dddddd;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme2"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret {
    border-top-color: #dddddd;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme2"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu {
    border-top-color: #dddddd;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme2"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a > .scoop-mcaret {
    border-bottom-color: #dddddd;
}

.scoop .scoop-navbar[navbar-theme="theme2"] .scoop-form-wrapper button:before {
    border-color: transparent #dddddd transparent;
}

.scoop .scoop-navbar[navbar-theme="theme2"] .scoop-form-wrapper button:hover:before {
    border-right-color: #dddddd;
}

.scoop .scoop-navbar[navbar-theme="theme2"] .scoop-form-wrapper button {
    background: #dddddd;
    color: #000;
}

    .scoop .scoop-navbar[navbar-theme="theme2"] .scoop-form-wrapper button:hover {
        background: #dddddd;
        color: #000;
    }

.scoop .scoop-navbar[navbar-theme="theme2"] .scoop-form-wrapper input:focus {
    background: #f1f1f1;
}
/* Navbar Theme 3 */
.scoop .scoop-navbar[navbar-theme="theme3"] {
    background: #f5f5f5;
}

    .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item .scoop-hasmenu .scoop-submenu {
        background: #f5f5f5;
    }

    .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item[item-border="true"] > li > a {
        border-right-color: #eeeeee;
    }

    .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item[subitem-border="true"] .scoop-hasmenu .scoop-submenu li > a {
        border-bottom-color: #eeeeee;
    }

    .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-brand a {
        color: #858b89;
    }

        .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-brand a .scoop-brand-text .small-text {
            color: #f39e10;
        }

    .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-brand .menu-toggle a {
        color: #678098;
    }

    .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item > li > a {
        color: #767c7a;
    }

    .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item .scoop-hasmenu .scoop-submenu li > a {
        color: #767c7a;
    }

    .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item > li:hover > a {
        background: #FFF;
        color: #414141;
    }

    .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item > li.active > a {
        background: #FFF;
        color: #414141;
    }

    .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a {
        background: #FFF;
        color: #414141;
    }

    .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a {
        background: #FFF;
        color: #414141;
    }

    .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item .scoop-hasmenu .scoop-submenu {
        border-top-color: #eaeaea;
    }

    .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret {
        border-bottom-color: #eaeaea;
    }

    .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu {
        border-top-color: #eaeaea;
    }

    .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li.title {
        border-bottom-color: #e4e4e4;
        color: #666666;
    }

    .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu .scoop-gridbox {
        background: #ededed;
        color: #6d6d6d;
    }

    .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a {
        color: #767c7a;
    }

        .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a:hover {
            color: #000;
        }

.scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme3"] .scoop-inner-navbar {
    background: #f5f5f5;
}

.scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme3"] .scoop-item[item-border="true"] > li > a {
    border-bottom-color: #eeeeee;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme3"] .scoop-item .scoop-hasmenu .scoop-submenu {
    border-bottom-color: #eaeaea;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme3"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret {
    border-top-color: #eaeaea;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme3"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu {
    border-top-color: #eaeaea;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme3"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a > .scoop-mcaret {
    border-bottom-color: #eaeaea;
}

.scoop .scoop-navbar[navbar-theme="theme3"] .scoop-form-wrapper button:before {
    border-color: transparent #eaeaea transparent;
}

.scoop .scoop-navbar[navbar-theme="theme3"] .scoop-form-wrapper button:hover:before {
    border-right-color: #eaeaea;
}

.scoop .scoop-navbar[navbar-theme="theme3"] .scoop-form-wrapper button {
    background: #eaeaea;
    color: #000;
}

    .scoop .scoop-navbar[navbar-theme="theme3"] .scoop-form-wrapper button:hover {
        background: #eaeaea;
        color: #000;
    }

.scoop .scoop-navbar[navbar-theme="theme3"] .scoop-form-wrapper input:focus {
    background: #FFF;
}
/* Navbar Theme 4 */

.scoop .scoop-navbar[navbar-theme="theme4"] {
    background: #354052;
}

    .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item .scoop-hasmenu .scoop-submenu {
        background: #3e495b;
    }

    .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item[item-border="true"] > li > a {
        border-right-color: #485468;
    }

    .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item[subitem-border="true"] .scoop-hasmenu .scoop-submenu li > a {
        border-bottom-color: #485468;
    }

    .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-brand a {
        color: #b4bcc8;
    }

        .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-brand a .scoop-brand-text .small-text {
            color: #e64056;
        }

    .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-brand .menu-toggle a {
        color: #b4bcc8;
    }

    .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item > li > a {
        color: #b4bcc8;
    }

    .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item .scoop-hasmenu .scoop-submenu li > a {
        color: #b4bcc8;
    }

    .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item > li:hover > a {
        background: #3f4c61;
        color: #FFF;
    }

    .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item > li.active > a {
        background: #3f4c61;
        color: #FFF;
    }

    .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a {
        background: #3f4c61;
        color: #FFF;
    }

    .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a {
        background: #3f4c61;
        color: #FFF;
    }

    .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item .scoop-hasmenu .scoop-submenu {
        border-top-color: #e64056;
    }

    .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret {
        border-bottom-color: #e64056;
    }

    .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu {
        border-top-color: #e64056;
    }

    .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li.title {
        border-bottom-color: #485468;
        color: #b4bcc8;
    }

    .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu .scoop-gridbox {
        background: #49566b;
        color: #b4bcc8;
    }

    .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a {
        color: #b4bcc8;
    }

        .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a:hover {
            color: #fff;
        }

.scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme4"] .scoop-inner-navbar {
    background: #354052;
}

.scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme4"] .scoop-item[item-border="true"] > li > a {
    border-bottom-color: #485468;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme4"] .scoop-item .scoop-hasmenu .scoop-submenu {
    border-bottom-color: #e64056;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme4"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret {
    border-top-color: #e64056;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme4"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu {
    border-top-color: #e64056;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme4"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a > .scoop-mcaret {
    border-bottom-color: #e64056;
}

.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-form-wrapper button:before {
    border-color: transparent #e64056 transparent;
}

.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-form-wrapper button:hover:before {
    border-right-color: #e64056;
}

.scoop .scoop-navbar[navbar-theme="theme4"] .scoop-form-wrapper button {
    background: #e64056;
    color: #FFF;
}

    .scoop .scoop-navbar[navbar-theme="theme4"] .scoop-form-wrapper button:hover {
        background: #e64056;
        color: #FFF;
    }
/* Navbar Theme 5 */
.scoop .scoop-navbar[navbar-theme="theme5"] {
    background: #3c75b5;
}

    .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item .scoop-hasmenu .scoop-submenu {
        background: #2b64a4;
    }

    .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item[item-border="true"] > li > a {
        border-right-color: #4f82bc;
    }

    .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item[subitem-border="true"] .scoop-hasmenu .scoop-submenu li > a {
        border-bottom-color: #2b64a4;
    }

    .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-brand a {
        color: #FFF;
    }

        .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-brand a .scoop-brand-text .small-text {
            color: #ffffff;
        }

    .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-brand .menu-toggle a {
        color: #FFF;
    }

    .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item > li > a {
        color: #b9d4f2;
    }

    .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item .scoop-hasmenu .scoop-submenu li > a {
        color: #b9d4f2;
    }

    .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item > li:hover > a {
        background: #4f82bc;
        color: #FFF;
    }

    .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item > li.active > a {
        background: #4f82bc;
        color: #FFF;
    }

    .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a {
        background: #4f82bc;
        color: #FFF;
    }

    .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a {
        background: #4f82bc;
        color: #FFF;
    }

    .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item .scoop-hasmenu .scoop-submenu {
        border-top-color: #2b64a4;
    }

    .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret {
        border-bottom-color: #2b64a4;
    }

    .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu {
        border-top-color: #2b64a4;
    }

    .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li.title {
        border-bottom-color: #4f82bc;
        color: #ffffff;
    }

    .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu .scoop-gridbox {
        background: #4f82bc;
        color: #ffffff;
    }

    .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a {
        color: #ffffff;
    }

        .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a:hover {
            color: #fff;
        }

.scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme5"] .scoop-inner-navbar {
    background: #3c75b5;
}

.scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme5"] .scoop-item[item-border="true"] > li > a {
    border-bottom-color: #5b8ec8;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme5"] .scoop-item .scoop-hasmenu .scoop-submenu {
    border-bottom-color: #2b64a4;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme5"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret {
    border-top-color: #2b64a4;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme5"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu {
    border-top-color: #2b64a4;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme5"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a > .scoop-mcaret {
    border-bottom-color: #2b64a4;
}

.scoop .scoop-navbar[navbar-theme="theme5"] .scoop-form-wrapper button:before {
    border-color: transparent #4f82bc transparent;
}

.scoop .scoop-navbar[navbar-theme="theme5"] .scoop-form-wrapper button:hover:before {
    border-right-color: #4f82bc;
}

.scoop .scoop-navbar[navbar-theme="theme5"] .scoop-form-wrapper button {
    background: #4f82bc;
    color: #FFF;
}

    .scoop .scoop-navbar[navbar-theme="theme5"] .scoop-form-wrapper button:hover {
        background: #4f82bc;
        color: #FFF;
    }
/* Navbar Theme 6 */
.scoop .scoop-navbar[navbar-theme="theme6"] {
    background: #583a63;
}

    .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item .scoop-hasmenu .scoop-submenu {
        background: #51355b;
    }

    .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item[item-border="true"] > li > a {
        border-right-color: #684d72;
    }

    .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item[subitem-border="true"] .scoop-hasmenu .scoop-submenu li > a {
        border-bottom-color: #684d72;
    }

    .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-brand a {
        color: #FFF;
    }

        .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-brand a .scoop-brand-text .small-text {
            color: #af64cc;
        }

    .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-brand .menu-toggle a {
        color: #FFF;
    }

    .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item > li > a {
        color: #e0cee6;
    }

    .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item .scoop-hasmenu .scoop-submenu li > a {
        color: #e0cee6;
    }

    .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item > li:hover > a {
        background: #442a4d;
        color: #FFF;
    }

    .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item > li.active > a {
        background: #442a4d;
        color: #FFF;
    }

    .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a {
        background: #442a4d;
        color: #FFF;
    }

    .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a {
        background: #442a4d;
        color: #FFF;
    }

    .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item .scoop-hasmenu .scoop-submenu {
        border-top-color: #684d72;
    }

    .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret {
        border-bottom-color: #684d72;
    }

    .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu {
        border-top-color: #684d72;
    }

    .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li.title {
        border-bottom-color: #684d72;
        color: #e0cee6;
    }

    .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu .scoop-gridbox {
        background: #684d72;
        color: #e0cee6;
    }

    .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a {
        color: #e0cee6;
    }

        .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a:hover {
            color: #fff;
        }

.scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme6"] .scoop-inner-navbar {
    background: #583a63;
}

.scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme6"] .scoop-item[item-border="true"] > li > a {
    border-bottom-color: #684d72;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme6"] .scoop-item .scoop-hasmenu .scoop-submenu {
    border-bottom-color: #684d72;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme6"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret {
    border-top-color: #684d72;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme6"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu {
    border-top-color: #684d72;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme6"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a > .scoop-mcaret {
    border-bottom-color: #684d72;
}

.scoop .scoop-navbar[navbar-theme="theme6"] .scoop-form-wrapper button:before {
    border-color: transparent #684d72 transparent;
}

.scoop .scoop-navbar[navbar-theme="theme6"] .scoop-form-wrapper button:hover:before {
    border-right-color: #684d72;
}

.scoop .scoop-navbar[navbar-theme="theme6"] .scoop-form-wrapper button {
    background: #684d72;
    color: #FFF;
}

    .scoop .scoop-navbar[navbar-theme="theme6"] .scoop-form-wrapper button:hover {
        background: #684d72;
        color: #FFF;
    }
/* Navbar Theme 7 */

.scoop .scoop-navbar[navbar-theme="theme7"] {
    background: #0aa699;
}

    .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item .scoop-hasmenu .scoop-submenu {
        background: #079185;
    }

    .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item[item-border="true"] > li > a {
        border-right-color: #1ab0a3;
    }

    .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item[subitem-border="true"] .scoop-hasmenu .scoop-submenu li > a {
        border-bottom-color: #0b9c8f;
    }

    .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-brand a {
        color: #FFF;
    }

        .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-brand a .scoop-brand-text .small-text {
            color: #004538;
        }

    .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-brand .menu-toggle a {
        color: #FFF;
    }

    .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item > li > a {
        color: #FFF;
    }

    .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item .scoop-hasmenu .scoop-submenu li > a {
        color: #FFF;
    }

    .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item > li:hover > a {
        background: #018a7d;
        color: #FFF;
    }

    .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item > li.active > a {
        background: #018a7d;
        color: #FFF;
    }

    .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a {
        background: #007b6f;
        color: #FFF;
    }

    .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a {
        background: #007b6f;
        color: #FFF;
    }

    .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item .scoop-hasmenu .scoop-submenu {
        border-top-color: #1ab0a3;
    }

    .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret {
        border-bottom-color: #1ab0a3;
    }

    .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu {
        border-top-color: #1ab0a3;
    }

    .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li.title {
        border-bottom-color: #1ab0a3;
        color: #FFF;
    }

    .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu .scoop-gridbox {
        background: #1ab0a3;
        color: #FFF;
    }

    .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a {
        color: #dbdbdb;
    }

        .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a:hover {
            color: #fff;
        }

.scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme7"] .scoop-inner-navbar {
    background: #0aa699;
}

.scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme7"] .scoop-item[item-border="true"] > li > a {
    border-bottom-color: #1ab0a3;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme7"] .scoop-item .scoop-hasmenu .scoop-submenu {
    border-bottom-color: #1ab0a3;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme7"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret {
    border-top-color: #1ab0a3;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme7"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu {
    border-top-color: #1ab0a3;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme7"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a > .scoop-mcaret {
    border-bottom-color: #1ab0a3;
}

.scoop .scoop-navbar[navbar-theme="theme7"] .scoop-form-wrapper button:before {
    border-color: transparent #1ab0a3 transparent;
}

.scoop .scoop-navbar[navbar-theme="theme7"] .scoop-form-wrapper button:hover:before {
    border-right-color: #1ab0a3;
}

.scoop .scoop-navbar[navbar-theme="theme7"] .scoop-form-wrapper button {
    background: #1ab0a3;
    color: #FFF;
}

    .scoop .scoop-navbar[navbar-theme="theme7"] .scoop-form-wrapper button:hover {
        background: #1ab0a3;
        color: #FFF;
    }
/* Navbar Theme 8 */

.scoop .scoop-navbar[navbar-theme="theme8"] {
    background: #3f5485;
}

    .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item .scoop-hasmenu .scoop-submenu {
        background: #2f4475;
    }

    .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item[item-border="true"] > li > a {
        border-right-color: #4a5f90;
    }

    .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item[subitem-border="true"] .scoop-hasmenu .scoop-submenu li > a {
        border-bottom-color: #3f5485;
    }

    .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-brand a {
        color: #FFF;
    }

        .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-brand a .scoop-brand-text .small-text {
            color: #8eb021;
        }

    .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-brand .menu-toggle a {
        color: #FFF;
    }

    .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item > li > a {
        color: #d8e3fc;
    }

    .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item .scoop-hasmenu .scoop-submenu li > a {
        color: #d8e3fc;
    }

    .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item > li:hover > a {
        background: #516697;
        color: #FFF;
    }

    .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item > li.active > a {
        background: #516697;
        color: #FFF;
    }

    .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a {
        background: #405586;
        color: #FFF;
    }

    .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a {
        background: #405586;
        color: #FFF;
    }

    .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item .scoop-hasmenu .scoop-submenu {
        border-top-color: #2f4475;
    }

    .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret {
        border-bottom-color: #2f4475;
    }

    .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu {
        border-top-color: #2f4475;
    }

    .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li.title {
        border-bottom-color: #4a5f90;
        color: #d8e3fc;
    }

    .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu .scoop-gridbox {
        background: #4a5f90;
        color: #d8e3fc;
    }

    .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a {
        color: #d8e3fc;
    }

        .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a:hover {
            color: #fff;
        }

.scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme8"] .scoop-inner-navbar {
    background: #3f5485;
}

.scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme8"] .scoop-item[item-border="true"] > li > a {
    border-bottom-color: #4a5f90;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme8"] .scoop-item .scoop-hasmenu .scoop-submenu {
    border-bottom-color: #2f4475;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme8"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret {
    border-top-color: #2f4475;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme8"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu {
    border-top-color: #2f4475;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme8"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a > .scoop-mcaret {
    border-bottom-color: #2f4475;
}

.scoop .scoop-navbar[navbar-theme="theme8"] .scoop-form-wrapper button:before {
    border-color: transparent #516697 transparent;
}

.scoop .scoop-navbar[navbar-theme="theme8"] .scoop-form-wrapper button:hover:before {
    border-right-color: #516697;
}

.scoop .scoop-navbar[navbar-theme="theme8"] .scoop-form-wrapper button {
    background: #516697;
    color: #FFF;
}

    .scoop .scoop-navbar[navbar-theme="theme8"] .scoop-form-wrapper button:hover {
        background: #516697;
        color: #FFF;
    }
/* Navbar Theme 9 */
.scoop .scoop-navbar[navbar-theme="theme9"] {
    background: #576acc;
}

    .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item .scoop-hasmenu .scoop-submenu {
        background: #485bbd;
    }

    .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item[item-border="true"] > li > a {
        border-right-color: #6174d6;
    }

    .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item[subitem-border="true"] .scoop-hasmenu .scoop-submenu li > a {
        border-bottom-color: #576acc;
    }

    .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-brand a {
        color: #FFF;
    }

        .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-brand a .scoop-brand-text .small-text {
            color: #d8e3fc;
        }

    .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-brand .menu-toggle a {
        color: #FFF;
    }

    .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item > li > a {
        color: #d8e3fc;
    }

    .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item .scoop-hasmenu .scoop-submenu li > a {
        color: #d8e3fc;
    }

    .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item > li:hover > a {
        background: #4457b9;
        color: #FFF;
    }

    .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item > li.active > a {
        background: #4457b9;
        color: #FFF;
    }

    .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a {
        background: #384bad;
        color: #FFF;
    }

    .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a {
        background: #384bad;
        color: #FFF;
    }

    .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item .scoop-hasmenu .scoop-submenu {
        border-top-color: #5063c5;
    }

    .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret {
        border-bottom-color: #5063c5;
    }

    .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu {
        border-top-color: #5063c5;
    }

    .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li.title {
        border-bottom-color: #6174d6;
        color: #d8e3fc;
    }

    .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu .scoop-gridbox {
        background: #6174d6;
        color: #d8e3fc;
    }

    .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a {
        color: #d8e3fc;
    }

        .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-item .scoop-hasmenu .scoop-submenu.scoop-megamenu ul li a:hover {
            color: #fff;
        }

.scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme9"] .scoop-inner-navbar {
    background: #576acc;
}

.scoop[scoop-device-type="phone"] .scoop-navbar[navbar-theme="theme9"] .scoop-item[item-border="true"] > li > a {
    border-bottom-color: #6174d6;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme9"] .scoop-item .scoop-hasmenu .scoop-submenu {
    border-bottom-color: #5063c5;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme9"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret {
    border-top-color: #5063c5;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme9"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu {
    border-top-color: #5063c5;
}

.scoop[horizontal-placement="bottom"] .scoop-navbar[navbar-theme="theme9"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a > .scoop-mcaret {
    border-bottom-color: #5063c5;
}

.scoop .scoop-navbar[navbar-theme="theme9"] .scoop-form-wrapper button:before {
    border-color: transparent #576acc transparent;
}

.scoop .scoop-navbar[navbar-theme="theme9"] .scoop-form-wrapper button:hover:before {
    border-right-color: #576acc;
}

.scoop .scoop-navbar[navbar-theme="theme9"] .scoop-form-wrapper button {
    background: #576acc;
    color: #FFF;
}

    .scoop .scoop-navbar[navbar-theme="theme9"] .scoop-form-wrapper button:hover {
        background: #576acc;
        color: #FFF;
    }
/* Navigation Theme CSS Style Close Here  */


/* ###################################################################################
		********************Horizontal Theme patteren CSS Start************ 
   ##################################################################################*/
body[themebg-pattern="pattern1"] {
    background-image: url("images/pattern1.png");
}

body[themebg-pattern="pattern2"] {
    background-image: url("images/pattern2.png");
}

body[themebg-pattern="pattern3"] {
    background-image: url("images/pattern3.png");
}

body[themebg-pattern="pattern4"] {
    background-image: url("images/pattern4.png");
}

body[themebg-pattern="pattern5"] {
    background-image: url("images/pattern5.png");
}

body[themebg-pattern="pattern6"] {
    background-image: url("images/pattern6.png");
}

body[themebg-pattern="pattern7"] {
    background-image: url("images/pattern7.png");
}

body[themebg-pattern="pattern8"] {
    background-image: url("images/pattern8.png");
}

body[themebg-pattern="pattern9"] {
    background-image: url("images/pattern9.png");
}


/* ###################################################################################
		********************Horizontal Theme patteren CSS Close ************ 
   ##################################################################################*/

/* ###################################################################################
		********************Header Theme CSS Start ************ 
   ##################################################################################*/
/* Header Theme 1 */
.scoop .scoop-header[header-theme="theme1"] {
    background: #e9ecf3;
}

.scoop[scoop-device-type="phone"] .scoop-header[header-theme="theme1"] .scoopbrand-xs {
    background: #364760;
}

.scoop .scoop-header[header-theme="theme1"] .scoopbrand-xs .scoop-brand a {
    color: #fff;
}

    .scoop .scoop-header[header-theme="theme1"] .scoopbrand-xs .scoop-brand a .scoop-brand-text .small-text {
        color: #f39e10 !important;
    }
/* Header Theme 2 */

.scoop .scoop-header[header-theme="theme2"] {
    background: #ffffff;
}

.scoop[scoop-device-type="phone"] .scoop-header[header-theme="theme2"] .scoopbrand-xs {
    background: #FFF;
}

.scoop .scoop-header[header-theme="theme2"] .scoopbrand-xs .scoop-brand a {
    color: #000;
}

    .scoop .scoop-header[header-theme="theme2"] .scoopbrand-xs .scoop-brand a .scoop-brand-text .small-text {
        color: #f39e10;
    }

/* Header Theme 3 */

.scoop .scoop-header[header-theme="theme3"] {
    background: #e9ecf3;
}

.scoop[scoop-device-type="phone"] .scoop-header[header-theme="theme3"] .scoopbrand-xs {
    background: #f5f5f5;
}

.scoop .scoop-header[header-theme="theme3"] .scoopbrand-xs .scoop-brand a {
    color: #858b89;
}

    .scoop .scoop-header[header-theme="theme3"] .scoopbrand-xs .scoop-brand a .scoop-brand-text .small-text {
        color: #f39e10;
    }

/* Header Theme 4 */
.scoop .scoop-header[header-theme="theme4"] {
    background: #e9ecf3;
}

.scoop[scoop-device-type="phone"] .scoop-header[header-theme="theme4"] .scoopbrand-xs {
    background: #354052;
}

.scoop .scoop-header[header-theme="theme4"] .scoopbrand-xs .scoop-brand a {
    color: #FFF;
}

    .scoop .scoop-header[header-theme="theme4"] .scoopbrand-xs .scoop-brand a .scoop-brand-text .small-text {
        color: #e64056;
    }


/* Header Theme 5 */
.scoop .scoop-header[header-theme="theme5"] {
    background: #e9ecf3;
}

.scoop[scoop-device-type="phone"] .scoop-header[header-theme="theme5"] .scoopbrand-xs {
    background: #3c75b5;
}

.scoop .scoop-header[header-theme="theme5"] .scoopbrand-xs .scoop-brand a {
    color: #FFF;
}

    .scoop .scoop-header[header-theme="theme5"] .scoopbrand-xs .scoop-brand a .scoop-brand-text .small-text {
        color: #ffffff;
    }


/* Header Theme 6 */
.scoop .scoop-header[header-theme="theme6"] {
    background: #e9ecf3;
}

.scoop[scoop-device-type="phone"] .scoop-header[header-theme="theme6"] .scoopbrand-xs {
    background: #583a63;
}

.scoop .scoop-header[header-theme="theme6"] .scoopbrand-xs .scoop-brand a {
    color: #FFF;
}

    .scoop .scoop-header[header-theme="theme6"] .scoopbrand-xs .scoop-brand a .scoop-brand-text .small-text {
        color: #af64cc;
    }

/* Header Theme 7 */
.scoop .scoop-header[header-theme="theme7"] {
    background: #e9ecf3;
}

.scoop[scoop-device-type="phone"] .scoop-header[header-theme="theme7"] .scoopbrand-xs {
    background: #0aa699;
}

.scoop .scoop-header[header-theme="theme7"] .scoopbrand-xs .scoop-brand a {
    color: #FFF;
}

    .scoop .scoop-header[header-theme="theme7"] .scoopbrand-xs .scoop-brand a .scoop-brand-text .small-text {
        color: #004538;
    }

/* Header Theme 8 */
.scoop .scoop-header[header-theme="theme8"] {
    background: #e9ecf3;
}

.scoop[scoop-device-type="phone"] .scoop-header[header-theme="theme8"] .scoopbrand-xs {
    background: #3f5485;
}

.scoop .scoop-header[header-theme="theme8"] .scoopbrand-xs .scoop-brand a {
    color: #FFF;
}

    .scoop .scoop-header[header-theme="theme8"] .scoopbrand-xs .scoop-brand a .scoop-brand-text .small-text {
        color: #8eb021;
    }

/* Header Theme 9 */
.scoop .scoop-header[header-theme="theme9"] {
    background: #e9ecf3;
}

.scoop[scoop-device-type="phone"] .scoop-header[header-theme="theme9"] .scoopbrand-xs {
    background: #576acc;
}

.scoop .scoop-header[header-theme="theme9"] .scoopbrand-xs .scoop-brand a {
    color: #FFF;
}

    .scoop .scoop-header[header-theme="theme9"] .scoopbrand-xs .scoop-brand a .scoop-brand-text .small-text {
        color: #d8e3fc;
    }
/* ###################################################################################
		********************Header Theme CSS Close ************ 
   ##################################################################################*/






/*##########################################################################################
 *************************Active Item and Hover Item Theme CSS style here *****************
############################################################################################*/

/* Active Item Theme 1 with style1 */
.scoop .scoop-navbar[active-item-theme="theme1"][active-item-style="style1"] .scoop-item > li:hover > a {
    background: #F2706E;
    color: #FFF;
}

.scoop .scoop-navbar[active-item-theme="theme1"][active-item-style="style1"] .scoop-item > li.active > a {
    background: #F2706E;
    color: #FFF;
}

.scoop .scoop-navbar[active-item-theme="theme1"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a {
    background: #F2706E;
    color: #FFF;
}

.scoop .scoop-navbar[active-item-theme="theme1"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a {
    background: #F2706E;
    color: #FFF;
}

.scoop .scoop-navbar[active-item-theme="theme1"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu {
    border-top-color: #de5c5a;
}

.scoop .scoop-navbar[active-item-theme="theme1"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret {
    border-bottom-color: #de5c5a;
}

.scoop .scoop-navbar[active-item-theme="theme1"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu {
    border-top-color: #de5c5a !important;
}

.scoop .scoop-navbar[active-item-theme="theme1"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a > .scoop-mcaret {
    border-bottom-color: #de5c5a !important;
}

.scoop .scoop-navbar[active-item-theme="theme1"] .scoop-form-wrapper button:before {
    border-color: transparent #de5c5a transparent !important;
}

.scoop .scoop-navbar[active-item-theme="theme1"] .scoop-form-wrapper button:hover:before {
    border-right-color: #de5c5a !important;
}

.scoop .scoop-navbar[active-item-theme="theme1"] .scoop-form-wrapper button {
    background: #de5c5a !important;
    color: #FFF;
}

    .scoop .scoop-navbar[active-item-theme="theme1"] .scoop-form-wrapper button:hover {
        background: #de5c5a !important;
        color: #FFF;
    }

/* Active Item Theme 2 */

.scoop .scoop-navbar[active-item-theme="theme2"][active-item-style="style1"] .scoop-item > li:hover > a {
    background: #0096b1;
    color: #FFF;
}

.scoop .scoop-navbar[active-item-theme="theme2"][active-item-style="style1"] .scoop-item > li.active > a {
    background: #0096b1;
    color: #FFF;
}

.scoop .scoop-navbar[active-item-theme="theme2"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a {
    background: #0096b1;
    color: #FFF;
}

.scoop .scoop-navbar[active-item-theme="theme2"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a {
    background: #0096b1;
    color: #FFF;
}

.scoop .scoop-navbar[active-item-theme="theme2"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu {
    border-top-color: #028097;
}

.scoop .scoop-navbar[active-item-theme="theme2"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret {
    border-bottom-color: #028097;
}

.scoop .scoop-navbar[active-item-theme="theme2"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu {
    border-top-color: #028097 !important;
}

.scoop .scoop-navbar[active-item-theme="theme2"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a > .scoop-mcaret {
    border-bottom-color: #028097 !important;
}

.scoop .scoop-navbar[active-item-theme="theme2"] .scoop-form-wrapper button:before {
    border-color: transparent #028097 transparent !important;
}

.scoop .scoop-navbar[active-item-theme="theme2"] .scoop-form-wrapper button:hover:before {
    border-right-color: #028097 !important;
}

.scoop .scoop-navbar[active-item-theme="theme2"] .scoop-form-wrapper button {
    background: #028097 !important;
    color: #FFF;
}

    .scoop .scoop-navbar[active-item-theme="theme2"] .scoop-form-wrapper button:hover {
        background: #028097 !important;
        color: #FFF;
    }
/* Active Item Theme 3 */
.scoop .scoop-navbar[active-item-theme="theme3"][active-item-style="style1"] .scoop-item > li:hover > a {
    background: #e64056;
    color: #FFF;
}

.scoop .scoop-navbar[active-item-theme="theme3"][active-item-style="style1"] .scoop-item > li.active > a {
    background: #e64056;
    color: #FFF;
}

.scoop .scoop-navbar[active-item-theme="theme3"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a {
    background: #e64056;
    color: #FFF;
}

.scoop .scoop-navbar[active-item-theme="theme3"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a {
    background: #e64056;
    color: #FFF;
}

.scoop .scoop-navbar[active-item-theme="theme3"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu {
    border-top-color: #d83248;
}

.scoop .scoop-navbar[active-item-theme="theme3"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret {
    border-bottom-color: #d83248;
}

.scoop .scoop-navbar[active-item-theme="theme3"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu {
    border-top-color: #d83248 !important;
}

.scoop .scoop-navbar[active-item-theme="theme3"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a > .scoop-mcaret {
    border-bottom-color: #d83248 !important;
}

.scoop .scoop-navbar[active-item-theme="theme3"] .scoop-form-wrapper button:before {
    border-color: transparent #d83248 transparent !important;
}

.scoop .scoop-navbar[active-item-theme="theme3"] .scoop-form-wrapper button:hover:before {
    border-right-color: #d83248 !important;
}

.scoop .scoop-navbar[active-item-theme="theme3"] .scoop-form-wrapper button {
    background: #d83248 !important;
    color: #FFF;
}

    .scoop .scoop-navbar[active-item-theme="theme3"] .scoop-form-wrapper button:hover {
        background: #d83248 !important;
        color: #FFF;
    }
/* Active Item Theme 4 */
.scoop .scoop-navbar[active-item-theme="theme4"][active-item-style="style1"] .scoop-item > li:hover > a {
    background: #f39e10;
    color: #414141;
}

.scoop .scoop-navbar[active-item-theme="theme4"][active-item-style="style1"] .scoop-item > li.active > a {
    background: #f39e10;
    color: #414141;
}

.scoop .scoop-navbar[active-item-theme="theme4"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a {
    background: #f39e10;
    color: #414141;
}

.scoop .scoop-navbar[active-item-theme="theme4"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a {
    background: #f39e10;
    color: #414141;
}

.scoop .scoop-navbar[active-item-theme="theme4"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu {
    border-top-color: #d78906;
}

.scoop .scoop-navbar[active-item-theme="theme4"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret {
    border-bottom-color: #d78906;
}

.scoop .scoop-navbar[active-item-theme="theme4"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu {
    border-top-color: #d78906 !important;
}

.scoop .scoop-navbar[active-item-theme="theme4"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a > .scoop-mcaret {
    border-bottom-color: #d78906 !important;
}

.scoop .scoop-navbar[active-item-theme="theme4"] .scoop-form-wrapper button:before {
    border-color: transparent #f39e10 transparent !important;
}

.scoop .scoop-navbar[active-item-theme="theme4"] .scoop-form-wrapper button:hover:before {
    border-right-color: #f39e10 !important;
}

.scoop .scoop-navbar[active-item-theme="theme4"] .scoop-form-wrapper button {
    background: #f39e10 !important;
    color: #FFF;
}

    .scoop .scoop-navbar[active-item-theme="theme4"] .scoop-form-wrapper button:hover {
        background: #f39e10 !important;
        color: #FFF;
    }
/* Active Item Theme 5 */
.scoop .scoop-navbar[active-item-theme="theme5"][active-item-style="style1"] .scoop-item > li:hover > a {
    background: #8eb021;
    color: #FFF;
}

.scoop .scoop-navbar[active-item-theme="theme5"][active-item-style="style1"] .scoop-item > li.active > a {
    background: #8eb021;
    color: #FFF;
}

.scoop .scoop-navbar[active-item-theme="theme5"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a {
    background: #8eb021;
    color: #FFF;
}

.scoop .scoop-navbar[active-item-theme="theme5"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a {
    background: #8eb021;
    color: #FFF;
}

.scoop .scoop-navbar[active-item-theme="theme5"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu {
    border-top-color: #77941b;
}

.scoop .scoop-navbar[active-item-theme="theme5"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret {
    border-bottom-color: #77941b;
}

.scoop .scoop-navbar[active-item-theme="theme5"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu {
    border-top-color: #77941b !important;
}

.scoop .scoop-navbar[active-item-theme="theme5"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a > .scoop-mcaret {
    border-bottom-color: #77941b !important;
}

.scoop .scoop-navbar[active-item-theme="theme5"] .scoop-form-wrapper button:before {
    border-color: transparent #77941b transparent !important;
}

.scoop .scoop-navbar[active-item-theme="theme5"] .scoop-form-wrapper button:hover:before {
    border-right-color: #77941b !important;
}

.scoop .scoop-navbar[active-item-theme="theme5"] .scoop-form-wrapper button {
    background: #77941b !important;
    color: #FFF;
}

    .scoop .scoop-navbar[active-item-theme="theme5"] .scoop-form-wrapper button:hover {
        background: #77941b !important;
        color: #FFF;
    }
/* Active Item Theme 6 */
.scoop .scoop-navbar[active-item-theme="theme6"][active-item-style="style1"] .scoop-item > li:hover > a {
    background: #967adc;
    color: #FFF;
}

.scoop .scoop-navbar[active-item-theme="theme6"][active-item-style="style1"] .scoop-item > li.active > a {
    background: #967adc;
    color: #FFF;
}

.scoop .scoop-navbar[active-item-theme="theme6"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a {
    background: #967adc;
    color: #FFF;
}

.scoop .scoop-navbar[active-item-theme="theme6"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a {
    background: #967adc;
    color: #FFF;
}

.scoop .scoop-navbar[active-item-theme="theme6"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu {
    border-top-color: #a889f7;
}

.scoop .scoop-navbar[active-item-theme="theme6"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret {
    border-bottom-color: #a889f7;
}

.scoop .scoop-navbar[active-item-theme="theme6"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu {
    border-top-color: #a889f7 !important;
}

.scoop .scoop-navbar[active-item-theme="theme6"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a > .scoop-mcaret {
    border-bottom-color: #a889f7 !important;
    ;
}

.scoop .scoop-navbar[active-item-theme="theme6"] .scoop-form-wrapper button:before {
    border-color: transparent #a889f7 transparent !important;
}

.scoop .scoop-navbar[active-item-theme="theme6"] .scoop-form-wrapper button:hover:before {
    border-right-color: #a889f7 !important;
}

.scoop .scoop-navbar[active-item-theme="theme6"] .scoop-form-wrapper button {
    background: #a889f7 !important;
    color: #FFF;
}

    .scoop .scoop-navbar[active-item-theme="theme6"] .scoop-form-wrapper button:hover {
        background: #a889f7 !important;
        color: #FFF;
    }
/* Active Item Theme 7 */
.scoop .scoop-navbar[active-item-theme="theme7"][active-item-style="style1"] .scoop-item > li:hover > a {
    background: #fe9375;
    color: #FFF;
}

.scoop .scoop-navbar[active-item-theme="theme7"][active-item-style="style1"] .scoop-item > li.active > a {
    background: #fe9375;
    color: #FFF;
}

.scoop .scoop-navbar[active-item-theme="theme7"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li:hover > a {
    background: #fe9375;
    color: #FFF;
}

.scoop .scoop-navbar[active-item-theme="theme7"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu li.active > a {
    background: #fe9375;
    color: #FFF;
}

.scoop .scoop-navbar[active-item-theme="theme7"][active-item-style="style1"] .scoop-item .scoop-hasmenu .scoop-submenu {
    border-top-color: #eb8669;
}

.scoop .scoop-navbar[active-item-theme="theme7"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger > a > .scoop-mcaret {
    border-bottom-color: #eb8669;
}

.scoop .scoop-navbar[active-item-theme="theme7"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active .scoop-submenu {
    border-top-color: #eb8669 !important;
}

.scoop .scoop-navbar[active-item-theme="theme7"][active-item-style="style1"] .scoop-item > li.scoop-hasmenu.scoop-trigger.active > a > .scoop-mcaret {
    border-bottom-color: #eb8669 !important;
}

.scoop .scoop-navbar[active-item-theme="theme7"] .scoop-form-wrapper button:before {
    border-color: transparent #eb8669 transparent !important;
}

.scoop .scoop-navbar[active-item-theme="theme7"] .scoop-form-wrapper button:hover:before {
    border-right-color: #eb8669 !important;
}

.scoop .scoop-navbar[active-item-theme="theme7"] .scoop-form-wrapper button {
    background: #eb8669 !important;
    color: #FFF;
}

    .scoop .scoop-navbar[active-item-theme="theme7"] .scoop-form-wrapper button:hover {
        background: #eb8669 !important;
        color: #FFF;
    }
/*##########################################################################################
 *************************Active Item and Hover Item Theme CSS style Close *****************
############################################################################################*/




.scoop-rr-header .btn {
    font-size: 12px;
    font-weight: 600;
    margin-left: 5px;
}