.tra-menu .wsmainfull {
    background-color: transparent !important;
    box-shadow: none;
}
.bg--theme,
.shape--blue-400:after {
    background-color: #628A7B;
}

.btn--white {
    color: #628A7B !important;
    border-color: #fff !important;
    background-color: #fff !important;

    &:hover {
        color: #fff !important;
        border-color: #fff !important;
        background-color: #628A7B !important;
    }
}

.btn--border-white {
    background: transparent;
    border-color: #fff !important;
    color: #fff !important;

    &:hover {
        background: #fff !important;
        color: #628A7B !important;

        span {
            color: #628A7B !important;
        }
    }
}

.btn--theme {
    color: #fff!important;
    border-color: #628A7B !important;
    background-color: #628A7B !important;
}

.hover--theme:hover,
.white-scroll .scroll .hover--theme:hover,
.black-scroll .scroll .hover--theme:hover {
    color: #fff!important;
    border-color: #628A7B!important;
    background-color: #628A7B!important;
}

.theme--dark .white-scroll .scroll .hover--theme:hover {
    color: #fff!important;
    border-color: #628A7B!important;
    background-color: #628A7B!important;
}

.theme--dark .white-scroll .hover--theme:hover {
    color: #fff!important;
    border-color: #628A7B!important;
    background-color: #628A7B!important;
}

.color--theme,
.color--theme h1,
.color--theme h2,
.color--theme h3,
.color--theme h4,
.color--theme h5,
.color--theme h6,
.color--theme p,
.color--theme a,
.color--theme li,
.color--theme i,
.color--theme span,
.color--white .color--theme { color: #628A7B!important; }

.loading--theme .loader {
    border-color: transparent #628A7B;
}

.loading--theme .loader::after {
    border-color: transparent rgba(247, 71, 128, .15);
}

.nav-theme .sm-info {
    background-color: #628A7B;
}

.wsmenu > .wsmenu-list.nav-theme > li > ul.sub-menu > li > a:hover,
.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
    color: #628A7B!important;
}

.hero-section .quick-form .form-control:focus {
    border-color: #628A7B;
}

.cbox-2:hover .cbox-2-ico.bg--theme {
    color: #628A7B;
    border-color: #628A7B;
}

.tabs-1.tabs--theme,
.tabs-1.tabs--theme li.current:hover {
    color: #628A7B;
    border-color: #628A7B;
}

.faqs-section .tabs--theme .tabs-1 li.current,
.faqs-section .tabs--theme .tabs-1 li.current:hover {
    background-color: #628A7B;
    border-color: #628A7B!important;
}

.switch-wrap input:checked + .switcher.switcher--theme {
    background-color: #628A7B;
    border-color: #628A7B;
}

.shape-ico.color--theme path,
.shape-ico.color--theme path,
.shape-ico.color--theme path {
    fill: #feecf2;
}

.newsletter-section .form-control:focus {
    background-color: #fff;
    border-color: #353f4f;
}

.theme-pagination .page-item.active .page-link {
    color: #fff!important;
    background-color: #628A7B;
    border: 2px solid #628A7B;
}