/*  staradiant.com-----------*/



.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
    position: relative;
    min-height: 1px;
    margin-right: 10px;
    margin-left: 10px;
}

.col-xs-1-5 {
    width: 18%;
    float: left;
}

.icon-box h2 {
    margin: 12px 0px 0px 75px;
    letter-spacing: 0px;
    font-size: 28px;
    font-weight: 700;
}


@media (min-width: 768px) {
    .col-sm-1-5 {
        width: 18%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-1-5 {
        width: 18%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-1-5 {
        width: 18%;
        float: left;
    }
}

.icon-box.light .icon i {
    color: #19c7d3;
}

#mainMenu nav > ul > li > a {
    font-family: Bebas Neue, Helvetica, sans-serif;
    font-size: 14px;
}



    .font-nothing-you-could-do, h2.font-nothing-you-could-do {
        font-family: Lato, Helvetica, sans-serif;
    }


    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
        font-family: Lato,Helvetica,sans-serif;
        color: #1f1f1f;
        margin: 0;
        letter-spacing: 0.5px;
    }

    p {
        font-family: Lato,Helvetica,sans-serif;
        font-size: 1.1rem;
        line-height: 1.4;
    }

    .text-stroke-dark {
        -webkit-text-stroke: 1px black;
        textstroke: 1px white;
    }

    .text-stroke-light {
        -webkit-text-stroke: 1px black;
        text-stroke: 1px black;
    }

    .text-shadow-dark {
        text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff, 2px 2px 2px white;
    }

    .text-shadow-light {
        color: #fff;
        text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black, 2px 2px 2px black;
    }


    #page-title .page-title > h1 {
        font-family: Lato,Helvetica,sans-serif;
        font-size: 60px;
        line-height: 1.2;
        font-weight: 400;
        margin-bottom: 1rem;
    }

    #page-title .page-title > span {
        font-weight: 400;
        font-size: 22px;
    }

    #page-title .breadcrumb {
        font-size: 16px;
        text-align: center;
        margin-bottom: 0;
        padding: 20px 0px;
    }

    .testimonial.testimonial-box .testimonial-item p {
        font-size: 18px;
    }

    .single-post .post-item .post-item-description p {
        font-family: Lato,Helvetica,sans-serif;
        line-height: 1.6;
        font-size: 16px;
    }

    #footer p {
        font-size: 1.2rem;
        line-height: 1.4;
    }

button.btn, .btn:not(.close):not(.mfp-close), a.btn:not([href]):not([tabindex]) {
    font-family: "Poppins", sans-serif;
    border-radius: 5 px 5 px 5 px 5 px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .5px;
    text-decoration: none;
    outline: none;
    padding: 12 px 18 px;
    position: relative;
    text-transform: uppercase;
    background-color: #01b0d1;
    border-color: #01b0d1;
    border-width: 1 px;
    border-style: solid;
    color: #ffffff;
    transition: all 0.3s;
    margin-bottom: 6 px;
    outline: none;
    line-height: 14px;
    cursor: pointer;
}

button.btn:hover, button.btn:focus, button.btn:not(:disabled):not(.disabled):active, button.btn:not(:disabled):not(.disabled).active, .btn:not(.close):not(.mfp-close):hover, .btn:not(.close):not(.mfp-close):focus, .btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled):active, .btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled).active, a.btn:not([href]):not([tabindex]):hover, a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled).active {
    background-color: #12d7f9;
    border-color: #12d7f9;
    color: #ffffff;
    text-decoration: none;
}




    /*  about-------------------------------------------------------------------------------------------------------------------*/

    .writing-mode {
        writing-mode: vertical-lr;
    }

    .testimonial.testimonial-left .testimonial-item > h1 {
        margin-left: 220px;
        font-size: 38px;
    }

    .testimonial.testimonial-left .testimonial-item > p {
        font-family: 微軟正黑體, sans-serif;
        line-height: 26px;
        font-size: 20px;
    }

    /*  color---------------------------------------------------------------------------------------------------------------------*/

    a {
        color: #dc3545;
    }

        a:not(.btn):not(.badge):hover, a:not(.btn):not(.badge):focus, a:not(.btn):not(.badge):active {
            color: #b30808;
        }

        /* ----------------------------------------------------------------
	Typography
-----------------------------------------------------------------*/
        a:not(.btn).link {
            color: #20b505;
        }

        a:not(.btn):hover, a:not(.btn):focus, a:not(.btn):active {
            color: #20b505;
        }

    /* ----------------------------------------------------------------
	Accordion
-----------------------------------------------------------------*/
    .accordion.accordion-theme .ac-item {
        background-color: #20b505;
    }

    /* ----------------------------------------------------------------
	Blockquotes
-----------------------------------------------------------------*/
    .blockquote {
        border-left: 3px solid #20b505;
    }

    .blockquote-color {
        background-color: #20b505;
    }

    /* ----------------------------------------------------------------------
	Buttons
-------------------------------------------------------------------------*/
    a.btn:not([href]):not([tabindex]),
    .btn {
        background-color: #20b505;
        border-color: #20b505;
    }

        a.btn:not([href]):not([tabindex]):hover, a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled).active,
        .btn:hover,
        .btn:focus,
        .btn:not(:disabled):not(.disabled):active,
        .btn:not(:disabled):not(.disabled).active {
            background-color: #20b505;
            border-color: #20b505;
        }

        a.btn:not([href]):not([tabindex]).btn-outline,
        .btn.btn-outline {
            border-color: #20b505;
            color: #20b505;
        }

            a.btn:not([href]):not([tabindex]).btn-outline:hover, a.btn:not([href]):not([tabindex]).btn-outline:focus, a.btn:not([href]):not([tabindex]).btn-outline:active, a.btn:not([href]):not([tabindex]).btn-outline.active,
            .btn.btn-outline:hover,
            .btn.btn-outline:focus,
            .btn.btn-outline:active,
            .btn.btn-outline.active {
                background-color: #20b505;
                border-color: #20b505;
            }

        a.btn:not([href]):not([tabindex]).btn-primary,
        .btn.btn-primary {
            background-color: #20b505;
            border-color: #20b505;
        }

            a.btn:not([href]):not([tabindex]).btn-primary:hover, a.btn:not([href]):not([tabindex]).btn-primary:focus, a.btn:not([href]):not([tabindex]).btn-primary:not(:disabled):not(.disabled):active, a.btn:not([href]):not([tabindex]).btn-primary:not(:disabled):not(.disabled).active,
            .btn.btn-primary:hover,
            .btn.btn-primary:focus,
            .btn.btn-primary:not(:disabled):not(.disabled):active,
            .btn.btn-primary:not(:disabled):not(.disabled).active {
                background-color: #20b505;
                border-color: #20b505;
            }

        a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-outline:before,
        .btn.btn-icon-holder.btn-outline:before {
            border-left-color: #20b505;
        }

    /* ----------------------------------------------------------------------
    call-to-action (call to action)
-------------------------------------------------------------------------*/
    .call-to-action.call-to-action-colored {
        background-color: #20b505;
    }

    /* ----------------------------------------------------------------
Carousels & Slider
-----------------------------------------------------------------*/
    .inspiro-slider .flickity-button:hover {
        background-color: #20b505;
    }

    .carousel .flickity-button:hover {
        background-color: #20b505;
    }

    /* ----------------------------------------------------------------
    Dropcat & Highlight
-----------------------------------------------------------------*/
    .dropcap.dropcap-colored {
        background-color: #20b505;
    }

    .highlight.highlight-colored {
        background-color: #20b505;
    }

    /* ----------------------------------------------------------------------
Forms
-------------------------------------------------------------------------*/
    .form-control:focus,
    input:focus,
    select:focus {
        border-color: #20b505;
    }

    /* ----------------------------------------------------------------------
	Headings
-------------------------------------------------------------------------*/
    .heading-text.heading-section > h2:before {
        background-color: #20b505;
    }

    .heading-creative strong {
        color: #20b505;
    }

    /* ----------------------------------------------------------------------
	Icon Box
-------------------------------------------------------------------------*/
    .icon-box.effect.dark .icon i:after {
        box-shado: 0 0 0 3px #20b505;
    }

    .icon-box.effect.dark .icon i:hover, .icon-box.effect.dark:hover .icon i {
        background-color: #20b505;
    }

    .text-box.text-box-light:hover {
        background: #20b505;
    }

    .feature-box:hover h2,
    .feature-box:hover h3,
    .feature-box:hover h4 {
        color: #20b505;
    }

    /* ----------------------------------------------------------------
Lables & Badgets
-----------------------------------------------------------------*/
    .badge-primary {
        background-color: #20b505;
    }

    /* ----------------------------------------------------------------------
	Light Box
-------------------------------------------------------------------------*/
    .mfp-ajax-holder .mfp-close:hover {
        background: #20b505;
    }

    /* ----------------------------------------------------------------------
	Lists & Bullet Lists
-------------------------------------------------------------------------*/
    .list-colored li a {
        color: #20b505;
    }

    .list-legend li span {
        background-color: #20b505;
    }

    .list-icon.list-icon-colored li:before, .list-icon.icon-list-colored i {
        color: #20b505;
    }

    .list-group-item.active {
        background-color: #20b505;
        border: #20b505;
    }

    /* ----------------------------------------------------------------------
	Pagination & Pager
-------------------------------------------------------------------------*/
    .post-navigation a:hover {
        color: #20b505;
    }

    /* ----------------------------------------------------------------------
	Pricing Table
-------------------------------------------------------------------------*/
    .pricing-table.colored .plan-header {
        background-color: #20b505;
    }

    /* ----------------------------------------------------------------------
	Progress Bar
-------------------------------------------------------------------------*/
    .p-progress-bar,
    .progress-bar {
        background-color: #20b505;
    }

    /*--------------------------------------------------------
     Tabs
---------------------------------------------------------*/
    .tabs .nav-tabs .nav-link.active {
        color: #20b505;
        border-bottom: 2px solid #20b505;
    }

    .tabs.tabs-vertical .nav-link.active {
        color: #20b505;
        border-right: 2px solid #20b505;
    }

    /* ----------------------------------------------------------------
	Date picker
-----------------------------------------------------------------*/
    .datepicker tbody tr > td.day.today.active, .datepicker tbody tr > td.day.active, .datepicker tbody tr > td.day.selected {
        background: #20b505 !important;
    }

        .datepicker tbody tr > td.day.today.active:hover, .datepicker tbody tr > td.day.active:hover, .datepicker tbody tr > td.day.selected:hover {
            background: #20b505;
        }

    .datepicker tbody tr > td.day.range.today {
        background: #20b505;
    }

    .datepicker tbody tr > td span.month.active {
        background: #20b505;
    }

        .datepicker tbody tr > td span.month.active:hover {
            background: #20b505;
        }

    .datetimepicker tbody tr > td.day.today,
    .datetimepicker table tr td.active:active,
    .datetimepicker table tr td.active:hover:active,
    .datetimepicker table tr td.active.disabled:active,
    .datetimepicker table tr td.active.disabled:hover:active,
    .datetimepicker table tr td.active.active,
    .datetimepicker table tr td.active:hover.active,
    .datetimepicker table tr td.active.disabled.active,
    .datetimepicker table tr td.active.disabled:hover.active,
    .datetimepicker table tr td span.active:active,
    .datetimepicker table tr td span.active:hover:active,
    .datetimepicker table tr td span.active.disabled:active,
    .datetimepicker table tr td span.active.disabled:hover:active,
    .datetimepicker table tr td span.active.active,
    .datetimepicker table tr td span.active:hover.active,
    .datetimepicker table tr td span.active.disabled.active,
    .datetimepicker table tr td span.active.disabled:hover.active {
        background: #20b505 !important;
    }

    .datetimepicker table tr > td.today:hover,
    .datetimepicker table tr > td.today:hover:hover,
    .datetimepicker table tr > td.today.disabled:hover,
    .datetimepicker table tr > td.today.disabled:hover:hover,
    .datetimepicker table tr > td.today:active,
    .datetimepicker table tr > td.today:hover:active,
    .datetimepicker table tr > td.today.disabled:active,
    .datetimepicker table tr > td.today.disabled:hover:active,
    .datetimepicker table tr > td.today.active,
    .datetimepicker table tr > td.today:hover.active,
    .datetimepicker table tr > td.today.disabled.active,
    .datetimepicker table tr > td.today.disabled:hover.active,
    .datetimepicker table tr > td.today.disabled,
    .datetimepicker table tr > td.today:hover.disabled,
    .datetimepicker table tr > td.today.disabled.disabled,
    .datetimepicker table tr > td.today.disabled:hover.disabled,
    .datetimepicker table tr > td.today[disabled],
    .datetimepicker table tr > td.today:hover[disabled],
    .datetimepicker table tr > td.today.disabled[disabled],
    .datetimepicker table tr > td.today.disabled:hover[disabled] {
        background: #20b505 !important;
    }

    .daterangepicker .daterangepicker_input .input-mini.active, .daterangepicker .daterangepicker_input .input-mini:focus {
        border: 1px solid #20b505;
    }

    .daterangepicker tbody td.today {
        background: #20b505;
    }

    .daterangepicker tbody td.active, .daterangepicker tbody td.in-range, .daterangepicker tbody td.active:hover, .daterangepicker tbody td.in-range:hover {
        background: #20b505;
    }

    .daterangepicker select.ampmselect.active, .daterangepicker select.ampmselect:focus {
        border: 1px solid #20b505;
    }

    .daterangepicker select.hourselect.active, .daterangepicker select.hourselect:focus {
        border: 1px solid #20b505;
    }

    .daterangepicker select.minuteselect.active, .daterangepicker select.minuteselect:focus {
        border: 1px solid #20b505;
    }

    .daterangepicker select.monthselect.active, .daterangepicker select.monthselect:focus {
        border: 1px solid #20b505;
    }

    .daterangepicker select.yearselect.active, .daterangepicker select.yearselect:focus {
        border: 1px solid #20b505;
    }

    .daterangepicker .calendar-time i {
        color: #b2b1c5;
    }

    .daterangepicker .ranges li.active {
        background: #20b505;
        border: 1px solid #20b505;
    }

    /* ----------------------------------------------------------------
	Date range picker
-----------------------------------------------------------------*/
    .daterangepicker td.active:not(.off),
    .daterangepicker td.active:hover,
    .daterangepicker .active.end-date.in-range {
        background: #20b505 !important;
    }

    input.daterange:after,
    input.dates:after {
        background: #20b505;
    }

    /* ----------------------------------------------------------------
	Bootstrap Switch
-----------------------------------------------------------------*/
    .bootstrap-switch .bootstrap-switch-on,
    .bootstrap-switch .bootstrap-switch-handle-on,
    .bootstrap-switch .bootstrap-switch-handle-off {
        background-color: #20b505;
        border-color: #20b505;
    }

    .p-radio:checked + .p-radio-style:before {
        border: 1px solid #20b505;
        background: #20b505;
    }

    .p-checkbox:checked + .p-checkbox-style:before {
        border: #20b505;
        background: #20b505;
    }

    .p-switch > input[type="checkbox"]:checked + .p-switch-style {
        background-color: #20b505;
    }

    /* ----------------------------------------------------------------
	Ion Range Sliders
-----------------------------------------------------------------*/
    .irs-bar {
        background: #20b505;
    }

    .irs-from,
    .irs-to,
    .irs-single {
        background: #20b505;
    }

        .irs-from:after,
        .irs-to:after,
        .irs-single:after {
            border-top-color: #20b505;
        }

    /* ----------------------------------------------------------------
	Blog
-----------------------------------------------------------------*/
    .post-item {
        /*Types*/
    }

        .post-item .post-image .post-meta-category,
        .post-item .post-slider .post-meta-category,
        .post-item .post-video .post-meta-category,
        .post-item .post-audio .post-meta-category,
        .post-item .post-quote-img .post-meta-category {
            background-color: #20b505;
        }

        .post-item .post-quote-img .post-meta-category {
            color: #20b505;
        }

            .post-item .post-quote-img .post-meta-category a {
                color: #20b505;
            }

                .post-item .post-quote-img .post-meta-category a:hover {
                    color: #f7d010;
                }

        .post-item.quote .post-item-wrap {
            background-color: #20b505;
        }

    .post-author a {
        color: #20b505;
    }

    /* ----------------------------------------------------------------
	Grid Filter
-----------------------------------------------------------------*/
    .grid-filter li:hover a, .grid-filter li.active a {
        background-color: #20b505;
    }

    .grid-filter.gf-outline li:hover a, .grid-filter.gf-outline li.active a {
        border-color: #20b505;
        color: #20b505;
    }

    .grid-filter.gf-lines li:hover a, .grid-filter.gf-lines li.active a {
        color: #20b505;
    }

        .grid-filter.gf-lines li:hover a:after, .grid-filter.gf-lines li.active a:after {
            background-color: #20b505;
        }

    .grid-filter.gf-classic li:hover a, .grid-filter.gf-classic li.active a {
        background-color: #20b505;
    }

    .grid-filter.gf-default li:hover a, .grid-filter.gf-default li.active a {
        color: #20b505;
    }

    /*------------------------------------------------------
     Comments
------------------------------------------------------*/
    .comments .comment_number span {
        color: #20b505;
    }

    .respond-comment span {
        color: #20b505;
    }

    /*------------------------------------------------------
     Extras
------------------------------------------------------*/
    .item-link {
        color: #20b505;
    }

        .item-link:hover {
            color: #20b505;
        }

    .nav-link {
        color: #20b505;
    }

    .background-colored {
        background-color: #20b505;
    }

    /* ----------------------------------------------------------------
Scroll top
-----------------------------------------------------------------*/
    #scrollTop:after, #scrollTop:before {
        background-color: #20b505;
    }

    .fc-event-primary.fc-event {
        background-color: #20b505;
        border-color: #20b505;
    }

    .icon-set-container .row > [class^="col-"] {
        color: #20b505;
    }

        .icon-set-container .row > [class^="col-"]:hover {
            background-color: #20b505;
        }

            .icon-set-container .row > [class^="col-"]:hover .icon-holder {
                color: #20b505;
            }

    /* ----------------------------------------------------------------
    Forum
-----------------------------------------------------------------*/
    .forum thead tr > th {
        background-color: #20b505;
    }

    /* ----------------------------------------------------------------
    Header
-----------------------------------------------------------------*/
    #header {
        /* ----------------------------------------------------------------
Main Menu
-----------------------------------------------------------------*/
    }

        #header.header-modern:not(.header-active).header-colored .header-inner,
        #header.header-modern:not(.header-active).header-colored #header-wrap {
            background-color: #20b505;
        }

        #header.header-colored .header-inner,
        #header.header-colored #header-wrap {
            background-color: #20b505;
        }

        #header #mainMenu nav > ul > li.hover-active > a,
        #header #mainMenu nav > ul > li.hover-active > span, #header #mainMenu nav > ul > li.current > a,
        #header #mainMenu nav > ul > li.current > span, #header #mainMenu nav > ul > li:hover > a,
        #header #mainMenu nav > ul > li:hover > span, #header #mainMenu nav > ul > li:focus > a,
        #header #mainMenu nav > ul > li:focus > span {
            color: #20b505;
        }

        #header #mainMenu nav > ul > li .dropdown-menu > li > a:focus, #header #mainMenu nav > ul > li .dropdown-menu > li > a:hover, #header #mainMenu nav > ul > li .dropdown-menu > li > a:active,
        #header #mainMenu nav > ul > li .dropdown-menu > li > span:focus,
        #header #mainMenu nav > ul > li .dropdown-menu > li > span:hover,
        #header #mainMenu nav > ul > li .dropdown-menu > li > span:active,
        #header #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:focus,
        #header #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover,
        #header #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:active {
            color: #20b505;
        }

        #header #mainMenu nav > ul > li .dropdown-menu > li.current > a,
        #header #mainMenu nav > ul > li .dropdown-menu > li.current > span, #header #mainMenu nav > ul > li .dropdown-menu > li:hover > a,
        #header #mainMenu nav > ul > li .dropdown-menu > li:hover > span, #header #mainMenu nav > ul > li .dropdown-menu > li:focus > a,
        #header #mainMenu nav > ul > li .dropdown-menu > li:focus > span, #header #mainMenu nav > ul > li .dropdown-menu > li:active > a,
        #header #mainMenu nav > ul > li .dropdown-menu > li:active > span, #header #mainMenu nav > ul > li .dropdown-menu > li.hover-active > a,
        #header #mainMenu nav > ul > li .dropdown-menu > li.hover-active > span {
            color: #20b505;
        }

        #header #mainMenu.menu-rounded nav > ul > li.current > a, #header #mainMenu.menu-rounded nav > ul > li:hover > a, #header #mainMenu.menu-rounded nav > ul > li:focus > a {
            background-color: #20b505;
        }

        #header #mainMenu.menu-outline nav > ul > li.current > a, #header #mainMenu.menu-outline nav > ul > li:hover > a, #header #mainMenu.menu-outline nav > ul > li:focus > a {
            color: #20b505;
            border-color: #20b505;
        }

        #header #mainMenu.menu-lines nav > ul > li.current > a, #header #mainMenu.menu-lines nav > ul > li:hover > a, #header #mainMenu.menu-lines nav > ul > li:focus > a {
            color: #20b505;
        }

            #header #mainMenu.menu-lines nav > ul > li.current > a:after, #header #mainMenu.menu-lines nav > ul > li:hover > a:after, #header #mainMenu.menu-lines nav > ul > li:focus > a:after {
                background-color: #20b505;
            }

        #header #mainMenu.menu-hover-background nav > ul > li.current, #header #mainMenu.menu-hover-background nav > ul > li:hover, #header #mainMenu.menu-hover-background nav > ul > li:focus {
            background-color: #20b505;
        }

        #header #shopping-cart > a .shopping-cart-items {
            background: #20b505;
        }

    /* ----------------------------------------------------------------
Dots Menu
-----------------------------------------------------------------*/
    #dotsMenu ul li:hover {
        background-color: #20b505;
    }

    #dotsMenu ul li.current {
        background-color: #20b505;
    }

    #dotsMenu ul li a:hover:before, #dotsMenu ul li a.active:before {
        background-color: #20b505;
    }

    /*Menu Dark*/
    #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li > a:hover,
    #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li > span:hover,
    #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover {
        color: #20b505;
    }

    #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li.current > a,
    #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li.current > span, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li:hover > a,
    #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li:hover > span, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li:focus > a,
    #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li:focus > span, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li.hover-active > a,
    #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li.hover-active > span {
        color: #20b505;
    }

    .page-menu nav > ul > li:hover > a, .page-menu nav > ul > li.active > a {
        color: #20b505;
    }

    .page-menu.menu-rounded nav > ul > li:hover > a, .page-menu.menu-rounded nav > ul > li.active > a {
        background-color: #20b505;
    }

    .page-menu.menu-outline nav > ul > li:hover > a, .page-menu.menu-outline nav > ul > li.active > a {
        border-color: #20b505;
        color: #20b505;
    }

    .page-menu.menu-lines nav > ul > li:hover > a, .page-menu.menu-lines nav > ul > li.active > a {
        color: #20b505;
    }

        .page-menu.menu-lines nav > ul > li:hover > a:after, .page-menu.menu-lines nav > ul > li.active > a:after {
            background-color: #20b505;
        }

    .page-menu.menu-solid nav > ul > li:hover > a, .page-menu.menu-solid nav > ul > li.active > a {
        background-color: #20b505;
    }

    @media (max-width: 1024px) {
        .page-menu.menu-rounded nav > ul > li:hover > a, .page-menu.menu-rounded nav > ul > li.active > a, .page-menu.menu-outline nav > ul > li:hover > a, .page-menu.menu-outline nav > ul > li.active > a, .page-menu.menu-lines nav > ul > li:hover > a, .page-menu.menu-lines nav > ul > li.active > a, .page-menu.menu-solid nav > ul > li:hover > a, .page-menu.menu-solid nav > ul > li.active > a, .page-menu.menu-light nav > ul > li:hover > a, .page-menu.menu-light nav > ul > li.active > a, .page-menu.menu-creative nav > ul > li:hover > a, .page-menu.menu-creative nav > ul > li.active > a, .page-menu.inverted nav > ul > li:hover > a, .page-menu.inverted nav > ul > li.active > a {
            color: #20b505;
        }
    }

    #search .btn-search-close {
        background-color: #20b505;
    }

    /* ----------------------------------------------------------------
Topbar
-----------------------------------------------------------------*/
    #topbar.topbar-colored, #topbar.topbar-colored.dark {
        background-color: #20b505;
    }

    /* ----------------------------------------------------------------
Helpers
-----------------------------------------------------------------*/
    .text-theme {
        color: #20b505 !important;
    }

    /* ----------------------------------------------------------------
Portfolio
-----------------------------------------------------------------*/
    .portfolio-item .portfolio-description a:hover i,
    .portfolio-item .grid-description a:hover i,
    .portfolio-item .portfolio-links a:hover i,
    .grid-item .portfolio-description a:hover i,
    .grid-item .grid-description a:hover i,
    .grid-item .portfolio-links a:hover i {
        background-color: #20b505;
        border: 1px solid #20b505;
    }

    /* ----------------------------------------------------------------
	Widgets
-----------------------------------------------------------------*/
    .widget-tweeter li a,
    .widget-twitter li a {
        color: #20b505;
    }

    .tags a:hover, .tags a:focus, .tags a:active, .tags a.active {
        background-color: #20b505;
        border-color: #20b505;
    }

    /*# sourceMappingURL=theme.css.map */