:root {
    --primary: #48af4b;
    --secondary: #222;
}

.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-appset .vc_tta-tabs-list .vc_active a {
    background-color: #48af4b;
}

.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-appset .vc_tta-tabs-list li a span {
    color: #48af4b;
}

.mb-0 {
    margin-bottom: 0;
}

.p-bottom-0 {
    padding-bottom: 0;
}

.p-left-0 {
    padding-left: 0px;
}

.p-right-0 {
    padding-right: 0px;
}

.bg-dark {
    background-color: #222 !important;
}

.bg-lightgrey {
    background-color: #f0f0f0 !important;
}

.cssload-ball,
.bg-preset {
    background-color: #48af4b !important;
}

.primary-color,
.preset-color,
.preset-text,
.navbar.scroll.navbar-light .rose-hover .navbar-nav .nav-link:hover,
.navbar.scroll.navbar-dark .rose-hover .navbar-nav .nav-link:hover,
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-appset .vc_tta-tabs-list li a span,
a.preset-hover:hover {
    color: #48af4b;
}

.portfolio-filter.preset-btngroup .btn-group>.btn.active,
.portfolio-filter.preset-btngroup .btn-group>.btn.focus,
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-appset .vc_tta-tabs-list .vc_active a {
    background-color: #48af4b;
    border-color: #48af4b;
}

.btn-preset {
    background-color: #48af4b;
    border: 2px solid #48af4b;
}

.btn-tra,
.white-color .btn-tra {
    color: #48af4b;
    border-color: #48af4b;
}

.pricing-plan.preset-border {
    border-color: #48af4b
}

.btn:hover {
    background-color: #469248;
    border-color: #469248;
}

.btn-tra:hover {
    background-color: #48af4b;
    border-color: #48af4b;
}

.preset-progress .progress-bar {
    background-color: #48af4b;
}

.white-color .preset-icon span,
.preset-icon span,
.preset-hover:hover .grey-icon span {
    color: #48af4b;
}

.portfolio-filter button.is-checked,
.bg-dark .portfolio-filter button.is-checked,
.widget_rss cite,
.recentcomments .comment-author-link,
.recentcomments .comment-author-link a,
.preset-color,
.preset-color h2,
.preset-color h3,
.preset-color h4,
.preset-color h5,
.preset-color h6,
.preset-color p,
.preset-color a,
.preset-color li,
.preset-color i,
.white-color .preset-color,
.hover-menu .collapse.rose-hover ul ul>li:hover>a,
.navbar .rose-hover .show .dropdown-menu>li>a:focus,
.navbar .rose-hover .show .dropdown-menu>li>a:hover,
.navbar-light.bg-light.navbar-expand-lg .nl-simple.active a,
.hover-menu .dropdown-item.active,
.hover-menu .dropdown-item:active,
.dropdown-item.active,
.dropdown-item:active,
.hover-menu .collapse.rose-hover ul ul ul>li:hover>a {
    color: #48af4b;
}

.ico-social:hover,
.loop-item-hover-in .btn:hover,
.loop-item-hover-in .btn:focus,
.woocommerce span.onsale,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-style-appset-style2 .vc_tta-tabs-list .vc_active a,
.navbar-expand-lg .nl-simple a::before {
    background-color: #48af4b;
}

.ico-social:hover,
.loop-item-hover-in .btn:hover,
.loop-item-hover-in .btn:focus,
.comment-form .form-control:focus,
.woocommerce button.button.alt.single_add_to_cart_button {
    border: 2px solid #48af4b;
}

.portfolio-filter button.is-checked,
.bg-dark .portfolio-filter button.is-checked {
    border-color: #48af4b;
}

.blog-post-txt .post-meta a:hover,
.blog-post-txt .post-meta a:focus {
    color: #222;
}

.fbox-3.tra-hover:hover {
    border-bottom: 1px solid transparent;
}

.fbox-3.tra-hover:hover .b-icon span,
.bg-tra {
    background-color: transparent;
}

.underline-tra {
    background-image: linear-gradient(120deg, transparent 0%, transparent 90%);
    background-repeat: no-repeat;
    background-size: 100% 0.22em;
    background-position: 0 105%;
}

.has-tra-color.has-text-color,
.tra-icon [class^='ti-'],
.tra-icon [class*=' ti-'],
.tra-color-icon [class^='ti-'],
.tra-color-icon [class*=' ti-'],
.tra-nav .slick-prev::before,
.tra-nav .slick-next::before,
.navbar.tra-hover .navbar-nav .nav-link:focus,
.navbar.tra-hover .navbar-nav .nav-link:hover,
.modal-video .tra-color,
.tra-color,
.tra-color h2,
.tra-color h3,
.tra-color h4,
.tra-color h5,
.tra-color h6,
.tra-color p,
.tra-color a,
.tra-color li,
.tra-color i,
.white-color .tra-color,
span.section-id.tra-color,
.tra-color p {
    color: transparent;
}

.btn-tra,
.navbar .nav-button .btn-tra-tra:hover,
.navbar .nav-button .btn-tra-tra:focus,
.btn-tra-tra:hover,
.btn-tra-tra:focus,
.btn-tra:hover,
.btn-tra:focus {
    background-color: transparent;
    border-color: transparent;
}

.is-style-outline .has-tra-background-color,
.btn-tra-tra {
    background-color: transparent;
    border-color: transparent;
}

.tra-icon,
.tra-icon [class^='flaticon-']::before {
    color: transparent;
}

.navbar.scroll.tra-scroll {
    background-color: transparent !important;
}

.header-socials a:focus,
.header-socials a:hover,
.scrollbg-dark.scroll .header-socials a:focus,
.scrollbg-dark.scroll .header-socials a:hover,
.video-btn.play-icon-tra,
.box-rounded.box-rounded-tra {
    border-color: transparent;
}

.has-tra-background-color,
.header-socials a:focus,
.header-socials a:hover,
.fbox-3:hover .tra-color-box .box-line,
.fbox-3:hover .tra-icon [class^='ti-'],
.fbox-3:hover .tra-icon [class*=' ti-'],
.fbox-3:hover .tra-color-icon [class^='ti-'],
.fbox-3:hover .tra-color-icon [class*=' ti-'],
.video-btn.play-icon-tra,
.video-1 .video-btn.play-icon-tra,
.tra-nav.perch-vc-carousel .owl-nav [class*='owl-']:hover,
.tra-nav.perch-vc-carousel .owl-dots .owl-dot.active span,
.perch-vc-carousel.tra-nav .slick-dots li.slick-active button::before,
.vc-bg-tra .appset-vc .wpb_element_wrapper {
    background-color: transparent
}

.fbox-3.light-hover:hover {
    border-bottom: 1px solid #fff;
}

.fbox-3.light-hover:hover .b-icon span,
.bg-light {
    background-color: #fff;
}

.underline-light {
    background-image: linear-gradient(120deg, #fff 0%, #fff 90%);
    background-repeat: no-repeat;
    background-size: 100% 0.22em;
    background-position: 0 105%;
}

.has-light-color.has-text-color,
.light-icon [class^='ti-'],
.light-icon [class*=' ti-'],
.light-color-icon [class^='ti-'],
.light-color-icon [class*=' ti-'],
.light-nav .slick-prev::before,
.light-nav .slick-next::before,
.navbar.light-hover .navbar-nav .nav-link:focus,
.navbar.light-hover .navbar-nav .nav-link:hover,
.modal-video .light-color,
.light-color,
.light-color h2,
.light-color h3,
.light-color h4,
.light-color h5,
.light-color h6,
.light-color p,
.light-color a,
.light-color li,
.light-color i,
.white-color .light-color,
span.section-id.light-color,
.light-color p {
    color: #fff;
}

.btn-light,
.navbar .nav-button .btn-tra-light:hover,
.navbar .nav-button .btn-tra-light:focus,
.btn-tra-light:hover,
.btn-tra-light:focus,
.btn-light:hover,
.btn-light:focus {
    background-color: #fff;
    border-color: #fff;
}

.is-style-outline .has-light-background-color,
.btn-tra-light {
    background-color: transparent;
    border-color: #fff;
}

.light-icon,
.light-icon [class^='flaticon-']::before {
    color: #fff;
}

.navbar.scroll.light-scroll {
    background-color: #fff !important;
}

.header-socials a:focus,
.header-socials a:hover,
.scrollbg-dark.scroll .header-socials a:focus,
.scrollbg-dark.scroll .header-socials a:hover,
.video-btn.play-icon-light,
.box-rounded.box-rounded-light {
    border-color: #fff;
}

.has-light-background-color,
.header-socials a:focus,
.header-socials a:hover,
.fbox-3:hover .light-color-box .box-line,
.fbox-3:hover .light-icon [class^='ti-'],
.fbox-3:hover .light-icon [class*=' ti-'],
.fbox-3:hover .light-color-icon [class^='ti-'],
.fbox-3:hover .light-color-icon [class*=' ti-'],
.video-btn.play-icon-light,
.video-1 .video-btn.play-icon-light,
.light-nav.perch-vc-carousel .owl-nav [class*='owl-']:hover,
.light-nav.perch-vc-carousel .owl-dots .owl-dot.active span,
.perch-vc-carousel.light-nav .slick-dots li.slick-active button::before,
.vc-bg-light .appset-vc .wpb_element_wrapper {
    background-color: #fff
}

.fbox-3.white-hover:hover {
    border-bottom: 1px solid #fff;
}

.fbox-3.white-hover:hover .b-icon span,
.bg-white {
    background-color: #fff;
}

.underline-white {
    background-image: linear-gradient(120deg, #fff 0%, #fff 90%);
    background-repeat: no-repeat;
    background-size: 100% 0.22em;
    background-position: 0 105%;
}

.has-white-color.has-text-color,
.white-icon [class^='ti-'],
.white-icon [class*=' ti-'],
.white-color-icon [class^='ti-'],
.white-color-icon [class*=' ti-'],
.white-nav .slick-prev::before,
.white-nav .slick-next::before,
.navbar.white-hover .navbar-nav .nav-link:focus,
.navbar.white-hover .navbar-nav .nav-link:hover,
.modal-video .white-color,
.white-color,
.white-color h2,
.white-color h3,
.white-color h4,
.white-color h5,
.white-color h6,
.white-color p,
.white-color a,
.white-color li,
.white-color i,
.white-color .white-color,
span.section-id.white-color,
.white-color p {
    color: #fff;
}

.btn-white,
.navbar .nav-button .btn-tra-white:hover,
.navbar .nav-button .btn-tra-white:focus,
.btn-tra-white:hover,
.btn-tra-white:focus,
.btn-white:hover,
.btn-white:focus {
    background-color: #fff;
    border-color: #fff;
}

.is-style-outline .has-white-background-color,
.btn-tra-white {
    background-color: transparent;
    border-color: #fff;
}

.white-icon,
.white-icon [class^='flaticon-']::before {
    color: #fff;
}

.navbar.scroll.white-scroll {
    background-color: #fff !important;
}

.header-socials a:focus,
.header-socials a:hover,
.scrollbg-dark.scroll .header-socials a:focus,
.scrollbg-dark.scroll .header-socials a:hover,
.video-btn.play-icon-white,
.box-rounded.box-rounded-white {
    border-color: #fff;
}

.has-white-background-color,
.header-socials a:focus,
.header-socials a:hover,
.fbox-3:hover .white-color-box .box-line,
.fbox-3:hover .white-icon [class^='ti-'],
.fbox-3:hover .white-icon [class*=' ti-'],
.fbox-3:hover .white-color-icon [class^='ti-'],
.fbox-3:hover .white-color-icon [class*=' ti-'],
.video-btn.play-icon-white,
.video-1 .video-btn.play-icon-white,
.white-nav.perch-vc-carousel .owl-nav [class*='owl-']:hover,
.white-nav.perch-vc-carousel .owl-dots .owl-dot.active span,
.perch-vc-carousel.white-nav .slick-dots li.slick-active button::before,
.vc-bg-white .appset-vc .wpb_element_wrapper {
    background-color: #fff
}

.fbox-3.black-hover:hover {
    border-bottom: 1px solid #333;
}

.fbox-3.black-hover:hover .b-icon span,
.bg-black {
    background-color: #333;
}

.underline-black {
    background-image: linear-gradient(120deg, #333 0%, #333 90%);
    background-repeat: no-repeat;
    background-size: 100% 0.22em;
    background-position: 0 105%;
}

.has-black-color.has-text-color,
.black-icon [class^='ti-'],
.black-icon [class*=' ti-'],
.black-color-icon [class^='ti-'],
.black-color-icon [class*=' ti-'],
.black-nav .slick-prev::before,
.black-nav .slick-next::before,
.navbar.black-hover .navbar-nav .nav-link:focus,
.navbar.black-hover .navbar-nav .nav-link:hover,
.modal-video .black-color,
.black-color,
.black-color h2,
.black-color h3,
.black-color h4,
.black-color h5,
.black-color h6,
.black-color p,
.black-color a,
.black-color li,
.black-color i,
.white-color .black-color,
span.section-id.black-color,
.black-color p {
    color: #333;
}

.btn-black,
.navbar .nav-button .btn-tra-black:hover,
.navbar .nav-button .btn-tra-black:focus,
.btn-tra-black:hover,
.btn-tra-black:focus,
.btn-black:hover,
.btn-black:focus {
    background-color: #333;
    border-color: #333;
    color: #fff;
}

.is-style-outline .has-black-background-color,
.btn-tra-black {
    background-color: transparent;
    border-color: #333;
}

.black-icon,
.black-icon [class^='flaticon-']::before {
    color: #333;
}

.navbar.scroll.black-scroll {
    background-color: #333 !important;
}

.header-socials a:focus,
.header-socials a:hover,
.scrollbg-dark.scroll .header-socials a:focus,
.scrollbg-dark.scroll .header-socials a:hover,
.video-btn.play-icon-black,
.box-rounded.box-rounded-black {
    border-color: #333;
}

.has-black-background-color,
.header-socials a:focus,
.header-socials a:hover,
.fbox-3:hover .black-color-box .box-line,
.fbox-3:hover .black-icon [class^='ti-'],
.fbox-3:hover .black-icon [class*=' ti-'],
.fbox-3:hover .black-color-icon [class^='ti-'],
.fbox-3:hover .black-color-icon [class*=' ti-'],
.video-btn.play-icon-black,
.video-1 .video-btn.play-icon-black,
.black-nav.perch-vc-carousel .owl-nav [class*='owl-']:hover,
.black-nav.perch-vc-carousel .owl-dots .owl-dot.active span,
.perch-vc-carousel.black-nav .slick-dots li.slick-active button::before,
.vc-bg-black .appset-vc .wpb_element_wrapper {
    background-color: #333
}

.fbox-3.preset-hover:hover {
    border-bottom: 1px solid #48af4b;
}

.fbox-3.preset-hover:hover .b-icon span,
.bg-preset {
    background-color: #48af4b;
}

.underline-preset {
    background-image: linear-gradient(120deg, #48af4b 0%, #48af4b 90%);
    background-repeat: no-repeat;
    background-size: 100% 0.22em;
    background-position: 0 105%;
}

.has-preset-color.has-text-color,
.preset-icon [class^='ti-'],
.preset-icon [class*=' ti-'],
.preset-color-icon [class^='ti-'],
.preset-color-icon [class*=' ti-'],
.preset-nav .slick-prev::before,
.preset-nav .slick-next::before,
.navbar.preset-hover .navbar-nav .nav-link:focus,
.navbar.preset-hover .navbar-nav .nav-link:hover,
.modal-video .preset-color,
.preset-color,
.preset-color h2,
.preset-color h3,
.preset-color h4,
.preset-color h5,
.preset-color h6,
.preset-color p,
.preset-color a,
.preset-color li,
.preset-color i,
.white-color .preset-color,
span.section-id.preset-color,
.preset-color p {
    color: #48af4b;
}

.btn-preset,
.navbar .nav-button .btn-tra-preset:hover,
.navbar .nav-button .btn-tra-preset:focus,
.btn-tra-preset:hover,
.btn-tra-preset:focus,
.btn-preset:hover,
.btn-preset:focus {
    background-color: #48af4b;
    border-color: #48af4b;
    color: #fff;
}

.is-style-outline .has-preset-background-color,
.btn-tra-preset {
    background-color: transparent;
    border-color: #48af4b;
}

.preset-icon,
.preset-icon [class^='flaticon-']::before {
    color: #48af4b;
}

.navbar.scroll.preset-scroll {
    background-color: #48af4b !important;
}

.header-socials a:focus,
.header-socials a:hover,
.scrollbg-dark.scroll .header-socials a:focus,
.scrollbg-dark.scroll .header-socials a:hover,
.video-btn.play-icon-preset,
.box-rounded.box-rounded-preset {
    border-color: #48af4b;
}

.has-preset-background-color,
.header-socials a:focus,
.header-socials a:hover,
.fbox-3:hover .preset-color-box .box-line,
.fbox-3:hover .preset-icon [class^='ti-'],
.fbox-3:hover .preset-icon [class*=' ti-'],
.fbox-3:hover .preset-color-icon [class^='ti-'],
.fbox-3:hover .preset-color-icon [class*=' ti-'],
.video-btn.play-icon-preset,
.video-1 .video-btn.play-icon-preset,
.preset-nav.perch-vc-carousel .owl-nav [class*='owl-']:hover,
.preset-nav.perch-vc-carousel .owl-dots .owl-dot.active span,
.perch-vc-carousel.preset-nav .slick-dots li.slick-active button::before,
.vc-bg-preset .appset-vc .wpb_element_wrapper {
    background-color: #48af4b
}

.fbox-3.preset2-hover:hover {
    border-bottom: 1px solid #469248;
}

.fbox-3.preset2-hover:hover .b-icon span,
.bg-preset2 {
    background-color: #469248;
}

.underline-preset2 {
    background-image: linear-gradient(120deg, #469248 0%, #469248 90%);
    background-repeat: no-repeat;
    background-size: 100% 0.22em;
    background-position: 0 105%;
}

.has-preset2-color.has-text-color,
.preset2-icon [class^='ti-'],
.preset2-icon [class*=' ti-'],
.preset2-color-icon [class^='ti-'],
.preset2-color-icon [class*=' ti-'],
.preset2-nav .slick-prev::before,
.preset2-nav .slick-next::before,
.navbar.preset2-hover .navbar-nav .nav-link:focus,
.navbar.preset2-hover .navbar-nav .nav-link:hover,
.modal-video .preset2-color,
.preset2-color,
.preset2-color h2,
.preset2-color h3,
.preset2-color h4,
.preset2-color h5,
.preset2-color h6,
.preset2-color p,
.preset2-color a,
.preset2-color li,
.preset2-color i,
.white-color .preset2-color,
span.section-id.preset2-color,
.preset2-color p {
    color: #469248;
}

.btn-preset2,
.navbar .nav-button .btn-tra-preset2:hover,
.navbar .nav-button .btn-tra-preset2:focus,
.btn-tra-preset2:hover,
.btn-tra-preset2:focus,
.btn-preset2:hover,
.btn-preset2:focus {
    background-color: #469248;
    border-color: #469248;
    color: #fff;
}

.is-style-outline .has-preset2-background-color,
.btn-tra-preset2 {
    background-color: transparent;
    border-color: #469248;
}

.preset2-icon,
.preset2-icon [class^='flaticon-']::before {
    color: #469248;
}

.navbar.scroll.preset2-scroll {
    background-color: #469248 !important;
}

.header-socials a:focus,
.header-socials a:hover,
.scrollbg-dark.scroll .header-socials a:focus,
.scrollbg-dark.scroll .header-socials a:hover,
.video-btn.play-icon-preset2,
.box-rounded.box-rounded-preset2 {
    border-color: #469248;
}

.has-preset2-background-color,
.header-socials a:focus,
.header-socials a:hover,
.fbox-3:hover .preset2-color-box .box-line,
.fbox-3:hover .preset2-icon [class^='ti-'],
.fbox-3:hover .preset2-icon [class*=' ti-'],
.fbox-3:hover .preset2-color-icon [class^='ti-'],
.fbox-3:hover .preset2-color-icon [class*=' ti-'],
.video-btn.play-icon-preset2,
.video-1 .video-btn.play-icon-preset2,
.preset2-nav.perch-vc-carousel .owl-nav [class*='owl-']:hover,
.preset2-nav.perch-vc-carousel .owl-dots .owl-dot.active span,
.perch-vc-carousel.preset2-nav .slick-dots li.slick-active button::before,
.vc-bg-preset2 .appset-vc .wpb_element_wrapper {
    background-color: #469248
}

.fbox-3.dark-hover:hover {
    border-bottom: 1px solid #222;
}

.fbox-3.dark-hover:hover .b-icon span,
.bg-dark {
    background-color: #222;
}

.underline-dark {
    background-image: linear-gradient(120deg, #222 0%, #222 90%);
    background-repeat: no-repeat;
    background-size: 100% 0.22em;
    background-position: 0 105%;
}

.has-dark-color.has-text-color,
.dark-icon [class^='ti-'],
.dark-icon [class*=' ti-'],
.dark-color-icon [class^='ti-'],
.dark-color-icon [class*=' ti-'],
.dark-nav .slick-prev::before,
.dark-nav .slick-next::before,
.navbar.dark-hover .navbar-nav .nav-link:focus,
.navbar.dark-hover .navbar-nav .nav-link:hover,
.modal-video .dark-color,
.dark-color,
.dark-color h2,
.dark-color h3,
.dark-color h4,
.dark-color h5,
.dark-color h6,
.dark-color p,
.dark-color a,
.dark-color li,
.dark-color i,
.white-color .dark-color,
span.section-id.dark-color,
.dark-color p {
    color: #000;
}

.btn-dark,
.navbar .nav-button .btn-tra-dark:hover,
.navbar .nav-button .btn-tra-dark:focus,
.btn-tra-dark:hover,
.btn-tra-dark:focus,
.btn-dark:hover,
.btn-dark:focus {
    background-color: #000;
    border-color: #000;
    color: #fff;
}

.is-style-outline .has-dark-background-color,
.btn-tra-dark {
    background-color: transparent;
    border-color: #000;
}

.dark-icon,
.dark-icon [class^='flaticon-']::before {
    color: #000;
}

.navbar.scroll.dark-scroll {
    background-color: #000 !important;
}

.header-socials a:focus,
.header-socials a:hover,
.scrollbg-dark.scroll .header-socials a:focus,
.scrollbg-dark.scroll .header-socials a:hover,
.video-btn.play-icon-dark,
.box-rounded.box-rounded-dark {
    border-color: #000;
}

.has-dark-background-color,
.header-socials a:focus,
.header-socials a:hover,
.fbox-3:hover .dark-color-box .box-line,
.fbox-3:hover .dark-icon [class^='ti-'],
.fbox-3:hover .dark-icon [class*=' ti-'],
.fbox-3:hover .dark-color-icon [class^='ti-'],
.fbox-3:hover .dark-color-icon [class*=' ti-'],
.video-btn.play-icon-dark,
.video-1 .video-btn.play-icon-dark,
.dark-nav.perch-vc-carousel .owl-nav [class*='owl-']:hover,
.dark-nav.perch-vc-carousel .owl-dots .owl-dot.active span,
.perch-vc-carousel.dark-nav .slick-dots li.slick-active button::before,
.vc-bg-dark .appset-vc .wpb_element_wrapper {
    background-color: #000
}

.fbox-3.lightdark-hover:hover {
    border-bottom: 1px solid #252d35;
}

.fbox-3.lightdark-hover:hover .b-icon span,
.bg-lightdark {
    background-color: #252d35;
}

.underline-lightdark {
    background-image: linear-gradient(120deg, #252d35 0%, #252d35 90%);
    background-repeat: no-repeat;
    background-size: 100% 0.22em;
    background-position: 0 105%;
}

.has-lightdark-color.has-text-color,
.lightdark-icon [class^='ti-'],
.lightdark-icon [class*=' ti-'],
.lightdark-color-icon [class^='ti-'],
.lightdark-color-icon [class*=' ti-'],
.lightdark-nav .slick-prev::before,
.lightdark-nav .slick-next::before,
.navbar.lightdark-hover .navbar-nav .nav-link:focus,
.navbar.lightdark-hover .navbar-nav .nav-link:hover,
.modal-video .lightdark-color,
.lightdark-color,
.lightdark-color h2,
.lightdark-color h3,
.lightdark-color h4,
.lightdark-color h5,
.lightdark-color h6,
.lightdark-color p,
.lightdark-color a,
.lightdark-color li,
.lightdark-color i,
.white-color .lightdark-color,
span.section-id.lightdark-color,
.lightdark-color p {
    color: #252d35;
}

.btn-lightdark,
.navbar .nav-button .btn-tra-lightdark:hover,
.navbar .nav-button .btn-tra-lightdark:focus,
.btn-tra-lightdark:hover,
.btn-tra-lightdark:focus,
.btn-lightdark:hover,
.btn-lightdark:focus {
    background-color: #252d35;
    border-color: #252d35;
    color: #fff;
}

.is-style-outline .has-lightdark-background-color,
.btn-tra-lightdark {
    background-color: transparent;
    border-color: #252d35;
}

.lightdark-icon,
.lightdark-icon [class^='flaticon-']::before {
    color: #252d35;
}

.navbar.scroll.lightdark-scroll {
    background-color: #252d35 !important;
}

.header-socials a:focus,
.header-socials a:hover,
.scrollbg-dark.scroll .header-socials a:focus,
.scrollbg-dark.scroll .header-socials a:hover,
.video-btn.play-icon-lightdark,
.box-rounded.box-rounded-lightdark {
    border-color: #252d35;
}

.has-lightdark-background-color,
.header-socials a:focus,
.header-socials a:hover,
.fbox-3:hover .lightdark-color-box .box-line,
.fbox-3:hover .lightdark-icon [class^='ti-'],
.fbox-3:hover .lightdark-icon [class*=' ti-'],
.fbox-3:hover .lightdark-color-icon [class^='ti-'],
.fbox-3:hover .lightdark-color-icon [class*=' ti-'],
.video-btn.play-icon-lightdark,
.video-1 .video-btn.play-icon-lightdark,
.lightdark-nav.perch-vc-carousel .owl-nav [class*='owl-']:hover,
.lightdark-nav.perch-vc-carousel .owl-dots .owl-dot.active span,
.perch-vc-carousel.lightdark-nav .slick-dots li.slick-active button::before,
.vc-bg-lightdark .appset-vc .wpb_element_wrapper {
    background-color: #252d35
}

.fbox-3.deepdark-hover:hover {
    border-bottom: 1px solid #1a1a1a;
}

.fbox-3.deepdark-hover:hover .b-icon span,
.bg-deepdark {
    background-color: #1a1a1a;
}

.underline-deepdark {
    background-image: linear-gradient(120deg, #1a1a1a 0%, #1a1a1a 90%);
    background-repeat: no-repeat;
    background-size: 100% 0.22em;
    background-position: 0 105%;
}

.has-deepdark-color.has-text-color,
.deepdark-icon [class^='ti-'],
.deepdark-icon [class*=' ti-'],
.deepdark-color-icon [class^='ti-'],
.deepdark-color-icon [class*=' ti-'],
.deepdark-nav .slick-prev::before,
.deepdark-nav .slick-next::before,
.navbar.deepdark-hover .navbar-nav .nav-link:focus,
.navbar.deepdark-hover .navbar-nav .nav-link:hover,
.modal-video .deepdark-color,
.deepdark-color,
.deepdark-color h2,
.deepdark-color h3,
.deepdark-color h4,
.deepdark-color h5,
.deepdark-color h6,
.deepdark-color p,
.deepdark-color a,
.deepdark-color li,
.deepdark-color i,
.white-color .deepdark-color,
span.section-id.deepdark-color,
.deepdark-color p {
    color: #1a1a1a;
}

.btn-deepdark,
.navbar .nav-button .btn-tra-deepdark:hover,
.navbar .nav-button .btn-tra-deepdark:focus,
.btn-tra-deepdark:hover,
.btn-tra-deepdark:focus,
.btn-deepdark:hover,
.btn-deepdark:focus {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    color: #fff;
}

.is-style-outline .has-deepdark-background-color,
.btn-tra-deepdark {
    background-color: transparent;
    border-color: #1a1a1a;
}

.deepdark-icon,
.deepdark-icon [class^='flaticon-']::before {
    color: #1a1a1a;
}

.navbar.scroll.deepdark-scroll {
    background-color: #1a1a1a !important;
}

.header-socials a:focus,
.header-socials a:hover,
.scrollbg-dark.scroll .header-socials a:focus,
.scrollbg-dark.scroll .header-socials a:hover,
.video-btn.play-icon-deepdark,
.box-rounded.box-rounded-deepdark {
    border-color: #1a1a1a;
}

.has-deepdark-background-color,
.header-socials a:focus,
.header-socials a:hover,
.fbox-3:hover .deepdark-color-box .box-line,
.fbox-3:hover .deepdark-icon [class^='ti-'],
.fbox-3:hover .deepdark-icon [class*=' ti-'],
.fbox-3:hover .deepdark-color-icon [class^='ti-'],
.fbox-3:hover .deepdark-color-icon [class*=' ti-'],
.video-btn.play-icon-deepdark,
.video-1 .video-btn.play-icon-deepdark,
.deepdark-nav.perch-vc-carousel .owl-nav [class*='owl-']:hover,
.deepdark-nav.perch-vc-carousel .owl-dots .owl-dot.active span,
.perch-vc-carousel.deepdark-nav .slick-dots li.slick-active button::before,
.vc-bg-deepdark .appset-vc .wpb_element_wrapper {
    background-color: #1a1a1a
}

.fbox-3.lightgrey-hover:hover {
    border-bottom: 1px solid #f2f2f2;
}

.fbox-3.lightgrey-hover:hover .b-icon span,
.bg-lightgrey {
    background-color: #f2f2f2;
}

.underline-lightgrey {
    background-image: linear-gradient(120deg, #f2f2f2 0%, #f2f2f2 90%);
    background-repeat: no-repeat;
    background-size: 100% 0.22em;
    background-position: 0 105%;
}

.has-lightgrey-color.has-text-color,
.lightgrey-icon [class^='ti-'],
.lightgrey-icon [class*=' ti-'],
.lightgrey-color-icon [class^='ti-'],
.lightgrey-color-icon [class*=' ti-'],
.lightgrey-nav .slick-prev::before,
.lightgrey-nav .slick-next::before,
.navbar.lightgrey-hover .navbar-nav .nav-link:focus,
.navbar.lightgrey-hover .navbar-nav .nav-link:hover,
.modal-video .lightgrey-color,
.lightgrey-color,
.lightgrey-color h2,
.lightgrey-color h3,
.lightgrey-color h4,
.lightgrey-color h5,
.lightgrey-color h6,
.lightgrey-color p,
.lightgrey-color a,
.lightgrey-color li,
.lightgrey-color i,
.white-color .lightgrey-color,
span.section-id.lightgrey-color,
.lightgrey-color p {
    color: #ccc;
}

.btn-lightgrey,
.navbar .nav-button .btn-tra-lightgrey:hover,
.navbar .nav-button .btn-tra-lightgrey:focus,
.btn-tra-lightgrey:hover,
.btn-tra-lightgrey:focus,
.btn-lightgrey:hover,
.btn-lightgrey:focus {
    background-color: #ccc;
    border-color: #ccc;
}

.is-style-outline .has-lightgrey-background-color,
.btn-tra-lightgrey {
    background-color: transparent;
    border-color: #ccc;
}

.lightgrey-icon,
.lightgrey-icon [class^='flaticon-']::before {
    color: #ccc;
}

.navbar.scroll.lightgrey-scroll {
    background-color: #ccc !important;
}

.header-socials a:focus,
.header-socials a:hover,
.scrollbg-dark.scroll .header-socials a:focus,
.scrollbg-dark.scroll .header-socials a:hover,
.video-btn.play-icon-lightgrey,
.box-rounded.box-rounded-lightgrey {
    border-color: #ccc;
}

.has-lightgrey-background-color,
.header-socials a:focus,
.header-socials a:hover,
.fbox-3:hover .lightgrey-color-box .box-line,
.fbox-3:hover .lightgrey-icon [class^='ti-'],
.fbox-3:hover .lightgrey-icon [class*=' ti-'],
.fbox-3:hover .lightgrey-color-icon [class^='ti-'],
.fbox-3:hover .lightgrey-color-icon [class*=' ti-'],
.video-btn.play-icon-lightgrey,
.video-1 .video-btn.play-icon-lightgrey,
.lightgrey-nav.perch-vc-carousel .owl-nav [class*='owl-']:hover,
.lightgrey-nav.perch-vc-carousel .owl-dots .owl-dot.active span,
.perch-vc-carousel.lightgrey-nav .slick-dots li.slick-active button::before,
.vc-bg-lightgrey .appset-vc .wpb_element_wrapper {
    background-color: #ccc
}

.fbox-3.grey-hover:hover {
    border-bottom: 1px solid #ede9e6;
}

.fbox-3.grey-hover:hover .b-icon span,
.bg-grey {
    background-color: #ede9e6;
}

.underline-grey {
    background-image: linear-gradient(120deg, #ede9e6 0%, #ede9e6 90%);
    background-repeat: no-repeat;
    background-size: 100% 0.22em;
    background-position: 0 105%;
}

.has-grey-color.has-text-color,
.grey-icon [class^='ti-'],
.grey-icon [class*=' ti-'],
.grey-color-icon [class^='ti-'],
.grey-color-icon [class*=' ti-'],
.grey-nav .slick-prev::before,
.grey-nav .slick-next::before,
.navbar.grey-hover .navbar-nav .nav-link:focus,
.navbar.grey-hover .navbar-nav .nav-link:hover,
.modal-video .grey-color,
.grey-color,
.grey-color h2,
.grey-color h3,
.grey-color h4,
.grey-color h5,
.grey-color h6,
.grey-color p,
.grey-color a,
.grey-color li,
.grey-color i,
.white-color .grey-color,
span.section-id.grey-color,
.grey-color p {
    color: #666;
}

.btn-grey,
.navbar .nav-button .btn-tra-grey:hover,
.navbar .nav-button .btn-tra-grey:focus,
.btn-tra-grey:hover,
.btn-tra-grey:focus,
.btn-grey:hover,
.btn-grey:focus {
    background-color: #666;
    border-color: #666;
}

.is-style-outline .has-grey-background-color,
.btn-tra-grey {
    background-color: transparent;
    border-color: #666;
}

.grey-icon,
.grey-icon [class^='flaticon-']::before {
    color: #666;
}

.navbar.scroll.grey-scroll {
    background-color: #666 !important;
}

.header-socials a:focus,
.header-socials a:hover,
.scrollbg-dark.scroll .header-socials a:focus,
.scrollbg-dark.scroll .header-socials a:hover,
.video-btn.play-icon-grey,
.box-rounded.box-rounded-grey {
    border-color: #666;
}

.has-grey-background-color,
.header-socials a:focus,
.header-socials a:hover,
.fbox-3:hover .grey-color-box .box-line,
.fbox-3:hover .grey-icon [class^='ti-'],
.fbox-3:hover .grey-icon [class*=' ti-'],
.fbox-3:hover .grey-color-icon [class^='ti-'],
.fbox-3:hover .grey-color-icon [class*=' ti-'],
.video-btn.play-icon-grey,
.video-1 .video-btn.play-icon-grey,
.grey-nav.perch-vc-carousel .owl-nav [class*='owl-']:hover,
.grey-nav.perch-vc-carousel .owl-dots .owl-dot.active span,
.perch-vc-carousel.grey-nav .slick-dots li.slick-active button::before,
.vc-bg-grey .appset-vc .wpb_element_wrapper {
    background-color: #666
}

.fbox-3.deepgrey-hover:hover {
    border-bottom: 1px solid #ddd;
}

.fbox-3.deepgrey-hover:hover .b-icon span,
.bg-deepgrey {
    background-color: #ddd;
}

.underline-deepgrey {
    background-image: linear-gradient(120deg, #ddd 0%, #ddd 90%);
    background-repeat: no-repeat;
    background-size: 100% 0.22em;
    background-position: 0 105%;
}

.has-deepgrey-color.has-text-color,
.deepgrey-icon [class^='ti-'],
.deepgrey-icon [class*=' ti-'],
.deepgrey-color-icon [class^='ti-'],
.deepgrey-color-icon [class*=' ti-'],
.deepgrey-nav .slick-prev::before,
.deepgrey-nav .slick-next::before,
.navbar.deepgrey-hover .navbar-nav .nav-link:focus,
.navbar.deepgrey-hover .navbar-nav .nav-link:hover,
.modal-video .deepgrey-color,
.deepgrey-color,
.deepgrey-color h2,
.deepgrey-color h3,
.deepgrey-color h4,
.deepgrey-color h5,
.deepgrey-color h6,
.deepgrey-color p,
.deepgrey-color a,
.deepgrey-color li,
.deepgrey-color i,
.white-color .deepgrey-color,
span.section-id.deepgrey-color,
.deepgrey-color p {
    color: #ddd;
}

.btn-deepgrey,
.navbar .nav-button .btn-tra-deepgrey:hover,
.navbar .nav-button .btn-tra-deepgrey:focus,
.btn-tra-deepgrey:hover,
.btn-tra-deepgrey:focus,
.btn-deepgrey:hover,
.btn-deepgrey:focus {
    background-color: #ddd;
    border-color: #ddd;
}

.is-style-outline .has-deepgrey-background-color,
.btn-tra-deepgrey {
    background-color: transparent;
    border-color: #ddd;
}

.deepgrey-icon,
.deepgrey-icon [class^='flaticon-']::before {
    color: #ddd;
}

.navbar.scroll.deepgrey-scroll {
    background-color: #ddd !important;
}

.header-socials a:focus,
.header-socials a:hover,
.scrollbg-dark.scroll .header-socials a:focus,
.scrollbg-dark.scroll .header-socials a:hover,
.video-btn.play-icon-deepgrey,
.box-rounded.box-rounded-deepgrey {
    border-color: #ddd;
}

.has-deepgrey-background-color,
.header-socials a:focus,
.header-socials a:hover,
.fbox-3:hover .deepgrey-color-box .box-line,
.fbox-3:hover .deepgrey-icon [class^='ti-'],
.fbox-3:hover .deepgrey-icon [class*=' ti-'],
.fbox-3:hover .deepgrey-color-icon [class^='ti-'],
.fbox-3:hover .deepgrey-color-icon [class*=' ti-'],
.video-btn.play-icon-deepgrey,
.video-1 .video-btn.play-icon-deepgrey,
.deepgrey-nav.perch-vc-carousel .owl-nav [class*='owl-']:hover,
.deepgrey-nav.perch-vc-carousel .owl-dots .owl-dot.active span,
.perch-vc-carousel.deepgrey-nav .slick-dots li.slick-active button::before,
.vc-bg-deepgrey .appset-vc .wpb_element_wrapper {
    background-color: #ddd
}

.fbox-3.rose-hover:hover {
    border-bottom: 1px solid #ff3366;
}

.fbox-3.rose-hover:hover .b-icon span,
.bg-rose {
    background-color: #ff3366;
}

.underline-rose {
    background-image: linear-gradient(120deg, #ff3366 0%, #ff3366 90%);
    background-repeat: no-repeat;
    background-size: 100% 0.22em;
    background-position: 0 105%;
}

.has-rose-color.has-text-color,
.rose-icon [class^='ti-'],
.rose-icon [class*=' ti-'],
.rose-color-icon [class^='ti-'],
.rose-color-icon [class*=' ti-'],
.rose-nav .slick-prev::before,
.rose-nav .slick-next::before,
.navbar.rose-hover .navbar-nav .nav-link:focus,
.navbar.rose-hover .navbar-nav .nav-link:hover,
.modal-video .rose-color,
.rose-color,
.rose-color h2,
.rose-color h3,
.rose-color h4,
.rose-color h5,
.rose-color h6,
.rose-color p,
.rose-color a,
.rose-color li,
.rose-color i,
.white-color .rose-color,
span.section-id.rose-color,
.rose-color p {
    color: #ff3366;
}

.btn-rose,
.navbar .nav-button .btn-tra-rose:hover,
.navbar .nav-button .btn-tra-rose:focus,
.btn-tra-rose:hover,
.btn-tra-rose:focus,
.btn-rose:hover,
.btn-rose:focus {
    background-color: #ff3366;
    border-color: #ff3366;
    color: #fff;
}

.is-style-outline .has-rose-background-color,
.btn-tra-rose {
    background-color: transparent;
    border-color: #ff3366;
}

.rose-icon,
.rose-icon [class^='flaticon-']::before {
    color: #ff3366;
}

.navbar.scroll.rose-scroll {
    background-color: #ff3366 !important;
}

.header-socials a:focus,
.header-socials a:hover,
.scrollbg-dark.scroll .header-socials a:focus,
.scrollbg-dark.scroll .header-socials a:hover,
.video-btn.play-icon-rose,
.box-rounded.box-rounded-rose {
    border-color: #ff3366;
}

.has-rose-background-color,
.header-socials a:focus,
.header-socials a:hover,
.fbox-3:hover .rose-color-box .box-line,
.fbox-3:hover .rose-icon [class^='ti-'],
.fbox-3:hover .rose-icon [class*=' ti-'],
.fbox-3:hover .rose-color-icon [class^='ti-'],
.fbox-3:hover .rose-color-icon [class*=' ti-'],
.video-btn.play-icon-rose,
.video-1 .video-btn.play-icon-rose,
.rose-nav.perch-vc-carousel .owl-nav [class*='owl-']:hover,
.rose-nav.perch-vc-carousel .owl-dots .owl-dot.active span,
.perch-vc-carousel.rose-nav .slick-dots li.slick-active button::before,
.vc-bg-rose .appset-vc .wpb_element_wrapper {
    background-color: #ff3366
}

.fbox-3.red-hover:hover {
    border-bottom: 1px solid #e35029;
}

.fbox-3.red-hover:hover .b-icon span,
.bg-red {
    background-color: #e35029;
}

.underline-red {
    background-image: linear-gradient(120deg, #e35029 0%, #e35029 90%);
    background-repeat: no-repeat;
    background-size: 100% 0.22em;
    background-position: 0 105%;
}

.has-red-color.has-text-color,
.red-icon [class^='ti-'],
.red-icon [class*=' ti-'],
.red-color-icon [class^='ti-'],
.red-color-icon [class*=' ti-'],
.red-nav .slick-prev::before,
.red-nav .slick-next::before,
.navbar.red-hover .navbar-nav .nav-link:focus,
.navbar.red-hover .navbar-nav .nav-link:hover,
.modal-video .red-color,
.red-color,
.red-color h2,
.red-color h3,
.red-color h4,
.red-color h5,
.red-color h6,
.red-color p,
.red-color a,
.red-color li,
.red-color i,
.white-color .red-color,
span.section-id.red-color,
.red-color p {
    color: #e35029;
}

.btn-red,
.navbar .nav-button .btn-tra-red:hover,
.navbar .nav-button .btn-tra-red:focus,
.btn-tra-red:hover,
.btn-tra-red:focus,
.btn-red:hover,
.btn-red:focus {
    background-color: #e35029;
    border-color: #e35029;
    color: #fff;
}

.is-style-outline .has-red-background-color,
.btn-tra-red {
    background-color: transparent;
    border-color: #e35029;
}

.red-icon,
.red-icon [class^='flaticon-']::before {
    color: #e35029;
}

.navbar.scroll.red-scroll {
    background-color: #e35029 !important;
}

.header-socials a:focus,
.header-socials a:hover,
.scrollbg-dark.scroll .header-socials a:focus,
.scrollbg-dark.scroll .header-socials a:hover,
.video-btn.play-icon-red,
.box-rounded.box-rounded-red {
    border-color: #e35029;
}

.has-red-background-color,
.header-socials a:focus,
.header-socials a:hover,
.fbox-3:hover .red-color-box .box-line,
.fbox-3:hover .red-icon [class^='ti-'],
.fbox-3:hover .red-icon [class*=' ti-'],
.fbox-3:hover .red-color-icon [class^='ti-'],
.fbox-3:hover .red-color-icon [class*=' ti-'],
.video-btn.play-icon-red,
.video-1 .video-btn.play-icon-red,
.red-nav.perch-vc-carousel .owl-nav [class*='owl-']:hover,
.red-nav.perch-vc-carousel .owl-dots .owl-dot.active span,
.perch-vc-carousel.red-nav .slick-dots li.slick-active button::before,
.vc-bg-red .appset-vc .wpb_element_wrapper {
    background-color: #e35029
}

.fbox-3.tomato-hover:hover {
    border-bottom: 1px solid #eb2f5b;
}

.fbox-3.tomato-hover:hover .b-icon span,
.bg-tomato {
    background-color: #eb2f5b;
}

.underline-tomato {
    background-image: linear-gradient(120deg, #eb2f5b 0%, #eb2f5b 90%);
    background-repeat: no-repeat;
    background-size: 100% 0.22em;
    background-position: 0 105%;
}

.has-tomato-color.has-text-color,
.tomato-icon [class^='ti-'],
.tomato-icon [class*=' ti-'],
.tomato-color-icon [class^='ti-'],
.tomato-color-icon [class*=' ti-'],
.tomato-nav .slick-prev::before,
.tomato-nav .slick-next::before,
.navbar.tomato-hover .navbar-nav .nav-link:focus,
.navbar.tomato-hover .navbar-nav .nav-link:hover,
.modal-video .tomato-color,
.tomato-color,
.tomato-color h2,
.tomato-color h3,
.tomato-color h4,
.tomato-color h5,
.tomato-color h6,
.tomato-color p,
.tomato-color a,
.tomato-color li,
.tomato-color i,
.white-color .tomato-color,
span.section-id.tomato-color,
.tomato-color p {
    color: #eb2f5b;
}

.btn-tomato,
.navbar .nav-button .btn-tra-tomato:hover,
.navbar .nav-button .btn-tra-tomato:focus,
.btn-tra-tomato:hover,
.btn-tra-tomato:focus,
.btn-tomato:hover,
.btn-tomato:focus {
    background-color: #eb2f5b;
    border-color: #eb2f5b;
    color: #fff;
}

.is-style-outline .has-tomato-background-color,
.btn-tra-tomato {
    background-color: transparent;
    border-color: #eb2f5b;
}

.tomato-icon,
.tomato-icon [class^='flaticon-']::before {
    color: #eb2f5b;
}

.navbar.scroll.tomato-scroll {
    background-color: #eb2f5b !important;
}

.header-socials a:focus,
.header-socials a:hover,
.scrollbg-dark.scroll .header-socials a:focus,
.scrollbg-dark.scroll .header-socials a:hover,
.video-btn.play-icon-tomato,
.box-rounded.box-rounded-tomato {
    border-color: #eb2f5b;
}

.has-tomato-background-color,
.header-socials a:focus,
.header-socials a:hover,
.fbox-3:hover .tomato-color-box .box-line,
.fbox-3:hover .tomato-icon [class^='ti-'],
.fbox-3:hover .tomato-icon [class*=' ti-'],
.fbox-3:hover .tomato-color-icon [class^='ti-'],
.fbox-3:hover .tomato-color-icon [class*=' ti-'],
.video-btn.play-icon-tomato,
.video-1 .video-btn.play-icon-tomato,
.tomato-nav.perch-vc-carousel .owl-nav [class*='owl-']:hover,
.tomato-nav.perch-vc-carousel .owl-dots .owl-dot.active span,
.perch-vc-carousel.tomato-nav .slick-dots li.slick-active button::before,
.vc-bg-tomato .appset-vc .wpb_element_wrapper {
    background-color: #eb2f5b
}

.fbox-3.coral-hover:hover {
    border-bottom: 1px solid #ea5c5a;
}

.fbox-3.coral-hover:hover .b-icon span,
.bg-coral {
    background-color: #ea5c5a;
}

.underline-coral {
    background-image: linear-gradient(120deg, #ea5c5a 0%, #ea5c5a 90%);
    background-repeat: no-repeat;
    background-size: 100% 0.22em;
    background-position: 0 105%;
}

.has-coral-color.has-text-color,
.coral-icon [class^='ti-'],
.coral-icon [class*=' ti-'],
.coral-color-icon [class^='ti-'],
.coral-color-icon [class*=' ti-'],
.coral-nav .slick-prev::before,
.coral-nav .slick-next::before,
.navbar.coral-hover .navbar-nav .nav-link:focus,
.navbar.coral-hover .navbar-nav .nav-link:hover,
.modal-video .coral-color,
.coral-color,
.coral-color h2,
.coral-color h3,
.coral-color h4,
.coral-color h5,
.coral-color h6,
.coral-color p,
.coral-color a,
.coral-color li,
.coral-color i,
.white-color .coral-color,
span.section-id.coral-color,
.coral-color p {
    color: #ea5c5a;
}

.btn-coral,
.navbar .nav-button .btn-tra-coral:hover,
.navbar .nav-button .btn-tra-coral:focus,
.btn-tra-coral:hover,
.btn-tra-coral:focus,
.btn-coral:hover,
.btn-coral:focus {
    background-color: #ea5c5a;
    border-color: #ea5c5a;
    color: #fff;
}

.is-style-outline .has-coral-background-color,
.btn-tra-coral {
    background-color: transparent;
    border-color: #ea5c5a;
}

.coral-icon,
.coral-icon [class^='flaticon-']::before {
    color: #ea5c5a;
}

.navbar.scroll.coral-scroll {
    background-color: #ea5c5a !important;
}

.header-socials a:focus,
.header-socials a:hover,
.scrollbg-dark.scroll .header-socials a:focus,
.scrollbg-dark.scroll .header-socials a:hover,
.video-btn.play-icon-coral,
.box-rounded.box-rounded-coral {
    border-color: #ea5c5a;
}

.has-coral-background-color,
.header-socials a:focus,
.header-socials a:hover,
.fbox-3:hover .coral-color-box .box-line,
.fbox-3:hover .coral-icon [class^='ti-'],
.fbox-3:hover .coral-icon [class*=' ti-'],
.fbox-3:hover .coral-color-icon [class^='ti-'],
.fbox-3:hover .coral-color-icon [class*=' ti-'],
.video-btn.play-icon-coral,
.video-1 .video-btn.play-icon-coral,
.coral-nav.perch-vc-carousel .owl-nav [class*='owl-']:hover,
.coral-nav.perch-vc-carousel .owl-dots .owl-dot.active span,
.perch-vc-carousel.coral-nav .slick-dots li.slick-active button::before,
.vc-bg-coral .appset-vc .wpb_element_wrapper {
    background-color: #ea5c5a
}

.fbox-3.yellow-hover:hover {
    border-bottom: 1px solid #fed841;
}

.fbox-3.yellow-hover:hover .b-icon span,
.bg-yellow {
    background-color: #fed841;
}

.underline-yellow {
    background-image: linear-gradient(120deg, #fed841 0%, #fed841 90%);
    background-repeat: no-repeat;
    background-size: 100% 0.22em;
    background-position: 0 105%;
}

.has-yellow-color.has-text-color,
.yellow-icon [class^='ti-'],
.yellow-icon [class*=' ti-'],
.yellow-color-icon [class^='ti-'],
.yellow-color-icon [class*=' ti-'],
.yellow-nav .slick-prev::before,
.yellow-nav .slick-next::before,
.navbar.yellow-hover .navbar-nav .nav-link:focus,
.navbar.yellow-hover .navbar-nav .nav-link:hover,
.modal-video .yellow-color,
.yellow-color,
.yellow-color h2,
.yellow-color h3,
.yellow-color h4,
.yellow-color h5,
.yellow-color h6,
.yellow-color p,
.yellow-color a,
.yellow-color li,
.yellow-color i,
.white-color .yellow-color,
span.section-id.yellow-color,
.yellow-color p {
    color: #fcb80b;
}

.btn-yellow,
.navbar .nav-button .btn-tra-yellow:hover,
.navbar .nav-button .btn-tra-yellow:focus,
.btn-tra-yellow:hover,
.btn-tra-yellow:focus,
.btn-yellow:hover,
.btn-yellow:focus {
    background-color: #fcb80b;
    border-color: #fcb80b;
}

.is-style-outline .has-yellow-background-color,
.btn-tra-yellow {
    background-color: transparent;
    border-color: #fcb80b;
}

.yellow-icon,
.yellow-icon [class^='flaticon-']::before {
    color: #fcb80b;
}

.navbar.scroll.yellow-scroll {
    background-color: #fcb80b !important;
}

.header-socials a:focus,
.header-socials a:hover,
.scrollbg-dark.scroll .header-socials a:focus,
.scrollbg-dark.scroll .header-socials a:hover,
.video-btn.play-icon-yellow,
.box-rounded.box-rounded-yellow {
    border-color: #fcb80b;
}

.has-yellow-background-color,
.header-socials a:focus,
.header-socials a:hover,
.fbox-3:hover .yellow-color-box .box-line,
.fbox-3:hover .yellow-icon [class^='ti-'],
.fbox-3:hover .yellow-icon [class*=' ti-'],
.fbox-3:hover .yellow-color-icon [class^='ti-'],
.fbox-3:hover .yellow-color-icon [class*=' ti-'],
.video-btn.play-icon-yellow,
.video-1 .video-btn.play-icon-yellow,
.yellow-nav.perch-vc-carousel .owl-nav [class*='owl-']:hover,
.yellow-nav.perch-vc-carousel .owl-dots .owl-dot.active span,
.perch-vc-carousel.yellow-nav .slick-dots li.slick-active button::before,
.vc-bg-yellow .appset-vc .wpb_element_wrapper {
    background-color: #fcb80b
}

.fbox-3.green-hover:hover {
    border-bottom: 1px solid #42a045;
}

.fbox-3.green-hover:hover .b-icon span,
.bg-green {
    background-color: #42a045;
}

.underline-green {
    background-image: linear-gradient(120deg, #42a045 0%, #42a045 90%);
    background-repeat: no-repeat;
    background-size: 100% 0.22em;
    background-position: 0 105%;
}

.has-green-color.has-text-color,
.green-icon [class^='ti-'],
.green-icon [class*=' ti-'],
.green-color-icon [class^='ti-'],
.green-color-icon [class*=' ti-'],
.green-nav .slick-prev::before,
.green-nav .slick-next::before,
.navbar.green-hover .navbar-nav .nav-link:focus,
.navbar.green-hover .navbar-nav .nav-link:hover,
.modal-video .green-color,
.green-color,
.green-color h2,
.green-color h3,
.green-color h4,
.green-color h5,
.green-color h6,
.green-color p,
.green-color a,
.green-color li,
.green-color i,
.white-color .green-color,
span.section-id.green-color,
.green-color p {
    color: #56a959;
}

.btn-green,
.navbar .nav-button .btn-tra-green:hover,
.navbar .nav-button .btn-tra-green:focus,
.btn-tra-green:hover,
.btn-tra-green:focus,
.btn-green:hover,
.btn-green:focus {
    background-color: #56a959;
    border-color: #56a959;
    color: #fff;
}

.is-style-outline .has-green-background-color,
.btn-tra-green {
    background-color: transparent;
    border-color: #56a959;
}

.green-icon,
.green-icon [class^='flaticon-']::before {
    color: #56a959;
}

.navbar.scroll.green-scroll {
    background-color: #56a959 !important;
}

.header-socials a:focus,
.header-socials a:hover,
.scrollbg-dark.scroll .header-socials a:focus,
.scrollbg-dark.scroll .header-socials a:hover,
.video-btn.play-icon-green,
.box-rounded.box-rounded-green {
    border-color: #56a959;
}

.has-green-background-color,
.header-socials a:focus,
.header-socials a:hover,
.fbox-3:hover .green-color-box .box-line,
.fbox-3:hover .green-icon [class^='ti-'],
.fbox-3:hover .green-icon [class*=' ti-'],
.fbox-3:hover .green-color-icon [class^='ti-'],
.fbox-3:hover .green-color-icon [class*=' ti-'],
.video-btn.play-icon-green,
.video-1 .video-btn.play-icon-green,
.green-nav.perch-vc-carousel .owl-nav [class*='owl-']:hover,
.green-nav.perch-vc-carousel .owl-dots .owl-dot.active span,
.perch-vc-carousel.green-nav .slick-dots li.slick-active button::before,
.vc-bg-green .appset-vc .wpb_element_wrapper {
    background-color: #56a959
}

.fbox-3.lightgreen-hover:hover {
    border-bottom: 1px solid #59BD56;
}

.fbox-3.lightgreen-hover:hover .b-icon span,
.bg-lightgreen {
    background-color: #59BD56;
}

.underline-lightgreen {
    background-image: linear-gradient(120deg, #59BD56 0%, #59BD56 90%);
    background-repeat: no-repeat;
    background-size: 100% 0.22em;
    background-position: 0 105%;
}

.has-lightgreen-color.has-text-color,
.lightgreen-icon [class^='ti-'],
.lightgreen-icon [class*=' ti-'],
.lightgreen-color-icon [class^='ti-'],
.lightgreen-color-icon [class*=' ti-'],
.lightgreen-nav .slick-prev::before,
.lightgreen-nav .slick-next::before,
.navbar.lightgreen-hover .navbar-nav .nav-link:focus,
.navbar.lightgreen-hover .navbar-nav .nav-link:hover,
.modal-video .lightgreen-color,
.lightgreen-color,
.lightgreen-color h2,
.lightgreen-color h3,
.lightgreen-color h4,
.lightgreen-color h5,
.lightgreen-color h6,
.lightgreen-color p,
.lightgreen-color a,
.lightgreen-color li,
.lightgreen-color i,
.white-color .lightgreen-color,
span.section-id.lightgreen-color,
.lightgreen-color p {
    color: #22bc3f;
}

.btn-lightgreen,
.navbar .nav-button .btn-tra-lightgreen:hover,
.navbar .nav-button .btn-tra-lightgreen:focus,
.btn-tra-lightgreen:hover,
.btn-tra-lightgreen:focus,
.btn-lightgreen:hover,
.btn-lightgreen:focus {
    background-color: #22bc3f;
    border-color: #22bc3f;
    color: #fff;
}

.is-style-outline .has-lightgreen-background-color,
.btn-tra-lightgreen {
    background-color: transparent;
    border-color: #22bc3f;
}

.lightgreen-icon,
.lightgreen-icon [class^='flaticon-']::before {
    color: #22bc3f;
}

.navbar.scroll.lightgreen-scroll {
    background-color: #22bc3f !important;
}

.header-socials a:focus,
.header-socials a:hover,
.scrollbg-dark.scroll .header-socials a:focus,
.scrollbg-dark.scroll .header-socials a:hover,
.video-btn.play-icon-lightgreen,
.box-rounded.box-rounded-lightgreen {
    border-color: #22bc3f;
}

.has-lightgreen-background-color,
.header-socials a:focus,
.header-socials a:hover,
.fbox-3:hover .lightgreen-color-box .box-line,
.fbox-3:hover .lightgreen-icon [class^='ti-'],
.fbox-3:hover .lightgreen-icon [class*=' ti-'],
.fbox-3:hover .lightgreen-color-icon [class^='ti-'],
.fbox-3:hover .lightgreen-color-icon [class*=' ti-'],
.video-btn.play-icon-lightgreen,
.video-1 .video-btn.play-icon-lightgreen,
.lightgreen-nav.perch-vc-carousel .owl-nav [class*='owl-']:hover,
.lightgreen-nav.perch-vc-carousel .owl-dots .owl-dot.active span,
.perch-vc-carousel.lightgreen-nav .slick-dots li.slick-active button::before,
.vc-bg-lightgreen .appset-vc .wpb_element_wrapper {
    background-color: #22bc3f
}

.fbox-3.deepgreen-hover:hover {
    border-bottom: 1px solid #009587;
}

.fbox-3.deepgreen-hover:hover .b-icon span,
.bg-deepgreen {
    background-color: #009587;
}

.underline-deepgreen {
    background-image: linear-gradient(120deg, #009587 0%, #009587 90%);
    background-repeat: no-repeat;
    background-size: 100% 0.22em;
    background-position: 0 105%;
}

.has-deepgreen-color.has-text-color,
.deepgreen-icon [class^='ti-'],
.deepgreen-icon [class*=' ti-'],
.deepgreen-color-icon [class^='ti-'],
.deepgreen-color-icon [class*=' ti-'],
.deepgreen-nav .slick-prev::before,
.deepgreen-nav .slick-next::before,
.navbar.deepgreen-hover .navbar-nav .nav-link:focus,
.navbar.deepgreen-hover .navbar-nav .nav-link:hover,
.modal-video .deepgreen-color,
.deepgreen-color,
.deepgreen-color h2,
.deepgreen-color h3,
.deepgreen-color h4,
.deepgreen-color h5,
.deepgreen-color h6,
.deepgreen-color p,
.deepgreen-color a,
.deepgreen-color li,
.deepgreen-color i,
.white-color .deepgreen-color,
span.section-id.deepgreen-color,
.deepgreen-color p {
    color: #009587;
}

.btn-deepgreen,
.navbar .nav-button .btn-tra-deepgreen:hover,
.navbar .nav-button .btn-tra-deepgreen:focus,
.btn-tra-deepgreen:hover,
.btn-tra-deepgreen:focus,
.btn-deepgreen:hover,
.btn-deepgreen:focus {
    background-color: #009587;
    border-color: #009587;
    color: #fff;
}

.is-style-outline .has-deepgreen-background-color,
.btn-tra-deepgreen {
    background-color: transparent;
    border-color: #009587;
}

.deepgreen-icon,
.deepgreen-icon [class^='flaticon-']::before {
    color: #009587;
}

.navbar.scroll.deepgreen-scroll {
    background-color: #009587 !important;
}

.header-socials a:focus,
.header-socials a:hover,
.scrollbg-dark.scroll .header-socials a:focus,
.scrollbg-dark.scroll .header-socials a:hover,
.video-btn.play-icon-deepgreen,
.box-rounded.box-rounded-deepgreen {
    border-color: #009587;
}

.has-deepgreen-background-color,
.header-socials a:focus,
.header-socials a:hover,
.fbox-3:hover .deepgreen-color-box .box-line,
.fbox-3:hover .deepgreen-icon [class^='ti-'],
.fbox-3:hover .deepgreen-icon [class*=' ti-'],
.fbox-3:hover .deepgreen-color-icon [class^='ti-'],
.fbox-3:hover .deepgreen-color-icon [class*=' ti-'],
.video-btn.play-icon-deepgreen,
.video-1 .video-btn.play-icon-deepgreen,
.deepgreen-nav.perch-vc-carousel .owl-nav [class*='owl-']:hover,
.deepgreen-nav.perch-vc-carousel .owl-dots .owl-dot.active span,
.perch-vc-carousel.deepgreen-nav .slick-dots li.slick-active button::before,
.vc-bg-deepgreen .appset-vc .wpb_element_wrapper {
    background-color: #009587
}

.fbox-3.blue-hover:hover {
    border-bottom: 1px solid #2154cf;
}

.fbox-3.blue-hover:hover .b-icon span,
.bg-blue {
    background-color: #2154cf;
}

.underline-blue {
    background-image: linear-gradient(120deg, #2154cf 0%, #2154cf 90%);
    background-repeat: no-repeat;
    background-size: 100% 0.22em;
    background-position: 0 105%;
}

.has-blue-color.has-text-color,
.blue-icon [class^='ti-'],
.blue-icon [class*=' ti-'],
.blue-color-icon [class^='ti-'],
.blue-color-icon [class*=' ti-'],
.blue-nav .slick-prev::before,
.blue-nav .slick-next::before,
.navbar.blue-hover .navbar-nav .nav-link:focus,
.navbar.blue-hover .navbar-nav .nav-link:hover,
.modal-video .blue-color,
.blue-color,
.blue-color h2,
.blue-color h3,
.blue-color h4,
.blue-color h5,
.blue-color h6,
.blue-color p,
.blue-color a,
.blue-color li,
.blue-color i,
.white-color .blue-color,
span.section-id.blue-color,
.blue-color p {
    color: #3176ed;
}

.btn-blue,
.navbar .nav-button .btn-tra-blue:hover,
.navbar .nav-button .btn-tra-blue:focus,
.btn-tra-blue:hover,
.btn-tra-blue:focus,
.btn-blue:hover,
.btn-blue:focus {
    background-color: #3176ed;
    border-color: #3176ed;
    color: #fff;
}

.is-style-outline .has-blue-background-color,
.btn-tra-blue {
    background-color: transparent;
    border-color: #3176ed;
}

.blue-icon,
.blue-icon [class^='flaticon-']::before {
    color: #3176ed;
}

.navbar.scroll.blue-scroll {
    background-color: #3176ed !important;
}

.header-socials a:focus,
.header-socials a:hover,
.scrollbg-dark.scroll .header-socials a:focus,
.scrollbg-dark.scroll .header-socials a:hover,
.video-btn.play-icon-blue,
.box-rounded.box-rounded-blue {
    border-color: #3176ed;
}

.has-blue-background-color,
.header-socials a:focus,
.header-socials a:hover,
.fbox-3:hover .blue-color-box .box-line,
.fbox-3:hover .blue-icon [class^='ti-'],
.fbox-3:hover .blue-icon [class*=' ti-'],
.fbox-3:hover .blue-color-icon [class^='ti-'],
.fbox-3:hover .blue-color-icon [class*=' ti-'],
.video-btn.play-icon-blue,
.video-1 .video-btn.play-icon-blue,
.blue-nav.perch-vc-carousel .owl-nav [class*='owl-']:hover,
.blue-nav.perch-vc-carousel .owl-dots .owl-dot.active span,
.perch-vc-carousel.blue-nav .slick-dots li.slick-active button::before,
.vc-bg-blue .appset-vc .wpb_element_wrapper {
    background-color: #3176ed
}

.fbox-3.lightblue-hover:hover {
    border-bottom: 1px solid #1e88e5;
}

.fbox-3.lightblue-hover:hover .b-icon span,
.bg-lightblue {
    background-color: #1e88e5;
}

.underline-lightblue {
    background-image: linear-gradient(120deg, #1e88e5 0%, #1e88e5 90%);
    background-repeat: no-repeat;
    background-size: 100% 0.22em;
    background-position: 0 105%;
}

.has-lightblue-color.has-text-color,
.lightblue-icon [class^='ti-'],
.lightblue-icon [class*=' ti-'],
.lightblue-color-icon [class^='ti-'],
.lightblue-color-icon [class*=' ti-'],
.lightblue-nav .slick-prev::before,
.lightblue-nav .slick-next::before,
.navbar.lightblue-hover .navbar-nav .nav-link:focus,
.navbar.lightblue-hover .navbar-nav .nav-link:hover,
.modal-video .lightblue-color,
.lightblue-color,
.lightblue-color h2,
.lightblue-color h3,
.lightblue-color h4,
.lightblue-color h5,
.lightblue-color h6,
.lightblue-color p,
.lightblue-color a,
.lightblue-color li,
.lightblue-color i,
.white-color .lightblue-color,
span.section-id.lightblue-color,
.lightblue-color p {
    color: #1e88e5;
}

.btn-lightblue,
.navbar .nav-button .btn-tra-lightblue:hover,
.navbar .nav-button .btn-tra-lightblue:focus,
.btn-tra-lightblue:hover,
.btn-tra-lightblue:focus,
.btn-lightblue:hover,
.btn-lightblue:focus {
    background-color: #1e88e5;
    border-color: #1e88e5;
    color: #fff;
}

.is-style-outline .has-lightblue-background-color,
.btn-tra-lightblue {
    background-color: transparent;
    border-color: #1e88e5;
}

.lightblue-icon,
.lightblue-icon [class^='flaticon-']::before {
    color: #1e88e5;
}

.navbar.scroll.lightblue-scroll {
    background-color: #1e88e5 !important;
}

.header-socials a:focus,
.header-socials a:hover,
.scrollbg-dark.scroll .header-socials a:focus,
.scrollbg-dark.scroll .header-socials a:hover,
.video-btn.play-icon-lightblue,
.box-rounded.box-rounded-lightblue {
    border-color: #1e88e5;
}

.has-lightblue-background-color,
.header-socials a:focus,
.header-socials a:hover,
.fbox-3:hover .lightblue-color-box .box-line,
.fbox-3:hover .lightblue-icon [class^='ti-'],
.fbox-3:hover .lightblue-icon [class*=' ti-'],
.fbox-3:hover .lightblue-color-icon [class^='ti-'],
.fbox-3:hover .lightblue-color-icon [class*=' ti-'],
.video-btn.play-icon-lightblue,
.video-1 .video-btn.play-icon-lightblue,
.lightblue-nav.perch-vc-carousel .owl-nav [class*='owl-']:hover,
.lightblue-nav.perch-vc-carousel .owl-dots .owl-dot.active span,
.perch-vc-carousel.lightblue-nav .slick-dots li.slick-active button::before,
.vc-bg-lightblue .appset-vc .wpb_element_wrapper {
    background-color: #1e88e5
}

.fbox-3.skyblue-hover:hover {
    border-bottom: 1px solid #01b7de;
}

.fbox-3.skyblue-hover:hover .b-icon span,
.bg-skyblue {
    background-color: #01b7de;
}

.underline-skyblue {
    background-image: linear-gradient(120deg, #01b7de 0%, #01b7de 90%);
    background-repeat: no-repeat;
    background-size: 100% 0.22em;
    background-position: 0 105%;
}

.has-skyblue-color.has-text-color,
.skyblue-icon [class^='ti-'],
.skyblue-icon [class*=' ti-'],
.skyblue-color-icon [class^='ti-'],
.skyblue-color-icon [class*=' ti-'],
.skyblue-nav .slick-prev::before,
.skyblue-nav .slick-next::before,
.navbar.skyblue-hover .navbar-nav .nav-link:focus,
.navbar.skyblue-hover .navbar-nav .nav-link:hover,
.modal-video .skyblue-color,
.skyblue-color,
.skyblue-color h2,
.skyblue-color h3,
.skyblue-color h4,
.skyblue-color h5,
.skyblue-color h6,
.skyblue-color p,
.skyblue-color a,
.skyblue-color li,
.skyblue-color i,
.white-color .skyblue-color,
span.section-id.skyblue-color,
.skyblue-color p {
    color: #01b7de;
}

.btn-skyblue,
.navbar .nav-button .btn-tra-skyblue:hover,
.navbar .nav-button .btn-tra-skyblue:focus,
.btn-tra-skyblue:hover,
.btn-tra-skyblue:focus,
.btn-skyblue:hover,
.btn-skyblue:focus {
    background-color: #01b7de;
    border-color: #01b7de;
    color: #fff;
}

.is-style-outline .has-skyblue-background-color,
.btn-tra-skyblue {
    background-color: transparent;
    border-color: #01b7de;
}

.skyblue-icon,
.skyblue-icon [class^='flaticon-']::before {
    color: #01b7de;
}

.navbar.scroll.skyblue-scroll {
    background-color: #01b7de !important;
}

.header-socials a:focus,
.header-socials a:hover,
.scrollbg-dark.scroll .header-socials a:focus,
.scrollbg-dark.scroll .header-socials a:hover,
.video-btn.play-icon-skyblue,
.box-rounded.box-rounded-skyblue {
    border-color: #01b7de;
}

.has-skyblue-background-color,
.header-socials a:focus,
.header-socials a:hover,
.fbox-3:hover .skyblue-color-box .box-line,
.fbox-3:hover .skyblue-icon [class^='ti-'],
.fbox-3:hover .skyblue-icon [class*=' ti-'],
.fbox-3:hover .skyblue-color-icon [class^='ti-'],
.fbox-3:hover .skyblue-color-icon [class*=' ti-'],
.video-btn.play-icon-skyblue,
.video-1 .video-btn.play-icon-skyblue,
.skyblue-nav.perch-vc-carousel .owl-nav [class*='owl-']:hover,
.skyblue-nav.perch-vc-carousel .owl-dots .owl-dot.active span,
.perch-vc-carousel.skyblue-nav .slick-dots li.slick-active button::before,
.vc-bg-skyblue .appset-vc .wpb_element_wrapper {
    background-color: #01b7de
}

.fbox-3.deepblue-hover:hover {
    border-bottom: 1px solid #004861;
}

.fbox-3.deepblue-hover:hover .b-icon span,
.bg-deepblue {
    background-color: #004861;
}

.underline-deepblue {
    background-image: linear-gradient(120deg, #004861 0%, #004861 90%);
    background-repeat: no-repeat;
    background-size: 100% 0.22em;
    background-position: 0 105%;
}

.has-deepblue-color.has-text-color,
.deepblue-icon [class^='ti-'],
.deepblue-icon [class*=' ti-'],
.deepblue-color-icon [class^='ti-'],
.deepblue-color-icon [class*=' ti-'],
.deepblue-nav .slick-prev::before,
.deepblue-nav .slick-next::before,
.navbar.deepblue-hover .navbar-nav .nav-link:focus,
.navbar.deepblue-hover .navbar-nav .nav-link:hover,
.modal-video .deepblue-color,
.deepblue-color,
.deepblue-color h2,
.deepblue-color h3,
.deepblue-color h4,
.deepblue-color h5,
.deepblue-color h6,
.deepblue-color p,
.deepblue-color a,
.deepblue-color li,
.deepblue-color i,
.white-color .deepblue-color,
span.section-id.deepblue-color,
.deepblue-color p {
    color: #004861;
}

.btn-deepblue,
.navbar .nav-button .btn-tra-deepblue:hover,
.navbar .nav-button .btn-tra-deepblue:focus,
.btn-tra-deepblue:hover,
.btn-tra-deepblue:focus,
.btn-deepblue:hover,
.btn-deepblue:focus {
    background-color: #004861;
    border-color: #004861;
    color: #fff;
}

.is-style-outline .has-deepblue-background-color,
.btn-tra-deepblue {
    background-color: transparent;
    border-color: #004861;
}

.deepblue-icon,
.deepblue-icon [class^='flaticon-']::before {
    color: #004861;
}

.navbar.scroll.deepblue-scroll {
    background-color: #004861 !important;
}

.header-socials a:focus,
.header-socials a:hover,
.scrollbg-dark.scroll .header-socials a:focus,
.scrollbg-dark.scroll .header-socials a:hover,
.video-btn.play-icon-deepblue,
.box-rounded.box-rounded-deepblue {
    border-color: #004861;
}

.has-deepblue-background-color,
.header-socials a:focus,
.header-socials a:hover,
.fbox-3:hover .deepblue-color-box .box-line,
.fbox-3:hover .deepblue-icon [class^='ti-'],
.fbox-3:hover .deepblue-icon [class*=' ti-'],
.fbox-3:hover .deepblue-color-icon [class^='ti-'],
.fbox-3:hover .deepblue-color-icon [class*=' ti-'],
.video-btn.play-icon-deepblue,
.video-1 .video-btn.play-icon-deepblue,
.deepblue-nav.perch-vc-carousel .owl-nav [class*='owl-']:hover,
.deepblue-nav.perch-vc-carousel .owl-dots .owl-dot.active span,
.perch-vc-carousel.deepblue-nav .slick-dots li.slick-active button::before,
.vc-bg-deepblue .appset-vc .wpb_element_wrapper {
    background-color: #004861
}

.fbox-3.tinyblue-hover:hover {
    border-bottom: 1px solid #e6f9fa;
}

.fbox-3.tinyblue-hover:hover .b-icon span,
.bg-tinyblue {
    background-color: #e6f9fa;
}

.underline-tinyblue {
    background-image: linear-gradient(120deg, #e6f9fa 0%, #e6f9fa 90%);
    background-repeat: no-repeat;
    background-size: 100% 0.22em;
    background-position: 0 105%;
}

.has-tinyblue-color.has-text-color,
.tinyblue-icon [class^='ti-'],
.tinyblue-icon [class*=' ti-'],
.tinyblue-color-icon [class^='ti-'],
.tinyblue-color-icon [class*=' ti-'],
.tinyblue-nav .slick-prev::before,
.tinyblue-nav .slick-next::before,
.navbar.tinyblue-hover .navbar-nav .nav-link:focus,
.navbar.tinyblue-hover .navbar-nav .nav-link:hover,
.modal-video .tinyblue-color,
.tinyblue-color,
.tinyblue-color h2,
.tinyblue-color h3,
.tinyblue-color h4,
.tinyblue-color h5,
.tinyblue-color h6,
.tinyblue-color p,
.tinyblue-color a,
.tinyblue-color li,
.tinyblue-color i,
.white-color .tinyblue-color,
span.section-id.tinyblue-color,
.tinyblue-color p {
    color: #e6f9fa;
}

.btn-tinyblue,
.navbar .nav-button .btn-tra-tinyblue:hover,
.navbar .nav-button .btn-tra-tinyblue:focus,
.btn-tra-tinyblue:hover,
.btn-tra-tinyblue:focus,
.btn-tinyblue:hover,
.btn-tinyblue:focus {
    background-color: #e6f9fa;
    border-color: #e6f9fa;
}

.is-style-outline .has-tinyblue-background-color,
.btn-tra-tinyblue {
    background-color: transparent;
    border-color: #e6f9fa;
}

.tinyblue-icon,
.tinyblue-icon [class^='flaticon-']::before {
    color: #e6f9fa;
}

.navbar.scroll.tinyblue-scroll {
    background-color: #e6f9fa !important;
}

.header-socials a:focus,
.header-socials a:hover,
.scrollbg-dark.scroll .header-socials a:focus,
.scrollbg-dark.scroll .header-socials a:hover,
.video-btn.play-icon-tinyblue,
.box-rounded.box-rounded-tinyblue {
    border-color: #e6f9fa;
}

.has-tinyblue-background-color,
.header-socials a:focus,
.header-socials a:hover,
.fbox-3:hover .tinyblue-color-box .box-line,
.fbox-3:hover .tinyblue-icon [class^='ti-'],
.fbox-3:hover .tinyblue-icon [class*=' ti-'],
.fbox-3:hover .tinyblue-color-icon [class^='ti-'],
.fbox-3:hover .tinyblue-color-icon [class*=' ti-'],
.video-btn.play-icon-tinyblue,
.video-1 .video-btn.play-icon-tinyblue,
.tinyblue-nav.perch-vc-carousel .owl-nav [class*='owl-']:hover,
.tinyblue-nav.perch-vc-carousel .owl-dots .owl-dot.active span,
.perch-vc-carousel.tinyblue-nav .slick-dots li.slick-active button::before,
.vc-bg-tinyblue .appset-vc .wpb_element_wrapper {
    background-color: #e6f9fa
}

.fbox-3.purple-hover:hover {
    border-bottom: 1px solid #6e45e2;
}

.fbox-3.purple-hover:hover .b-icon span,
.bg-purple {
    background-color: #6e45e2;
}

.underline-purple {
    background-image: linear-gradient(120deg, #6e45e2 0%, #6e45e2 90%);
    background-repeat: no-repeat;
    background-size: 100% 0.22em;
    background-position: 0 105%;
}

.has-purple-color.has-text-color,
.purple-icon [class^='ti-'],
.purple-icon [class*=' ti-'],
.purple-color-icon [class^='ti-'],
.purple-color-icon [class*=' ti-'],
.purple-nav .slick-prev::before,
.purple-nav .slick-next::before,
.navbar.purple-hover .navbar-nav .nav-link:focus,
.navbar.purple-hover .navbar-nav .nav-link:hover,
.modal-video .purple-color,
.purple-color,
.purple-color h2,
.purple-color h3,
.purple-color h4,
.purple-color h5,
.purple-color h6,
.purple-color p,
.purple-color a,
.purple-color li,
.purple-color i,
.white-color .purple-color,
span.section-id.purple-color,
.purple-color p {
    color: #6e45e2;
}

.btn-purple,
.navbar .nav-button .btn-tra-purple:hover,
.navbar .nav-button .btn-tra-purple:focus,
.btn-tra-purple:hover,
.btn-tra-purple:focus,
.btn-purple:hover,
.btn-purple:focus {
    background-color: #6e45e2;
    border-color: #6e45e2;
    color: #fff;
}

.is-style-outline .has-purple-background-color,
.btn-tra-purple {
    background-color: transparent;
    border-color: #6e45e2;
}

.purple-icon,
.purple-icon [class^='flaticon-']::before {
    color: #6e45e2;
}

.navbar.scroll.purple-scroll {
    background-color: #6e45e2 !important;
}

.header-socials a:focus,
.header-socials a:hover,
.scrollbg-dark.scroll .header-socials a:focus,
.scrollbg-dark.scroll .header-socials a:hover,
.video-btn.play-icon-purple,
.box-rounded.box-rounded-purple {
    border-color: #6e45e2;
}

.has-purple-background-color,
.header-socials a:focus,
.header-socials a:hover,
.fbox-3:hover .purple-color-box .box-line,
.fbox-3:hover .purple-icon [class^='ti-'],
.fbox-3:hover .purple-icon [class*=' ti-'],
.fbox-3:hover .purple-color-icon [class^='ti-'],
.fbox-3:hover .purple-color-icon [class*=' ti-'],
.video-btn.play-icon-purple,
.video-1 .video-btn.play-icon-purple,
.purple-nav.perch-vc-carousel .owl-nav [class*='owl-']:hover,
.purple-nav.perch-vc-carousel .owl-dots .owl-dot.active span,
.perch-vc-carousel.purple-nav .slick-dots li.slick-active button::before,
.vc-bg-purple .appset-vc .wpb_element_wrapper {
    background-color: #6e45e2
}

.fbox-3.deeppurple-hover:hover {
    border-bottom: 1px solid #510fa7;
}

.fbox-3.deeppurple-hover:hover .b-icon span,
.bg-deeppurple {
    background-color: #510fa7;
}

.underline-deeppurple {
    background-image: linear-gradient(120deg, #510fa7 0%, #510fa7 90%);
    background-repeat: no-repeat;
    background-size: 100% 0.22em;
    background-position: 0 105%;
}

.has-deeppurple-color.has-text-color,
.deeppurple-icon [class^='ti-'],
.deeppurple-icon [class*=' ti-'],
.deeppurple-color-icon [class^='ti-'],
.deeppurple-color-icon [class*=' ti-'],
.deeppurple-nav .slick-prev::before,
.deeppurple-nav .slick-next::before,
.navbar.deeppurple-hover .navbar-nav .nav-link:focus,
.navbar.deeppurple-hover .navbar-nav .nav-link:hover,
.modal-video .deeppurple-color,
.deeppurple-color,
.deeppurple-color h2,
.deeppurple-color h3,
.deeppurple-color h4,
.deeppurple-color h5,
.deeppurple-color h6,
.deeppurple-color p,
.deeppurple-color a,
.deeppurple-color li,
.deeppurple-color i,
.white-color .deeppurple-color,
span.section-id.deeppurple-color,
.deeppurple-color p {
    color: #004861;
}

.btn-deeppurple,
.navbar .nav-button .btn-tra-deeppurple:hover,
.navbar .nav-button .btn-tra-deeppurple:focus,
.btn-tra-deeppurple:hover,
.btn-tra-deeppurple:focus,
.btn-deeppurple:hover,
.btn-deeppurple:focus {
    background-color: #004861;
    border-color: #004861;
    color: #fff;
}

.is-style-outline .has-deeppurple-background-color,
.btn-tra-deeppurple {
    background-color: transparent;
    border-color: #004861;
}

.deeppurple-icon,
.deeppurple-icon [class^='flaticon-']::before {
    color: #004861;
}

.navbar.scroll.deeppurple-scroll {
    background-color: #004861 !important;
}

.header-socials a:focus,
.header-socials a:hover,
.scrollbg-dark.scroll .header-socials a:focus,
.scrollbg-dark.scroll .header-socials a:hover,
.video-btn.play-icon-deeppurple,
.box-rounded.box-rounded-deeppurple {
    border-color: #004861;
}

.has-deeppurple-background-color,
.header-socials a:focus,
.header-socials a:hover,
.fbox-3:hover .deeppurple-color-box .box-line,
.fbox-3:hover .deeppurple-icon [class^='ti-'],
.fbox-3:hover .deeppurple-icon [class*=' ti-'],
.fbox-3:hover .deeppurple-color-icon [class^='ti-'],
.fbox-3:hover .deeppurple-color-icon [class*=' ti-'],
.video-btn.play-icon-deeppurple,
.video-1 .video-btn.play-icon-deeppurple,
.deeppurple-nav.perch-vc-carousel .owl-nav [class*='owl-']:hover,
.deeppurple-nav.perch-vc-carousel .owl-dots .owl-dot.active span,
.perch-vc-carousel.deeppurple-nav .slick-dots li.slick-active button::before,
.vc-bg-deeppurple .appset-vc .wpb_element_wrapper {
    background-color: #004861
}

.fbox-3.lightpurple-hover:hover {
    border-bottom: 1px solid #715fef;
}

.fbox-3.lightpurple-hover:hover .b-icon span,
.bg-lightpurple {
    background-color: #715fef;
}

.underline-lightpurple {
    background-image: linear-gradient(120deg, #715fef 0%, #715fef 90%);
    background-repeat: no-repeat;
    background-size: 100% 0.22em;
    background-position: 0 105%;
}

.has-lightpurple-color.has-text-color,
.lightpurple-icon [class^='ti-'],
.lightpurple-icon [class*=' ti-'],
.lightpurple-color-icon [class^='ti-'],
.lightpurple-color-icon [class*=' ti-'],
.lightpurple-nav .slick-prev::before,
.lightpurple-nav .slick-next::before,
.navbar.lightpurple-hover .navbar-nav .nav-link:focus,
.navbar.lightpurple-hover .navbar-nav .nav-link:hover,
.modal-video .lightpurple-color,
.lightpurple-color,
.lightpurple-color h2,
.lightpurple-color h3,
.lightpurple-color h4,
.lightpurple-color h5,
.lightpurple-color h6,
.lightpurple-color p,
.lightpurple-color a,
.lightpurple-color li,
.lightpurple-color i,
.white-color .lightpurple-color,
span.section-id.lightpurple-color,
.lightpurple-color p {
    color: #715fef;
}

.btn-lightpurple,
.navbar .nav-button .btn-tra-lightpurple:hover,
.navbar .nav-button .btn-tra-lightpurple:focus,
.btn-tra-lightpurple:hover,
.btn-tra-lightpurple:focus,
.btn-lightpurple:hover,
.btn-lightpurple:focus {
    background-color: #715fef;
    border-color: #715fef;
    color: #fff;
}

.is-style-outline .has-lightpurple-background-color,
.btn-tra-lightpurple {
    background-color: transparent;
    border-color: #715fef;
}

.lightpurple-icon,
.lightpurple-icon [class^='flaticon-']::before {
    color: #715fef;
}

.navbar.scroll.lightpurple-scroll {
    background-color: #715fef !important;
}

.header-socials a:focus,
.header-socials a:hover,
.scrollbg-dark.scroll .header-socials a:focus,
.scrollbg-dark.scroll .header-socials a:hover,
.video-btn.play-icon-lightpurple,
.box-rounded.box-rounded-lightpurple {
    border-color: #715fef;
}

.has-lightpurple-background-color,
.header-socials a:focus,
.header-socials a:hover,
.fbox-3:hover .lightpurple-color-box .box-line,
.fbox-3:hover .lightpurple-icon [class^='ti-'],
.fbox-3:hover .lightpurple-icon [class*=' ti-'],
.fbox-3:hover .lightpurple-color-icon [class^='ti-'],
.fbox-3:hover .lightpurple-color-icon [class*=' ti-'],
.video-btn.play-icon-lightpurple,
.video-1 .video-btn.play-icon-lightpurple,
.lightpurple-nav.perch-vc-carousel .owl-nav [class*='owl-']:hover,
.lightpurple-nav.perch-vc-carousel .owl-dots .owl-dot.active span,
.perch-vc-carousel.lightpurple-nav .slick-dots li.slick-active button::before,
.vc-bg-lightpurple .appset-vc .wpb_element_wrapper {
    background-color: #715fef
}

.btn-preset:hover {
    background-color: #469248;
    border-color: #469248;
}