@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Mitr:wght@200;300;400;500;600;700&display=swap');




::selection {
    background: #f6901e;
    color: #FFF;
}

::-moz-selection {
    background: #f6901e;
    /* Firefox  */
    color: #FFF;
}

::-webkit-selection {
    background: #f6901e;
    /* Safari  */
    /* color: #FFF;  */
}

:root {
    --mainTheme: #059e0f;
}



/* ----------------------------------------------------------------
	Typography
----------------------------------------------------------------- */

body {
    color: #d1d1d1;
}

a {
    color: #fff;
}

a:hover {
    color: #fff;
}

/* ----------------------------------------------------------------
	Basic Layout Styles
----------------------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #d1d1d1;
}

h1 > span:not(.nocolor):not(.badge),
h2 > span:not(.nocolor):not(.badge),
h3 > span:not(.nocolor):not(.badge),
h4 > span:not(.nocolor):not(.badge),
h5 > span:not(.nocolor):not(.badge),
h6 > span:not(.nocolor):not(.badge) {
    color: green !important;
}





/* ----------------------------------------------------------------
	Helper Classes
----------------------------------------------------------------- */

.line,
.double-line {
    border-top: 1px solid #EEE;
}

.double-line {
    border-top: 3px double #E5E5E5;
}


.border-f5 {
    border-color: #F5F5F5 !important;
}

.bg-color,
.bg-color #header-wrap {
    background-color: #f6901e !important;
}

.color {
    color: #f6901e !important;
}

.border-color {
    border-color: #f6901e !important;
}



.bgicon {
    color: rgba(0, 0, 0, 0.1);
}

.h-text-color:hover,
a.h-text-color:hover {
    color: #f6901e !important;
}

.h-text-primary:hover,
a.h-text-primary:hover {
    color: #007bff !important;
}

.h-text-secondary:hover,
a.h-text-secondary:hover {
    color: #6c757d !important;
}

.h-text-success:hover,
a.h-text-success:hover {
    color: #28a745 !important;
}

.h-text-info:hover,
a.h-text-info:hover {
    color: #17a2b8 !important;
}

.h-text-warning:hover,
a.h-text-warning:hover {
    color: #ffc107 !important;
}

.h-text-danger:hover,
a.h-text-danger:hover {
    color: #dc3545 !important;
}

.h-text-light:hover,
a.h-text-light:hover {
    color: #f8f9fa !important;
}

.h-text-dark:hover,
a.h-text-dark:hover {
    color: #343a40 !important;
}


.h-nobg:hover {
    background-color: transparent !important;
}

.h-bg-color:hover {
    background-color: #f6901e !important;
}

.h-bg-primary:hover {
    background-color: #007bff !important;
}

.h-bg-secondary:hover {
    background-color: #6c757d !important;
}

.h-bg-success:hover {
    background-color: #28a745 !important;
}

.h-bg-info:hover {
    background-color: #17a2b8 !important;
}

.h-bg-warning:hover {
    background-color: #ffc107 !important;
}

.h-bg-danger:hover {
    background-color: #dc3545 !important;
}

.h-bg-light:hover {
    background-color: #f8f9fa !important;
}

.h-bg-dark:hover {
    background-color: #343a40 !important;
}

/* 
 ----------------------------------------------------------------
	Gradient Utility Classes
----------------------------------------------------------------- */

.gradient-light-grey,
.h-gradient-light-grey:hover {
    background-image: -webkit-linear-gradient(to right, #2c3e50, #bdc3c7) !important;
    background-image: linear-gradient(to right, #2c3e50, #bdc3c7) !important;
}

.gradient-green-dark,
.h-gradient-green-dark:hover {
    background-image: -webkit-linear-gradient(to right, #99f2c8, #1f4037) !important;
    background-image: linear-gradient(to right, #99f2c8, #1f4037) !important;
}

.gradient-grey-brown,
.h-gradient-grey-brown:hover {
    background-image: -webkit-linear-gradient(to right, #C06C84, #6C5B7B, #355C7D) !important;
    background-image: linear-gradient(to right, #C06C84, #6C5B7B, #355C7D) !important;
}

.gradient-light-pink,
.h-gradient-light-pink:hover {
    background-image: -webkit-linear-gradient(to right, #ffdde1, #ee9ca7) !important;
    background-image: linear-gradient(to right, #ffdde1, #ee9ca7) !important;
}

.gradient-blue-purple,
.h-gradient-blue-purple:hover {
    background-image: -webkit-linear-gradient(to right, #4A00E0, #8E2DE2) !important;
    background-image: linear-gradient(to right, #4A00E0, #8E2DE2) !important;
}

.gradient-multiples,
.h-gradient-multiples:hover {
    background-image: -webkit-linear-gradient(to right, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%) !important;
    background-image: linear-gradient(to right, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%) !important;
}

.gradient-blue-green,
.h-gradient-blue-green:hover {
    background-image: -webkit-linear-gradient(to right, #2af598 0%, #009efd 100%) !important;
    background-image: linear-gradient(to right, #2af598 0%, #009efd 100%) !important;
}

.gradient-light,
.h-gradient-light:hover {
    background-image: -webkit-linear-gradient(to top, #DDD 0%, #FFF 100%) !important;
    background-image: linear-gradient(to top, #DDD 0%, #FFF 100%) !important;
}

.gradient-grey-orange,
.h-gradient-grey-orange:hover {
    background-image: -webkit-linear-gradient(to right, #3B4371, #F3904F) !important;
    background-image: linear-gradient(to right, #3B4371, #F3904F) !important;
}

.gradient-sunset,
.h-gradient-sunset:hover {
    background-image: -webkit-linear-gradient(to top, #a8edea 0%, #fed6e3 100%) !important;
    background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%) !important;
}

.gradient-dark,
.h-gradient-dark:hover {
    background-image: -webkit-linear-gradient(to right, #535353, #000) !important;
    background-image: linear-gradient(to right, #535353, #000) !important;
}

.gradient-lemon,
.h-gradient-lemon:hover {
    background-image: -webkit-linear-gradient(to right, #cac531, #f3f9a7) !important;
    background-image: linear-gradient(to right, #cac531, #f3f9a7) !important;
}

.gradient-earth,
.h-gradient-earth:hover {
    background-image: -webkit-linear-gradient(to right, #649173, #dbd5a4) !important;
    background-image: linear-gradient(to right, #649173, #dbd5a4) !important;
}

.gradient-sky,
.h-gradient-sky:hover {
    background-image: -webkit-linear-gradient(to right, #2980b9, #6dd5fa, #F5F5F5) !important;
    background-image: linear-gradient(to right, #2980b9, #6dd5fa, #F5F5F5) !important;
}

.gradient-ocean,
.h-gradient-ocean:hover {
    background-image: -webkit-linear-gradient(to right, #000046, #1cb5e0) !important;
    background-image: linear-gradient(to right, #000046, #1cb5e0) !important;
}

.gradient-horizon,
.h-gradient-horizon:hover {
    background-image: -webkit-linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 50%, rgba(252, 176, 69, 1) 100%) !important;
    background-image: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 50%, rgba(252, 176, 69, 1) 100%) !important;
}

.gradient-green-blue,
.h-gradient-green-blue:hover {
    background-image: -webkit-linear-gradient(to right, #43cea2, #185a9d) !important;
    background-image: linear-gradient(to right, #43cea2, #185a9d) !important;
}

.gradient-purple-blue,
.h-gradient-purple-blue:hover {
    background-image: -webkit-linear-gradient(19deg, rgb(33, 212, 253) 0%, rgb(183, 33, 255) 100%) !important;
    background-image: linear-gradient(19deg, rgb(33, 212, 253) 0%, rgb(183, 33, 255) 100%) !important;
}

.gradient-text {
    text-shadow: none !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-underline {
    background-repeat: no-repeat;
    background-size: 100% 8px;
    background-position: 0 88%;
}

.h-border-primary:hover {
    border-color: #007bff !important;
}

.h-border-secondary:hover {
    border-color: #6c757d !important;
}

.h-border-success:hover {
    border-color: #28a745 !important;
}

.h-border-info:hover {
    border-color: #17a2b8 !important;
}

.h-border-warning:hover {
    border-color: #ffc107 !important;
}

.h-border-danger:hover {
    border-color: #dc3545 !important;
}

.h-border-light:hover {
    border-color: #f8f9fa !important;
}

.h-border-dark:hover {
    border-color: #343a40 !important;
}

.border-transparent,
.h-border-transparent:hover {
    border-color: transparent !important;
}

.border-default,
.h-border-default:hover {
    border-color: #EEE !important;
}

.dark.border-default,
.dark .border-default,
.dark.h-border-default:hover .dark .h-border-default:hover {
    border-color: rgba(255, 255, 255, 0.15) !important;
}

/* 
 ----------------------------------------------------------------
	Shadows
----------------------------------------------------------------- */

.h-shadow-sm:hover {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.h-shadow:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.h-shadow-lg:hover {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.h-shadow-none:hover {
    box-shadow: none !important;
}

.shadow-ts {
    -webkit-transition: box-shadow 0.5s ease;
    transition: box-shadow 0.5s ease;
}


/* ----------------------------------------------------------------
	Sections
----------------------------------------------------------------- */

section {
    background-color: rgba(0, 0, 0, 0.3);
}

section.landing-page {
    background-color: rgba(0, 0, 0, 0.3);
}

/* ----------------------------------------------------------------
	Top Bar
----------------------------------------------------------------- */

#top-bar {
    background: #191919;
    color: #d1d1d1;
}

#top-bar a {
    font-size: 12px;
}

#top-bar .lang-selection a {
    color: #333;
}

#top-bar .lang-selection a.button {
    color: #fff;
}

/* 
 Top Links
--------------------------------- */

.top-links {
    border-bottom: 1px solid #EEE;
}



.top-links-item {
    border-left: 1px solid #EEE;
}

.top-links-item > a {
    color: #666;
}

.top-links-item:hover {
    background-color: #EEE;
}

.top-links-sub-menu,
.top-links-section {
    background: #FFF;
    border: 1px solid #EEE;
    border-top-color: #f6901e;
    box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.05);
}

.top-links-sub-menu .top-links-item:not(:first-child) {
    border-top: 1px solid #F5F5F5;
}

.top-links-sub-menu .top-links-item:hover {
    background-color: #F9F9F9;
}

/* 

 Top Social
----------------------------------------------------------------- */

#top-social li {
    border-left: 1px solid #EEE;
}


#top-social a {
    color: #666;
}

#top-social li a:hover {
    color: #FFF !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}


/* Top Login
----------------------------------------------------------------- */

#top-login .form-control:focus {
    border-color: #CCC;
}


/* 
 ----------------------------------------------------------------
	Header
----------------------------------------------------------------- */

#header {
    background-color: transparent;
}

#header-wrap {
    background: linear-gradient(0deg, #07b012, #059e0f) !important;
    border-top: 2px solid #059e0f !important;
}

@media (min-width: 992px) {


    #header.transparent-header.semi-transparent #header-wrap {
        background-color: rgba(255, 255, 255, 0.8);
    }

    .transparent-header.floating-header .container {
        background-color: #FFF;
    }

    #header.full-header:not(.transparent-header) {
        border-bottom-color: #EEE;
    }



    #header.transparent-header.full-header #header-wrap {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    #slider + #header.transparent-header.full-header #header-wrap {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    /* ----------------------------------------------------------------
		Sticky Header
	----------------------------------------------------------------- */


    .sticky-header #header-wrap {
        background-color: #363636;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }


    .semi-transparent.sticky-header #header-wrap {
        background-color: rgba(255, 255, 255, 0.8)
    }
}



@media (max-width: 991.98px) {
    .sticky-header #header-wrap {
        background-color: #FFF;
        border-bottom: 1px solid #EEE;
    }


    body:not(.primary-menu-open) .semi-transparent.transparent-header-responsive {
        background-color: rgba(255, 255, 255, 0.8);
    }
}


/* ----------------------------------------------------------------
	Logo
----------------------------------------------------------------- */

#logo a {
    color: #000;
}


@media (min-width: 992px) {
    #header.transparent-header.full-header #logo {
        border-right-color: rgba(0, 0, 0, 0.1);
    }
}


/* ----------------------------------------------------------------
	Header Right Area
----------------------------------------------------------------- */




.header-extras li .he-text span {
    color: #f6901e;
}

/* 
 ----------------------------------------------------------------
	Primary Menu
----------------------------------------------------------------- */


.primary-menu + .primary-menu {
    border-top: 1px solid #EEE;
}



.svg-trigger path {
    stroke: #333;
}


.menu-item:not(:first-child) {
    border-top: 1px solid #07b012 !important;
}

.menu-link {
    color: #ffffff;
}


.menu-item:hover > .menu-link > div,
.menu-item.current > .menu-link > div {
    color: #fff !important;
    background: #1a0d0d !important;
}



.sub-menu-container .menu-item:not(:first-child) {
    border-top: 1px solid #EEE;
}

.sub-menu-container .menu-item > .menu-link {
    color: #666;
}

.menu-item .sub-menu-trigger {
    color: #fff;
}

/* 
 ----------------------------------------------------------------
	Mega Menu
----------------------------------------------------------------- */

@media (max-width: 991.98px) {

    .mega-menu-content .sub-menu-container {
        border-top: 1px solid #EEE;
    }
}

/* 
 Off Canvas Menu
----------------------------------------------------------------- */

@media (max-width: 991.98px) {
    #header:not(.sticky-header) .mobile-menu-off-canvas .menu-container {
        background-color: #FFF;
        border-right: 1px solid #EEE !important;
    }

    #header:not(.sticky-header) .mobile-menu-off-canvas.from-right .menu-container {
        border-left: 1px solid #EEE !important;
    }
}

@media (min-width: 992px) {

    .transparent-header.full-header .primary-menu .menu-container {
        border-right-color: rgba(0, 0, 0, 0.1);
    }

    .menu-item.menu-item-important .menu-link > div::after {
        background-color: #dc3545;
    }


    .sub-menu-container,
    .mega-menu-content {
        background-color: rgb(25, 25, 25);
    }


    .sub-menu-container .menu-item:hover > .menu-link {
        background-color: #F9F9F9;
        color: #f6901e;
    }

    .sub-menu-container.mega-menu-column:not(:first-child) {
        border-left: 1px solid #F2F2F2;
    }

    .mega-menu-style-2 .mega-menu-title > .menu-link {
        color: #444;
    }

    .mega-menu-style-2 .mega-menu-title:hover > .menu-link {
        background-color: transparent;
    }

    .mega-menu-style-2 .mega-menu-title > .menu-link:hover {
        color: #f6901e;
    }

    .style-3 .menu-container > .menu-item:hover > .menu-link {
        color: #444;
        background-color: #F5F5F5;
    }

    .style-3 .menu-container > .menu-item.current > .menu-link {
        color: #FFF;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
        background-color: #f6901e;
    }

    /* Primary Menu - Style 4
	----------------------------------------------------------------- */
    .style-4 .menu-container > .menu-item > .menu-link {
        border: 1px solid transparent;
    }

    .style-4 .menu-container > .menu-item:hover > .menu-link,
    .style-4 .menu-container > .menu-item.current > .menu-link {
        border-color: #f6901e;
    }

    /* Primary Menu - Style 5
	----------------------------------------------------------------- */
    .style-5 .menu-container {
        border-right: 1px solid #EEE;
    }

    /*         
     Primary Menu - Style 6
	----------------------------------------------------------------- */
    .style-6 .menu-container > .menu-item > .menu-link::after,
    .style-6 .menu-container > .menu-item.current > .menu-link::after {
        border-top: 2px solid #f6901e;
    }

    /*     
     Primary Menu - Sub Title
	----------------------------------------------------------------- */



    .sub-title .menu-container > .menu-item:not(:first-child) > .menu-link::before {
        background-color: #EEE;
    }

    .sub-title .menu-container > .menu-item > .menu-link span {
        color: #888;
    }

    .sub-title .menu-container > .menu-item:hover > .menu-link,
    .sub-title .menu-container > .menu-item.current > .menu-link {
        color: #FFF;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    }

    .sub-title .menu-container > .menu-item:hover > .menu-link span,
    .sub-title .menu-container > .menu-item.current > .menu-link span {
        color: #EEE;
    }

    .sub-title .menu-container > .menu-item:hover > .menu-link::after,
    .sub-title .menu-container > .menu-item.current > .menu-link::after {
        background-color: #f6901e;
        border-top: 5px solid rgba(0, 0, 0, 0.1);
    }

    /* ----------------------------------------------------------------
		Side Header
	----------------------------------------------------------------- */




    .side-header #header {
        background-color: #FFF;
        border-right: 1px solid #EEE;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.065);
    }


    .side-header.open-header #header-trigger {
        background-color: #FFF;
    }

    /* Side Header - Right Aligned
	----------------------------------------------------------------- */
    .side-header.side-header-right #header {
        border-left: 1px solid #EEE;
    }


    /* Primary Menu - Overlay Menu
	----------------------------------------------------------------- */

    .overlay-menu .primary-menu > #overlay-menu-close {
        color: #444;
    }



    .overlay-menu .primary-menu {
        background-color: rgba(255, 255, 255, 0.95);
    }
}

@media (max-width: 991.98px) {
    .side-push-panel #side-panel-trigger-close a {
        color: #444;
        background-color: rgba(0, 0, 0, 0.1);
    }
}


/* ----------------------------------------------------------------
	Top Search
----------------------------------------------------------------- */


.header-misc-icon > a {
    color: #333;
}


.top-search-form input {
    color: #333;
}

@media (min-width: 992px) {

    .transparent-header:not(.sticky-header):not(.full-header):not(.floating-header) .top-search-form input {
        border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    }
}

.search-overlay .top-search-form {
    background-color: #fff;
}



.top-search-form input::-moz-placeholder {
    color: #555;
}

.top-search-form input:-ms-input-placeholder {
    color: #555;
}

.top-search-form input::-webkit-input-placeholder {
    color: #555;
}

/* ----------------------------------------------------------------
	Top Cart
----------------------------------------------------------------- */

.top-cart-number {
    color: #FFF;
}

.top-cart-number::before {
    background-color: #f6901e;
}

.top-cart-content {
    background-color: #FFF;
    border-left: 1px solid #EEE;
    box-shadow: 0px 20px 50px 10px rgba(0, 0, 0, 0.05);
}



.top-cart-title {
    border-bottom: 1px solid #EEE;
}


.top-cart-item:not(:first-child) {
    border-top: 1px solid #F5F5F5;
}

.top-cart-item-image {
    border: 2px solid #EEE;
}

.top-cart-item-image:hover {
    border-color: #f6901e;
}


.top-cart-item-desc a {
    color: #333;
}

.top-cart-item-desc a:hover {
    color: #f6901e;
}

.top-cart-item-price {
    color: #999;
}

.top-cart-item-quantity {
    color: #444;
}

.top-cart-action {
    border-top: 1px solid #EEE;
}

.top-cart-action .top-checkout-price {
    color: #f6901e;
}

@media (min-width: 992px) {


    .top-cart-content {
        border: 1px solid #EEE;
        border-top: 2px solid #f6901e;
    }
}

/* 
 ----------------------------------------------------------------
	Page Menu
----------------------------------------------------------------- */

#page-menu {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

#page-menu-wrap {
    background-color: #f6901e;
}

#page-menu.sticky-page-menu #page-menu-wrap {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

#page-menu-trigger {
    color: #FFF;
}

.page-menu-open #page-menu-trigger {
    background-color: rgba(0, 0, 0, 0.2);
}


.page-menu-title {
    color: #FFF;
}

.page-menu-nav {
    background-color: #f6901e;
}


.page-menu-nav .page-menu-container {
    background-color: rgba(0, 0, 0, 0.2);
}


.page-menu-item > a {
    color: #FFF;
}

.page-menu-item:hover > a,
.page-menu-item.current > a {
    background-color: rgba(0, 0, 0, 0.15);
}



.page-menu-sub-menu {
    background-color: rgba(0, 0, 0, 0.15);
}


@media (min-width: 992px) {


    .page-menu-sub-menu {
        background-color: #f6901e;
    }

    .page-menu-sub-menu .page-menu-item > a {
        background-color: rgba(0, 0, 0, 0.15);
    }

    .page-menu-sub-menu li:hover a,
    .page-menu-sub-menu li.current a {
        background-color: rgba(0, 0, 0, 0.3);
    }

    /* Page Menu - Dots Style
	----------------------------------------------------------------- */


    .dots-menu .page-menu-item > a {
        background-color: rgba(0, 0, 0, 0.4);
        color: #777;
    }

    .dots-menu .page-menu-item > a:hover {
        background-color: rgba(0, 0, 0, 0.7);
    }

    .dots-menu .page-menu-item.current > a {
        background-color: #f6901e;
    }



    .dots-menu.dots-menu-border .page-menu-item > a {
        border: 3px solid rgba(0, 0, 0, 0.4);
    }

    .dots-menu.dots-menu-border .page-menu-item > a:hover {
        border-color: rgba(0, 0, 0, 0.7);
    }

    .dots-menu.dots-menu-border .page-menu-item.current > a {
        border-color: #f6901e;
    }

    .dots-menu .page-menu-item div {
        background-color: #f6901e;
        color: #FFF;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
    }


    .dots-menu .page-menu-item div::after {
        border-left: 6px solid #f6901e;
    }
}

/* 
 ----------------------------------------------------------------
	One Page
----------------------------------------------------------------- */

.one-page-arrow {
    color: #222;
}


/* ----------------------------------------------------------------
	Side Push Panel
----------------------------------------------------------------- */



#side-panel {
    background-color: #211d18;
}




#side-panel .widget {
    border-top: 1px solid #E5E5E5;
}



.body-overlay {
    background-color: rgba(0, 0, 0, 0.6);
}

.side-panel-open:not(.device-xs):not(.device-sm):not(.device-md) .body-overlay:hover {
    cursor: url('images/icons/close.png') 15 15, default;
}



.swiper-pagination span {
    background-color: transparent;
    border: 1px solid #FFF;
}

.swiper-pagination span:hover,
.swiper-pagination span.swiper-pagination-bullet-active {
    background-color: #FFF !important;
}


/* 
 Slider Caption
----------------------------------------------------------------- */

.slider-caption {
    color: #EEE;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

.slider-caption:not(.dark),
.slider-caption:not(.dark) h2 {
    color: #222;
    text-shadow: none;
}




.slider-caption-bg {
    background-color: rgba(0, 0, 0, 0.6);
}

.slider-caption-bg.slider-caption-bg-light {
    background-color: rgba(255, 255, 255, 0.8);
    color: #333;
}



/* 
 Slider Arrows
----------------------------------------------------------------- */


.slider-arrow-left,
.slider-arrow-right,
.flex-prev,
.flex-next,
.slider-arrow-top-sm,
.slider-arrow-bottom-sm {
    background-color: rgba(0, 0, 0, 0.3);
}


.slider-arrow-left i,
.slider-arrow-right i,
.flex-prev i,
.flex-next i,
.slider-arrow-top-sm i,
.slider-arrow-bottom-sm i {
    color: #DDD;
    color: rgba(255, 255, 255, 0.8);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

.slider-arrow-top-sm i,
.slider-arrow-bottom-sm i {
    color: #FFF;
    color: rgba(255, 255, 255, 1);
}


.slider-arrow-left:hover,
.slider-arrow-right:hover,
.flex-prev:hover,
.flex-next:hover,
.slider-arrow-top-sm:hover,
.slider-arrow-bottom-sm:hover {
    background-color: rgba(0, 0, 0, 0.6) !important;
}

/* 
 Slide Number
----------------------------------------------------------------- */

.slide-number {
    color: rgba(255, 255, 255, 0.8);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

/* Pagination
----------------------------------------------------------------- */

.slider-element .owl-dots button {
    border: 1px solid #FFF;
}

.slider-element .owl-dots .owl-dot.active,
.slider-element .owl-dots .owl-dot:hover {
    background-color: #FFF !important;
}

/* 
 Flex Slider - Navigation
----------------------------------------------------------------- */

.nav-solid .flex-prev,
.nav-solid .flex-next {
    background-color: #FFF;
}

.nav-solid .flex-prev:hover,
.nav-solid .flex-next:hover {
    background-color: #333 !important;
}

.nav-solid .flex-prev:not(:hover) i,
.nav-solid .flex-next:not(:hover) i {
    color: #444;
    text-shadow: none;
}

/* 
 Flex Slider - Pagination & Thumbs
----------------------------------------------------------------- */


.flex-control-nav li a {
    border: 1px solid #FFF;
}

.flex-control-nav li:hover a,
.flex-control-nav li a.flex-active {
    background-color: #FFF;
}

.control-solid .flex-control-nav li a {
    border: none;
    background-color: #FFF;
}

.control-solid .flex-control-nav li:hover a,
.control-solid .flex-control-nav li a.flex-active {
    background-color: #f6901e;
}


/* 
 ----------------------------------------------------------------
	Page Title
----------------------------------------------------------------- */

#page-title {
    background-color: #F5F5F5;
    border-bottom: 1px solid #EEE;
}


#page-title h1 {
    color: #333;
}

#page-title span {
    color: #777;
}

.breadcrumb a {
    color: #555;
}

.breadcrumb a:hover {
    color: #f6901e;
}


/* 
 Page Title - Dark
----------------------------------------------------------------- */

#page-title.page-title-dark {
    background-color: #333;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) !important;
    border-bottom: none;
}

#page-title.page-title-dark h1 {
    color: rgba(255, 255, 255, 0.9) !important;
}

#page-title.page-title-dark span {
    color: rgba(255, 255, 255, 0.7) !important;
}

#page-title.page-title-dark .breadcrumb > .active {
    color: rgba(255, 255, 255, 0.6);
}

#page-title.page-title-dark .breadcrumb a {
    color: rgba(255, 255, 255, 0.8);
}

#page-title.page-title-dark .breadcrumb a:hover {
    color: rgba(255, 255, 255, 0.95);
}

#page-title.page-title-dark .breadcrumb-item + .breadcrumb-item::before {
    color: #CCC;
}



/* Page Title - Background Pattern
----------------------------------------------------------------- */

.page-title-pattern {
    background-image: url('images/pattern.png');
    background-repeat: repeat;
    background-attachment: fixed;
}


/* Page Title - Parallax Background
----------------------------------------------------------------- */

.page-title-parallax {
    background-color: transparent;
    background-image: url('images/parallax/parallax-bg.jpg');
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
}


/* Page Title - Mini
----------------------------------------------------------------- */


#page-title.page-title-mini h1 {
    color: #444;
}



/* Page Title - No Background
----------------------------------------------------------------- */

#page-title.page-title-nobg {
    background: transparent !important;
    border-bottom: 1px solid #F5F5F5;
}

/* 
 Page Title - Video
-----------------------------------------------------------------

 ----------------------------------------------------------------
	Content
----------------------------------------------------------------- */

#content {
    background-color: #FFF;
}


/* Grid Filter
----------------------------------------------------------------- */

.grid-filter li a {
    color: #666;
}

.grid-filter li a:hover {
    color: #f6901e;
}

.grid-filter li.activeFilter a {
    color: #FFF;
    background-color: #f6901e;
}


@media (min-width: 768px) {


    .grid-filter {
        border: 1px solid rgba(0, 0, 0, 0.07);
    }

    .grid-filter li a {
        border-left: 1px solid rgba(0, 0, 0, 0.07);
    }
}

/* 
 Grid Filter: Style 2
----------------------------------------------------------------- */

.grid-filter.style-2 li.activeFilter a {
    color: #FFF !important;
}

/* 
 Grid Filter: Style 3
----------------------------------------------------------------- */

.grid-filter.style-3 li a {
    border: 1px solid transparent;
}

.grid-filter.style-3 li.activeFilter a {
    color: #f6901e !important;
    border-color: #f6901e;
    background-color: transparent;
    margin: 0;
}

/* 
 Grid Filter: Style 4
----------------------------------------------------------------- */



.grid-filter.style-4 li.activeFilter a {
    color: #444 !important;
    background-color: transparent;
}

.grid-filter.style-4 li.activeFilter a::after {
    background-color: #f6901e;
}


/* Portfolio - Shuffle Icon
----------------------------------------------------------------- */

.grid-shuffle {
    border: 1px solid rgba(0, 0, 0, 0.07);
    color: #333;
}

.grid-shuffle:hover {
    background-color: #f6901e;
    color: #FFF;
}



/* 
 Portfolio - Item Title
----------------------------------------------------------------- */


.portfolio-desc h3 a {
    color: #222;
}

.portfolio-desc h3 a:hover {
    color: #f6901e;
}



.portfolio-desc span,
.portfolio-desc span a {
    color: #888;
}

.portfolio-desc span a:hover {
    color: #000;
}



.portfolio-reveal .portfolio-desc {
    background-color: #FFF;
}



/* 
 Portfolio Single - Content
----------------------------------------------------------------- */

.ajax-modal-title {
    background-color: #F9F9F9;
    border-bottom: 1px solid #EEE;
}


/* Portfolio Single - Meta
----------------------------------------------------------------- */

.portfolio-meta li {
    color: #666;
}

.portfolio-meta li span {
    color: #333;
}


/* Portfolio Single Navigation
----------------------------------------------------------------- */


#portfolio-navigation a {
    color: #444;
}

.page-title-dark #portfolio-navigation a {
    color: #EEE;
}

.page-title-parallax #portfolio-navigation a {
    color: #FFF;
}


#portfolio-navigation a:hover {
    color: #f6901e;
}


/* 
 ----------------------------------------------------------------
	Blog
----------------------------------------------------------------- */

.entry::after {
    background-color: #F5F5F5;
}


.entry-title h2 a,
.entry-title h3 a,
.entry-title h4 a {
    color: #333;
}

.entry-title h2 a:hover,
.entry-title h3 a:hover,
.entry-title h4 a:hover {
    color: #f6901e;
}


.entry-meta li {
    color: #999;
}


.entry-meta a:not(:hover) {
    color: #999;
}


.entry-link {
    background-color: #F5F5F5;
    color: #444;
}


.entry-link:hover {
    color: #FFF;
    background-color: #f6901e;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.entry-link span {
    color: #AAA;
}

.entry-link:hover span {
    color: #EEE;
}




@media (min-width: 992px) {
    .timeline-border {
        border-left: 1px dashed #CCC;
    }

    .postcontent .post-timeline::before {
        border-left: 1px dashed #CCC;
    }

    .post-timeline .entry-timeline {
        border: 2px solid #CCC;
        background-color: #FFF;
        color: #AAA;
    }

    .post-timeline .entry-timeline .timeline-divider {
        border-top: 1px dashed #CCC;
    }



    .post-timeline .entry:hover .entry-timeline,
    .post-timeline .entry:hover .timeline-divider {
        border-color: #f6901e;
        color: #f6901e;
    }
}


.entry.entry-date-section span {
    background-color: #FFF;
    border: 2px solid #EEE;
}

@media (min-width: 992px) {

    /* Blog - Timeline - Sidebar
	----------------------------------------------------------------- */
    .postcontent .post-timeline .entry-timeline {
        border: 3px solid #CCC;
        background-color: #FFF;
    }
}

.more-link {
    border-bottom: 1px solid #f6901e;
}

.more-link:hover {
    border-bottom-color: #555;
}


/* 
 ----------------------------------------------------------------
	Comments List
----------------------------------------------------------------- */

#comments {
    border-top: 1px solid #EEE;
}

.commentlist {
    border-bottom: 1px solid #EEE;
}


.comment-wrap {
    border: 1px solid #E5E5E5;
}

.comment-avatar {
    background: #FFF;
    border: 1px solid #E5E5E5;
}



.comment-content .comment-author {
    color: #555;
}

.comment-content .comment-author a {
    color: #333;
}

.comment-content .comment-author a:hover {
    color: #f6901e;
}



.comment-content .comment-author span,
.comment-content .comment-author span a {
    color: #AAA;
}

.comment-content .comment-author span a:hover {
    color: #888;
}

.comment-reply-link,
.review-comment-ratings {
    color: #CCC;
}

.review-comment-ratings {
    color: #333;
}

.comment-reply-link:hover {
    color: #888;
}

/* 
 ----------------------------------------------------------------
	Comment Form
----------------------------------------------------------------- */

#respond label small {
    color: #999;
}


p.wp-caption-text {
    background-color: #EEE;
}


/* 
 Infinity Scroll - Message Style
----------------------------------------------------------------- */

#infscr-loading,
#portfolio-ajax-loader {
    background-color: rgba(0, 0, 0, 0.7);
    color: #FFF;
}



.page-load-status .css3-spinner-ball-pulse-sync > div {
    background-color: #333;
}

/* 
 ----------------------------------------------------------------
	Shop
----------------------------------------------------------------- */


.product-title h3 a,
.single-product .product-title h2 a {
    color: #333;
}

.product-title h3 a:hover,
.single-product .product-title h2 a:hover {
    color: #f6901e;
}

.product-price {
    color: #444;
}

.product-price del {
    color: #888;
}

.product-price ins {
    color: #f6901e;
}

/* 

 Shop - Single
----------------------------------------------------------------- */


.shop-quick-view-ajax,
.portfolio-ajax-modal {
    background-color: #FFF;
}


.single-product .product-price {
    color: #f6901e;
}


.quantity .qty {
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    background-color: #EEE;
}

.quantity .plus,
.quantity .minus {
    background-color: #EEE;
}

.quantity .plus:hover,
.quantity .minus:hover {
    background-color: #DDD;
}



.product-meta {
    color: #777;
}

/*    

 ----------------------------------------------------------------
	Cart
----------------------------------------------------------------- */

.cart .remove {
    color: #FF0000;
}

.cart .remove:hover {
    color: #000;
}

.cart th {
    color: #555;
}

.cart td {
    border-color: #E5E5E5 !important;
}


.cart-product-thumbnail img {
    border: 2px solid #EEE;
}

.cart-product-thumbnail img:hover {
    border-color: #f6901e;
}

.cart-product-name a,
.product-name a {
    color: #333;
}

.cart-product-name a:hover,
.product-name a:hover {
    color: #666;
}



@media (max-width: 767.98px) {
    .cart-product-quantity .quantity .qty {
        border-top: 1px solid #DDD;
        border-bottom: 1px solid #DDD;
    }
}

td.actions {
    background-color: #F5F5F5;
}

/* 
 ----------------------------------------------------------------
	Events
----------------------------------------------------------------- */

.event .grid-inner {
    background-color: #F9F9F9;
    border-bottom: 3px solid #EEE;
}

.event .entry-image .entry-date {
    background-color: rgba(0, 0, 0, 0.7);
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}


.single-event .entry-overlay,
.parallax .entry-overlay-meta {
    background-color: rgba(0, 0, 0, 0.85);
    color: #FFF;
}

.single-event .countdown-section {
    border-left-color: rgba(255, 255, 255, 0.3);
    color: #CCC;
}

.single-event .countdown-amount {
    color: #FFF;
}


.parallax .entry-overlay-meta {
    background-color: rgba(0, 0, 0, 0.7);
}


.parallax .entry-overlay-meta h2 {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
}

.parallax .entry-overlay-meta h2 a {
    color: #FFF;
}

.parallax .entry-overlay-meta h2 a:hover {
    color: #DDD;
}


.parallax .countdown-section {
    background-color: rgba(0, 0, 0, 0.7);
}


/* 
 ----------------------------------------------------------------

	Countdown

----------------------------------------------------------------- */

.countdown-section {
    border-left: 1px dotted #BBB;
    color: #888;
}


.countdown-amount {
    color: #333;
}

/* Countdown - Inline
----------------------------------------------------------------- */


@media (min-width: 768px) {
    /* Countdown - Coming Soon
	-----------------------------------------------------------------
     */

    .countdown.countdown-large.coming-soon .countdown-amount {
        background-color: rgba(0, 0, 0, 0.2);
    }
}


/* ----------------------------------------------------------------
	Buttons
----------------------------------------------------------------- */

.button {
    background: #059e0f !important;
    color: #fff !important;
    border: 1px solid #059e0f !important;
}


.button.button-dark {
    background-color: #444;
}

.button.button-light {
    color: #fff !important;
    text-shadow: none !important;
    background: linear-gradient(180deg, #059e0f 0%, #059e0f 51%, #034207 52%, #034207 100%) !important;
}

.button.button-light:hover {
    color: #fff !important;
    text-shadow: none !important;
    background: linear-gradient(180deg, #034207 0%, #034207 51%, #059e0f 52%, #059e0f 100%) !important;
}


/* 
 Buttons - Border
----------------------------------------------------------------- */



.button.button-border {
    background: linear-gradient(180deg, #059e0f 0%, #059e0f 51%, #034207 52%, #034207 100%) !important;
    border: 1px solid #07b012 !important;
    color: white !important;
}

.button.button-border:hover {
    background: linear-gradient(180deg, #034207 0%, #034207 51%, #059e0f 52%, #059e0f 100%) !important;
    border: 1px solid #07b012 !important;
}



.button.button-border:not(.button-fill):hover {
    background: linear-gradient(180deg, #0c7a00 0%, #0c7a00 51%, #218f05 52%, #218f05 100%);
    color: #FFF;
}

.button.button-border.button-light {
    border-color: #FFF;
    color: #FFF;
}

.button.button-border.button-light:hover {
    background-color: #FFF;
    color: #333;
    text-shadow: none;
}


/* Buttons - Border
----------------------------------------------------------------- */


.button.button-3d:hover {
    background-color: #f6901e;
}

.button.button-3d.button-light:hover,
.button.button-reveal.button-light:hover {
    text-shadow: none;
    color: #333;
}

/* 
 Buttons - Icon Reveal
----------------------------------------------------------------- */

.button.button-reveal i {
    background-color: rgba(0, 0, 0, 0.1);
}


/* Buttons - Promo 100% Width
----------------------------------------------------------------- */

.button.button-full {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

.button.button-full.button-light {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.button.button-full strong {
    border-bottom: 2px solid #EEE;
}

.button.button-full.button-light strong {
    border-bottom-color: #333;
}

.button.button-full.button-light:hover strong {
    border-bottom-color: #EEE;
}

/* 
 Buttons - Fill Effect
----------------------------------------------------------------- */


.button.button-border.button-fill:hover {
    color: #FFF;
}

.button.button-border.button-fill.button-light:hover {
    border-color: #EEE !important;
    color: #333 !important;
    text-shadow: none;
}

.button.button-border.button-fill::before {
    background-color: #444;
}

.button.button-border.button-fill.button-light::before {
    background-color: #EEE;
}

/* 

 Buttons - Colors
----------------------------------------------------------------- */

.button-red {
    background-color: #C02942;
}

.button-3d.button-red:hover,
.button-reveal.button-red:hover,
.button-border.button-red:hover,
.button-border.button-red.button-fill::before {
    background-color: #C02942 !important;
}

.button-border.button-red {
    color: #C02942;
    border-color: #C02942;
}

.button-teal {
    background-color: #53777A;
}

.button-3d.button-teal:hover,
.button-reveal.button-teal:hover,
.button-border.button-teal:hover,
.button-border.button-teal.button-fill::before {
    background-color: #53777A !important;
}

.button-border.button-teal {
    color: #53777A;
    border-color: #53777A;
}

.button-light.button-yellow {
    background-color: #ECD078;
}

.button-3d.button-yellow:hover,
.button-reveal.button-yellow:hover,
.button-border.button-yellow:hover,
.button-border.button-yellow.button-fill::before {
    background-color: #ECD078 !important;
}

.button-border.button-yellow,
.button-border.button-yellow.button-fill.button-light:hover {
    color: #ECD078 !important;
    border-color: #ECD078 !important;
}

.button-border.button-yellow:hover,
.button-border.button-yellow.button-fill.button-light:hover {
    color: #333 !important;
}

.button-green {
    background-color: #59BA41;
    border: 2px solid #4aa234;
}

.button-green:hover {
    background: #70e852;
}

.button-3d.button-green:hover,
.button-reveal.button-green:hover,
.button-border.button-green:hover,
.button-border.button-green.button-fill::before {
    background-color: #59BA41 !important;
}

.button-border.button-green {
    color: #59BA41;
    border-color: #59BA41;
}

.button-brown {
    background-color: #774F38;
}

.button-3d.button-brown:hover,
.button-reveal.button-brown:hover,
.button-border.button-brown:hover,
.button-border.button-brown.button-fill::before {
    background-color: #774F38 !important;
}

.button-border.button-brown {
    color: #774F38;
    border-color: #774F38;
}

.button-aqua {
    background-color: #40C0CB;
}

.button-3d.button-aqua:hover,
.button-reveal.button-aqua:hover,
.button-border.button-aqua:hover,
.button-border.button-aqua.button-fill::before {
    background-color: #40C0CB !important;
}

.button-border.button-aqua {
    color: #40C0CB;
    border-color: #40C0CB;
}

.button-light.button-lime {
    background-color: #AEE239;
}

.button-3d.button-lime:hover,
.button-reveal.button-lime:hover,
.button-border.button-lime:hover,
.button-border.button-lime.button-fill::before {
    background-color: #AEE239 !important;
}

.button-border.button-lime {
    color: #AEE239;
    border-color: #AEE239;
}

.button-purple {
    background-color: #5D4157;
}

.button-3d.button-purple:hover,
.button-reveal.button-purple:hover,
.button-border.button-purple:hover,
.button-border.button-purple.button-fill::before {
    background-color: #5D4157 !important;
}

.button-border.button-purple {
    color: #5D4157;
    border-color: #5D4157;
}

.button-leaf {
    background-color: #A8CABA;
}

.button-3d.button-leaf:hover,
.button-reveal.button-leaf:hover,
.button-border.button-leaf:hover,
.button-border.button-leaf.button-fill::before {
    background-color: #A8CABA !important;
}

.button-border.button-leaf {
    color: #A8CABA;
    border-color: #A8CABA;
}

.button-pink {
    background-color: #F89FA1;
}

.button-3d.button-pink:hover,
.button-reveal.button-pink:hover,
.button-border.button-pink:hover,
.button-border.button-pink.button-fill::before {
    background-color: #F89FA1 !important;
}

.button-border.button-pink {
    color: #F89FA1;
    border-color: #F89FA1;
}

.button-dirtygreen {
    background-color: #1693A5;
}

.button-3d.button-dirtygreen:hover,
.button-reveal.button-dirtygreen:hover,
.button-border.button-dirtygreen:hover,
.button-border.button-dirtygreen.button-fill::before {
    background-color: #1693A5 !important;
}

.button-border.button-dirtygreen {
    color: #1693A5;
    border-color: #1693A5;
}

.button-blue {
    background-color: #1265A8;
}

.button-3d.button-blue:hover,
.button-reveal.button-blue:hover,
.button-border.button-blue:hover,
.button-border.button-blue.button-fill::before {
    background-color: #1265A8 !important;
}

.button-border.button-blue {
    color: #1265A8;
    border-color: #1265A8;
}

.button-amber {
    background-color: #ff9200;
}

.button-3d.button-amber:hover,
.button-amber:hover,
.button-reveal.button-amber:hover,
.button-border.button-amber:hover,
.button-border.button-amber.button-fill::before {
    background-color: #40ab11 !important;
}

.button-border.button-amber {
    color: #EB9C4D;
    border-color: #EB9C4D;
}

.button-black {
    background-color: #111;
}

.button-3d.button-black:hover,
.button-reveal.button-black:hover,
.button-border.button-black:hover,
.button-border.button-black.button-fill::before {
    background-color: #111 !important;
}

.button-border.button-black {
    color: #111;
    border-color: #111;
}

.button-white {
    background: linear-gradient(180deg, #eb9b34 0%, #eb9b34 51%, #c9852c 52%, #c9852c 100%);
    border: 1px solid #eb9b34;
}

.button-white:hover {
    background: linear-gradient(180deg, #c9852c 0%, #c9852c 51%, #eb9b34 52%, #eb9b34 100%);
}

.button-3d.button-white:hover,
.button-reveal.button-white:hover,
.button-white:hover {
    background-color: #F9F9F9 !important;
    color: #fff;
}


/* ----------------------------------------------------------------
	Promo Boxes
----------------------------------------------------------------- */


.promo h3 + span {
    color: #444;
}

/* 
 Promo - with Border
----------------------------------------------------------------- */

.promo-border {
    border: 1px solid #E5E5E5;
}

/* 
 Promo - Light
----------------------------------------------------------------- */

.promo-light {
    background-color: #F5F5F5;
}

/* 
 Promo - Dark
----------------------------------------------------------------- */

.promo-dark {
    background-color: #333;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.promo-dark h3 {
    color: #FFF;
}

.promo-dark h3 + span {
    color: #EEE;
}


/* 
 ----------------------------------------------------------------
	Featured Boxes
----------------------------------------------------------------- */


.fbox-icon a,
.fbox-icon i,
.fbox-icon img {
    color: #FFF;
}

.fbox-icon i,
.fbox-icon img {
    background-color: #f6901e;
}



.fbox-content h3 {
    color: #333;
}

.fbox-content p {
    color: #999;
}


/* 

 Feature Box - Icon Outline
----------------------------------------------------------------- */

.fbox-outline .fbox-icon a {
    border: 1px solid #f6901e;
}

/* 
 Feature Box - Light Background
----------------------------------------------------------------- */

.fbox-light.fbox-outline .fbox-icon a {
    border-color: #E5E5E5;
}

.fbox-light .fbox-icon i,
.fbox-light .fbox-icon img {
    border: 1px solid #E5E5E5;
    background-color: #F5F5F5;
    color: #444;
}

/* 
 Feature Box - Dark Background
----------------------------------------------------------------- */

.fbox-dark.fbox-outline .fbox-icon a {
    border-color: #444;
}

.fbox-dark .fbox-icon i,
.fbox-dark .fbox-icon img {
    background-color: #333;
}

/* 
 Feature Box - Border
----------------------------------------------------------------- */

.fbox-border .fbox-icon a {
    border: 1px solid #f6901e;
}

.fbox-border .fbox-icon i,
.fbox-border .fbox-icon img {
    border: none;
    background-color: transparent !important;
    color: #f6901e;
}

/* 
 Feature Box - Border - Light
----------------------------------------------------------------- */

.fbox-border.fbox-light .fbox-icon a {
    border-color: #E5E5E5;
}

.fbox-border.fbox-light .fbox-icon i,
.fbox-border.fbox-light .fbox-icon img {
    color: #888;
}

/* 
 Feature Box - Border - Dark
----------------------------------------------------------------- */

.fbox-border.fbox-dark .fbox-icon a {
    border-color: #333;
}

.fbox-border.fbox-dark .fbox-icon i,
.fbox-border.fbox-dark .fbox-icon img {
    color: #444;
}


/* Feature Box - Plain
----------------------------------------------------------------- */

.fbox-plain .fbox-icon {
    border: none !important;
}

.fbox-plain .fbox-icon i,
.fbox-plain .fbox-icon img {
    background-color: transparent !important;
    color: #f6901e;
}



.fbox-plain.fbox-light .fbox-icon i,
.fbox-plain.fbox-light .fbox-icon img {
    color: #888;
}

.fbox-plain.fbox-dark .fbox-icon i,
.fbox-plain.fbox-dark .fbox-icon img {
    color: #444;
}


/* 
 Feature Box - Subtitle
----------------------------------------------------------------- */


.fbox-content h3 span.subtitle {
    color: #444;
}

.fbox-center.fbox-sep:not(.fbox-bg) h3::after {
    background-color: #555;
}

/* 
 Feature Box - Background
----------------------------------------------------------------- */

.fbox-bg.fbox-center {
    border: 1px solid #E5E5E5;
}

.fbox-bg.fbox-center .fbox-icon {
    background-color: #FFF;
}

/* 
 Animated Icon Hovers
----------------------------------------------------------------- */

.fbox-effect .fbox-icon i::after {
    box-shadow: 0 0 0 2px #333;
}

.fbox-effect .fbox-icon i:hover,
.fbox-effect:hover .fbox-icon i {
    background-color: #333;
    color: #FFF;
}

.fbox-effect.fbox-dark .fbox-icon i::after {
    box-shadow: 0 0 0 2px #f6901e;
}

.fbox-effect.fbox-dark .fbox-icon i:hover,
.fbox-effect.fbox-dark:hover .fbox-icon i {
    background-color: #f6901e;
}

/* 
 Icon Effects - Bordered
----------------------------------------------------------------- */

.fbox-border.fbox-effect .fbox-icon i:hover,
.fbox-border.fbox-effect:hover .fbox-icon i {
    color: #FFF;
    box-shadow: 0 0 0 1px #333;
}

.fbox-border.fbox-effect .fbox-icon i::after {
    background-color: #333;
}

.fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover,
.fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i {
    box-shadow: 0 0 0 1px #f6901e;
}

.fbox-border.fbox-effect.fbox-dark .fbox-icon i::after {
    background-color: #f6901e;
}

/* 

 Media Featured Box
----------------------------------------------------------------- */


.media-box.fbox-bg .fbox-content {
    background-color: #FFF;
    border: 1px solid #E5E5E5;
}

/* 

 ----------------------------------------------------------------
	Process Steps
----------------------------------------------------------------- */


.process-steps li .i-bordered {
    background-color: #FFF;
}

.process-steps li.active h5,
.process-steps li.ui-tabs-active h5 {
    color: #f6901e;
}

.process-steps li.active a,
.process-steps li.ui-tabs-active a {
    background-color: #f6901e !important;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    border-color: #f6901e !important;
}

@media (min-width: 992px) {

    .process-steps li::before,
    .process-steps li::after {
        border-top: 1px dashed #DDD;
    }
}

/* 

 ----------------------------------------------------------------
	Alerts
----------------------------------------------------------------- */

.style-msg,
.style-msg2 {
    color: #444;
    border-left: 4px solid rgba(0, 0, 0, 0.1);
}

.style-msg2 {
    border-left: 4px solid rgba(0, 0, 0, 0.2);
}

.successmsg {
    background: #d4edda;
    color: #155724;
}

.errormsg {
    background: #f8d7da;
    color: #721c24;
}

.infomsg {
    background: #d1ecf1;
    color: #0c5460;
}

.alertmsg {
    background: #fff3cd;
    color: #856404;
}

.style-msg .sb-msg,
.style-msg2 .msgtitle,
.style-msg2 .sb-msg {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
}

.style-msg2 .msgtitle {
    background: rgba(0, 0, 0, 0.15);
}

.style-msg-light .sb-msg,
.style-msg-light .msgtitle {
    color: #FFF;
}


/* 
 ----------------------------------------------------------------
	Styled Icons
----------------------------------------------------------------- */

.i-rounded,
.i-plain,
.i-circled,
.i-bordered,
.social-icon {
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.i-rounded,
.i-circled,
.i-bordered {
    background-color: #444;
}

.i-bordered {
    border: 1px solid #555;
    color: #444;
}

.i-plain {
    color: #444;
    text-shadow: 1px 1px 1px #FFF;
}

.i-plain:hover {
    color: #777;
}

.i-light {
    background-color: #F5F5F5;
    color: #444;
    text-shadow: 1px 1px 1px #FFF;
    box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.2);
}

.i-rounded:hover,
.i-circled:hover {
    background-color: #f6901e;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
}

.i-bordered:hover {
    background-color: #444 !important;
    color: #FFF;
    border-color: #444;
}

/* 
 ----------------------------------------------------------------
	Social Icons
----------------------------------------------------------------- */

.social-icon {
    color: #555;
    border: 1px solid #AAA;
}

/* 
 Social Icons - Dark
----------------------------------------------------------------- */

.si-dark {
    background-color: #444;
    color: #FFF !important;
}

/* 
 Social Icons - Light
----------------------------------------------------------------- */

.si-light {
    background-color: rgba(0, 0, 0, 0.05);
    color: #666 !important;
    border-color: transparent;
}


/* Social Icons - Colored
----------------------------------------------------------------- */

.si-colored {
    border-color: transparent !important;
}

.si-colored i {
    color: #FFF;
}



/* 
 Social Icons - Small
----------------------------------------------------------------- */


.social-icon i:last-child {
    color: #FFF !important;
}

.social-icon:hover {
    color: #555;
    border-color: transparent;
}



/* 
 Social Icons - Share
----------------------------------------------------------------- */

.si-share {
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
}



.si-facebook:hover,
.si-colored.si-facebook {
    background-color: #3B5998 !important;
}

.si-delicious:hover,
.si-colored.si-delicious {
    background-color: #205CC0 !important;
}

.si-paypal:hover,
.si-colored.si-paypal {
    background-color: #00588B !important;
}

.si-flattr:hover,
.si-colored.si-flattr {
    background-color: #F67C1A !important;
}

.si-android:hover,
.si-colored.si-android {
    background-color: #A4C639 !important;
}

.si-smashmag:hover,
.si-colored.si-smashmag {
    background-color: #E53B2C !important;
}

.si-gplus:hover,
.si-colored.si-gplus {
    background-color: #DD4B39 !important;
}

.si-wikipedia:hover,
.si-colored.si-wikipedia {
    background-color: #333 !important;
}

.si-stumbleupon:hover,
.si-colored.si-stumbleupon {
    background-color: #F74425 !important;
}

.si-foursquare:hover,
.si-colored.si-foursquare {
    background-color: #25A0CA !important;
}

.si-call:hover,
.si-colored.si-call {
    background-color: #444 !important;
}

.si-ninetyninedesigns:hover,
.si-colored.si-ninetyninedesigns {
    background-color: #F26739 !important;
}

.si-forrst:hover,
.si-colored.si-forrst {
    background-color: #5B9A68 !important;
}

.si-digg:hover,
.si-colored.si-digg {
    background-color: #191919 !important;
}

.si-spotify:hover,
.si-colored.si-spotify {
    background-color: #81B71A !important;
}

.si-reddit:hover,
.si-colored.si-reddit {
    background-color: #C6C6C6 !important;
}

.si-blogger:hover,
.si-colored.si-blogger {
    background-color: #FC4F08 !important;
}

.si-cc:hover,
.si-colored.si-cc {
    background-color: #688527 !important;
}

.si-dribbble:hover,
.si-colored.si-dribbble {
    background-color: #EA4C89 !important;
}

.si-evernote:hover,
.si-colored.si-evernote {
    background-color: #5BA525 !important;
}

.si-flickr:hover,
.si-colored.si-flickr {
    background-color: #FF0084 !important;
}

.si-google:hover,
.si-colored.si-google {
    background-color: #DD4B39 !important;
}

.si-instapaper:hover,
.si-colored.si-instapaper {
    background-color: #333 !important;
}

.si-klout:hover,
.si-colored.si-klout {
    background-color: #FF5F52 !important;
}

.si-linkedin:hover,
.si-colored.si-linkedin {
    background-color: #0E76A8 !important;
}

.si-vk:hover,
.si-colored.si-vk {
    background-color: #2B587A !important;
}

.si-rss:hover,
.si-colored.si-rss {
    background-color: #EE802F !important;
}

.si-skype:hover,
.si-colored.si-skype {
    background-color: #00AFF0 !important;
}

.si-twitter:hover,
.si-colored.si-twitter {
    background-color: #00ACEE !important;
}

.si-youtube:hover,
.si-colored.si-youtube {
    background-color: #C4302B !important;
}

.si-vimeo:hover,
.si-colored.si-vimeo {
    background-color: #86C9EF !important;
}

.si-aim:hover,
.si-colored.si-aim {
    background-color: #FCD20B !important;
}

.si-yahoo:hover,
.si-colored.si-yahoo {
    background-color: #720E9E !important;
}

.si-email3:hover,
.si-colored.si-email3 {
    background-color: #6567A5 !important;
}

.si-macstore:hover,
.si-colored.si-macstore {
    background-color: #333333 !important;
}

.si-myspace:hover,
.si-colored.si-myspace {
    background-color: #666666 !important;
}

.si-podcast:hover,
.si-colored.si-podcast {
    background-color: #E4B21B !important;
}

.si-cloudapp:hover,
.si-colored.si-cloudapp {
    background-color: #525557 !important;
}

.si-dropbox:hover,
.si-colored.si-dropbox {
    background-color: #3D9AE8 !important;
}

.si-ebay:hover,
.si-colored.si-ebay {
    background-color: #89C507 !important;
}

.si-github:hover,
.si-colored.si-github {
    background-color: #171515 !important;
}

.si-googleplay:hover,
.si-colored.si-googleplay {
    background-color: #DD4B39 !important;
}

.si-itunes:hover,
.si-colored.si-itunes {
    background-color: #222 !important;
}

.si-plurk:hover,
.si-colored.si-plurk {
    background-color: #CF5A00 !important;
}

.si-pinboard:hover,
.si-colored.si-pinboard {
    background-color: #0000E6 !important;
}

.si-soundcloud:hover,
.si-colored.si-soundcloud {
    background-color: #FF7700 !important;
}

.si-tumblr:hover,
.si-colored.si-tumblr {
    background-color: #34526F !important;
}

.si-wordpress:hover,
.si-colored.si-wordpress {
    background-color: #1E8CBE !important;
}

.si-yelp:hover,
.si-colored.si-yelp {
    background-color: #C41200 !important;
}

.si-intensedebate:hover,
.si-colored.si-intensedebate {
    background-color: #009EE4 !important;
}

.si-eventbrite:hover,
.si-colored.si-eventbrite {
    background-color: #F16924 !important;
}

.si-scribd:hover,
.si-colored.si-scribd {
    background-color: #666666 !important;
}

.si-stripe:hover,
.si-colored.si-stripe {
    background-color: #008CDD !important;
}

.si-print:hover,
.si-colored.si-print {
    background-color: #111 !important;
}

.si-dwolla:hover,
.si-colored.si-dwolla {
    background-color: #FF5C03 !important;
}

.si-statusnet:hover,
.si-colored.si-statusnet {
    background-color: #131A30 !important;
}

.si-acrobat:hover,
.si-colored.si-acrobat {
    background-color: #D3222A !important;
}

.si-drupal:hover,
.si-colored.si-drupal {
    background-color: #27537A !important;
}

.si-buffer:hover,
.si-colored.si-buffer {
    background-color: #333333 !important;
}

.si-pocket:hover,
.si-colored.si-pocket {
    background-color: #EE4056 !important;
}

.si-bitbucket:hover,
.si-colored.si-bitbucket {
    background-color: #0E4984 !important;
}

.si-stackoverflow:hover,
.si-colored.si-stackoverflow {
    background-color: #EF8236 !important;
}

.si-hackernews:hover,
.si-colored.si-hackernews {
    background-color: #FF6600 !important;
}

.si-xing:hover,
.si-colored.si-xing {
    background-color: #126567 !important;
}

.si-instagram:hover,
.si-colored.si-instagram {
    background-color: #8A3AB9 !important;
}

.si-quora:hover,
.si-colored.si-quora {
    background-color: #A82400 !important;
}

.si-openid:hover,
.si-colored.si-openid {
    background-color: #E16309 !important;
}

.si-steam:hover,
.si-colored.si-steam {
    background-color: #111 !important;
}

.si-amazon:hover,
.si-colored.si-amazon {
    background-color: #E47911 !important;
}

.si-disqus:hover,
.si-colored.si-disqus {
    background-color: #E4E7EE !important;
}

.si-plancast:hover,
.si-colored.si-plancast {
    background-color: #222 !important;
}

.si-appstore:hover,
.si-colored.si-appstore {
    background-color: #000 !important;
}

.si-pinterest:hover,
.si-colored.si-pinterest {
    background-color: #C8232C !important;
}

.si-fivehundredpx:hover,
.si-colored.si-fivehundredpx {
    background-color: #111 !important;
}

.si-tiktok:hover,
.si-colored.si-tiktok {
    background-color: #000 !important;
}

.si-whatsapp:hover,
.si-colored.si-whatsapp {
    background-color: #25D366 !important;
}

.si-tripadvisor:hover,
.si-colored.si-tripadvisor {
    background-color: #00AF87 !important;
}

.si-gpay:hover,
.si-colored.si-gpay {
    background-color: #6877DF !important;
}

.si-unsplash:hover,
.si-colored.si-unsplash {
    background-color: #111 !important;
}

.si-snapchat:hover,
.si-colored.si-snapchat {
    background-color: #FFFC00 !important;
}

/* 
 Social Icons Text Color
----------------------------------------------------------------- */

.si-text-color.si-facebook i {
    color: #3B5998;
}

.si-text-color.si-delicious i {
    color: #205CC0;
}

.si-text-color.si-paypal i {
    color: #00588B;
}

.si-text-color.si-flattr i {
    color: #F67C1A;
}

.si-text-color.si-android i {
    color: #A4C639;
}

.si-text-color.si-smashmag i {
    color: #E53B2C;
}

.si-text-color.si-gplus i {
    color: #DD4B39;
}

.si-text-color.si-wikipedia i {
    color: #333;
}

.si-text-color.si-stumbleupon i {
    color: #F74425;
}

.si-text-color.si-foursquare i {
    color: #25A0CA;
}

.si-text-color.si-call i {
    color: #444;
}

.si-text-color.si-ninetyninedesigns i {
    color: #F26739;
}

.si-text-color.si-forrst i {
    color: #5B9A68;
}

.si-text-color.si-digg i {
    color: #191919;
}

.si-text-color.si-spotify i {
    color: #81B71A;
}

.si-text-color.si-reddit i {
    color: #C6C6C6;
}

.si-text-color.si-blogger i {
    color: #FC4F08;
}

.si-text-color.si-cc i {
    color: #688527;
}

.si-text-color.si-dribbble i {
    color: #EA4C89;
}

.si-text-color.si-evernote i {
    color: #5BA525;
}

.si-text-color.si-flickr i {
    color: #FF0084;
}

.si-text-color.si-google i {
    color: #DD4B39;
}

.si-text-color.si-instapaper i {
    color: #333;
}

.si-text-color.si-klout i {
    color: #FF5F52;
}

.si-text-color.si-linkedin i {
    color: #0E76A8;
}

.si-text-color.si-vk i {
    color: #2B587A;
}

.si-text-color.si-rss i {
    color: #EE802F;
}

.si-text-color.si-skype i {
    color: #00AFF0;
}

.si-text-color.si-twitter i {
    color: #00ACEE;
}

.si-text-color.si-youtube i {
    color: #C4302B;
}

.si-text-color.si-vimeo i {
    color: #86C9EF;
}

.si-text-color.si-aim i {
    color: #FCD20B;
}

.si-text-color.si-yahoo i {
    color: #720E9E;
}

.si-text-color.si-email3 i {
    color: #6567A5;
}

.si-text-color.si-macstore i {
    color: #333333;
}

.si-text-color.si-myspace i {
    color: #666666;
}

.si-text-color.si-podcast i {
    color: #E4B21B;
}

.si-text-color.si-cloudapp i {
    color: #525557;
}

.si-text-color.si-dropbox i {
    color: #3D9AE8;
}

.si-text-color.si-ebay i {
    color: #89C507;
}

.si-text-color.si-github i {
    color: #171515;
}

.si-text-color.si-googleplay i {
    color: #DD4B39;
}

.si-text-color.si-itunes i {
    color: #222;
}

.si-text-color.si-plurk i {
    color: #CF5A00;
}

.si-text-color.si-pinboard i {
    color: #0000E6;
}

.si-text-color.si-soundcloud i {
    color: #FF7700;
}

.si-text-color.si-tumblr i {
    color: #34526F;
}

.si-text-color.si-wordpress i {
    color: #1E8CBE;
}

.si-text-color.si-yelp i {
    color: #C41200;
}

.si-text-color.si-intensedebate i {
    color: #009EE4;
}

.si-text-color.si-eventbrite i {
    color: #F16924;
}

.si-text-color.si-scribd i {
    color: #666666;
}

.si-text-color.si-stripe i {
    color: #008CDD;
}

.si-text-color.si-print i {
    color: #111;
}

.si-text-color.si-dwolla i {
    color: #FF5C03;
}

.si-text-color.si-statusnet i {
    color: #131A30;
}

.si-text-color.si-acrobat i {
    color: #D3222A;
}

.si-text-color.si-drupal i {
    color: #27537A;
}

.si-text-color.si-buffer i {
    color: #333333;
}

.si-text-color.si-pocket i {
    color: #EE4056;
}

.si-text-color.si-bitbucket i {
    color: #0E4984;
}

.si-text-color.si-stackoverflow i {
    color: #EF8236;
}

.si-text-color.si-hackernews i {
    color: #FF6600;
}

.si-text-color.si-xing i {
    color: #126567;
}

.si-text-color.si-instagram i {
    color: #8A3AB9;
}

.si-text-color.si-quora i {
    color: #A82400;
}

.si-text-color.si-openid i {
    color: #E16309;
}

.si-text-color.si-steam i {
    color: #111;
}

.si-text-color.si-amazon i {
    color: #E47911;
}

.si-text-color.si-disqus i {
    color: #E4E7EE;
}

.si-text-color.si-plancast i {
    color: #222;
}

.si-text-color.si-appstore i {
    color: #000;
}

.si-text-color.si-pinterest i {
    color: #C8232C;
}

.si-text-color.si-fivehundredpx i {
    color: #111;
}

.si-text-color.si-tiktok i {
    color: #000;
}

.si-text-color.si-whatsapp i {
    color: #25D366;
}

.si-text-color.si-tripadvisor i {
    color: #00AF87;
}

.si-text-color.si-gpay i {
    color: #6877DF;
}

.si-text-color.si-unsplash i {
    color: #111;
}

.si-text-color.si-snapchat i {
    color: #FFFC00;
}

.si-text-color:hover {
    color: #FFF;
}

/* 
 ----------------------------------------------------------------
	Toggle
----------------------------------------------------------------- */


.toggle-header,
.accordion-header {
    color: #444;
}

/* 
 Toggle - with Title Background
----------------------------------------------------------------- */

.toggle-bg .toggle-header {
    background-color: #EEE;
}


/* 
 Toggle - Bordered
----------------------------------------------------------------- */

.toggle-border {
    border: 1px solid #CCC;
}


/* 
 Toggle - FAQs
----------------------------------------------------------------- */

.faqs .toggle {
    border-bottom: 1px solid #EEE;
}

/* 
 ----------------------------------------------------------------
	Accordions
----------------------------------------------------------------- */


.accordion-header {
    border-top: 1px dotted #DDD;
}


/* Accordion - with Title Background
----------------------------------------------------------------- */

.accordion-bg .accordion-header {
    background-color: #EEE;
}


/* 
 Accordion - Bordered
----------------------------------------------------------------- */

.accordion-border {
    border: 1px solid #DDD;
}

.accordion-border .accordion-header {
    border-color: #CCC;
}


/* 
 Accordion - Large
-----------------------------------------------------------------


 ----------------------------------------------------------------
	Tabs
----------------------------------------------------------------- */

.tab-nav {
    border-bottom: 1px solid #DDD;
}

.tab-nav li {
    border: 1px solid #DDD;
}


.tab-nav li:first-child {
    border-left: 1px solid #DDD;
}

.tab-nav li a {
    color: #444;
    background-color: #F2F2F2;
}


.tab-nav li.ui-tabs-active a {
    background-color: #FFF;
}


/* Tabs - Alternate Nav
----------------------------------------------------------------- */


.tabs-alt .tab-nav li a {
    background-color: #FFF;
}

.tabs-alt .tab-nav li.ui-tabs-active a {
    border: 1px solid #DDD;
}

/* 
 Tabs - Top Border
----------------------------------------------------------------- */

.tabs-tb .tab-nav li.ui-tabs-active a {
    border-top: 2px solid #f6901e;
}



/* Tabs - Bottom Border
----------------------------------------------------------------- */



.tabs-bb .tab-nav li a {
    background-color: transparent;
}

.tabs-bb .tab-nav li.ui-tabs-active a {
    border-bottom: 2px solid #f6901e;
}


/* Tabs - Navigation Style 2
----------------------------------------------------------------- */



.tab-nav.tab-nav2 li a {
    background-color: #F5F5F5;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.tab-nav.tab-nav2 li.ui-state-active a {
    background-color: #f6901e;
    color: #FFF;
}


/* Tabs - Large Navigation
----------------------------------------------------------------- */


.tab-nav-lg li a {
    color: #444;
}


.tab-nav-lg li.ui-tabs-active a {
    color: #f6901e;
}


.tab-nav-lg.tab-nav-section li.ui-tabs-active::after {
    border-top-color: #FFF;
}

.tab-nav-lg.tab-nav-section li.ui-tabs-active::before {
    border-top-color: #FFF;
}

/* 
 Tabs - Bordered
----------------------------------------------------------------- */


.tabs-bordered .tab-container {
    border: 1px solid #DDD;
}

/* 
 Tabs - Side Tabs
----------------------------------------------------------------- */

@media (min-width: 768px) {


    .side-tabs .tab-nav {
        border-right: 1px solid #DDD;
    }

    .side-tabs .tab-nav li {
        border: 1px solid #DDD;
    }

    .side-tabs .tab-nav li:first-child {
        border-top: 1px solid #DDD;
        border-left: 1px solid #DDD;
    }


    /* 
     Tabs - Side Tabs & Nav Style 2
	----------------------------------------------------------------- */




    .side-tabs .tab-nav.tab-nav2 li a {
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    }


    /* Tabs - Side Tabs & Bordered
	----------------------------------------------------------------- */


    .tabs-bordered.side-tabs .tab-nav li.ui-tabs-active a {
        border-right: 1px solid #FFF;
    }

    .tabs-bordered.side-tabs .tab-container {
        border-top: 1px solid #DDD;
    }
}


/* ----------------------------------------------------------------
	Side Navigation
----------------------------------------------------------------- */

.sidenav {
    background-color: #FFF;
}


.sidenav li a {
    border: 1px solid #E5E5E5;
    color: #666;
}


.sidenav > .ui-tabs-active > a,
.sidenav > .ui-tabs-active > a:hover {
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: #FFF !important;
    background-color: #f6901e !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

/* Chevrons  */
.sidenav > li > a:hover {
    background-color: #F5F5F5;
    color: #222;
}

/* 
 ----------------------------------------------------------------
	FAQ List
----------------------------------------------------------------- */

.faqlist li a {
    color: #444;
}

.faqlist li a:hover {
    color: #f6901e !important;
}

/* 
 ----------------------------------------------------------------
	Clients
----------------------------------------------------------------- */

.clients-grid .grid-item::before,
.testimonials-grid .grid-item::before {
    border-left: 1px dashed #DDD;
}

.clients-grid .grid-item::after,
.testimonials-grid .grid-item::after {
    border-bottom: 1px dashed #DDD;
}



/* 
 Testimonials - Item
----------------------------------------------------------------- */

.testimonial {
    background-color: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}


.testi-image i {
    background-color: #EEE;
    color: #888;
    text-shadow: 1px 1px 1px #FFF;
}





.testi-meta span {
    color: #999;
}


/* Twitter - Small Scroller
----------------------------------------------------------------- */


.testimonial.twitter-scroll .testi-meta span a {
    color: #999;
}

.testimonial.twitter-scroll .testi-meta span a:hover {
    color: #222;
}

/* 

 Testimonial - Pagination
----------------------------------------------------------------- */


.testimonial .flex-control-nav li a {
    background-color: #f6901e;
}





/* 
 ----------------------------------------------------------------
	Team
----------------------------------------------------------------- */


.team-desc.team-desc-bg {
    background-color: #FFF;
}


.team-title span {
    color: #f6901e;
}

.team-content {
    color: #777;
}

/* 

 Pricing Boxes
----------------------------------------------------------------- */

.pricing-box {
    border: 1px solid rgba(0, 0, 0, 0.075);
    background-color: #FFF;
}

/* 
 Pricing Boxes - Title
----------------------------------------------------------------- */

.pricing-title {
    background-color: #F9F9F9;
    border-bottom: 1px solid rgba(0, 0, 0, 0.075);
}

.pricing-title h3 {
    color: #555;
}

.pricing-title span {
    color: #777;
}


/* Pricing Boxes - Price
----------------------------------------------------------------- */

.pricing-price {
    color: #333;
}

.pricing-price .price-tenure {
    color: #999;
}


/* Pricing Boxes - Features
----------------------------------------------------------------- */

.pricing-features {
    border-top: 1px solid rgba(0, 0, 0, 0.075);
    border-bottom: 1px solid rgba(0, 0, 0, 0.075);
    background-color: #F9F9F9;
}


/* Pricing Boxes - Best Price
----------------------------------------------------------------- */

.pricing-highlight {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}


.pricing-highlight .pricing-title,
.pricing-highlight .pricing-features {
    background-color: #fff;
}



/* 
 Pricing Boxes - Simple
----------------------------------------------------------------- */

.pricing-simple .pricing-title,
.pricing-simple .pricing-features {
    background-color: transparent;
}


/* Pricing Boxes - Minimal
----------------------------------------------------------------- */

.pricing-minimal .pricing-price {
    background-color: #FFF;
    border-bottom: 1px solid rgba(0, 0, 0, 0.075);
}


/* 
 Pricing Boxes - Extended
----------------------------------------------------------------- */

.pricing-extended {
    background-color: #FFF;
}



.pricing-extended .pricing-action-area {
    border-left: 1px solid rgba(0, 0, 0, 0.05);
    background-color: #F9F9F9;
}



.pricing-extended .pricing-meta {
    color: #999;
}

/* 
 ----------------------------------------------------------------
	Counter
----------------------------------------------------------------- */


.counter.counter-lined + h5::before {
    border-top: 2px solid #444;
}



/* ----------------------------------------------------------------
	Animated Rounded Skills
----------------------------------------------------------------- */

.rounded-skill {
    color: #333;
}



/* ----------------------------------------------------------------
	Skills Bar
----------------------------------------------------------------- */


.skills li {
    background-color: #F5F5F5;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}



.skills li .progress {
    background-color: #f6901e;
}

.skills li .progress-percent {
    background-color: #333;
    color: #F9F9F9;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}


.progress-percent::after {
    border-top-color: #333;
}

.progress-percent::before {
    border-top-color: #333;
}

.skills li > span {
    color: #222;
}


/* ----------------------------------------------------------------
	Quotes & Blockquotes
----------------------------------------------------------------- */


blockquote {
    border-left: 5px solid #EEE;
}

.blockquote-reverse {
    border-right: 5px solid #EEE;
}

.quote::before {
    color: #EEE;
}


/* ----------------------------------------------------------------
	Dropcaps & Highlights
----------------------------------------------------------------- */


.highlight {
    background-color: #444;
    color: #FFF;
}


/* Owl Carousel - Controls - Arrows
----------------------------------------------------------------- */

.owl-carousel .owl-nav [class*=owl-] {
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: #666;
    background-color: #FFF;
}


.slider-element .owl-nav [class*=owl-],
.owl-carousel-full .owl-nav [class*=owl-] {
    color: #EEE;
    background-color: rgba(0, 0, 0, 0.4);
}

.owl-carousel .owl-nav [class*=owl-]:hover {
    background-color: #f6901e !important;
    color: #FFF !important;
}


/* Owl Carousel - Controls - Dots
----------------------------------------------------------------- */

.owl-carousel .owl-dots .owl-dot {
    background-color: #f6901e;
}



/* ----------------------------------------------------------------
	Flip Cards
----------------------------------------------------------------- */

.flip-card-front,
.flip-card-back {
    color: #FFF;
}

.flip-card-back {
    background-color: #666;
}


.flip-card-front::after,
.flip-card-back::after {
    background-color: #000;
}


.flip-card-inner p {
    color: rgba(255, 255, 255, 0.7);
}


/* ----------------------------------------------------------------
	Overlays
----------------------------------------------------------------- */


.bg-overlay-bg {
    background-color: rgba(255, 255, 255, 0.85);
}

.dark .bg-overlay-bg,
.bg-overlay-bg.dark {
    background-color: rgba(0, 0, 0, 0.5);
}

.text-overlay-mask {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
    /* FF3.6+  */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.85)));
    /* Chrome,Safari4+  */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
    /* Chrome10+,Safari5.1+  */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
    /* Opera 11.10+  */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
    /* IE10+  */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
    /* W3C  */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    /* IE6-9  */
}


/* News Carousel Overlays
----------------------------------------------------------------- */

.news-carousel .rounded-skill {
    color: #FFF;
}


/* ----------------------------------------------------------------
	Forms
----------------------------------------------------------------- */

.sm-form-control {
    color: #555555;
    background-color: #ffffff;
    border: 2px solid #DDD;
}

.sm-form-control:focus {
    border-color: #AAA;
}

.sm-form-control::-moz-placeholder {
    color: #999;
}

.sm-form-control:-ms-input-placeholder {
    color: #999;
}

.sm-form-control::-webkit-input-placeholder {
    color: #999;
}

.sm-form-control[disabled],
.sm-form-control[readonly],
fieldset[disabled] .sm-form-control {
    background-color: #eeeeee;
}

.form-control {
    border: 1px #059e0f solid !important;
}

.login-register input,
.form-group input {
    border: 1px #059e0f solid !important;
}

.form-control:active,
.form-control:focus {
    border-color: #999;
}

label {
    color: #b5b5b5;
}

label.label-muted {
    color: #999;
}

/* 
 ----------------------------------------------------------------
	Contact Form
----------------------------------------------------------------- */

.contact-form-overlay {
    background-color: #FFF;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
}

label.error {
    color: #E42C3E;
}

.form-control.error,
.sm-form-control.error {
    border-color: #E42C3E;
}


/* 
 Block Titles
----------------------------------------------------------------- */

.title-block {
    border-bottom: 1px solid #3a3a3a;
}

.title-block h3 {
    border-left: 7px solid #ccab4a;
}


.title-block-right {
    border-right: 7px solid #f6901e;
}

.title-block > span {
    color: #555;
}

button:disabled,
button[disabled] {
    color: #666666;
}

/* Heading Block - with Subtitle
----------------------------------------------------------------- */

.heading-block h1,
.heading-block h2,
.heading-block h3,
.heading-block h4,
.emphasis-title h1,
.emphasis-title h2 {
    color: #333;
}

.heading-block > span:not(.before-heading) {
    color: #777;
}


.heading-block::after {
    border-top: 2px solid #444;
}


.heading-block.border-color::after {
    border-color: #f6901e;
}

/* 
 Justify Border Title
----------------------------------------------------------------- */

.fancy-title::before,
.fancy-title::after {
    border-top: 3px double #059e0f !important;
}


.title-border-color::before,
.title-border-color::after {
    border-top: 1px solid #f6901e !important;
}


.title-bottom-border h1,
.title-bottom-border h2,
.title-bottom-border h3,
.title-bottom-border h4,
.title-bottom-border h5,
.title-bottom-border h6 {
    border-bottom: 2px solid #f6901e;
}


/* Sub Heading
----------------------------------------------------------------- */

.before-heading {
    color: #999;
}


/* 
 ----------------------------------------------------------------
	Divider
----------------------------------------------------------------- */

.divider {
    color: #E5E5E5;
}



.divider::after,
.divider::before {
    background-color: #EEE;
}

.divider a:hover {
    color: #888;
}


/* 
     Divider - Rounded Icon
----------------------------------------------------------------- */

.divider.divider-rounded i,
.divider.divider-border i {
    color: #BBB;
    background-color: #F5F5F5;
}



/* Divider - Rounded & Border
----------------------------------------------------------------- */

.divider.divider-border {
    color: #E5E5E5;
}

.divider.divider-border i {
    background-color: transparent;
    border: 1px solid #EEE;
}





/* ----------------------------------------------------------------
	Magazine Specific Classes
----------------------------------------------------------------- */

.top-advert {
    border-left: 1px solid #EEE;
    border-right: 1px solid #EEE;
}


/* ----------------------------------------------------------------
	Go To Top
----------------------------------------------------------------- */



#gotoTop {
    background-color: #185611 !important;
    color: #fff !important;
    border: 1px green solid !important;
}

#gotoTop:hover {
    color: rgb(255, 255, 255) !important;
}

.button-login-register-icon {
    -webkit-filter: contrast(0) brightness(2);
    filter: contrast(0) brightness(2);
}

#gotoTop:after {
    box-shadow: inset 0px 0px 0px 3px rgba(12, 122, 0, .8), 7px 7px 20px 0px rgba(12, 122, 0, .1), 7px 7px 20px 0px rgba(12, 122, 0, .1) !important;
    background: rgb(12, 122, 0) !important;
}

/* 
 ----------------------------------------------------------------
	Read More
----------------------------------------------------------------- */



.sidebar-box .read-more-btn a.button {

    background-color: var(--cd-color-1);
    color: white;
}

.sidebar-box .read-more a.button {
    color: white;
}

    .sidebar-box .read-more a.button:hover,
    .sidebar-box .read-more-btn a.button:hover {
        background-color: #ff6a00;
    }

/* 
 ----------------------------------------------------------------
	GDPR Settings
----------------------------------------------------------------- */

.gdpr-settings {
    background-color: #EEE;
}


.gdpr-settings.dark {
    background-color: #111;
}


/* ----------------------------------------------------------------
	Error 404
----------------------------------------------------------------- */

.error404 {
    color: #DDD;
}

.error404-wrap .error404 {
    color: #FFF !important;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
}

/* ----------------------------------------------------------------
	Landing Pages
----------------------------------------------------------------- */

.landing-wide-form {
    background: rgba(0, 0, 0, 0.3);
}

.landing-form-overlay {
    background-color: rgba(0, 0, 0, 0.6);
}

/* 
 ----------------------------------------------------------------
	Preloaders
----------------------------------------------------------------- */

.preloader,
.preloader2,
.form-process {
    background: center center no-repeat #FFF;
}

.preloader2 {
    background-color: transparent;
}


.form-process::before {
    background-color: #FFF;
}


/* ----------------------------------------------------------------
	Toastr Notifications
----------------------------------------------------------------- */

.toast-message a,
.toast-message label {
    color: #FFFFFF;
}

.toast-message a:hover {
    color: #CCCCCC;
}

.toast-close-button {
    color: #FFFFFF;
    -webkit-text-shadow: 0 1px 0 #ffffff;
    text-shadow: 0 1px 0 #ffffff;
}

.toast-close-button:hover,
.toast-close-button:focus {
    color: #000000;
}



/* Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`. */


#toast-container > div {
    -moz-box-shadow: 0 0 12px #999999;
    -webkit-box-shadow: 0 0 12px #999999;
    box-shadow: 0 0 12px #999999;
    color: #FFFFFF;
}



#toast-container > div:hover {
    -moz-box-shadow: 0 0 12px #000000;
    -webkit-box-shadow: 0 0 12px #000000;
    box-shadow: 0 0 12px #000000;
}



.toast {
    background-color: #030303;
}

.toast-success {
    background-color: #51A351;
}

.toast-error {
    background-color: #BD362F;
}

.toast-info {
    background-color: #2F96B4;
}

.toast-warning {
    background-color: #F89406;
}

.toast-progress {
    background-color: #000000;
}


/* Responsive Design




 ----------------------------------------------------------------
	Footer
----------------------------------------------------------------- */

#footer {
    border-top: 10px solid #059e0f !important;
}

/* Primary Menu - Overlay Menu
	----------------------------------------------------------------- */

.overlay-menu .primary-menu > #overlay-menu-close {
    color: #444;
}


.overlay-menu .primary-menu {
    background-color: rgba(255, 255, 255, 0.95);
}



/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
----------------------------------------------------------------- */


#top-bar .bootstrap-select .btn {
    background: #fff;
}

#top-bar .bootstrap-select .btn:active,
#top-bar .bootstrap-select .btn:focus {
    outline: none !important;
}



/* 
 sticky header css 


 menu css  */


.mega-menu-content .sub-menu-container .menu-item ul li a {
    color: #fff;
}


.hero-slider-wrapper .owl-carousel .owl-dots .owl-dot {
    border: 1px solid #686869;
    border-color: #727272;
    background-color: #050506;
}

.offcanvas-header .btn:before {
    color: #fff;
}

button.btn-close i {
    color: white;
}

.footer-info {
    background: #000000;
    color: #b9b9b9;
}



.footer-info h3 {
    color: #f6901e;
}

.footer-info h5 {
    color: #b9b9b9;
}

#primary-menu-trigger .btn {
    color: #fff;
    border: 1px solid #313131;
}


.top-link li {
    border-right: 1px solid #fff !important;
}


marquee .footer-contents h3 {
    color: #fff;
}

.footer-contents h3 span {
    color: #f6901e;
}


#top-bar ul li .button {
    color: #fff;
}



.top-bar-user .button span.badge {
    background: #F0090D;
    color: #fff;
}

.button-transparent {
    color: #333;
    background: none !important;
    border: none !important;
}

.button-transparent:hover {
    color: #333;
}

.top-bar-user .user-dropdown-menu .dropdown-menu a:last-child {
    color: #0a0a0a;
}

.dropdown-item {
    border-bottom: 1px solid #e0e0e0 !important;
}


.top-bar-user .dropdown-menu {
    box-shadow: 0px 4px 19px -6px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 4px 19px -6px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 4px 19px -6px rgba(0, 0, 0, 0.4);
}

.top-bar-wallet-mobile {
    background: #d0ad44;
}



.notif-hd-title {
    background: #ccab4a;
    color: #000;
}


.notification-alert .dropdown-menu li {
    border-bottom: 1px solid #e5e5e5;
}

.notification-alert .dropdown-menu li a:hover {
    background: #ededed !important;
}

.notification-alert .dropdown-menu li a.a-top-text-block {
    color: #000;
    border-left: 4px solid #3b9e0f !important;
}

.notification-alert .dropdown-menu li:last-child .button {
    color: #333;
    background: #bd9d40;
    background: linear-gradient(174deg, rgba(204, 171, 74, 1) 0%, rgb(158, 127, 34) 100%);
}



.a-top-text-light {
    color: #909090;
}


/* custom toggle  */

.footer-toggle .toggle-header,
.accordion-header {
    color: #444;
}


#top-bar .dropdown-item.active,
.dropdown-item:active {
    background-color: #ff9200 !important;
}

.side-panel-app li a {
    background: rgb(204, 171, 74) !important;
    background: linear-gradient(162deg, #038c0c 0%, #07b012 50%, #07b012 60%, #038c0c 100%) !important;
    color: #000;
    border: .5px solid #038c0c;
}





.side-panel-app li:last-child a:hover {
    background-color: dodgerblue !important;
}


.marquee-marquee {
    background: #000;
}


.marquee-content ul li {
    color: #ababab;
}




.captcha-input-field input {
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
}

.red {
    color: #ff0000;
}

#darkness {
    background: rgba(0, 0, 0, 0.5);
}


#onenotdiv .text-muted {
    color: #bfbfbf !important;
}



/* lobby */


.lobby-game-listing .inner-game-listing .game-listing {
    border: 1px solid #eaeaea;
}


.top-five-provider-listing div a {
    background: #000;
}

.top-five-provider-listing div.top-five-title {
    background: #414141;
    color: #afafaf;
}


#slot-game .hov-img-zoom {
    background: rgb(139, 107, 29);
    background: radial-gradient(circle, rgba(139, 107, 29, 1) 0%, rgba(0, 0, 0, 1) 100%);
    border: 1px solid #886e27;
}

#top5id button.owl-prev,
#top5id button.owl-next {
    background: #f88c00;
}




/* 09/12/2020 Contact Us  */


#slideout p {
    background: linear-gradient(to top, #059e0f, #038c0c) !important;
    color: #fff !important;
}

#slideout_inner {
    background: #000;
}

.afb-medias a {

 
 
    margin-bottom: 2px !important;
    background: linear-gradient(to left, #3ca116, #42b017, #4cd31a) !important;
    color: #ffffff !important;
    border: 1px solid #162604;
}

.afb-medias h1 {
    color: #fff;
}

.afb-medias a:hover {
  
  
    background: linear-gradient(to right, #3ca116, #42b017, #4cd31a) !important;
    color: #ffffff !important;
}


.table-dark {
    color: #fff;
    background-color: #000000;
}

.required:after {
    color: red;
}

.mandatory_field {
    color: red !important;
}



/* game lobby  */


.game-lobby-listing span {
    color: #fff;
    background: #ddba50;
}



.paginationjs-pages ul li a.active {
    background: #ccab4a !important;
    color: #000 !important;
}



#general-post h2.general-post-title {
    border-bottom: 1px solid #e0e0e0;
    color: #fff;
}

.news-detail-header .button {
    color: #333;
}

.afb-f-green {
    color: green
}

.afb-f-red {
    color: red;
}

.afb-f-yellow {
    color: yellow;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(68, 68, 68, 0.9);
    color: #ababab;
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: rgba(0, 0, 0, 0.9);
    color: #ababab;
}


h3.generic-header {
    color: #fff;
    border-bottom: 1px solid green !important;
}



/* affiliate icon */


.close:hover {
    color: #990000;
}

.modal-header .close {
    color: #fff;
}

.modal-header {
    border-bottom: 1px solid #059e0f !important;
    background: linear-gradient(0deg, #0e5209, #1f8313) !important
}

.modal-footer {
    border-top: 1px solid #059e0f !important;
}


.top-bar-wallet {
    background: linear-gradient(180deg, #038c0c 0%, #038c0c 51%, #07b012 52%, #07b012 100%) !important;
    color: #191919;
}

.top-bar-wallet:hover {
    background: linear-gradient(180deg, #07b012 0%, #07b012 51%, #038c0c 52%, #038c0c 100%) !important;
}

.my-credit-hide:after {
    color: #000;
}


.transaction-game tr:nth-child(odd) .sticky-left {
    background-color: #050606;
}

.transaction-game tr:nth-child(even) .sticky-left {
    background-color: #2f3439;
}

.transaction-game thead tr:first-child .sticky-left {
    background-color: #343a40;
}




#login-bar {
    background: #000;
}

.button-gold {
    background: linear-gradient(180deg, #059e0f 0%, #059e0f 51%, #034207 52%, #034207 100%) !important;
    border: 2px solid #07b012 !important;
    color: white !important;
}

.button-gold:hover {
    background: linear-gradient(180deg, #034207 0%, #034207 51%, #059e0f 52%, #059e0f 100%) !important;
}

.text-center .button-gold {
    color: #fff !important;
}


.error-content {
    color: red;
}

.top-bar-user {
    color: #fff;
}



.top-bar-user li .button {
    color: #fff;
}

.top-bar-user li.affiliate-link .button {
    color: #000 !important;
}

.modal-backdrop {
    background-color: #424242;
}


.top-game-search .button {
    color: #d1d1d1;
}

.top-game-search .button:hover {
    color: #d1d1d1;
}


.promos div.promos-wrapper span {
    background: linear-gradient(0deg, #000, #212121);
    color: #c4a445;
}


#search-modal .modal-content {
    background-color: #0000009e;
}


.modal-search a {
    color: #333;
}


.product-zoom span {
    background: linear-gradient(0deg, #000, #212121);
    color: #c4a445;
}


/* card flip vert  */
.card-flipVert .back {
    background: purple;
}

.card-flipVert .front {
    background: green;
}


/* card flip vert  */


/* transcation game history table */

.afb-f-red {
    color: #ff2a2a !important;
}

.afb-f-green {
    color: #00ff00 !important;
}

.thead-dark {
    background-color: black;
}


.table .thead-dark th {
    color: #fff;
    background-color: #000000;
    border-color: #ffffff;
}



.vl {
    border-left: 5px solid green;
}


.afb-title-h1 span {
    color: white;
}

.afb-title-h1 h1 {
    color: white;
}

.afb-title-h1 a span {
    color: #b3b3b3;
}

.afb-title-h1 a span:hover {
    color: #28a745;
}

.table-sticky tbody .sticky-left {
    color: black;
}

.table-sticky thead.thead-dark .sticky-left {
    background-color: #333;
}

table.transaction-game.table-sticky tbody .sticky-left {
    background: #3c3c3c;
}

table.transaction-game.table-sticky tbody tr:nth-child(2n+2) .sticky-left {
    background: #191919;
}


@media screen and (min-width: 960px) {
    .table-sticky tbody .sticky-left {
        color: black;
    }
}

/* casinoUG footer */
.footer-bottom p {
    color: white;
}

.footer-bottom p:hover {
    color: #ff8d00;
}

footer {
    background: #070707;
}

footer p {
    color: #bbb;
}

.footer-bottom p:hover {
    color: #ff6a00;
}


.footer-bottom p:hover {
    color: #ffbf00;
}

/* member wallet */
.TogglePanel__PanelOne,
.TogglePanel__PanelTwo {
    color: #ffffff !important;
}


.amount-blur {
    color: #ffffff !important;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}

.amount-button {
    background-color: #f0f8ff00;
    color: white;
}


.member-wallet {
    background: #961414;
}

.TogglePanel__PanelTwo .one {
    color: #fff;
}


/* fix bottom menu  */

.nav-link span {
    color: #fff !important;
}

.nav-bottom .nav-link:hover {
    background-color: #0000002e;
}
/*
.nav-bottom {
    --size: 5rem;
    --backgroundColor: #059e0f;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    z-index: 999;
    -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: center;
}*/

.nav-bottom .nav-link {
    color: #fff !important;
}

.mobile-menu__item-separator:before {
    background: linear-gradient(to top, transparent, #94897a, transparent);
}


/* search game  */

.s006 form .suggestion-wrap span {
    background: #059e0f !important;
    color: #fff;
}

.s006 form button {
    background: linear-gradient(to top, #059e0f, #038c0c) !important;
    color: #000;
}

.s006 form button:hover {
    background: linear-gradient(to top, #038c0c, #059e0f) !important;
}

.s006 form .inner-form .input-field input {
    background: #fff;
    color: #666;
    border: 1px #059e0f solid !important;
}

.s006 form .inner-form .input-field input:-moz-placeholder {
    color: #747474;
}

.s006 form .inner-form .input-field input::-webkit-input-placeholder {
    color: #747474;
}

.s006 form .inner-form .input-field .btn-search svg {
    fill: #747474;
}

.s006 form .inner-form .input-field .btn-search svg:hover {
    fill: #059e0f !important;
}

.s006 form .inner-form .input-field .btn-search:hover svg,
.s006 form .inner-form .input-field .btn-search:focus svg {
    fill: #666;
}



.photobox_type1 .photobox__previewbox:before {
    background-color: var(--photoboxOverlay, rgba(0, 0, 0, .8));
}

.photobox_type1:hover .photobox__label {
    width: 180px;
}

.photobox {
    color: #fff;
    --photoboxOverlay: #070707a8;
}

/* fullscreen modal  */

.searchModalbg .modal-backdrop {
    background-color: #000;
}


div.jpcounter {
    background: linear-gradient(to bottom, #fbd459 0%, #68532b 100%);
}

div.jpcounter span {
    color: #000;
    background: transparent;
}

#htop-Notify-Btn .badge {
    background: #f00;
    color: #fff;
}


/* footer-line-icon */

/*.social-network a.icoLine:hover {
    background-color: #01bd02;
}*/

.social-network a.icoLine > img,
.social-network a.icoTikTok > img {
    filter: invert(30%) sepia(100%) saturate(1107%) hue-rotate(185deg) brightness(45%) contrast(53%);
}

/*.social-circle li a.icoLine:hover > img {
    filter: brightness(0) invert(1);
}*/

/*.social-circle img {
    color: #626c80;
    background-color: blue !important;
    width: 100% !important;
    width: 32px !important;
    height: 32px !important;
}*/


.landing-registration h1 {
    color: #a98b32;
}

.landing-registration-wrapper .intro .intro-content {
    background-color: rgba(0, 0, 0, 0.85);
}


.gold-line-hr {
    background: linear-gradient(90deg, transparent, #059e0f 50%, transparent) !important;
}

.landing-USP-content span {
    color: #c6a646;
}


.social-network a.icoSnapchat:hover {
    background-color: #f7f400;
}

.social-network a.icoReddit:hover {
    background-color: #f74300;
}

.social-network a.icoPinterest:hover {
    background-color: #c72028;
}

.social-network a.icoTumblr:hover {
    background-color: #2f4155;
}

.social-network a.icoTikTok:hover {
    background-color: #f6901e;
}

.social-network a.icoMedium:hover {
    background-color: #FFC017;
}


.notifUnread::after {
    background: #f05a1a;
}

.notifUnread {
    background-color: #004eff14;
    border-color: #000000;
}

.notifUnread div {
    color: #0056b3;
}

.footer-wrapper01 {
    background-color: #050505;
}


.gold-border {
    background: linear-gradient(0deg, #000, #212121);
    color: #c4a445;
}


/* / simple Login /  */

.simple-login input {
    color: green !important;
}


.top-background-hd {
    background: linear-gradient(to left, #07b012 0%, #07b012 50%, #059e0f 81%, #059e0f 100%) !important;
    border-bottom: 2px #059e0f solid !important;
}

.btn-success {
    background: linear-gradient(180deg, #059e0f 0%, #059e0f 51%, #034207 52%, #034207 100%) !important;

    color: #333;
    border: 2px solid #059e0f !important;
}

.btn-success:hover,
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show > .btn-success.dropdown-toggle,
.btn-success.focus,
.btn-success:focus {
    background: linear-gradient(180deg, #034207 0%, #034207 51%, #059e0f 52%, #059e0f 100%) !important;
    color: #333;
    border: 2px #059e0f solid !important;
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show > .btn-success.dropdown-toggle {
    color: #333;
}


section.membank-page {
    background-color: #ffffff00;
}

p.content {
    color: white;
}

.under-m {
    color: white;
    background-color: red;
}

.filter-button {
    color: white;
}


Mobile Hide | Show .top-bar-wallet.two {
    color: white;
}

.two.my-credit-hide:after {
    color: #fff !important;
}

.transaction-game > tbody > tr > td:nth-child(1),
.transaction-game > tbody > tr > td:nth-child(2) {
    color: #e1e1e1 !important;
}


td > a > button.btn.btn-primary.afb01.mr-3 {
    background: linear-gradient(180deg, rgba(204, 171, 74, 1) 0%, rgba(144, 116, 33, 1) 100%);
}

td > a > button.btn.btn-primary.afb01.mr-3:hover {
    background: linear-gradient(0deg, rgba(204, 171, 74, 1) 0%, rgba(144, 116, 33, 1) 100%);
}


/* style for menu bar */

.offcanvas-header .btn.btn-close:before {
    color: #fff;
    border: 1px solid #fff;
}

.intro-content > .button-gold {
    box-shadow: 0 0 1px red, 0 0 5px #07b012, 0 0 8px #07b012, 0 0 7px #038c0c, 0 0 5px #038c0c, 0 0 15px #059e0f, 0 0 15px #038c0c, 0 0 20px #059e0f !important;
}

.btn-login {
    color: #fff;
}

.btn-login > span {
    color: #fff;
}


/* lineqrcode */

.side-panel-app.two {
    background: #059e0f !important;
}

#snav > div > a > span > img {
    border: #07b012 2px solid;
}


@media (max-width: 768px) {
    .side-panel-app.two {
        background: #059e0f;
    }
}

.qrname {
    color: white;
    background: #059e0f !important;
}

.side-panel-app.two li span {
    background: #1f1f1f;
}

.side-panel-app.two li:last-child span {
    background: #1f1f1f;
}

.under-m {
    color: white;
    background-color: red;
}

/* ------------ show image in select ----------- */
#a li:hover {
    background-color: #F4F3F3;
}

#a li span,
.btn-select li span {
    color: #000 !important;
}


/* item list  */

.b {
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    border: 1px solid rgba(0, 0, 0, .15);
    background: white;
    color: black;
}

.btn-select {
    background-color: #fff;
    border: 1px solid #ccc;
}

.btn-select li {
    color: black !important;
}

.btn-select:hover {
    background-color: #F4F3F3;
    box-shadow: inset 0 0px 0px 1px #ccc;
}


.localized-wrapping {
    border: 1px solid #F3E5F5 !important;
    color: #fff !important;
    background: #fff;
}

.localized-wrapping span {
    color: #000 !important;
}

/* Smart Download APK */

.apkdownload {
    background: #fff;
}

.apkdownload .align-items-center {
    background-color: #fff !important;
}


button#apk-download-close {
    color: grey !important;
}

span.appname {
    color: gray !important;
}

small.app-small {
    color: grey !important;
}

.btn.btn-green.downloadapk {
    background: green;
    color: white;
}

.btn.btn-green.downloadapk:hover {
    background: #004f00;
}

span.apk-name {
    color: white;
}

span.apk-name {
    color: white;
}

/* --------- Affiliate Invite Friend Copy Tooltip ------- */

#invite-friend .tooltip {
    background: #000;
    color: #fff;
}

#invite-friend .copied {
    background: #000;
    color: #fff;
}

.withdrawNC span {
    color: black;
}

.withdrawSpan {
    color: #525252 !important;
}

.Ctooltip {
    border-bottom: 1px dotted black;
}

.Ctooltip .Ctooltiptext {
    background-color: black;
    color: #fff;
    /* Position the tooltip  */
}

/* maintenance css */

div.maintenance {
    background: #383838;
}

img.w-50 {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(117deg) brightness(103%) contrast(106%);
}

.language-selection a.button.afb01 {
    background-image: none;
    color: black;
}

button.promobtn {
    border: 2px solid #825e00 !important;
    color: #000 !important;
}

.save-btn button.button-disabled {
    background: #ed3f3f;
    color: white;
    border-color: #ed3f3f;
}

.promo-details-action-footer button.button-disabled {
    background: #ed3f3f;
    color: white;
    border-color: #ed3f3f;
}

.save-btn button.button-gold {
    border: 2px solid #825e00;
    background: rgb(250, 204, 59);
}

#customers-testimonials .item-details {
    color: #FFFFFF;
}

.svgdeposit,
.svgwithdraw,
.svghome,
.svgcontactus,
.svguser,
.user-withdraw-info,
.user-deposit-info {
    fill: #FFFFFF;
}

.login button:focus {
    background: #ebaf18;
    color: white;
}

.login button {
    color: #fff;
    background: #F0AE00;
}

.txt-slide-cls {
    color: #fff;
}


.txt-all-run {
    background: #401894;
    color: #fff;
}

.contain-iterm img {
    border: #401894 1px solid;
}

.iterm-contain:hover .txt-iterm-contain {
    color: #FAD237 !important;
}

.txt-iterm-contain {
    background-color: rgba(64, 24, 148, .8);
    border-left: #401894 1px solid;
    border-right: #401894 1px solid;
    border-bottom: #401894 1px solid;
}

/* menu-contain-start............  */
.owl-carousel .menu__item {
    background: #401894;
    border: #060514 1px solid !important;
}

.owl-carousels .item {
    position: relative;
    float: left;
    display: inline;
}

.owl-carousel .owl-item:hover {
    color: gold !important;
}

.owl-carousel .owl-item:hover div {
    color: gold !important;
}

#copyrights {
    background: linear-gradient(174deg, #059e0f 0%, #07b012 100%) !important;
}

.m-dp-none-s .deposit-withdraw {
    background: linear-gradient(180deg, #059e0f 0%, #059e0f 51%, #034207 52%, #034207 100%) !important;
    border: 1px solid #07b012 !important;
    color: #DDD !important;
}



button.deposit-withdraw {
    color: #fff !important;
    background: linear-gradient(180deg, #059e0f 0%, #059e0f 51%, #034207 52%, #034207 100%) !important;
    border: 2px solid #07b012 !important;
}

button.deposit-withdraw:hover {
    color: #fff !important;
    background: linear-gradient(180deg, #034207 0%, #034207 51%, #059e0f 52%, #059e0f 100%) !important;
    border: 2px solid #28a745 !important;
}

.fa-bell-o:hover {
    color: #07b012;
    -webkit-text-stroke: 1px #07b012;
}

#snav .one {
    border: rgba(7, 176, 18, 0.4) 2px solid;
}

.form-group hr {
    border: 0.5px solid green !important;
    border-top: 1px solid rgb(0, 255, 0 / 83%) !important;
}

.form-group select option {
    color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}

.form-group select option:hover {
    color: #fff !important;
    background-color: #333 !important;
}

#registerModal .register-steps__item--current .register-steps__item-number {
    background: #322e2f !important;
    color: #fffaf3 !important;
    box-shadow: 0 0 20px #059e0f !important;
    border-color: #059e0f !important;
}

.language-selection .afb01 {
    background: linear-gradient(180deg, red 0%, red 51%, red 100%) !important;
    color: #fff !important;
    border: #761313 1px solid !important;
}

.language-selection .afb01:hover {
    color: #fff !important;
    background: linear-gradient(180deg, #e9a7a7 0%, #8b5959 51%, #995f5f 100%) !important;
    border: #6a4b4b 1px solid !important;
}

.btn-change-color u {
    color: #000 !important;
}


.inside-tab-item > a.active {
    border-top: 3px solid green !important;
    background-color: white;
}


/*@media (max-width: 64rem) {
    .js .cd-tabs__item--selected {
        box-shadow: inset 0 2px 0 green !important;
        box-shadow: inset 0 3px 0 green !important;
    }
}
*/
/*@media (min-width: 64rem) {
    .js .cd-tabs__item--selected {
        box-shadow: inset 0 2px 0 green !important;
        box-shadow: inset 0 3px 0 green !important;
    }

    .cd-tabs__item .icon {
        margin-right: 0.375em;
    }
}*/


@media (min-width: 48rem) {
    .js .cd-tabs__item--selected {

        box-shadow: inset 2px 0 0 green !important;
    }
}


.js .cd-tabs__item--selected {
    background-color: var(--color-user-bg);
    background-color: var(var(--color-user-bg));
    box-shadow: inset 0 2px 0 hsl(1deg 84% 63%);
    box-shadow: inset 0 2px 0 var(--cd-color-4);
    color: hsl(225, 31%, 23%);
    color: var(--cd-color-1);
}



.wallet-top-left span {
    color: white;
}

.captcha-code input {
    border: 1px green solid !important;
}

.profile-tabs form button:hover {
    background: #06b912 !important;
    border: 1px #06b912 solid !important;
    color: red !important;
}

.profile-tabs button .fa-refresh:hover {
    color: green !important;
    background: none !important;
}


.afb-blue-bar {
    background-color: #038c0c !important;
}


/* ................................................
 footer social icons  */
.social-network a.icoRss:hover {
    background-color: #F56505;
}

.social-network a.icoFacebook:hover {
    background-color: #3B5998;
}

.social-network a.icoTwitter:hover {
    background-color: #33ccff;
}

.social-network a.icoGoogle:hover {
    background-color: #BD3518;
}

.social-network a.icoVimeo:hover {
    background-color: #0590B8;
}

.social-network a.icoLinkedin:hover {
    background-color: #007bb7;
}

.social-network a.icoYoutube:hover {
    background-color: #bb0000;
}

.social-network a.icoSnapchat:hover {
    background-color: #f7f400;

}

.social-network a.icoReddit:hover {
    background-color: #f74300;
}

.social-network a.icoPinterest:hover {
    background-color: #c72028;
}

.social-network a.icoTumblr:hover {
    background-color: #2f4155;
}

.social-network a.icoTikTok:hover {
    background-color: #f6901e;
}

.social-network a.icoMedium:hover {
    background-color: #FFC017;
}

.social-network a.icoIntagram:hover {
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
}

.social-network a.icoRss:hover i,
.social-network a.icoFacebook:hover i,
.social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i,
.social-network a.icoVimeo:hover i,
.social-network a.icoLinkedin:hover i,
.social-network a.icoIntagram:hover i,
.social-network a.icoYoutube:hover i,
.social-network a.icoSnapchat:hover i,
.social-network a.icoReddit:hover i,
.social-network a.icoPinterest:hover i,
.social-network a.icoTumblr:hover i,
.social-network a.icoMedium:hover i {
    color: #fff;
}

a.socialIcon:hover,
.socialHoverClass {
    color: #44BCDD;
}

.social-circle li a {
    margin: 0 auto 0 auto;
}


.social-circle i {
    color: #626c80;
}


#snav * {
    margin: 0;
    padding: 0;
    outline: 0;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#snav li a {
    color: #fff;
}


#snav li span {

    background-color: #555;
    background-color: none !important;
}

#snav li .fa {
    color: hsl(0deg 0% 90%);
}

#snav li a:hover .fa {
    color: #fff;
}

#snav li:nth-child(10n+1) span,
#snav li:nth-child(10n+1) a:hover .fa {
    /*background-color: #32DE84;*/
}

#snav li:nth-child(10n+2) span,
#snav li:nth-child(10n+2) a:hover .fa {
    /*background-color: black;*/
}

#slideout p {
    background: #28a745;
    color: white;
}

#slideout_inner {
    background: linear-gradient(17deg, #124a1f, #23912a);
}

/* social media 
.side-panel-app li sp ruby (MEGA NONN) */
.side-panel-app li span {
    background: #c44745;
    border-left: 3px solid #9b3735;
}

.allowAmountNote,
.amountNote {
    color: red;
}

.btn-sharebox {
    background-image: linear-gradient(to right, #338111, #4bc511);
    color: #fff;
}

.btn-sharebox:hover {
    background-image: linear-gradient(to left, #338111, #4bc511);
    color: #fff;
}

.modal-body .p-2 {
    padding: 0 !important;
}

.btn-underline-sharebox:hover::after {
    background-image: linear-gradient(to right, #49c011, #1c3a0f);
}

.bg-transparent {
    background-color: #ffffff !important;
}

.ui-datepicker .ui-datepicker-header {
    background: #3a9d0d;
    color: #000;
    border: 2px solid #059e0f;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #059e0f;
    background: #059e0f;
    color: #000000;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #af9696;
    background: #9f9191;
    color: #000000;
}

.from-date:focus-within,
.end-date:focus-within {
    background: #fff;
    color: #000;
    border: 2px solid #DDD;
}

.from-date:focus-within input,
.end-date:focus-within input {
    background: #317e0d !important;
    color: #000;
    border: 2px solid #317e0d;
}

#registerModal .register-steps__item-number--as-icon .icon-font {
    color: #fec882;
    background: radial-gradient(#519761c2, #1b4219d6), #4e4842;
    box-shadow: 0 0 10px 0 rgb(41 37 38 / 30%);
}

#alertModal .modal-content {
    background-color: rgba(0, 0, 0, .9);
}

.dls-pop-button {
    background: linear-gradient(180deg, #07b012 0%, #28a745 51%, #0b7612 51%, #28a745 100%);
    color: white;
}

.dls-pop-button:hover {
    background: linear-gradient(0deg, #07b012 0%, #28a745 51%, #0b7612 51%, #28a745 100%);
}

.dls-pop-bg {
    background: linear-gradient(0deg, #07b012 0%, #28a745 35%, #28a745 100%);
}

.dls-gold {
    background: -webkit-linear-gradient(left, #222, #107817, #095c0e);
    background: linear-gradient(left, #DF9F28, #FDE08D, #8f6B29);
}

#registerModal img.gift-promotion-rg {
    filter: brightness(0) saturate(100%) invert(54%) sepia(31%) saturate(5221%) hue-rotate(93deg) brightness(122%) contrast(121%) !important;
}

.fa-lg:hover {
    color: #fff;
}

.wallet-top-left span {
    color: white;
    font-weight: 400;
    font-size: .9em;
    word-break: break-word !important;
}

/*.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7485%) hue-rotate(112deg) brightness(100%) contrast(100%) !important;
}

    .ui-datepicker .ui-datepicker-prev span:hover, .ui-datepicker .ui-datepicker-next span:hover {
        cursor: pointer !important;
        filter: brightness(0) saturate(100%) invert(0%) sepia(3%) saturate(14%) hue-rotate(103deg) brightness(105%) contrast(105%) !important;
    }*/
.notif-hd-title {
    background: #3b9e0f !important;
    color: #000;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url('../../../Content/css/images/ui-icons_444444_256x240.png') !important;
}

.ui-icon,
.ui-widget-content .ui-icon:hover {
    cursor: pointer;
}


.top5game .photobox__previewbox .action_overlay a div,
.jackpotpool .photobox__previewbox .action_overlay a div {
    background-image: linear-gradient(to right, #059e0f, #059e0f);
}

.top5game .photobox__previewbox .action_overlay a div:hover,
.jackpotpool .photobox__previewbox .action_overlay a div:hover {
    background-image: linear-gradient(to right, #059e0f, #059e0f);
}

.ribbon-txt::before {
    border-top: 3px double #059e0f !important;
}

.ribbon-txt::after {
    border-top: 3px double #059e0f !important;
}

.top5game .button-green,
.jackpotpool .button-green {
    background: linear-gradient(180deg, #059e0f 0%, #059e0f 51%, #034207 52%, #034207 100%) !important;
    border: 2px solid #07b012 !important;
}

.top5game .button-green:hover,
.jackpotpool .button-green:hover {
    background: linear-gradient(180deg, #034207 0%, #034207 51%, #059e0f 52%, #059e0f 100%) !important;
}


.rgstButton {
    border: 2px solid #07b012 !important;
    background: linear-gradient(180deg, #059e0f 0%, #059e0f 51%, #034207 52%, #034207 100%) !important;
}

    .rgstButton:hover {
        background: linear-gradient(180deg, #034207 0%, #034207 51%, #059e0f 52%, #059e0f 100%) !important;
    }


#registerModal .bottom a {
    color: #06aa11 !important;
}

.loyalprogram-info .table-title {
    color: rgba(7, 176, 18,.8);
}
#DepoConfModal .btn-primary {
    border-color: black;
    background: linear-gradient(180deg, #059e0f 0%, #059e0f 51%, #034207 52%, #034207 100%) !important;
}

#DepoConfModal .fa-clone {
    color: #059e0f !important;
}

button#depositBtn, button#withdrawBtn, button#WICKET9WithdrawBtn {
    background: var(--mainTheme);
    border: 1px solid var(--mainTheme);
    color: #fff;
}

    button#depositBtn:hover, button#withdrawBtn:hover, button#WICKET9WithdrawBtn:hover {
        background: var(--mainTheme);
        border: 1px solid var(--mainTheme);
        color: #fff;
    }

button#playnowBtn {
    background: var(--mainTheme);
    border: 1px solid var(--mainTheme);
    border-radius: 2px;
    color: #fff
}

    button#playnowBtn:hover {
        background: var(--mainTheme);
        border: 1px solid var(--mainTheme);
        border-radius: 2px;
        color: #fff
    }

.transferModal #playnowBtn, .updatepassword {
    background-image: linear-gradient(to right, var(--mainTheme), var(--mainTheme)) !important;
    border: transparent;
    color: white;
}

h1 > span:not(.nocolor):not(.badge), h2 > span:not(.nocolor):not(.badge), h3 > span:not(.nocolor):not(.badge), h4 > span:not(.nocolor):not(.badge), h5 > span:not(.nocolor):not(.badge), h6 > span:not(.nocolor):not(.badge), .h1 > span:not(.nocolor):not(.badge), .h2 > span:not(.nocolor):not(.badge), .h3 > span:not(.nocolor):not(.badge), .h4 > span:not(.nocolor):not(.badge), .h5 > span:not(.nocolor):not(.badge), .h6 > span:not(.nocolor):not(.badge) {
    color: var(--mainTheme);
}