#navigation.theme_top_menu.nav_arrow>ul>li.has-children>a:after {
    border-top-color: #000000
}

#navigation.theme_top_menu.nav_arrow>ul>li.has-children.current-menu-item>a:after,
#navigation.theme_top_menu.nav_arrow>ul>li.has-children.current-menu-ancestor>a:after,
#navigation.theme_top_menu.nav_arrow>ul>li.has-children.current-page-item>a:after,
#navigation.theme_top_menu.nav_arrow>ul>li.has-children.current-page-ancestor>a:after,
#navigation.theme_top_menu.nav_arrow>ul>li.has-children.current_page_item>a:after,
#navigation.theme_top_menu.nav_arrow>ul>li.has-children.current_page_ancestor>a:after,
#navigation.theme_top_menu.nav_arrow>ul>li.has-children.current_page_parent>a:after {
    border-top-color: #3cabce
}

#navigation.theme_top_menu.nav_arrow>ul>li.has-children.hover>a:after {
    border-top-color: #3cabce
}

#topbarmenu {
    background-color: #fefefe
}

#topbarmenu #navigation .menu>li>a,
#topbarmenu #navigation .menu>li>a:visited {
    color: #000000
}

#topbarmenu #navigation .menu>li>a>i {
    color: #000000
}

#topbarmenu #navigation .menu>li>a,
#topbarmenu #navigation .menu>li>a:visited {
    font-size: 11px
}

#topbarmenu #navigation .menu .top_menu_nav_logo:hover,
#topbarmenu.compactstyle #navigation .menu .top_menu_nav_logo:hover,
#topbarmenu.compactstyle #navigation .menu>li>a:hover,
#topbarmenu #navigation .menu>li>a:hover,
#topbarmenu #navigation .menu>li.hover>a,
#topbarmenu #navigation .menu>li.hover>a:active,
#topbarmenu #navigation .menu>li.hover>a:visited {
    background-color: transparent;
    color: #3cabce
}

#topbarmenu #navigation .menu>li:not(.current-menu-item).hover>a>i,
#topbarmenu #navigation .menu>li:not(.current-menu-item).hover>a:visited>i,
#topbarmenu #navigation>ul>li:not(.current-menu-item).has-children.hover>i,
#topbarmenu #navigation .menu>li:not(.current-menu-item)>a:hover>i {
    color: #3cabce
}

#topbarmenu #navigation .menu>li.current-menu-item.has-children>i,
#topbarmenu #navigation .menu>li.current-menu-item>a>i,
#topbarmenu #navigation .menu>li.current-menu-item>a:visited>i,
#topbarmenu #navigation .menu>li.current-menu-ancestor>a>i,
#topbarmenu #navigation .menu>li.current-menu-ancestor>a:visited>i,
#topbarmenu #navigation .menu>li.current_page_item>a>i,
#topbarmenu #navigation .menu>li.current_page_item>a:visited>i,
#topbarmenu #navigation .menu>li.current_page_ancestor>a>i,
#topbarmenu #navigation .menu>li.current_page_ancestor>a:visited>i,
#topbarmenu #navigation .menu>li.current_page_parent>a>i,
#topbarmenu #navigation .menu>li.current_page_parent>a:visited>i,
#topbarmenu #navigation .menu>li.current-page-item>a>i,
#topbarmenu #navigation .menu>li.current-page-item>a:visited>i,
#topbarmenu #navigation .menu>li.current-page-ancestor>a>i,
#topbarmenu #navigation .menu>li.current-page-ancestor>a:visited>i {
    color: #000000
}

#topbarmenu #navigation .menu>li.current-menu-item.hover>a:visited>i,
#topbarmenu #navigation .menu>li.current-menu-item.has-children.hover>i,
#topbarmenu #navigation .menu>li.current-menu-item>a:hover>i {
    color: #3cabce
}

#topbarmenu.normalstyle .jqueryslidemenu>ul>li>a {
    height: 38px;
    line-height: 36px
}

#topbarmenu.compactstyle .jqueryslidemenu>ul>li>a,
#topbarmenu.buttonstyle .jqueryslidemenu>ul>li>a {
    height: 30px;
    line-height: 30px
}

#topbarmenu .jqueryslidemenu>ul>li,
#topbarmenu.compactstyle .jqueryslidemenu>ul>li,
#topbarmenu.buttonstyle .jqueryslidemenu>ul>li {
    padding-bottom: 0px
}

#topbarmenu #navigation>ul {
    height: 40px
}

@media only screen and (min-width:980px) {
    #topbarmenu {
        height: 40px
    }

    #topbarmenu #navigation {
        left: 0px;
        right: auto
    }

    .rtl #topbarmenu #navigation {
        right: 0px;
        left: auto
    }
}

#top_area.below_topmenu {
    display: block
}

#top_area.topmenu {
    display: none
}

@media only screen and (min-width:980px) {
    #top_area.below_topmenu {
        top: 50px
    }
}

@media only screen and (min-width:768px) and (max-width:979px) {
    #top_area.below_topmenu {
        top: 50px
    }
}

@media only screen and (max-width:979px) {
    .responsive #topbarmenu .nav2select {
        font-size: 18px
    }

    .responsive #topbarmenu {
        position: relative;
        bottom: auto;
        left: auto;
        right: auto
    }

    #topbarmenu {
        height: 40px
    }

    #topbarmenu .inner-section-full,
    #topbarmenu .inner-section {
        padding-top: 0px;
        padding-bottom: 0px
    }

    .responsive #topbarmenu #navigation>ul {
        display: none
    }

    .responsive #topbarmenu #navigation {
        bottom: auto;
        height: auto;
        right: auto;
        left: auto;
        width: 100%;
        float: none;
        position: relative
    }

    .responsive #topbarmenu .nav2select {
        width: 100%;
        display: block
    }

    .nav2select_wrapper {
        padding-top: 5px
    }

    .nav2select_wrapper .nav_logo_div {
        margin-top: -5px;
        display: block
    }

    #topbarmenu.compactstyle #navigation ul,
    #topbarmenu.buttonstyle #navigation ul {
        height: auto
    }

    .responsive #topbarmenu #navigation {
        left: 0;
        right: 0
    }
}

@media only screen and (max-width:979px) {

    .responsive #topbarmenu:not(.forcefull) .inner-section-full,
    .responsive #topbarmenu:not(.forcefull) .inner-section {
        padding-left: 10px;
        padding-right: 10px
    }

    .responsive #topbarmenu.normalstyle .nav2select {
        margin-bottom: 6px
    }
}

#topbarmenu .menu-has-description>a.menu-hashtag-link {
    font-weight: bold
}

body {
    font-family: Arial, Helvetica, Garuda, sans-serif;
    line-height: 30px
}

#site_name,
#site_description,
.kwick_title,
.kwick_detail h3,
#navigation a,
.portfolio_title,
.dropcap1,
.dropcap2,
.dropcap3,
.dropcap4,
.dropcapplus,
h1,
h2,
h3,
h4,
h5,
h6,
.slogan_text,
.carousel_title,
.milestone_number,
.milestone_subject,
.process_step_title,
.pie_progress,
.progress-meter,
.title_introduce,
.feature-introduce,
#footer .widgettitle,
#copyright {
    font-family: 'Oxygen';
    font-weight: 300
}

body {
    font-family: "Oxygen";
    font-weight: 300
}

h1 {
    font-family: "Oxygen";
    font-weight: 400
}

h2 {
    font-family: "Oxygen";
    font-weight: 400
}

h3,
h4 {
    font-family: "Oxygen";
    font-weight: 300
}

#navigation {
    font-family: 'Oxygen"';
    font-weight: 300
}

#header .inner {
    height: 76px
}

#header {
    background-color: rgb(222, 212, 199);
    background-color: rgba(222, 212, 199, 0.47)
}

@media only screen and (max-width:979px) {

    .not_show_in_mobile.responsive-menu-pro-item,
    .responsive-menu-pro-item-link.not_show_in_mobile {
        display: none !important
    }
}

#logo,
#logo_text {
    z-index: 401
}

#top_area {
    z-index: 402
}

.logo-center #logo,
.logo-center #logo_text {
    z-index: 399
}

@media only screen and (min-width:980px) {
    #top_area {
        right: 10px
    }

    .rtl #top_area {
        left: 10px;
        right: auto
    }

    #logo {
        left: 0px
    }

    #logo_text {
        left: 10px
    }

    .rtl #logo {
        right: 0px;
        left: auto
    }

    .rtl #logo_text {
        right: 0px;
        left: auto
    }

    #navigation.nav-align-right,
    #navigation.nav-align-default {
        right: -5px
    }

    #navigation.nav-align-left,
    .rtl #navigation.nav-align-default {
        left: -5px
    }
}

@media only screen and (min-width:768px) and (max-width:979px) {
    .responsive #top_area {
        right: 10px
    }

    .rtl.responsive #top_area {
        left: 10px;
        right: auto
    }

    .responsive #logo {
        left: 0px
    }

    .rtl.responsive #logo {
        right: 0px;
        left: auto
    }

    .responsive #logo_text {
        left: 0px
    }

    .rtl.responsive #logo_text {
        right: 0px;
        left: auto
    }
}

@media only screen and (max-width:767px) {
    .responsive #top_area {
        right: auto;
        padding-bottom: 10px
    }

    .rtl.responsive #top_area {
        left: auto;
        right: auto
    }

    .responsive #logo {
        left: auto;
        right: auto
    }

    .responsive #logo_text {
        left: 0px
    }

    .rtl.responsive #logo_text {
        right: 0px;
        left: auto
    }
}

@media only screen and (max-width:979px) {

    #navigation,
    .nobox-layout #navigation.nav-align-default,
    .nobox-layout #navigation.nav-align-left,
    .nobox-layout #navigation.nav-align-right,
    .rtl.nobox-layout #navigation.nav-align-default,
    .rtl.nobox-layout #navigation.nav-align-left,
    .rtl.nobox-layout #navigation.nav-align-right {
        left: auto;
        right: auto;
        text-align: inherit;
        float: initial
    }
}

::selection {
    color: #ffffff;
    background: #3cabce
}

::-moz-selection {
    color: #ffffff;
    background: #3cabce
}

::-webkit-selection {
    color: #ffffff;
    background: #3cabce
}

#header {
    color: #877975
}

#site_name {
    color: #4e5976;
    font-size: 26px
}

#site_description {
    color: #877975;
    font-size: 11px
}

#logo,
#logo_text {
    bottom: 15px
}

#navigation .menu>li.hover>a,
#navigation .menu>li.hover>a:active,
#navigation .menu>li.hover>a:visited,
#navigation .menu>li.hover>a>i {
    color: rgb(255, 255, 255)
}

#navigation .menu>li.current-menu-item>a,
#navigation .menu>li.current-menu-item>a:visited,
#navigation .menu>li.current-menu_item>a,
#navigation .menu>li.current-menu_item>a:visited,
#navigation .menu>li.current-menu-ancestor>a,
#navigation .menu>li.current-menu-ancestor>a:visited,
#navigation .menu>li.current_page_item>a,
#navigation .menu>li.current_page_item>a:visited,
#navigation .menu>li.current_page_ancestor>a,
#navigation .menu>li.current_page_ancestor>a:visited,
#navigation .menu>li.current-page-item>a,
#navigation .menu>li.current-page-item>a:visited,
#navigation .menu>li.current-page-ancestor>a,
#navigation .menu>li.current-page-ancestor>a:visited,
#navigation .menu>li.current-menu-item>a>i,
#navigation .menu>li.current-menu-ancestor>a>i,
#navigation .menu>li.current_page_item>a>i,
#navigation .menu>li.current_page_ancestor>a>i,
#navigation .menu>li.current-page-item>a>i,
#navigation .menu>li.current-page-ancestor>a>i {
    color: #4e5976
}

#navigation.nav_arrow>ul>li.has-children>a:after {
    border-top-color: #877975
}

#navigation.nav_arrow>ul>li.has-children.current-menu-item>a:after,
#navigation.nav_arrow>ul>li.has-children.current-menu-ancestor>a:after,
#navigation.nav_arrow>ul>li.has-children.current-page-item>a:after,
#navigation.nav_arrow>ul>li.has-children.current-page-ancestor>a:after,
#navigation.nav_arrow>ul>li.has-children.current_page_item>a:after,
#navigation.nav_arrow>ul>li.has-children.current_page_ancestor>a:after,
#navigation.nav_arrow>ul>li.has-children.current_page_parent>a:after {
    border-top-color: #4e5976
}

#navigation.nav_arrow>ul>li.has-children.hover>a:after {
    border-top-color: rgb(255, 255, 255)
}

#navigation.nav_sub_arrow ul ul .has-children>a:after {
    border-left-color: #000000
}

#navigation.nav_sub_arrow ul ul li.has-children.current-menu-item>a:after,
#navigation.nav_sub_arrow ul ul li.has-children.current-menu-ancestor>a:after,
#navigation.nav_sub_arrow ul ul li.has-children.current-page-item>a:after,
#navigation.nav_sub_arrow ul ul li.has-children.current-page-ancestor>a:after,
#navigation.nav_sub_arrow ul ul li.has-children.current_page_item>a:after,
#navigation.nav_sub_arrow ul ul li.has-children.current_page_ancestor>a:after,
#navigation.nav_sub_arrow ul ul li.has-children.current_page_parent>a:after {
    border-left-color: #000000
}

#navigation.nav_sub_arrow ul ul li.has-children a:hover:after {
    border-left-color: #000000
}

#navigation-wrapper .menu-has-description>a.menu-hashtag-link {
    font-weight: bold
}

#navigation .menu>li>a,
#navigation .menu>li>a:visited {
    font-size: 13px;
    background-color: transparent;
    color: #877975
}

#navigation .menu>li>a>i {
    color: #877975
}

#navigation .menu-widget-search #searchform.search_with_icon button {
    color: #000000
}

#navigation .menu-widget-search input[type="text"],
#navigation ul li .menu-item-text a,
#navigation ul li .menu-item-text,
#navigation ul li.hover ul li a,
#navigation ul ul li a,
#navigation ul ul li a:visited {
    font-size: 14px;
    color: #000000
}

#navigation ul li ul {
    background-color: #fcfcfc
}

#navigation .sub-menu .current-menu-item>a,
#navigation .sub-menu .current-menu-item>a:visited,
#navigation .sub-menu .current-menu_item>a,
#navigation .sub-menu .current-menu_item>a:visited,
#navigation .sub-menu .current-menu-ancestor>a,
#navigation .sub-menu .current-menu-ancestor>a:visited,
#navigation .sub-menu .current-page-item>a,
#navigation .sub-menu .current-page-item>a:visited,
#navigation .sub-menu .current-page-ancestor>a,
#navigation .sub-menu .current-page-ancestor>a:visited,
#navigation .sub-menu .current_page_item>a,
#navigation .sub-menu .current_page_item>a:visited,
#navigation .sub-menu .current_page_ancestor>a,
#navigation .sub-menu .current_page_ancestor>a:visited {
    background-color: #fcfcfc;
    color: #000000
}

#navigation .sub-menu .current-menu-ancestor>a:hover,
#navigation .sub-menu .current_page_ancestor>a:hover,
#navigation .sub-menu .current-page-ancestor>a:hover,
#navigation .sub-menu .current_page_item>a:hover,
#navigation .sub-menu .current-page-item>a:hover,
#navigation .sub-menu .current-menu-item>a:hover,
#navigation .sub-menu .current-menu_item>a:hover,
#navigation ul li .menu-item-text a:active,
#navigation ul li .menu-item-text a:hover,
#navigation ul ul li>a:hover,
#navigation ul ul li>a:active,
#navigation ul li.hover ul li>a:hover,
#navigation ul li.hover ul li>a:active {
    color: #000000
}

#navigation .sub-menu .current-menu-ancestor>a:hover,
#navigation .sub-menu .current_page_ancestor>a:hover,
#navigation .sub-menu .current-page-ancestor>a:hover,
#navigation .sub-menu .current_page_item>a:hover,
#navigation .sub-menu .current-page-item>a:hover,
#navigation .sub-menu .current-menu-item>a:hover,
#navigation .sub-menu .current-menu_item>a:hover,
#navigation ul li ul li>a:hover,
#navigation ul ul li>a:hover {
    background-color: #eeeeee
}

.nav2select {
    font-size: 16px
}

a:hover {
    text-decoration: none
}

.no-gradient #feature,
.has-gradient #feature {
    background-color: #3cabce
}

.title_introduce {
    color: #ffffff;
    font-size: 42px
}

.layout-fh100,
.feature-introduce .meta-icon,
.feature-introduce {
    color: #ffffff;
    font-size: 21px
}

.layout-fh100 a,
.layout-fh100 a:visited,
.feature-introduce a {
    color: #ffffff
}

#page {
    background-color: #fefefe;
    color: #333333;
    font-size: 22px
}

.wp-pagenavi a {
    font-size: 12px
}

.wp-pagenavi a:hover {
    font-size: 14px
}

.wp-pagenavi span.current {
    font-size: 16px
}

.wp-pagenavi .theme-icon {
    font-size: 14px
}

.wp-pagenavi a:hover .theme-icon {
    font-size: 18px
}

ul.mini_tabs li.current,
ul.mini_tabs li.current a {
    background-color: #fefefe
}

.tabs_container .panes {
    background-color: #ffffff;
    color: #333333
}

.divider.top a {
    background-color: #fefefe
}

#breadcrumbs {
    font-size: 11px
}

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

h1 {
    color: #333333
}

h2 {
    color: #333333
}

h3 {
    color: #333333
}

h4 {
    color: #333333
}

h5 {
    color: #333333
}

h6 {
    color: #333333
}

a,
a:visited {
    color: #666666
}

a:hover,
a:active {
    color: #3cabce
}

h1 a,
h1 a:visited {
    color: #333333
}

h2 a,
h2 a:visited {
    color: #333333
}

h3 a,
h3 a:visited {
    color: #333333
}

h4 a,
h4 a:visited {
    color: #333333
}

h5 a,
h5 a:visited {
    color: #333333
}

h6 a,
h6 a:visited {
    color: #333333
}

h1 a:hover,
h1 a:active {
    color: #3cabce
}

h2 a:hover,
h2 a:active {
    color: #3cabce
}

h3 a:hover,
h3 a:active {
    color: #3cabce
}

h4 a:hover,
h4 a:active {
    color: #3cabce
}

h5 a:hover,
h5 a:active {
    color: #3cabce
}

h6 a:hover,
h6 a:active {
    color: #3cabce
}

.portfolios.sortable header a {
    background-color: #eeeeee;
    color: #666666
}

.portfolios.sortable header a.current,
.portfolios.sortable header a:hover {
    background-color: #3cabce;
    color: #ffffff
}

.portfolio_more_button .button {
    background-color: #333333
}

.portfolio_more_button .button span {
    color: #ffffff
}

.portfolio_more_button .button:hover,
.portfolio_more_button .button.hover {
    background-color: #333333
}

.portfolio_more_button .button:hover span,
.portfolio_more_button .button.hover span {
    color: #ffffff
}

.left_sidebar #sidebar_content {
    border-right-color: #eee
}

.right_sidebar #sidebar_content {
    border-left-color: #eee
}

#sidebar .widget a,
#sidebar .widget a:visited {
    color: #666666
}

#sidebar .widget a:hover,
#sidebar .widget a:active {
    color: #3cabce
}

#sidebar .widgettitle {
    color: #333333;
    font-size: 24px
}

#breadcrumbs {
    color: #999999
}

#breadcrumbs a,
#breadcrumbs a:visited {
    color: #999999
}

#breadcrumbs a:hover,
#breadcrumbs a:active {
    color: #3cabce
}

.portfolio_title,
.portfolio_title a,
.portfolio_title a:visited {
    color: #333333;
    font-size: 24px
}

.portfolio_desc {
    font-size: 12px
}

.dropcappluswrapper .dropcapplus_inner {}

.dropcappluswrapper.dropcap_flipvert .dropcapplus_inner {}

.masonry_item_title {}

.masonry_item_desc {
    color: #777777
}

.masonry_item_image_overlay {
    background-color: #000000
}

.masonry_item_image_overlay:before {
    color: #ffffff
}

.no-gradient #footer,
.has-gradient #footer {
    background-color: #000000
}

#footer {
    color: #e5e5e5;
    font-size: 12px
}

#footer .widget a,
#footer .widget a:visited {
    color: #ffffff
}

#footer .widget a:active,
#footer .widget a:hover {
    color: #3cabce
}

#footer .widgettitle {
    color: #ffffff;
    font-size: 24px
}

#footer_bottom {
    background-color: transparent;
    background-image: none
}

#copyright {
    color: #ffffff;
    font-size: 14px
}

#footer_menu a {
    font-size: 12px
}

#footer_bottom a,
#footer_bottom a:visited,
#footer_bottom a:visited i {
    color: #ffffff
}

#footer_bottom a:hover,
#footer_bottom a:active,
#footer_bottom a:active i {
    color: #3cabce
}

.entry_frame,
.divider,
.divider_line,
.commentlist li,
.entry .entry_meta,
#sidebar .widget li,
#sidebar .widget_pages ul ul,
#about_the_author .author_content,
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.product-thumbnail-wrap,
.carousel_heading,
.masonry_item,
.woocommerce div.product div.images img,
.woocommerce-page div.product div.images img,
.woocommerce .content div.product div.images img,
.woocommerce-page .content div.product div.images img {
    border-color: #eeeeee
}

h1 {
    font-size: 36px
}

h2 {
    font-size: 30px
}

h3 {
    font-size: 24px
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

[class^="icon-"],
[class*=" icon-"] {
    color: #8d8d8d
}

.icon-border {
    border-color: #e5e5e5;
    background-color: transparent
}

.iconfont {
    background-color: transparent
}

.iconfont:hover {}

.nivoSlider .nivo-caption {
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.8)
}

.nivoSlider .nivo-caption .nivo-desc {
    font-size: 16px;
    color: #ffffff
}

.nivoSlider .nivo-caption h3.nivo-title {
    font-size: 16px;
    line-height: 30px;
    color: #ffffff
}

.nivo-container .nivo-controlNav {
    line-height: calc(30px - 6px)
}

.nivoSlider .nivo-directionNav a {
    background-color: transparent
}

.nivoSlider .nivo-prevNav:hover,
.nivoSlider .nivo-nextNav:hover {
    background-color: rgb(30, 30, 30);
    background-color: rgba(30, 30, 30, 0.6)
}

.unleash-slider-detail {
    background-color: rgb(1, 1, 1) !important;
    background-color: rgba(1, 1, 1, 0.4) !important
}

.unleash-slider-caption,
.unleash-slider-caption a {
    color: #ffffff !important;
    font-size: 16px !important
}

.unleash-slider-desc {
    color: #ffffff !important;
    font-size: 12px !important
}

.fotorama--fullscreen,
.fullscreen,
.fotorama--fullscreen .fotorama__stage,
.fotorama--fullscreen .fotorama__nav {
    background-color: rgb(0, 0, 0) !important
}

.fotorama__caption__wrap {
    background-color: rgb(255, 255, 255) !important;
    background-color: rgba(255, 255, 255, 0.9) !important;
    color: #303030 !important
}

.fotorama__thumb-border {
    border-color: #3cabce !important
}

.full-slider .cycle2-overlay {
    background-color: rgb(1, 1, 1);
    background-color: rgba(1, 1, 1, 0.4)
}

.full-slider .cycle2-overlay .fullwidth_title h3 {
    color: #ffffff;
    font-size: 16px;
    line-height: 30px
}

.full-slider .cycle2-pager.in_caption {
    line-height: calc(30px - 6px)
}

.full-slider .cycle2-overlay .fullwidth_desc {
    color: #ffffff;
    font-size: 12px
}

.full-slider .cycle2-next:after,
.full-slider .cycle2-prev:after {
    color: rgb(176, 176, 176)
}

.full-slider .cycle2-next:hover:after,
.full-slider .cycle2-prev:hover:after {
    color: rgb(208, 208, 208)
}

.full-slider .cycle2-prev,
.full-slider .cycle2-next {
    background-color: rgb(30, 30, 30);
    background-color: rgba(30, 30, 30, 0.3)
}

.full-slider .cycle2-prev:hover,
.full-slider .cycle2-next:hover {
    background-color: rgb(30, 30, 30);
    background-color: rgba(30, 30, 30, 0.6)
}

.cycle2-pager li span {
    background-color: rgb(64, 64, 64) !important;
    background-color: rgba(64, 64, 64, 0.5) !important
}

.cycle2-pager li span:after {
    border-top-color: rgb(64, 64, 64) !important;
    border-top-color: rgba(64, 64, 64, 0.5) !important
}

.tp-bannertimer {}

.entry {
    margin-bottom: 80px
}

.entry_title {
    font-size: 36px
}

.entry_right.entry_image,
.entry_left.entry_image {
    width: 200px
}

.entry_frame {
    background-color: transparent
}

.entry .entry_meta {}

.read_more_link.button {
    background-color: #333333
}

.read_more_link.button span {
    color: #ffffff
}

.read_more_link.button:hover,
.read_more_link.button.hover {
    background-color: #333333
}

.read_more_link.button:hover span,
.read_more_link.button.hover span {
    color: #ffffff
}

.read_more_wrap a:visited,
.read_more_wrap a {
    color: #ffffff
}

.read_more_wrap a:hover,
.read_more_wrap a:active {
    color: #ffffff
}

.entry .entry_title a,
.entry .entry_title a:visited {
    color: #333333
}

.entry .entry_title a:hover,
.entry .entry_title a:active {
    color: #3cabce
}

.entry_meta .meta-icon {
    color: #666666
}

.entry_meta a,
.entry_meta a:visited {
    color: #666666
}

.entry_meta a:hover,
.entry_meta a:active {
    color: #3cabce
}

a.linked_excerpt,
a.linked_excerpt:visited {
    color: #666666
}

#back-to-top.style-square {
    background-color: #555555
}

a:hover#back-to-top.style-square {
    background-color: #eeeeee
}

ul.tabs {
    border-bottom-color: #e5e5e5
}

ul.tabs li {
    border-color: #e5e5e5
}

.tabs_container .panes {
    border-color: #e5e5e5
}

ul.tabs li a {
    background-color: #fafafa;
    border-bottom-color: #fafafa
}

ul.tabs li a {
    color: #777777
}

ul.tabs li a i {
    color: #777777
}

ul.tabs li a:hover {
    background-color: #fafafa;
    border-bottom-color: #fafafa
}

ul.tabs li a:hover {
    color: #777777
}

ul.tabs li a:hover i {
    color: #777777
}

ul.tabs li a.current {
    background-color: #ffffff;
    border-bottom-color: #ffffff
}

ul.tabs li a.current {
    color: #444444
}

ul.tabs li a.current i {
    color: #444444
}

ul.mini_tabs li {
    border-color: #e5e5e5
}

.mini_tabs_container .panes {
    border-top-color: #e5e5e5
}

ul.mini_tabs li a {
    background-color: #fafafa
}

ul.mini_tabs li a {
    color: #777777
}

ul.mini_tabs li a i {
    color: #777777
}

ul.mini_tabs li a:hover {
    background-color: #fafafa
}

ul.mini_tabs li a:hover {
    color: #777777
}

ul.mini_tabs li a:hover i {
    color: #777777
}

ul.mini_tabs li a.current {
    background-color: #fefefe
}

ul.mini_tabs li a.current {
    color: #444444
}

ul.mini_tabs li a.current i {
    color: #444444
}

ul.vertical_tabs li:first-child {
    border-color: #e5e5e5
}

ul.vertical_tabs li {
    border-color: #e5e5e5
}

.vertical_tabs_container .panes {
    border-top-color: #e5e5e5
}

ul.vertical_tabs li a {
    background-color: #fafafa
}

ul.vertical_tabs li a {
    color: #777777
}

ul.vertical_tabs li a i {
    color: #777777
}

ul.vertical_tabs li a:hover {
    background-color: #fafafa
}

ul.vertical_tabs li a:hover {
    color: #777777
}

ul.vertical_tabs li a:hover i {
    color: #777777
}

ul.vertical_tabs li a.current {
    background-color: #ffffff
}

ul.vertical_tabs li a.current {
    color: #444444
}

ul.vertical_tabs li a.current i {
    color: #444444
}

.accordion {
    border-color: #e5e5e5
}

.accordion .tab {
    border-color: #ffffff;
    border-bottom-color: #e5e5e5;
    background-color: #fafafa
}

.accordion .tab,
.accordion .tab a {
    color: #777777
}

.accordion .pane {
    border-bottom-color: #e5e5e5
}

.accordion .tab.current {
    background-color: #ffffff
}

.accordion .tab.current,
.accordion .tab.current a {
    color: #444444
}

.accordion .tab i {
    color: #444444
}

.accordion .tab.current i {
    color: #444444
}

.toggle_title {}

.toggle_icon {}

.button {
    background-color: #ffff
}

.iconbox_icon i {
    color: #3cabce
}

.milestone_number {
    color: #3cabce
}

.milestone_icon .milestone_number {
    color: #444444
}

.milestone_subject {
    color: #666666
}

.milestone_icon i {
    color: #3cabce
}

.carousel_heading {}

a.carousel_nav_prev,
a.carousel_nav_next {
    color: #b8b8b8
}

a.carousel_nav_prev:hover,
a.carousel_nav_next:hover {
    color: #8d8d8d
}

.carousel_image_caption {
    color: #303030
}

.carousel_image_caption {
    background-color: rgb(200, 200, 160);
    background-color: rgba(200, 200, 160, 0.8)
}

h3.process_step_title,
h3.process_step_title a,
h3.process_step_title a:visited {
    color: #333333
}

h3.process_step_title a:hover,
h3.process_step_title a:active {
    color: #333333
}

.process_steps {
    color: #333333
}

.process_steps li:before {
    border-color: #e5e5e5
}

.process_step_icon {
    border-color: #e5e5e5;
    background-color: #ffffff
}

.process_step_icon:hover {
    border-color: #3cabce;
    background-color: #3cabce
}

.process_step_icon i {
    color: #aaaaaa
}

.process_step_icon:hover i {
    color: #ffffff
}

.progress {
    background-color: #e5e5e5
}

.progress-meter {
    color: #ffffff;
    background-color: #3cabce
}

.pie_progress_icon {
    color: #bbbbbb
}

.esg-grid a,
.esg-grid a:visited {
    color: #333333
}

.esg-grid a:hover,
.esg-grid a:active {
    color: #3cabce
}

.esg-grid a:hover i,
.esg-grid a:active i {
    color: #ffffff
}

#page form:not(.elementor-form) input[type="text"],
#page form:not(.elementor-form) input[type="password"],
#page form:not(.elementor-form) input[type="email"],
#page form:not(.elementor-form) input[type="file"],
#page form:not(.elementor-form) input[type="datetime"],
#page form:not(.elementor-form) input[type="datetime-local"],
#page form:not(.elementor-form) input[type="date"],
#page form:not(.elementor-form) input[type="month"],
#page form:not(.elementor-form) input[type="time"],
#page form:not(.elementor-form) input[type="week"],
#page form:not(.elementor-form) input[type="number"],
#page form:not(.elementor-form) input[type="url"],
#page form:not(.elementor-form) input[type="search"],
#page form:not(.elementor-form) input[type="tel"],
#page form:not(.elementor-form) input[type="color"],
#page form:not(.elementor-form) textarea {
    color: #333333
}

#footer form:not(.elementor-form) input[type="text"],
#footer form:not(.elementor-form) input[type="password"],
#footer form:not(.elementor-form) input[type="email"],
#footer form:not(.elementor-form) input[type="file"],
#footer form:not(.elementor-form) input[type="datetime"],
#footer form:not(.elementor-form) input[type="datetime-local"],
#footer form:not(.elementor-form) input[type="date"],
#footer form:not(.elementor-form) input[type="month"],
#footer form:not(.elementor-form) input[type="time"],
#footer form:not(.elementor-form) input[type="week"],
#footer form:not(.elementor-form) input[type="number"],
#footer form:not(.elementor-form) input[type="url"],
#footer form:not(.elementor-form) input[type="search"],
#footer form:not(.elementor-form) input[type="tel"],
#footer form:not(.elementor-form) input[type="color"],
#footer form:not(.elementor-form) textarea,
#footer form:not(.elementor-form) .text_input,
#footer form:not(.elementor-form) .textarea {
    color: #ffffff
}

@media only screen and (max-width:767px) {
    .responsive #header .inner {
        height: auto
    }
}

@media only screen and (max-width:979px) {

    .responsive #logo,
    .responsive #logo_text {
        position: relative;
        bottom: auto !important;
        margin-top: 10px;
        margin-bottom: 10px
    }

    .responsive #header .inner {
        height: auto
    }

    .responsive #navigation>ul {
        display: none
    }

    .responsive #navigation {
        height: auto;
        right: auto;
        width: 100%;
        position: relative;
        bottom: auto
    }

    .responsive .nav2select {
        width: 100%;
        display: block
    }

    .responsive #navigation-wrapper {
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
        width: auto
    }

    #navigation-wrapper .inner-section,
    .inner-section-full,
    #navigation-wrapper .inner-section {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

@media only screen and (max-width:979px) {
    .responsive #copyright {
        float: none;
        padding-top: .3em
    }

    .responsive #footer_menu:before,
    #footer_right_area:before {
        position: absolute;
        width: 100%;
        height: 1px;
        content: '';
        background: rgba(0, 0, 0, 0.1);
        bottom: 0;
        left: 0
    }

    .responsive #footer_menu,
    #footer_right_area {
        float: none;
        position: relative;
        padding-bottom: .2em;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        text-align: left
    }

    .responsive #footer_right_area .widget {
        margin-bottom: 0
    }

    .responsive #footer_menu a {
        padding: 0 10px 0 0
    }
}

@media only screen and (max-width:767px) {
    .responsive #top_area {
        display: none
    }
}

.wp-block-button .wp-block-button__link,
button.wc-block-components-button,
.woocommerce button.button:not(.white),
.woocommerce-page button.button:not(.white),
.woocommerce a.button.alt,
.woocommerce-page a.button.alt,
.woocommerce button.button:not(.white).alt,
.woocommerce-page button.button:not(.white).alt,
.woocommerce input.button.alt,
.woocommerce-page input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce-page #respond input#submit.alt,
.woocommerce .content input.button.alt,
.woocommerce-page .content input.button.alt {
    background-color: #3cabce
}

.wp-block-button .wp-block-button__link:hover,
button.wc-block-components-button:hover,
.woocommerce button.button:not(.white):hover,
.woocommerce-page button.button:not(.white):hover,
.woocommerce a.button.alt:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce button.button:not(.white).alt:hover,
.woocommerce-page button.button:not(.white).alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce-page input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce-page #respond input#submit.alt:hover,
.woocommerce .content input.button.alt:hover,
.woocommerce-page .content input.button.alt:hover {
    background-color: #3cabce
}

.woocommerce-message {
    border-top-color: #51A5DB
}

.woocommerce-message::before {
    color: #51A5DB
}

.woocommerce .on-sale-triangle.triangle-left {
    border-color: #51A5DB transparent transparent transparent
}

.woocommerce .on-sale-triangle.triangle-right {
    border-color: transparent #51A5DB transparent transparent
}

.woocommerce span.onsale {
    background-color: #51A5DB
}

.woocommerce span.onsale {
    color: #ffffff
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #1A80B5
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background-color: #51A5DB
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color: #1A80B5
}

.woocommerce #respond input#submit.added::after,
.woocommerce a.button.added::after,
.woocommerce button.button:not(.white).added::after,
.woocommerce input.button.added::after {
    color: #333333
}

.palette-1 a,
.palette-1 a:visited {
    color: rgb(254, 254, 254);
    color: rgba(254, 254, 254, 0.97)
}

.palette-1 a:hover,
.palette-1 a:active {
    color: rgb(215, 223, 254)
}

.palette-1 h1 a:hover,
.palette-1 h1 a:active {
    color: rgb(215, 223, 254)
}

.palette-1 h2 a:hover,
.palette-1 h2 a:active {
    color: rgb(215, 223, 254)
}

.palette-1 h3 a:hover,
.palette-1 h3 a:active {
    color: rgb(215, 223, 254)
}

.palette-1 h4 a:hover,
.palette-1 h4 a:active {
    color: rgb(215, 223, 254)
}

.palette-1 h5 a:hover,
.palette-1 h5 a:active {
    color: rgb(215, 223, 254)
}

.palette-1 h6 a:hover,
.palette-1 h6 a:active {
    color: rgb(215, 223, 254)
}

.palette-2 a,
.palette-2 a:visited {
    color: rgb(5, 162, 242)
}