a {
    color: rgba(66, 129, 201, 0.98);
}

a:hover {
    color: rgba(86, 142, 207, 0.98);
}

a:focus {
    color: rgba(86, 142, 207, 0.98);
}

a:active {
    color: rgba(54, 116, 188, 0.98);
}

html .text-color-primary,
html .text-primary {
    color: rgba(66, 129, 201, 0.98) !important;
}

html .text-color-hover-primary:hover,
html .text-hover-primary:hover {
    color: rgba(66, 129, 201, 0.98) !important;
}

html .text-color-secondary,
html .text-secondary {
    color: #e36159 !important;
}

html .text-color-hover-secondary:hover,
html .text-hover-secondary:hover {
    color: #e36159 !important;
}

html .text-color-tertiary,
html .text-tertiary {
    color: #2baab1 !important;
}

html .text-color-hover-tertiary:hover,
html .text-hover-tertiary:hover {
    color: #2baab1 !important;
}

html .text-color-quaternary,
html .text-quaternary {
    color: #383f48 !important;
}

html .text-color-hover-quaternary:hover,
html .text-hover-quaternary:hover {
    color: #383f48 !important;
}


html .text-color-box,
html .text-box {
    color: #212529 !important;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.3);
}

html .text-color-hover-box:hover,
html .text-hover-box:hover {
    color: #212529 !important;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.3);
}


html .text-color-dark,
html .text-dark {
    color: #212529 !important;
}

html .text-color-hover-dark:hover,
html .text-hover-dark:hover {
    color: #212529 !important;
}

html .text-color-light,
html .text-light {
    color: #FFF !important;
}

html .text-color-hover-light:hover,
html .text-hover-light:hover {
    color: #FFF !important;
}

html .svg-fill-color-primary svg path,
html .svg-fill-color-primary svg rect {
    fill: rgba(66, 129, 201, 0.98) !important;
}

html .svg-stroke-color-primary svg path,
html .svg-stroke-color-primary svg rect {
    stroke: rgba(66, 129, 201, 0.98) !important;
}

html .svg-fill-color-secondary svg path,
html .svg-fill-color-secondary svg rect {
    fill: #e36159 !important;
}

html .svg-stroke-color-secondary svg path,
html .svg-stroke-color-secondary svg rect {
    stroke: #e36159 !important;
}

html .svg-fill-color-tertiary svg path,
html .svg-fill-color-tertiary svg rect {
    fill: #2baab1 !important;
}

html .svg-stroke-color-tertiary svg path,
html .svg-stroke-color-tertiary svg rect {
    stroke: #2baab1 !important;
}

html .svg-fill-color-quaternary svg path,
html .svg-fill-color-quaternary svg rect {
    fill: #383f48 !important;
}

html .svg-stroke-color-quaternary svg path,
html .svg-stroke-color-quaternary svg rect {
    stroke: #383f48 !important;
}

html .svg-fill-color-dark svg path,
html .svg-fill-color-dark svg rect {
    fill: #212529 !important;
}

html .svg-stroke-color-dark svg path,
html .svg-stroke-color-dark svg rect {
    stroke: #212529 !important;
}

html .svg-fill-color-light svg path,
html .svg-fill-color-light svg rect {
    fill: #FFF !important;
}

html .svg-stroke-color-light svg path,
html .svg-stroke-color-light svg rect {
    stroke: #FFF !important;
}

.gradient-text-color {
    color: rgba(66, 129, 201, 0.98);
    background: linear-gradient(to bottom right, rgba(66, 129, 201, 0.98), #e36159);
    background-image: linear-gradient(to right, rgba(66, 129, 201, 0.98), #e36159);
}

html .bg-color-primary,
html .bg-primary {
    background-color: rgba(66, 129, 201, 0.98) !important;
}

html .bg-color-hover-primary:hover,
html .bg-hover-primary:hover {
    background-color: rgba(66, 129, 201, 0.98) !important;
}

html .bg-color-after-primary:after {
    background-color: rgba(66, 129, 201, 0.98) !important;
}

html .bg-color-hover-after-primary:after:hover {
    background-color: rgba(66, 129, 201, 0.98) !important;
}

html .bg-color-before-primary:before {
    background-color: rgba(66, 129, 201, 0.98) !important;
}

html .bg-color-hover-before-primary:before:hover {
    background-color: rgba(66, 129, 201, 0.98) !important;
}

html .bg-color-secondary,
html .bg-secondary {
    background-color: #e36159 !important;
}

html .bg-color-hover-secondary:hover,
html .bg-hover-secondary:hover {
    background-color: #e36159 !important;
}

html .bg-color-after-secondary:after {
    background-color: #e36159 !important;
}

html .bg-color-hover-after-secondary:after:hover {
    background-color: #e36159 !important;
}

html .bg-color-before-secondary:before {
    background-color: #e36159 !important;
}

html .bg-color-hover-before-secondary:before:hover {
    background-color: #e36159 !important;
}

html .bg-color-tertiary,
html .bg-tertiary {
    background-color: #2baab1 !important;
}

html .bg-color-hover-tertiary:hover,
html .bg-hover-tertiary:hover {
    background-color: #2baab1 !important;
}

html .bg-color-after-tertiary:after {
    background-color: #2baab1 !important;
}

html .bg-color-hover-after-tertiary:after:hover {
    background-color: #2baab1 !important;
}

html .bg-color-before-tertiary:before {
    background-color: #2baab1 !important;
}

html .bg-color-hover-before-tertiary:before:hover {
    background-color: #2baab1 !important;
}

html .bg-color-custom-green,
html .bg-custom-green {
    background-color: #29a746 !important;
}


html .bg-color-quaternary,
html .bg-quaternary {
    background-color: #383f48 !important;
}

html .bg-color-hover-quaternary:hover,
html .bg-hover-quaternary:hover {
    background-color: #383f48 !important;
}

html .bg-color-after-quaternary:after {
    background-color: #383f48 !important;
}

html .bg-color-hover-after-quaternary:after:hover {
    background-color: #383f48 !important;
}

html .bg-color-before-quaternary:before {
    background-color: #383f48 !important;
}

html .bg-color-hover-before-quaternary:before:hover {
    background-color: #383f48 !important;
}

html .bg-color-dark,
html .bg-dark {
    background-color: #212529 !important;
}

html .bg-color-hover-dark:hover,
html .bg-hover-dark:hover {
    background-color: #212529 !important;
}

html .bg-color-after-dark:after {
    background-color: #212529 !important;
}

html .bg-color-hover-after-dark:after:hover {
    background-color: #212529 !important;
}

html .bg-color-before-dark:before {
    background-color: #212529 !important;
}

html .bg-color-hover-before-dark:before:hover {
    background-color: #212529 !important;
}

html .bg-color-light,
html .bg-light {
    background-color: #FFF !important;
}

html .bg-color-hover-light:hover,
html .bg-hover-light:hover {
    background-color: #FFF !important;
}

html .bg-color-after-light:after {
    background-color: #FFF !important;
}

html .bg-color-hover-after-light:after:hover {
    background-color: #FFF !important;
}

html .bg-color-before-light:before {
    background-color: #FFF !important;
}

html .bg-color-hover-before-light:before:hover {
    background-color: #FFF !important;
}

.bg-gradient {
    background: linear-gradient(135deg, rgba(66, 129, 201, 0.98) 0%, #e36159 80%);
}

/* Color Transition */
@keyframes colorTransition {
    0% {
        background-color: rgba(66, 129, 201, 0.98);
    }

    33% {
        background-color: #e36159;
    }

    66% {
        background-color: #2baab1;
    }

    100% {
        background-color: #383f48;
    }
}

html .border-color-primary {
    border-color: rgba(66, 129, 201, 0.98) !important;
}

html .border-color-hover-primary:hover {
    border-color: rgba(66, 129, 201, 0.98) !important;
}

html .border-color-secondary {
    border-color: #e36159 !important;
}

html .border-color-hover-secondary:hover {
    border-color: #e36159 !important;
}

html .border-color-tertiary {
    border-color: #2baab1 !important;
}

html .border-color-hover-tertiary:hover {
    border-color: #2baab1 !important;
}

html .border-color-quaternary {
    border-color: #383f48 !important;
}

html .border-color-hover-quaternary:hover {
    border-color: #383f48 !important;
}

html .border-color-dark {
    border-color: #212529 !important;
}

html .border-color-hover-dark:hover {
    border-color: #212529 !important;
}

html .border-color-light {
    border-color: #FFF !important;
}

html .border-color-hover-light:hover {
    border-color: #FFF !important;
}

.alternative-font {
    color: rgba(66, 129, 201, 0.98);
}

html .box-shadow-1-primary:before {
    box-shadow: 0 30px 90px rgba(66, 129, 201, 0.98) !important;
}

html .box-shadow-1-secondary:before {
    box-shadow: 0 30px 90px #e36159 !important;
}

html .box-shadow-1-tertiary:before {
    box-shadow: 0 30px 90px #2baab1 !important;
}

html .box-shadow-1-quaternary:before {
    box-shadow: 0 30px 90px #383f48 !important;
}

html .box-shadow-1-dark:before {
    box-shadow: 0 30px 90px #212529 !important;
}

html .box-shadow-1-light:before {
    box-shadow: 0 30px 90px #FFF !important;
}

html .blockquote-primary {
    border-color: rgba(66, 129, 201, 0.98) !important;
}

html .blockquote-secondary {
    border-color: #e36159 !important;
}

html .blockquote-tertiary {
    border-color: #2baab1 !important;
}

html .blockquote-quaternary {
    border-color: #383f48 !important;
}

html .blockquote-dark {
    border-color: #212529 !important;
}

html .blockquote-light {
    border-color: #FFF !important;
}

p.drop-caps:first-letter {
    color: rgba(66, 129, 201, 0.98);
}

p.drop-caps.drop-caps-style-2:first-letter {
    background-color: rgba(66, 129, 201, 0.98);
}

html .nav-color-primary nav > ul > li > a {
    color: rgba(66, 129, 201, 0.98) !important;
}

html .nav-color-primary:not(.header-nav-main-dropdown-arrow) nav > ul > li > a:before {
    background-color: rgba(66, 129, 201, 0.98) !important;
}

html .nav-color-primary:not(.header-nav-main-dropdown-arrow) nav > ul > li ul {
    border-top-color: rgba(66, 129, 201, 0.98) !important;
}

html .nav-color-secondary nav > ul > li > a {
    color: #e36159 !important;
}

html .nav-color-secondary:not(.header-nav-main-dropdown-arrow) nav > ul > li > a:before {
    background-color: #e36159 !important;
}

html .nav-color-secondary:not(.header-nav-main-dropdown-arrow) nav > ul > li ul {
    border-top-color: #e36159 !important;
}

html .nav-color-tertiary nav > ul > li > a {
    color: #2baab1 !important;
}

html .nav-color-tertiary:not(.header-nav-main-dropdown-arrow) nav > ul > li > a:before {
    background-color: #2baab1 !important;
}

html .nav-color-tertiary:not(.header-nav-main-dropdown-arrow) nav > ul > li ul {
    border-top-color: #2baab1 !important;
}

html .nav-color-quaternary nav > ul > li > a {
    color: #383f48 !important;
}

html .nav-color-quaternary:not(.header-nav-main-dropdown-arrow) nav > ul > li > a:before {
    background-color: #383f48 !important;
}

html .nav-color-quaternary:not(.header-nav-main-dropdown-arrow) nav > ul > li ul {
    border-top-color: #383f48 !important;
}

html .nav-color-dark nav > ul > li > a {
    color: #212529 !important;
}

html .nav-color-dark:not(.header-nav-main-dropdown-arrow) nav > ul > li > a:before {
    background-color: #212529 !important;
}

html .nav-color-dark:not(.header-nav-main-dropdown-arrow) nav > ul > li ul {
    border-top-color: #212529 !important;
}

html .nav-color-light nav > ul > li > a {
    color: #FFF !important;
}

html .nav-color-light:not(.header-nav-main-dropdown-arrow) nav > ul > li > a:before {
    background-color: #FFF !important;
}

html .nav-color-light:not(.header-nav-main-dropdown-arrow) nav > ul > li ul {
    border-top-color: #FFF !important;
}

.nav-pills > li.active > a,
.nav-pills .nav-link.active {
    background-color: rgba(66, 129, 201, 0.98);
}

.nav-pills > li.active > a:hover,
.nav-pills .nav-link.active:hover,
.nav-pills > li.active > a:focus,
.nav-pills .nav-link.active:focus {
    background-color: rgba(66, 129, 201, 0.98);
}

.nav-active-style-1 > li > a:hover,
.nav-active-style-1 > li > a:focus,
.nav-active-style-1 > li > a.active {
    border-bottom-color: rgba(66, 129, 201, 0.98);
}

html .nav-pills-primary a {
    color: rgba(66, 129, 201, 0.98);
}

html .nav-pills-primary a:hover {
    color: rgba(86, 142, 207, 0.98);
}

html .nav-pills-primary a:focus {
    color: rgba(86, 142, 207, 0.98);
}

html .nav-pills-primary a:active {
    color: rgba(54, 116, 188, 0.98);
}

html .nav-pills-primary .nav-link.active,
html .nav-pills-primary > li.active > a {
    background-color: rgba(66, 129, 201, 0.98);
}

html .nav-pills-primary .nav-link.active:hover,
html .nav-pills-primary > li.active > a:hover,
html .nav-pills-primary .nav-link.active:focus,
html .nav-pills-primary > li.active > a:focus {
    background-color: rgba(66, 129, 201, 0.98);
}

html .nav-pills-secondary a {
    color: #e36159;
}

html .nav-pills-secondary a:hover {
    color: #e7766f;
}

html .nav-pills-secondary a:focus {
    color: #e7766f;
}

html .nav-pills-secondary a:active {
    color: #df4c43;
}

html .nav-pills-secondary .nav-link.active,
html .nav-pills-secondary > li.active > a {
    background-color: #e36159;
}

html .nav-pills-secondary .nav-link.active:hover,
html .nav-pills-secondary > li.active > a:hover,
html .nav-pills-secondary .nav-link.active:focus,
html .nav-pills-secondary > li.active > a:focus {
    background-color: #e36159;
}

html .nav-pills-tertiary a {
    color: #2baab1;
}

html .nav-pills-tertiary a:hover {
    color: #30bec6;
}

html .nav-pills-tertiary a:focus {
    color: #30bec6;
}

html .nav-pills-tertiary a:active {
    color: #26969c;
}

html .nav-pills-tertiary .nav-link.active,
html .nav-pills-tertiary > li.active > a {
    background-color: #2baab1;
}

html .nav-pills-tertiary .nav-link.active:hover,
html .nav-pills-tertiary > li.active > a:hover,
html .nav-pills-tertiary .nav-link.active:focus,
html .nav-pills-tertiary > li.active > a:focus {
    background-color: #2baab1;
}

html .nav-pills-quaternary a {
    color: #383f48;
}

html .nav-pills-quaternary a:hover {
    color: #434c56;
}

html .nav-pills-quaternary a:focus {
    color: #434c56;
}

html .nav-pills-quaternary a:active {
    color: #2d323a;
}

html .nav-pills-quaternary .nav-link.active,
html .nav-pills-quaternary > li.active > a {
    background-color: #383f48;
}

html .nav-pills-quaternary .nav-link.active:hover,
html .nav-pills-quaternary > li.active > a:hover,
html .nav-pills-quaternary .nav-link.active:focus,
html .nav-pills-quaternary > li.active > a:focus {
    background-color: #383f48;
}

html .nav-pills-dark a {
    color: #212529;
}

html .nav-pills-dark a:hover {
    color: #2c3237;
}

html .nav-pills-dark a:focus {
    color: #2c3237;
}

html .nav-pills-dark a:active {
    color: #16181b;
}

html .nav-pills-dark .nav-link.active,
html .nav-pills-dark > li.active > a {
    background-color: #212529;
}

html .nav-pills-dark .nav-link.active:hover,
html .nav-pills-dark > li.active > a:hover,
html .nav-pills-dark .nav-link.active:focus,
html .nav-pills-dark > li.active > a:focus {
    background-color: #212529;
}

html .nav-pills-light a {
    color: #FFF;
}

html .nav-pills-light a:hover {
    color: #ffffff;
}

html .nav-pills-light a:focus {
    color: #ffffff;
}

html .nav-pills-light a:active {
    color: #f2f2f2;
}

html .nav-pills-light .nav-link.active,
html .nav-pills-light > li.active > a {
    background-color: #FFF;
}

html .nav-pills-light .nav-link.active:hover,
html .nav-pills-light > li.active > a:hover,
html .nav-pills-light .nav-link.active:focus,
html .nav-pills-light > li.active > a:focus {
    background-color: #FFF;
}

.section-scroll-dots-navigation.scroll-dots-navigation-colored > ul > li > a:before {
    background: rgba(66, 129, 201, 0.98);
}

.sort-source-wrapper .nav > li.active > a {
    color: rgba(66, 129, 201, 0.98);
}

.sort-source-wrapper .nav > li.active > a:hover,
.sort-source-wrapper .nav > li.active > a:focus {
    color: rgba(66, 129, 201, 0.98);
}

.sort-source.sort-source-style-2 > li.active > a:after {
    border-top-color: rgba(66, 129, 201, 0.98);
}

.sort-source.sort-source-style-3 > li.active > a {
    border-bottom-color: rgba(66, 129, 201, 0.98) !important;
    color: rgba(66, 129, 201, 0.98) !important;
}

html .badge-primary {
    background-color: rgba(66, 129, 201, 0.98);
}

html .badge-secondary {
    background-color: #e36159;
}

html .badge-tertiary {
    background-color: #2baab1;
}

html .badge-quaternary {
    background-color: #383f48;
}

html .badge-dark {
    background-color: #212529;
}

html .badge-light {
    background-color: #FFF;
}

html .overlay-color-primary:not(.no-skin):before {
    background-color: rgba(66, 129, 201, 0.98) !important;
}

html .overlay-color-secondary:not(.no-skin):before {
    background-color: #e36159 !important;
}

html .overlay-color-tertiary:not(.no-skin):before {
    background-color: #2baab1 !important;
}

html .overlay-color-quaternary:not(.no-skin):before {
    background-color: #383f48 !important;
}

html .overlay-color-dark:not(.no-skin):before {
    background-color: #212529 !important;
}

html .overlay-color-dark2:not(.no-skin):before {
    background-color: #484b4e !important;
}

html .overlay-color-light:not(.no-skin):before {
    background-color: #FFF !important;
}

html .overlay-color-light2:not(.no-skin):before {
    background-color: rgb(187, 187, 187) !important;
}

.btn-link {
    color: rgba(66, 129, 201, 0.98);
}

.btn-link:hover {
    color: rgba(86, 142, 207, 0.98);
}

.btn-link:active {
    color: rgba(54, 116, 188, 0.98);
}

html .btn-primary {
    background-color: rgba(66, 129, 201, 0.98);
    border-color: rgba(66, 129, 201, 0.98) rgba(66, 129, 201, 0.98) rgba(48, 104, 168, 0.98);
    color: #FFF;
}

html .btn-primary:hover,
html .btn-primary.hover {
    background-color: rgba(96, 149, 210, 0.98);
    border-color: rgba(106, 155, 212, 0.98) rgba(106, 155, 212, 0.98) rgba(66, 129, 201, 0.98);
    color: #FFF;
}

html .btn-primary:focus,
html .btn-primary.focus {
    box-shadow: 0 0 0 3px rgba(66, 129, 201, 0.5);
}

html .btn-primary.disabled,
html .btn-primary:disabled {
    background-color: rgba(66, 129, 201, 0.98);
    border-color: rgba(66, 129, 201, 0.98) rgba(66, 129, 201, 0.98) rgba(48, 104, 168, 0.98);
}

html .btn-primary:active,
html .btn-primary.active {
    background-color: rgba(51, 110, 178, 0.98) !important;
    background-image: none !important;
    border-color: rgba(48, 104, 168, 0.98) rgba(48, 104, 168, 0.98) rgba(37, 79, 128, 0.98) !important;
}

html .btn-primary-scale-2 {
    background-color: rgba(48, 104, 168, 0.98);
    border-color: rgba(48, 104, 168, 0.98) rgba(48, 104, 168, 0.98) rgba(37, 79, 128, 0.98);
    color: #FFF;
}

html .btn-primary-scale-2:hover,
html .btn-primary-scale-2.hover {
    background-color: rgba(57, 122, 198, 0.98);
    border-color: rgba(66, 129, 201, 0.98) rgba(66, 129, 201, 0.98) rgba(48, 104, 168, 0.98);
    color: #FFF;
}

html .btn-primary-scale-2:focus,
html .btn-primary-scale-2.focus {
    box-shadow: 0 0 0 3px rgba(48, 104, 168, 0.5);
}

html .btn-primary-scale-2.disabled,
html .btn-primary-scale-2:disabled {
    background-color: rgba(48, 104, 168, 0.98);
    border-color: rgba(48, 104, 168, 0.98) rgba(48, 104, 168, 0.98) rgba(37, 79, 128, 0.98);
}

html .btn-primary-scale-2:active,
html .btn-primary-scale-2.active {
    background-color: rgba(40, 86, 138, 0.98) !important;
    background-image: none !important;
    border-color: rgba(37, 79, 128, 0.98) rgba(37, 79, 128, 0.98) rgba(25, 55, 89, 0.98) !important;
}

html .show > .btn-primary.dropdown-toggle,
html .show > .btn-primary-scale-2.dropdown-toggle {
    background-color: rgba(51, 110, 178, 0.98) !important;
    background-image: none !important;
    border-color: rgba(48, 104, 168, 0.98) rgba(48, 104, 168, 0.98) rgba(37, 79, 128, 0.98) !important;
}

html .btn-secondary {
    background-color: #e36159;
    border-color: #e36159 #e36159 #dc372d;
    color: #FFF;
}

html .btn-secondary:hover,
html .btn-secondary.hover {
    background-color: #e9807a;
    border-color: #ea8b85 #ea8b85 #e36159;
    color: #FFF;
}

html .btn-secondary:focus,
html .btn-secondary.focus {
    box-shadow: 0 0 0 3px rgba(227, 97, 89, 0.5);
}

html .btn-secondary.disabled,
html .btn-secondary:disabled {
    background-color: #e36159;
    border-color: #e36159 #e36159 #dc372d;
}

html .btn-secondary:active,
html .btn-secondary.active {
    background-color: #dd4238 !important;
    background-image: none !important;
    border-color: #dc372d #dc372d #b7281f !important;
}

html .btn-secondary-scale-2 {
    background-color: #dc372d;
    border-color: #dc372d #dc372d #b7281f;
    color: #FFF;
}

html .btn-secondary-scale-2:hover,
html .btn-secondary-scale-2.hover {
    background-color: #e1574e;
    border-color: #e36159 #e36159 #dc372d;
    color: #FFF;
}

html .btn-secondary-scale-2:focus,
html .btn-secondary-scale-2.focus {
    box-shadow: 0 0 0 3px rgba(220, 55, 45, 0.5);
}

html .btn-secondary-scale-2.disabled,
html .btn-secondary-scale-2:disabled {
    background-color: #dc372d;
    border-color: #dc372d #dc372d #b7281f;
}

html .btn-secondary-scale-2:active,
html .btn-secondary-scale-2.active {
    background-color: #c22a21 !important;
    background-image: none !important;
    border-color: #b7281f #b7281f #8b1e18 !important;
}

html .show > .btn-secondary.dropdown-toggle,
html .show > .btn-secondary-scale-2.dropdown-toggle {
    background-color: #dd4238 !important;
    background-image: none !important;
    border-color: #dc372d #dc372d #b7281f !important;
}

html .btn-tertiary {
    background-color: #2baab1;
    border-color: #2baab1 #2baab1 #218388;
    color: #FFF;
}

html .btn-tertiary:hover,
html .btn-tertiary.hover {
    background-color: #34c6ce;
    border-color: #3fc9d0 #3fc9d0 #2baab1;
    color: #FFF;
}

html .btn-tertiary:focus,
html .btn-tertiary.focus {
    box-shadow: 0 0 0 3px rgba(43, 170, 177, 0.5);
}

html .btn-tertiary.disabled,
html .btn-tertiary:disabled {
    background-color: #2baab1;
    border-color: #2baab1 #2baab1 #218388;
}

html .btn-tertiary:active,
html .btn-tertiary.active {
    background-color: #248c92 !important;
    background-image: none !important;
    border-color: #218388 #218388 #175b5f !important;
}

html .btn-tertiary-scale-2 {
    background-color: #218388;
    border-color: #218388 #218388 #175b5f;
    color: #FFF;
}

html .btn-tertiary-scale-2:hover,
html .btn-tertiary-scale-2.hover {
    background-color: #29a0a7;
    border-color: #2baab1 #2baab1 #218388;
    color: #FFF;
}

html .btn-tertiary-scale-2:focus,
html .btn-tertiary-scale-2.focus {
    box-shadow: 0 0 0 3px rgba(33, 131, 136, 0.5);
}

html .btn-tertiary-scale-2.disabled,
html .btn-tertiary-scale-2:disabled {
    background-color: #218388;
    border-color: #218388 #218388 #175b5f;
}

html .btn-tertiary-scale-2:active,
html .btn-tertiary-scale-2.active {
    background-color: #1a6569 !important;
    background-image: none !important;
    border-color: #175b5f #175b5f #0d3436 !important;
}

html .show > .btn-tertiary.dropdown-toggle,
html .show > .btn-tertiary-scale-2.dropdown-toggle {
    background-color: #248c92 !important;
    background-image: none !important;
    border-color: #218388 #218388 #175b5f !important;
}

html .btn-quaternary {
    background-color: #383f48;
    border-color: #383f48 #383f48 #22262b;
    color: #FFF;
}

html .btn-quaternary:hover,
html .btn-quaternary.hover {
    background-color: #49525e;
    border-color: #4e5865 #4e5865 #383f48;
    color: #FFF;
}

html .btn-quaternary:focus,
html .btn-quaternary.focus {
    box-shadow: 0 0 0 3px rgba(56, 63, 72, 0.5);
}

html .btn-quaternary.disabled,
html .btn-quaternary:disabled {
    background-color: #383f48;
    border-color: #383f48 #383f48 #22262b;
}

html .btn-quaternary:active,
html .btn-quaternary.active {
    background-color: #272c32 !important;
    background-image: none !important;
    border-color: #22262b #22262b #0b0d0f !important;
}

html .btn-quaternary-scale-2 {
    background-color: #22262b;
    border-color: #22262b #22262b #0b0d0f;
    color: #FFF;
}

html .btn-quaternary-scale-2:hover,
html .btn-quaternary-scale-2.hover {
    background-color: #323941;
    border-color: #383f48 #383f48 #22262b;
    color: #FFF;
}

html .btn-quaternary-scale-2:focus,
html .btn-quaternary-scale-2.focus {
    box-shadow: 0 0 0 3px rgba(34, 38, 43, 0.5);
}

html .btn-quaternary-scale-2.disabled,
html .btn-quaternary-scale-2:disabled {
    background-color: #22262b;
    border-color: #22262b #22262b #0b0d0f;
}

html .btn-quaternary-scale-2:active,
html .btn-quaternary-scale-2.active {
    background-color: #111316 !important;
    background-image: none !important;
    border-color: #0b0d0f #0b0d0f #000000 !important;
}

html .show > .btn-quaternary.dropdown-toggle,
html .show > .btn-quaternary-scale-2.dropdown-toggle {
    background-color: #272c32 !important;
    background-image: none !important;
    border-color: #22262b #22262b #0b0d0f !important;
}

html .btn-dark {
    background-color: #212529;
    border-color: #212529 #212529 #0a0c0d;
    color: #FFF;
}

html .btn-dark:hover,
html .btn-dark.hover {
    background-color: #32383e;
    border-color: #383f45 #383f45 #212529;
    color: #FFF;
}

html .btn-dark:focus,
html .btn-dark.focus {
    box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.5);
}

html .btn-dark.disabled,
html .btn-dark:disabled {
    background-color: #212529;
    border-color: #212529 #212529 #0a0c0d;
}

html .btn-dark:active,
html .btn-dark.active {
    background-color: #101214 !important;
    background-image: none !important;
    border-color: #0a0c0d #0a0c0d #000000 !important;
}

html .btn-dark-scale-2 {
    background-color: #0a0c0d;
    border-color: #0a0c0d #0a0c0d #000000;
    color: #FFF;
}

html .btn-dark-scale-2:hover,
html .btn-dark-scale-2.hover {
    background-color: #1b1f22;
    border-color: #212529 #212529 #0a0c0d;
    color: #FFF;
}

html .btn-dark-scale-2:focus,
html .btn-dark-scale-2.focus {
    box-shadow: 0 0 0 3px rgba(10, 11, 13, 0.5);
}

html .btn-dark-scale-2.disabled,
html .btn-dark-scale-2:disabled {
    background-color: #0a0c0d;
    border-color: #0a0c0d #0a0c0d #000000;
}

html .btn-dark-scale-2:active,
html .btn-dark-scale-2.active {
    background-color: #000000 !important;
    background-image: none !important;
    border-color: #000000 #000000 #000000 !important;
}

html .show > .btn-dark.dropdown-toggle,
html .show > .btn-dark-scale-2.dropdown-toggle {
    background-color: #101214 !important;
    background-image: none !important;
    border-color: #0a0c0d #0a0c0d #000000 !important;
}

html .btn-light {
    background-color: #FFF;
    border-color: #FFF #FFF #e6e6e6;
    color: #777;
}

html .btn-light:hover,
html .btn-light.hover {
    background-color: #ffffff;
    border-color: #ffffff #ffffff #FFF;
    color: #777;
}

html .btn-light:focus,
html .btn-light.focus {
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5);
}

html .btn-light.disabled,
html .btn-light:disabled {
    background-color: #FFF;
    border-color: #FFF #FFF #e6e6e6;
}

html .btn-light:active,
html .btn-light.active {
    background-color: #ececec !important;
    background-image: none !important;
    border-color: #e6e6e6 #e6e6e6 #cccccc !important;
}

html .btn-light-scale-2 {
    background-color: #e6e6e6;
    border-color: #e6e6e6 #e6e6e6 #cccccc;
    color: #777;
}

html .btn-light-scale-2:hover,
html .btn-light-scale-2.hover {
    background-color: #f9f9f9;
    border-color: #ffffff #ffffff #e6e6e6;
    color: #777;
}

html .btn-light-scale-2:focus,
html .btn-light-scale-2.focus {
    box-shadow: 0 0 0 3px rgba(230, 230, 230, 0.5);
}

html .btn-light-scale-2.disabled,
html .btn-light-scale-2:disabled {
    background-color: #e6e6e6;
    border-color: #e6e6e6 #e6e6e6 #cccccc;
}

html .btn-light-scale-2:active,
html .btn-light-scale-2.active {
    background-color: #d2d2d2 !important;
    background-image: none !important;
    border-color: #cccccc #cccccc #b3b3b3 !important;
}

html .show > .btn-light.dropdown-toggle,
html .show > .btn-light-scale-2.dropdown-toggle {
    background-color: #ececec !important;
    background-image: none !important;
    border-color: #e6e6e6 #e6e6e6 #cccccc !important;
}

html .btn-outline.btn-primary {
    color: rgba(66, 129, 201, 0.98);
    background-color: transparent;
    background-image: none;
    border-color: rgba(66, 129, 201, 0.98);
}

html .btn-outline.btn-primary:hover,
html .btn-outline.btn-primary.hover {
    color: #FFF;
    background-color: rgba(66, 129, 201, 0.98);
    border-color: rgba(66, 129, 201, 0.98);
}

html .btn-outline.btn-primary:focus,
html .btn-outline.btn-primary.focus {
    box-shadow: 0 0 0 3px rgba(66, 129, 201, 0.5);
}

html .btn-outline.btn-primary.disabled,
html .btn-outline.btn-primary:disabled {
    color: rgba(66, 129, 201, 0.98);
    background-color: transparent;
}

html .btn-outline.btn-primary:active,
html .btn-outline.btn-primary.active {
    color: #FFF !important;
    background-color: rgba(66, 129, 201, 0.98) !important;
    border-color: rgba(66, 129, 201, 0.98) !important;
}

html .show > .btn-outline.btn-primary.dropdown-toggle {
    color: #FFF !important;
    background-color: rgba(66, 129, 201, 0.98) !important;
    border-color: rgba(66, 129, 201, 0.98) !important;
}

html .btn-outline.btn-secondary {
    color: #e36159;
    background-color: transparent;
    background-image: none;
    border-color: #e36159;
}

html .btn-outline.btn-secondary:hover,
html .btn-outline.btn-secondary.hover {
    color: #FFF;
    background-color: #e36159;
    border-color: #e36159;
}

html .btn-outline.btn-secondary:focus,
html .btn-outline.btn-secondary.focus {
    box-shadow: 0 0 0 3px rgba(227, 97, 89, 0.5);
}

html .btn-outline.btn-secondary.disabled,
html .btn-outline.btn-secondary:disabled {
    color: #e36159;
    background-color: transparent;
}

html .btn-outline.btn-secondary:active,
html .btn-outline.btn-secondary.active {
    color: #FFF !important;
    background-color: #e36159 !important;
    border-color: #e36159 !important;
}

html .show > .btn-outline.btn-secondary.dropdown-toggle {
    color: #FFF !important;
    background-color: #e36159 !important;
    border-color: #e36159 !important;
}

html .btn-outline.btn-tertiary {
    color: #2baab1;
    background-color: transparent;
    background-image: none;
    border-color: #2baab1;
}

html .btn-outline.btn-tertiary:hover,
html .btn-outline.btn-tertiary.hover {
    color: #FFF;
    background-color: #2baab1;
    border-color: #2baab1;
}

html .btn-outline.btn-tertiary:focus,
html .btn-outline.btn-tertiary.focus {
    box-shadow: 0 0 0 3px rgba(43, 170, 177, 0.5);
}

html .btn-outline.btn-tertiary.disabled,
html .btn-outline.btn-tertiary:disabled {
    color: #2baab1;
    background-color: transparent;
}

html .btn-outline.btn-tertiary:active,
html .btn-outline.btn-tertiary.active {
    color: #FFF !important;
    background-color: #2baab1 !important;
    border-color: #2baab1 !important;
}

html .show > .btn-outline.btn-tertiary.dropdown-toggle {
    color: #FFF !important;
    background-color: #2baab1 !important;
    border-color: #2baab1 !important;
}

html .btn-outline.btn-quaternary {
    color: #383f48;
    background-color: transparent;
    background-image: none;
    border-color: #383f48;
}

html .btn-outline.btn-quaternary:hover,
html .btn-outline.btn-quaternary.hover {
    color: #FFF;
    background-color: #383f48;
    border-color: #383f48;
}

html .btn-outline.btn-quaternary:focus,
html .btn-outline.btn-quaternary.focus {
    box-shadow: 0 0 0 3px rgba(56, 63, 72, 0.5);
}

html .btn-outline.btn-quaternary.disabled,
html .btn-outline.btn-quaternary:disabled {
    color: #383f48;
    background-color: transparent;
}

html .btn-outline.btn-quaternary:active,
html .btn-outline.btn-quaternary.active {
    color: #FFF !important;
    background-color: #383f48 !important;
    border-color: #383f48 !important;
}

html .show > .btn-outline.btn-quaternary.dropdown-toggle {
    color: #FFF !important;
    background-color: #383f48 !important;
    border-color: #383f48 !important;
}

html .btn-outline.btn-dark {
    color: #212529;
    background-color: transparent;
    background-image: none;
    border-color: #212529;
}

html .btn-outline.btn-dark:hover,
html .btn-outline.btn-dark.hover {
    color: #FFF;
    background-color: #212529;
    border-color: #212529;
}

html .btn-outline.btn-dark:focus,
html .btn-outline.btn-dark.focus {
    box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.5);
}

html .btn-outline.btn-dark.disabled,
html .btn-outline.btn-dark:disabled {
    color: #212529;
    background-color: transparent;
}

html .btn-outline.btn-dark:active,
html .btn-outline.btn-dark.active {
    color: #FFF !important;
    background-color: #212529 !important;
    border-color: #212529 !important;
}

html .show > .btn-outline.btn-dark.dropdown-toggle {
    color: #FFF !important;
    background-color: #212529 !important;
    border-color: #212529 !important;
}

html .btn-outline.btn-light {
    color: #FFF;
    background-color: transparent;
    background-image: none;
    border-color: #FFF;
}

html .btn-outline.btn-light:hover,
html .btn-outline.btn-light.hover {
    color: #777;
    background-color: #FFF;
    border-color: #FFF;
}

html .btn-outline.btn-light:focus,
html .btn-outline.btn-light.focus {
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5);
}

html .btn-outline.btn-light.disabled,
html .btn-outline.btn-light:disabled {
    color: #FFF;
    background-color: transparent;
}

html .btn-outline.btn-light:active,
html .btn-outline.btn-light.active {
    color: #777 !important;
    background-color: #FFF !important;
    border-color: #FFF !important;
}

html .show > .btn-outline.btn-light.dropdown-toggle {
    color: #777 !important;
    background-color: #FFF !important;
    border-color: #FFF !important;
}

html .btn-with-arrow.btn-primary {
    background-color: transparent;
    border-color: transparent;
    color: rgba(66, 129, 201, 0.98);
}

html .btn-with-arrow.btn-primary:active {
    background-color: transparent !important;
    border-color: transparent !important;
    color: rgba(66, 129, 201, 0.98) !important;
}

html .btn-with-arrow.btn-primary span {
    background-color: rgba(66, 129, 201, 0.98);
    box-shadow: 2px 3px 18px -3px rgba(66, 129, 201, 0.98);
}

html .btn-with-arrow.btn-primary.btn-outline {
    border-color: rgba(66, 129, 201, 0.98) !important;
}

html .btn-with-arrow.btn-primary.btn-outline:hover span {
    background-color: rgba(86, 142, 207, 0.98) !important;
    box-shadow: none;
}

html .btn-with-arrow.btn-secondary {
    background-color: transparent;
    border-color: transparent;
    color: #e36159;
}

html .btn-with-arrow.btn-secondary:active {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #e36159 !important;
}

html .btn-with-arrow.btn-secondary span {
    background-color: #e36159;
    box-shadow: 2px 3px 18px -3px #e36159;
}

html .btn-with-arrow.btn-secondary.btn-outline {
    border-color: #e36159 !important;
}

html .btn-with-arrow.btn-secondary.btn-outline:hover span {
    background-color: #e7766f !important;
    box-shadow: none;
}

html .btn-with-arrow.btn-tertiary {
    background-color: transparent;
    border-color: transparent;
    color: #2baab1;
}

html .btn-with-arrow.btn-tertiary:active {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #2baab1 !important;
}

html .btn-with-arrow.btn-tertiary span {
    background-color: #2baab1;
    box-shadow: 2px 3px 18px -3px #2baab1;
}

html .btn-with-arrow.btn-tertiary.btn-outline {
    border-color: #2baab1 !important;
}

html .btn-with-arrow.btn-tertiary.btn-outline:hover span {
    background-color: #30bec6 !important;
    box-shadow: none;
}

html .btn-with-arrow.btn-quaternary {
    background-color: transparent;
    border-color: transparent;
    color: #383f48;
}

html .btn-with-arrow.btn-quaternary:active {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #383f48 !important;
}

html .btn-with-arrow.btn-quaternary span {
    background-color: #383f48;
    box-shadow: 2px 3px 18px -3px #383f48;
}

html .btn-with-arrow.btn-quaternary.btn-outline {
    border-color: #383f48 !important;
}

html .btn-with-arrow.btn-quaternary.btn-outline:hover span {
    background-color: #434c56 !important;
    box-shadow: none;
}

html .btn-with-arrow.btn-dark {
    background-color: transparent;
    border-color: transparent;
    color: #212529;
}

html .btn-with-arrow.btn-dark:active {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #212529 !important;
}

html .btn-with-arrow.btn-dark span {
    background-color: #212529;
    box-shadow: 2px 3px 18px -3px #212529;
}

html .btn-with-arrow.btn-dark.btn-outline {
    border-color: #212529 !important;
}

html .btn-with-arrow.btn-dark.btn-outline:hover span {
    background-color: #2c3237 !important;
    box-shadow: none;
}

html .btn-with-arrow.btn-light {
    background-color: transparent;
    border-color: transparent;
    color: #FFF;
}

html .btn-with-arrow.btn-light:active {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #FFF !important;
}

html .btn-with-arrow.btn-light span {
    background-color: #FFF;
    box-shadow: 2px 3px 18px -3px #FFF;
}

html .btn-with-arrow.btn-light.btn-outline {
    border-color: #FFF !important;
}

html .btn-with-arrow.btn-light.btn-outline:hover span {
    background-color: #ffffff !important;
    box-shadow: none;
}

.btn-gradient:not(.btn-outline) {
    background: linear-gradient(135deg, rgba(66, 129, 201, 0.98) 0%, #e36159 80%);
    color: #FFF;
}

.btn-gradient:not(.btn-outline):hover,
.btn-gradient:not(.btn-outline).hover {
    background: linear-gradient(135deg, rgba(96, 149, 210, 0.98) 0%, #e9807a 80%);
    color: #FFF;
}

.btn-gradient:not(.btn-outline):focus,
.btn-gradient:not(.btn-outline).focus {
    box-shadow: 0 0 0 3px rgba(66, 129, 201, 0.5);
}

.btn-gradient:not(.btn-outline).disabled,
.btn-gradient:not(.btn-outline):disabled {
    background: linear-gradient(135deg, rgba(66, 129, 201, 0.98) 0%, #e36159 80%);
}

.btn-gradient:not(.btn-outline):active,
.btn-gradient:not(.btn-outline).active {
    background: linear-gradient(135deg, rgba(51, 110, 178, 0.98) 0%, #dd4238 80%) !important;
    color: #FFF !important;
}

.btn-gradient.btn-outline {
    border-image: linear-gradient(135deg, rgba(66, 129, 201, 0.98) 0%, #e36159 80%);
    color: rgba(66, 129, 201, 0.98);
}

.btn-gradient.btn-outline:hover,
.btn-gradient.btn-outline.hover {
    border-image: linear-gradient(135deg, rgba(96, 149, 210, 0.98) 0%, #e9807a 80%);
    color: rgba(96, 149, 210, 0.98);
}

.btn-gradient.btn-outline:focus,
.btn-gradient.btn-outline.focus {
    box-shadow: 0 0 0 3px rgba(66, 129, 201, 0.5);
}

.btn-gradient.btn-outline.disabled,
.btn-gradient.btn-outline:disabled {
    border-image: linear-gradient(135deg, rgba(66, 129, 201, 0.98) 0%, #e36159 80%);
}

.btn-gradient.btn-outline:active,
.btn-gradient.btn-outline.active {
    border-image: linear-gradient(135deg, rgba(51, 110, 178, 0.98) 0%, #dd4238 80%) !important;
    color: rgba(51, 110, 178, 0.98);
}

.pagination > a,
.pagination > a:hover,
.pagination > a:focus,
.pagination > li > a,
.pagination > li > span,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: rgba(66, 129, 201, 0.98);
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.pagination .page-item.active .page-link {
    background-color: rgba(66, 129, 201, 0.98) !important;
    border-color: rgba(66, 129, 201, 0.98);
}

body.dark .pagination > li > a,
body.dark .pagination > li > span,
body.dark .pagination > li > a:hover,
body.dark .pagination > li > span:hover,
body.dark .pagination > li > a:focus,
body.dark .pagination > li > span:focus {
    color: rgba(66, 129, 201, 0.98);
}

body.dark .pagination > .active > a,
body.dark .pagination > .active > span,
body.dark .pagination > .active > a:hover,
body.dark .pagination > .active > span:hover,
body.dark .pagination > .active > a:focus,
body.dark .pagination > .active > span:focus {
    background-color: rgba(66, 129, 201, 0.98);
    border-color: rgba(66, 129, 201, 0.98);
}

.pagination > .active > a,
body.dark .pagination > .active > a {
    background-color: rgba(66, 129, 201, 0.98);
    border-color: rgba(66, 129, 201, 0.98) rgba(66, 129, 201, 0.98) rgba(48, 104, 168, 0.98);
    color: #fff;
}

.pagination > .active > a:hover,
body.dark .pagination > .active > a:hover,
.pagination > .active > a.hover,
body.dark .pagination > .active > a.hover {
    background-color: rgba(96, 149, 210, 0.98);
    border-color: rgba(106, 155, 212, 0.98) rgba(106, 155, 212, 0.98) rgba(66, 129, 201, 0.98);
    color: #fff;
}

.pagination > .active > a:focus,
body.dark .pagination > .active > a:focus,
.pagination > .active > a.focus,
body.dark .pagination > .active > a.focus {
    box-shadow: 0 0 0 3px rgba(66, 129, 201, 0.5);
}

.pagination > .active > a.disabled,
body.dark .pagination > .active > a.disabled,
.pagination > .active > a:disabled,
body.dark .pagination > .active > a:disabled {
    background-color: rgba(66, 129, 201, 0.98);
    border-color: rgba(66, 129, 201, 0.98) rgba(66, 129, 201, 0.98) rgba(48, 104, 168, 0.98);
}

.pagination > .active > a:active,
body.dark .pagination > .active > a:active,
.pagination > .active > a.active,
body.dark .pagination > .active > a.active {
    background-color: rgba(51, 110, 178, 0.98) !important;
    background-image: none !important;
    border-color: rgba(48, 104, 168, 0.98) rgba(48, 104, 168, 0.98) rgba(37, 79, 128, 0.98) !important;
}

.custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: rgba(66, 129, 201, 0.98);
}

html .alert-primary {
    background-color: rgba(66, 129, 201, 0.98);
    border-color: rgba(56, 121, 196, 0.98);
    color: #FFF;
}

html .alert-primary .alert-link {
    color: #FFF;
}

html .alert-secondary {
    background-color: #e36159;
    border-color: #e1554c;
    color: #FFF;
}

html .alert-secondary .alert-link {
    color: #FFF;
}

html .alert-tertiary {
    background-color: #2baab1;
    border-color: #289ea5;
    color: #FFF;
}

html .alert-tertiary .alert-link {
    color: #FFF;
}

html .alert-quaternary {
    background-color: #383f48;
    border-color: #31373f;
    color: #FFF;
}

html .alert-quaternary .alert-link {
    color: #FFF;
}

html .alert-dark {
    background-color: #212529;
    border-color: #1a1d21;
    color: #FFF;
}

html .alert-dark .alert-link {
    color: #FFF;
}

html .alert-light {
    background-color: #FFF;
    border-color: #f7f7f7;
    color: #777;
}

html .alert-light .alert-link {
    color: #777;
}

html .progress-bar-primary {
    background-color: rgba(66, 129, 201, 0.98);
}

html .progress-bar-secondary {
    background-color: #e36159;
}

html .progress-bar-tertiary {
    background-color: #2baab1;
}

html .progress-bar-quaternary {
    background-color: #383f48;
}

html .progress-bar-dark {
    background-color: #212529;
}

html .progress-bar-light {
    background-color: #FFF;
}

html .word-rotator.loading-bar-primary .word-rotator-words::after {
    background-color: rgba(66, 129, 201, 0.98);
}

html .word-rotator.loading-bar-secondary .word-rotator-words::after {
    background-color: #e36159;
}

html .word-rotator.loading-bar-tertiary .word-rotator-words::after {
    background-color: #2baab1;
}

html .word-rotator.loading-bar-quaternary .word-rotator-words::after {
    background-color: #383f48;
}

html .word-rotator.loading-bar-dark .word-rotator-words::after {
    background-color: #212529;
}

html .word-rotator.loading-bar-light .word-rotator-words::after {
    background-color: #FFF;
}

.process .process-step-circle {
    border-color: rgba(66, 129, 201, 0.98);
}

.process .process-step:hover .process-step-circle {
    background-color: rgba(66, 129, 201, 0.98);
}

.process .process-step:hover .process-step-circle .process-step-circle-content {
    color: #FFF !important;
}

.process-connecting-line .connecting-line {
    background: rgba(66, 129, 201, 0.98);
}

html .rating-primary .filled-stars {
    color: rgba(66, 129, 201, 0.98);
}

html .rating-secondary .filled-stars {
    color: #e36159;
}

html .rating-tertiary .filled-stars {
    color: #2baab1;
}

html .rating-quaternary .filled-stars {
    color: #383f48;
}

html .rating-dark .filled-stars {
    color: #212529;
}

html .rating-light .filled-stars {
    color: #FFF;
}

html section.section-primary {
    background-color: rgba(66, 129, 201, 0.98) !important;
    border-color: rgba(54, 116, 188, 0.98) !important;
}

html section.section-primary h1,
html section.section-primary h2,
html section.section-primary h3,
html section.section-primary h4,
html section.section-primary h5,
html section.section-primary h6 {
    color: #FFF;
}

html section.section-primary p {
    color: #e6e6e6;
}

html section.section-primary-scale-2 {
    background-color: rgba(48, 104, 168, 0.98) !important;
    border-color: rgba(42, 92, 148, 0.98) !important;
}

html section.section-primary-scale-2 .sort-source.sort-source-style-2 > li.active > a:after {
    border-top-color: rgba(48, 104, 168, 0.98);
}

html section.section-secondary {
    background-color: #e36159 !important;
    border-color: #df4c43 !important;
}

html section.section-secondary h1,
html section.section-secondary h2,
html section.section-secondary h3,
html section.section-secondary h4,
html section.section-secondary h5,
html section.section-secondary h6 {
    color: #FFF;
}

html section.section-secondary p {
    color: #e6e6e6;
}

html section.section-secondary-scale-2 {
    background-color: #dc372d !important;
    border-color: #cd2c23 !important;
}

html section.section-secondary-scale-2 .sort-source.sort-source-style-2 > li.active > a:after {
    border-top-color: #dc372d;
}

html section.section-tertiary {
    background-color: #2baab1 !important;
    border-color: #26969c !important;
}

html section.section-tertiary h1,
html section.section-tertiary h2,
html section.section-tertiary h3,
html section.section-tertiary h4,
html section.section-tertiary h5,
html section.section-tertiary h6 {
    color: #FFF;
}

html section.section-tertiary p {
    color: #e6e6e6;
}

html section.section-tertiary-scale-2 {
    background-color: #218388 !important;
    border-color: #1c6f73 !important;
}

html section.section-tertiary-scale-2 .sort-source.sort-source-style-2 > li.active > a:after {
    border-top-color: #218388;
}

html section.section-quaternary {
    background-color: #383f48 !important;
    border-color: #2d323a !important;
}

html section.section-quaternary h1,
html section.section-quaternary h2,
html section.section-quaternary h3,
html section.section-quaternary h4,
html section.section-quaternary h5,
html section.section-quaternary h6 {
    color: #FFF;
}

html section.section-quaternary p {
    color: #e6e6e6;
}

html section.section-quaternary-scale-2 {
    background-color: #22262b !important;
    border-color: #17191d !important;
}

html section.section-quaternary-scale-2 .sort-source.sort-source-style-2 > li.active > a:after {
    border-top-color: #22262b;
}

html section.section-dark {
    background-color: #212529 !important;
    border-color: #16181b !important;
}

html section.section-dark h1,
html section.section-dark h2,
html section.section-dark h3,
html section.section-dark h4,
html section.section-dark h5,
html section.section-dark h6 {
    color: #FFF;
}

html section.section-dark p {
    color: #e6e6e6;
}

html section.section-dark-scale-2 {
    background-color: #0a0c0d !important;
    border-color: #000000 !important;
}

html section.section-dark-scale-2 .sort-source.sort-source-style-2 > li.active > a:after {
    border-top-color: #0a0c0d;
}

html section.section-light {
    background-color: #FFF !important;
    border-color: #f2f2f2 !important;
}

html section.section-light h1,
html section.section-light h2,
html section.section-light h3,
html section.section-light h4,
html section.section-light h5,
html section.section-light h6 {
    color: #777;
}

html section.section-light p {
    color: #5e5e5e;
}

html section.section-light-scale-2 {
    background-color: #e6e6e6 !important;
    border-color: #d9d9d9 !important;
}

html section.section-light-scale-2 .sort-source.sort-source-style-2 > li.active > a:after {
    border-top-color: #e6e6e6;
}

section.section.section-background-half-primary-half-secondary {
    background: linear-gradient(to right, rgba(66, 129, 201, 0.98) 50%, #e36159 50%);
}

section.section.section-overlay-opacity-gradient:before {
    background: linear-gradient(135deg, rgba(66, 129, 201, 0.98) 0%, #e36159 80%);
}

html .bg-color-light-scale-1 {
    background-color: #f7f7f7 !important;
}

html .section.bg-color-light-scale-1,
html .bg-color-light-scale-border-top-1 {
    border-top-color: #efefef !important;
}

html .bg-color-light-scale-2 {
    background-color: #e8e8e8 !important;
}

html .section.bg-color-light-scale-2,
html .bg-color-light-scale-border-top-2 {
    border-top-color: #e0e0e0 !important;
}

html .bg-color-light-scale-3 {
    background-color: #e0e0e0 !important;
}

html .section.bg-color-light-scale-3,
html .bg-color-light-scale-border-top-3 {
    border-top-color: #d8d8d8 !important;
}

html .bg-color-light-scale-4 {
    background-color: #d8d8d8 !important;
}

html .section.bg-color-light-scale-4,
html .bg-color-light-scale-border-top-4 {
    border-top-color: #d1d1d1 !important;
}

html .bg-color-light-scale-5 {
    background-color: #d1d1d1 !important;
}

html .section.bg-color-light-scale-5,
html .bg-color-light-scale-border-top-5 {
    border-top-color: #c9c9c9 !important;
}

html .bg-color-light-scale-6 {
    background-color: #c9c9c9 !important;
}

html .section.bg-color-light-scale-6,
html .bg-color-light-scale-border-top-6 {
    border-top-color: #c1c1c1 !important;
}

html .bg-color-light-scale-7 {
    background-color: #c1c1c1 !important;
}

html .section.bg-color-light-scale-7,
html .bg-color-light-scale-border-top-7 {
    border-top-color: #bababa !important;
}

html .bg-color-light-scale-8 {
    background-color: #bababa !important;
}

html .section.bg-color-light-scale-8,
html .bg-color-light-scale-border-top-8 {
    border-top-color: #b2b2b2 !important;
}

html .bg-color-light-scale-9 {
    background-color: #b2b2b2 !important;
}

html .section.bg-color-light-scale-9,
html .bg-color-light-scale-border-top-9 {
    border-top-color: #ababab !important;
}

html .bg-color-dark-scale-1 {
    background-color: #212529 !important;
}

html .section.bg-color-dark-scale-1,
html .bg-color-dark-scale-border-top-1 {
    border-top-color: #1a1d21 !important;
}

html .bg-color-dark-scale-2 {
    background-color: #1c2023 !important;
}

html .section.bg-color-dark-scale-2,
html .bg-color-dark-scale-border-top-2 {
    border-top-color: #16181b !important;
}

html .bg-color-dark-scale-3 {
    background-color: #181b1e !important;
}

html .section.bg-color-dark-scale-3,
html .bg-color-dark-scale-border-top-3 {
    border-top-color: #111315 !important;
}

html .bg-color-dark-scale-4 {
    background-color: #131618 !important;
}

html .section.bg-color-dark-scale-4,
html .bg-color-dark-scale-border-top-4 {
    border-top-color: #0d0e10 !important;
}

html .bg-color-dark-scale-5 {
    background-color: #0f1112 !important;
}

html .section.bg-color-dark-scale-5,
html .bg-color-dark-scale-border-top-5 {
    border-top-color: #08090a !important;
}

html .bg-color-dark-scale-6 {
    background-color: #0a0c0d !important;
}

html .section.bg-color-dark-scale-6,
html .bg-color-dark-scale-border-top-6 {
    border-top-color: #030404 !important;
}

html .bg-color-dark-scale-7 {
    background-color: #060607 !important;
}

html .section.bg-color-dark-scale-7,
html .bg-color-dark-scale-border-top-7 {
    border-top-color: #000000 !important;
}

html .bg-color-dark-scale-8 {
    background-color: #010101 !important;
}

html .section.bg-color-dark-scale-8,
html .bg-color-dark-scale-border-top-8 {
    border-top-color: #000000 !important;
}

html .bg-color-dark-scale-9 {
    background-color: #000000 !important;
}

html .section.bg-color-dark-scale-9,
html .bg-color-dark-scale-border-top-9 {
    border-top-color: #000000 !important;
}

section.page-header .page-header-title-border {
    background-color: rgba(66, 129, 201, 0.98) !important;
}

section.page-header.custom-product {
    background-color: rgba(54, 116, 188, 0.98);
    border-top-color: rgba(58, 124, 199, 0.98);
}

html .page-header-color.page-header-primary {
    background-color: rgba(66, 129, 201, 0.98);
    border-bottom-color: rgba(66, 129, 201, 0.98);
    color: #FFF;
}

html .page-header-color.page-header-primary h1 {
    color: #FFF;
}

html .page-header-color.page-header-primary h1 span {
    color: #FFF;
}

html .page-header-color.page-header-primary a {
    color: #FFF;
}

html .page-header-color.page-header-primary .breadcrumb > .active {
    color: #FFF;
}

html .page-header-color.page-header-secondary {
    background-color: #e36159;
    border-bottom-color: #e36159;
    color: #FFF;
}

html .page-header-color.page-header-secondary h1 {
    color: #FFF;
}

html .page-header-color.page-header-secondary h1 span {
    color: #FFF;
}

html .page-header-color.page-header-secondary a {
    color: #FFF;
}

html .page-header-color.page-header-secondary .breadcrumb > .active {
    color: #FFF;
}

html .page-header-color.page-header-tertiary {
    background-color: #2baab1;
    border-bottom-color: #2baab1;
    color: #FFF;
}

html .page-header-color.page-header-tertiary h1 {
    color: #FFF;
}

html .page-header-color.page-header-tertiary h1 span {
    color: #FFF;
}

html .page-header-color.page-header-tertiary a {
    color: #FFF;
}

html .page-header-color.page-header-tertiary .breadcrumb > .active {
    color: #FFF;
}

html .page-header-color.page-header-quaternary {
    background-color: #383f48;
    border-bottom-color: #383f48;
    color: #FFF;
}

html .page-header-color.page-header-quaternary h1 {
    color: #FFF;
}

html .page-header-color.page-header-quaternary h1 span {
    color: #FFF;
}

html .page-header-color.page-header-quaternary a {
    color: #FFF;
}

html .page-header-color.page-header-quaternary .breadcrumb > .active {
    color: #FFF;
}

html .page-header-color.page-header-dark {
    background-color: #212529;
    border-bottom-color: #212529;
    color: #FFF;
}

html .page-header-color.page-header-dark h1 {
    color: #FFF;
}

html .page-header-color.page-header-dark h1 span {
    color: #FFF;
}

html .page-header-color.page-header-dark a {
    color: #FFF;
}

html .page-header-color.page-header-dark .breadcrumb > .active {
    color: #FFF;
}

html .page-header-color.page-header-light {
    background-color: #FFF;
    border-bottom-color: #FFF;
    color: #777;
}

html .page-header-color.page-header-light h1 {
    color: #777;
}

html .page-header-color.page-header-light h1 span {
    color: #777;
}

html .page-header-color.page-header-light a {
    color: #777;
}

html .page-header-color.page-header-light .breadcrumb > .active {
    color: #777;
}

html .toggle-primary .toggle label,
html .toggle-primary .toggle .toggle-title {
    color: rgba(66, 129, 201, 0.98);
    border-left-color: rgba(66, 129, 201, 0.98);
    border-right-color: rgba(66, 129, 201, 0.98);
}

html .toggle-primary .toggle.active > label,
html .toggle-primary .toggle.active > .toggle-title {
    background-color: rgba(66, 129, 201, 0.98);
    border-color: rgba(66, 129, 201, 0.98);
    color: #FFF;
}

html .toggle-primary.toggle-simple .toggle > label:after,
html .toggle-primary.toggle-simple .toggle > .toggle-title:after {
    background-color: rgba(66, 129, 201, 0.98);
}

html .toggle-primary.toggle-minimal .toggle.active > label,
html .toggle-primary.toggle-minimal .toggle.active > .toggle-title {
    color: rgba(66, 129, 201, 0.98);
}

html .toggle-secondary .toggle label,
html .toggle-secondary .toggle .toggle-title {
    color: #e36159;
    border-left-color: #e36159;
    border-right-color: #e36159;
}

html .toggle-secondary .toggle.active > label,
html .toggle-secondary .toggle.active > .toggle-title {
    background-color: #e36159;
    border-color: #e36159;
    color: #FFF;
}

html .toggle-secondary.toggle-simple .toggle > label:after,
html .toggle-secondary.toggle-simple .toggle > .toggle-title:after {
    background-color: #e36159;
}

html .toggle-secondary.toggle-minimal .toggle.active > label,
html .toggle-secondary.toggle-minimal .toggle.active > .toggle-title {
    color: #e36159;
}

html .toggle-tertiary .toggle label,
html .toggle-tertiary .toggle .toggle-title {
    color: #2baab1;
    border-left-color: #2baab1;
    border-right-color: #2baab1;
}

html .toggle-tertiary .toggle.active > label,
html .toggle-tertiary .toggle.active > .toggle-title {
    background-color: #2baab1;
    border-color: #2baab1;
    color: #FFF;
}

html .toggle-tertiary.toggle-simple .toggle > label:after,
html .toggle-tertiary.toggle-simple .toggle > .toggle-title:after {
    background-color: #2baab1;
}

html .toggle-tertiary.toggle-minimal .toggle.active > label,
html .toggle-tertiary.toggle-minimal .toggle.active > .toggle-title {
    color: #2baab1;
}

html .toggle-quaternary .toggle label,
html .toggle-quaternary .toggle .toggle-title {
    color: #383f48;
    border-left-color: #383f48;
    border-right-color: #383f48;
}

html .toggle-quaternary .toggle.active > label,
html .toggle-quaternary .toggle.active > .toggle-title {
    background-color: #383f48;
    border-color: #383f48;
    color: #FFF;
}

html .toggle-quaternary.toggle-simple .toggle > label:after,
html .toggle-quaternary.toggle-simple .toggle > .toggle-title:after {
    background-color: #383f48;
}

html .toggle-quaternary.toggle-minimal .toggle.active > label,
html .toggle-quaternary.toggle-minimal .toggle.active > .toggle-title {
    color: #383f48;
}

html .toggle-dark .toggle label,
html .toggle-dark .toggle .toggle-title {
    color: #212529;
    border-left-color: #212529;
    border-right-color: #212529;
}

html .toggle-dark .toggle.active > label,
html .toggle-dark .toggle.active > .toggle-title {
    background-color: #212529;
    border-color: #212529;
    color: #FFF;
}

html .toggle-dark.toggle-simple .toggle > label:after,
html .toggle-dark.toggle-simple .toggle > .toggle-title:after {
    background-color: #212529;
}

html .toggle-dark.toggle-minimal .toggle.active > label,
html .toggle-dark.toggle-minimal .toggle.active > .toggle-title {
    color: #212529;
}

html .toggle-light .toggle label,
html .toggle-light .toggle .toggle-title {
    color: #FFF;
    border-left-color: #FFF;
    border-right-color: #FFF;
}

html .toggle-light .toggle.active > label,
html .toggle-light .toggle.active > .toggle-title {
    background-color: #FFF;
    border-color: #FFF;
    color: #777;
}

html .toggle-light.toggle-simple .toggle > label:after,
html .toggle-light.toggle-simple .toggle > .toggle-title:after {
    background-color: #FFF;
}

html .toggle-light.toggle-minimal .toggle.active > label,
html .toggle-light.toggle-minimal .toggle.active > .toggle-title {
    color: #FFF;
}

.thumb-info .thumb-info-type,
.thumb-info .thumb-info-action-icon,
.thumb-info-social-icons a,
.thumbnail .zoom,
.img-thumbnail .zoom,
.thumb-info-ribbon {
    background-color: rgba(66, 129, 201, 0.98);
}

html .thumb-info .thumb-info-action-icon-primary {
    background-color: rgba(66, 129, 201, 0.98);
}

html .thumb-info .thumb-info-action-icon-primary i {
    color: #FFF;
}

html .thumb-info .thumb-info-action-icon-secondary {
    background-color: #e36159;
}

html .thumb-info .thumb-info-action-icon-secondary i {
    color: #FFF;
}

html .thumb-info .thumb-info-action-icon-tertiary {
    background-color: #2baab1;
}

html .thumb-info .thumb-info-action-icon-tertiary i {
    color: #FFF;
}

html .thumb-info .thumb-info-action-icon-quaternary {
    background-color: #383f48;
}

html .thumb-info .thumb-info-action-icon-quaternary i {
    color: #FFF;
}

html .thumb-info .thumb-info-action-icon-dark {
    background-color: #212529;
}

html .thumb-info .thumb-info-action-icon-dark i {
    color: #FFF;
}

html .thumb-info .thumb-info-action-icon-light {
    background-color: #FFF;
}

html .thumb-info .thumb-info-action-icon-light i {
    color: #777;
}

.thumb-info-ribbon:before {
    border-right-color: rgba(42, 92, 148, 0.98);
    border-left-color: rgba(42, 92, 148, 0.98);
}

.thumb-info.thumb-info-block-primary .thumb-info-wrapper:before {
    background: rgba(66, 129, 201, 0.9);
}

.thumb-info-floating-caption-title .thumb-info-floating-caption-type {
    background-color: rgba(66, 129, 201, 0.98);
}

.inverted {
    background-color: rgba(66, 129, 201, 0.98);
}

html .inverted-primary {
    background-color: rgba(66, 129, 201, 0.98);
}

html .inverted-secondary {
    background-color: #e36159;
}

html .inverted-tertiary {
    background-color: #2baab1;
}

html .inverted-quaternary {
    background-color: #383f48;
}

html .inverted-dark {
    background-color: #212529;
}

html .inverted-light {
    background-color: #FFF;
}

.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
    background-color: rgba(53, 114, 184, 0.98);
}

.owl-carousel.show-nav-title .owl-nav button[class*="owl-"],
.owl-carousel.show-nav-title .owl-nav button[class*="owl-"]:hover,
.owl-carousel.show-nav-title .owl-nav button[class*="owl-"].hover {
    color: rgba(66, 129, 201, 0.98);
}

.owl-carousel .owl-nav button[class*="owl-"] {
    background-color: rgba(66, 129, 201, 0.98);
    border-color: rgba(66, 129, 201, 0.98) rgba(66, 129, 201, 0.98) rgba(48, 104, 168, 0.98);
    color: #FFF;
}

.owl-carousel .owl-nav button[class*="owl-"]:hover,
.owl-carousel .owl-nav button[class*="owl-"].hover {
    background-color: rgba(96, 149, 210, 0.98);
    border-color: rgba(106, 155, 212, 0.98) rgba(106, 155, 212, 0.98) rgba(66, 129, 201, 0.98);
}

.owl-carousel .owl-nav button[class*="owl-"]:active,
.owl-carousel .owl-nav button[class*="owl-"].active {
    background-color: rgba(51, 110, 178, 0.98);
    background-image: none;
    border-color: rgba(48, 104, 168, 0.98) rgba(48, 104, 168, 0.98) rgba(37, 79, 128, 0.98);
}

.owl-carousel.nav-with-transparency:not(.nav-style-1):not(.show-nav-title) .owl-nav button[class*="owl-"] {
    background-color: rgba(66, 129, 201, 0.4);
}

.owl-carousel.nav-style-1 .owl-nav .owl-next,
.owl-carousel.nav-style-1 .owl-nav .owl-prev {
    color: rgba(66, 129, 201, 0.98) !important;
}

.owl-carousel.nav-style-2 .owl-nav .owl-next:before,
.owl-carousel.nav-style-2 .owl-nav .owl-prev:before,
.owl-carousel.nav-style-2 .owl-nav .owl-next:after,
.owl-carousel.nav-style-2 .owl-nav .owl-prev:after {
    border-color: rgba(66, 129, 201, 0.98);
}

.owl-carousel.carousel-center-active-item-2 .owl-item.active > div {
    background: rgba(66, 129, 201, 0.98);
}

html body .tabs .nav-tabs .nav-link,
html.dark body .tabs .nav-tabs .nav-link,
html body .tabs .nav-tabs .nav-link:hover,
html.dark body .tabs .nav-tabs .nav-link:hover,
html body .tabs .nav-tabs li.active .nav-link,
html.dark body .tabs .nav-tabs li.active .nav-link {
    color: rgba(66, 129, 201, 0.98);
}

html body .tabs .nav-tabs .nav-link:hover,
html.dark body .tabs .nav-tabs .nav-link:hover,
html body .tabs .nav-tabs .nav-link:focus,
html.dark body .tabs .nav-tabs .nav-link:focus,
html body .tabs .nav-tabs li.active .nav-link,
html.dark body .tabs .nav-tabs li.active .nav-link,
html body .tabs .nav-tabs.nav-justified .nav-link:hover,
html.dark body .tabs .nav-tabs.nav-justified .nav-link:hover,
html body .tabs .nav-tabs.nav-justified .nav-link:focus,
html.dark body .tabs .nav-tabs.nav-justified .nav-link:focus {
    border-top-color: rgba(66, 129, 201, 0.98);
}

html body .tabs.tabs-bottom .nav-tabs li .nav-link:hover,
html.dark body .tabs.tabs-bottom .nav-tabs li .nav-link:hover,
html body .tabs.tabs-bottom .nav-tabs li.active .nav-link,
html.dark body .tabs.tabs-bottom .nav-tabs li.active .nav-link,
html body .tabs.tabs-bottom .nav-tabs li.active .nav-link:hover,
html.dark body .tabs.tabs-bottom .nav-tabs li.active .nav-link:hover,
html body .tabs.tabs-bottom .nav-tabs li.active .nav-link:focus,
html.dark body .tabs.tabs-bottom .nav-tabs li.active .nav-link:focus {
    border-bottom-color: rgba(66, 129, 201, 0.98);
}

html body .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link:hover,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link:hover,
html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link,
html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link:hover,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link:hover,
html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link:focus,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link:focus {
    border-left-color: rgba(66, 129, 201, 0.98);
}

html body .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link:hover,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link:hover,
html body .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link,
html body .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link:hover,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link:hover,
html body .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link:focus,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link:focus {
    border-right-color: rgba(66, 129, 201, 0.98);
}

html body .tabs.tabs-simple .nav-tabs > li.active .nav-link,
html.dark body .tabs.tabs-simple .nav-tabs > li.active .nav-link,
html body .tabs.tabs-simple .nav-tabs > li.active .nav-link:focus,
html.dark body .tabs.tabs-simple .nav-tabs > li.active .nav-link:focus,
html body .tabs.tabs-simple .nav-tabs > li .nav-link:hover,
html.dark body .tabs.tabs-simple .nav-tabs > li .nav-link:hover,
html body .tabs.tabs-simple .nav-tabs > li.active .nav-link:hover,
html.dark body .tabs.tabs-simple .nav-tabs > li.active .nav-link:hover {
    border-top-color: rgba(66, 129, 201, 0.98);
    color: rgba(66, 129, 201, 0.98);
}

html body .tabs-primary .nav-tabs li .nav-link,
html.dark body .tabs-primary .nav-tabs li .nav-link,
html body .tabs-primary .nav-tabs.nav-justified li .nav-link,
html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link,
html body .tabs-primary .nav-tabs li .nav-link:hover,
html.dark body .tabs-primary .nav-tabs li .nav-link:hover,
html body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover {
    color: rgba(66, 129, 201, 0.98);
}

html body .tabs-primary .nav-tabs li .nav-link:hover,
html.dark body .tabs-primary .nav-tabs li .nav-link:hover,
html body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover {
    border-top-color: rgba(66, 129, 201, 0.98);
}

html body .tabs-primary .nav-tabs li.active .nav-link,
html.dark body .tabs-primary .nav-tabs li.active .nav-link,
html body .tabs-primary .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-primary .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-primary .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-primary .nav-tabs li.active .nav-link:hover,
html body .tabs-primary .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-primary .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-primary .nav-tabs li.active .nav-link:focus,
html body .tabs-primary .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-primary .nav-tabs.nav-justified li.active .nav-link:focus {
    border-top-color: rgba(66, 129, 201, 0.98);
    color: rgba(66, 129, 201, 0.98);
}

html body .tabs-primary.tabs-bottom .nav-tabs li .nav-link:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li .nav-link:hover,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link:hover,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link:focus,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus {
    border-bottom-color: rgba(66, 129, 201, 0.98);
}

html body .tabs-primary.tabs-vertical.tabs-left li .nav-link:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-left li .nav-link:hover,
html body .tabs-primary.tabs-vertical.tabs-left li.active .nav-link,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active .nav-link,
html body .tabs-primary.tabs-vertical.tabs-left li.active .nav-link:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active .nav-link:hover,
html body .tabs-primary.tabs-vertical.tabs-left li.active .nav-link:focus,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active .nav-link:focus {
    border-left-color: rgba(66, 129, 201, 0.98);
}

html body .tabs-primary.tabs-vertical.tabs-right li .nav-link:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-right li .nav-link:hover,
html body .tabs-primary.tabs-vertical.tabs-right li.active .nav-link,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active .nav-link,
html body .tabs-primary.tabs-vertical.tabs-right li.active .nav-link:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active .nav-link:hover,
html body .tabs-primary.tabs-vertical.tabs-right li.active .nav-link:focus,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active .nav-link:focus {
    border-right-color: rgba(66, 129, 201, 0.98);
}

html body .tabs-secondary .nav-tabs li .nav-link,
html.dark body .tabs-secondary .nav-tabs li .nav-link,
html body .tabs-secondary .nav-tabs.nav-justified li .nav-link,
html.dark body .tabs-secondary .nav-tabs.nav-justified li .nav-link,
html body .tabs-secondary .nav-tabs li .nav-link:hover,
html.dark body .tabs-secondary .nav-tabs li .nav-link:hover,
html body .tabs-secondary .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-secondary .nav-tabs.nav-justified li .nav-link:hover {
    color: #e36159;
}

html body .tabs-secondary .nav-tabs li .nav-link:hover,
html.dark body .tabs-secondary .nav-tabs li .nav-link:hover,
html body .tabs-secondary .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-secondary .nav-tabs.nav-justified li .nav-link:hover {
    border-top-color: #e36159;
}

html body .tabs-secondary .nav-tabs li.active .nav-link,
html.dark body .tabs-secondary .nav-tabs li.active .nav-link,
html body .tabs-secondary .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-secondary .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-secondary .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-secondary .nav-tabs li.active .nav-link:hover,
html body .tabs-secondary .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-secondary .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-secondary .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-secondary .nav-tabs li.active .nav-link:focus,
html body .tabs-secondary .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-secondary .nav-tabs.nav-justified li.active .nav-link:focus {
    border-top-color: #e36159;
    color: #e36159;
}

html body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link:hover,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link:hover,
html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html body .tabs-secondary.tabs-bottom .nav-tabs li.active .nav-link,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs li.active .nav-link,
html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-secondary.tabs-bottom .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs li.active .nav-link:hover,
html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-secondary.tabs-bottom .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs li.active .nav-link:focus,
html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus {
    border-bottom-color: #e36159;
}

html body .tabs-secondary.tabs-vertical.tabs-left li .nav-link:hover,
html.dark body .tabs-secondary.tabs-vertical.tabs-left li .nav-link:hover,
html body .tabs-secondary.tabs-vertical.tabs-left li.active .nav-link,
html.dark body .tabs-secondary.tabs-vertical.tabs-left li.active .nav-link,
html body .tabs-secondary.tabs-vertical.tabs-left li.active .nav-link:hover,
html.dark body .tabs-secondary.tabs-vertical.tabs-left li.active .nav-link:hover,
html body .tabs-secondary.tabs-vertical.tabs-left li.active .nav-link:focus,
html.dark body .tabs-secondary.tabs-vertical.tabs-left li.active .nav-link:focus {
    border-left-color: #e36159;
}

html body .tabs-secondary.tabs-vertical.tabs-right li .nav-link:hover,
html.dark body .tabs-secondary.tabs-vertical.tabs-right li .nav-link:hover,
html body .tabs-secondary.tabs-vertical.tabs-right li.active .nav-link,
html.dark body .tabs-secondary.tabs-vertical.tabs-right li.active .nav-link,
html body .tabs-secondary.tabs-vertical.tabs-right li.active .nav-link:hover,
html.dark body .tabs-secondary.tabs-vertical.tabs-right li.active .nav-link:hover,
html body .tabs-secondary.tabs-vertical.tabs-right li.active .nav-link:focus,
html.dark body .tabs-secondary.tabs-vertical.tabs-right li.active .nav-link:focus {
    border-right-color: #e36159;
}

html body .tabs-tertiary .nav-tabs li .nav-link,
html.dark body .tabs-tertiary .nav-tabs li .nav-link,
html body .tabs-tertiary .nav-tabs.nav-justified li .nav-link,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li .nav-link,
html body .tabs-tertiary .nav-tabs li .nav-link:hover,
html.dark body .tabs-tertiary .nav-tabs li .nav-link:hover,
html body .tabs-tertiary .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li .nav-link:hover {
    color: #2baab1;
}

html body .tabs-tertiary .nav-tabs li .nav-link:hover,
html.dark body .tabs-tertiary .nav-tabs li .nav-link:hover,
html body .tabs-tertiary .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li .nav-link:hover {
    border-top-color: #2baab1;
}

html body .tabs-tertiary .nav-tabs li.active .nav-link,
html.dark body .tabs-tertiary .nav-tabs li.active .nav-link,
html body .tabs-tertiary .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-tertiary .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-tertiary .nav-tabs li.active .nav-link:hover,
html body .tabs-tertiary .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-tertiary .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-tertiary .nav-tabs li.active .nav-link:focus,
html body .tabs-tertiary .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li.active .nav-link:focus {
    border-top-color: #2baab1;
    color: #2baab1;
}

html body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link:hover,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link:hover,
html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html body .tabs-tertiary.tabs-bottom .nav-tabs li.active .nav-link,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li.active .nav-link,
html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-tertiary.tabs-bottom .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li.active .nav-link:hover,
html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-tertiary.tabs-bottom .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li.active .nav-link:focus,
html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus {
    border-bottom-color: #2baab1;
}

html body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link:hover,
html.dark body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link:hover,
html body .tabs-tertiary.tabs-vertical.tabs-left li.active .nav-link,
html.dark body .tabs-tertiary.tabs-vertical.tabs-left li.active .nav-link,
html body .tabs-tertiary.tabs-vertical.tabs-left li.active .nav-link:hover,
html.dark body .tabs-tertiary.tabs-vertical.tabs-left li.active .nav-link:hover,
html body .tabs-tertiary.tabs-vertical.tabs-left li.active .nav-link:focus,
html.dark body .tabs-tertiary.tabs-vertical.tabs-left li.active .nav-link:focus {
    border-left-color: #2baab1;
}

html body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link:hover,
html.dark body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link:hover,
html body .tabs-tertiary.tabs-vertical.tabs-right li.active .nav-link,
html.dark body .tabs-tertiary.tabs-vertical.tabs-right li.active .nav-link,
html body .tabs-tertiary.tabs-vertical.tabs-right li.active .nav-link:hover,
html.dark body .tabs-tertiary.tabs-vertical.tabs-right li.active .nav-link:hover,
html body .tabs-tertiary.tabs-vertical.tabs-right li.active .nav-link:focus,
html.dark body .tabs-tertiary.tabs-vertical.tabs-right li.active .nav-link:focus {
    border-right-color: #2baab1;
}

html body .tabs-quaternary .nav-tabs li .nav-link,
html.dark body .tabs-quaternary .nav-tabs li .nav-link,
html body .tabs-quaternary .nav-tabs.nav-justified li .nav-link,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li .nav-link,
html body .tabs-quaternary .nav-tabs li .nav-link:hover,
html.dark body .tabs-quaternary .nav-tabs li .nav-link:hover,
html body .tabs-quaternary .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li .nav-link:hover {
    color: #383f48;
}

html body .tabs-quaternary .nav-tabs li .nav-link:hover,
html.dark body .tabs-quaternary .nav-tabs li .nav-link:hover,
html body .tabs-quaternary .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li .nav-link:hover {
    border-top-color: #383f48;
}

html body .tabs-quaternary .nav-tabs li.active .nav-link,
html.dark body .tabs-quaternary .nav-tabs li.active .nav-link,
html body .tabs-quaternary .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-quaternary .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-quaternary .nav-tabs li.active .nav-link:hover,
html body .tabs-quaternary .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-quaternary .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-quaternary .nav-tabs li.active .nav-link:focus,
html body .tabs-quaternary .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li.active .nav-link:focus {
    border-top-color: #383f48;
    color: #383f48;
}

html body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link:hover,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link:hover,
html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html body .tabs-quaternary.tabs-bottom .nav-tabs li.active .nav-link,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li.active .nav-link,
html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-quaternary.tabs-bottom .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li.active .nav-link:hover,
html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-quaternary.tabs-bottom .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li.active .nav-link:focus,
html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus {
    border-bottom-color: #383f48;
}

html body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link:hover,
html.dark body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link:hover,
html body .tabs-quaternary.tabs-vertical.tabs-left li.active .nav-link,
html.dark body .tabs-quaternary.tabs-vertical.tabs-left li.active .nav-link,
html body .tabs-quaternary.tabs-vertical.tabs-left li.active .nav-link:hover,
html.dark body .tabs-quaternary.tabs-vertical.tabs-left li.active .nav-link:hover,
html body .tabs-quaternary.tabs-vertical.tabs-left li.active .nav-link:focus,
html.dark body .tabs-quaternary.tabs-vertical.tabs-left li.active .nav-link:focus {
    border-left-color: #383f48;
}

html body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link:hover,
html.dark body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link:hover,
html body .tabs-quaternary.tabs-vertical.tabs-right li.active .nav-link,
html.dark body .tabs-quaternary.tabs-vertical.tabs-right li.active .nav-link,
html body .tabs-quaternary.tabs-vertical.tabs-right li.active .nav-link:hover,
html.dark body .tabs-quaternary.tabs-vertical.tabs-right li.active .nav-link:hover,
html body .tabs-quaternary.tabs-vertical.tabs-right li.active .nav-link:focus,
html.dark body .tabs-quaternary.tabs-vertical.tabs-right li.active .nav-link:focus {
    border-right-color: #383f48;
}

html body .tabs-dark .nav-tabs li .nav-link,
html.dark body .tabs-dark .nav-tabs li .nav-link,
html body .tabs-dark .nav-tabs.nav-justified li .nav-link,
html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link,
html body .tabs-dark .nav-tabs li .nav-link:hover,
html.dark body .tabs-dark .nav-tabs li .nav-link:hover,
html body .tabs-dark .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link:hover {
    color: #212529;
}

html body .tabs-dark .nav-tabs li .nav-link:hover,
html.dark body .tabs-dark .nav-tabs li .nav-link:hover,
html body .tabs-dark .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link:hover {
    border-top-color: #212529;
}

html body .tabs-dark .nav-tabs li.active .nav-link,
html.dark body .tabs-dark .nav-tabs li.active .nav-link,
html body .tabs-dark .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-dark .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-dark .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-dark .nav-tabs li.active .nav-link:hover,
html body .tabs-dark .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-dark .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-dark .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-dark .nav-tabs li.active .nav-link:focus,
html body .tabs-dark .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-dark .nav-tabs.nav-justified li.active .nav-link:focus {
    border-top-color: #212529;
    color: #212529;
}

html body .tabs-dark.tabs-bottom .nav-tabs li .nav-link:hover,
html.dark body .tabs-dark.tabs-bottom .nav-tabs li .nav-link:hover,
html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html body .tabs-dark.tabs-bottom .nav-tabs li.active .nav-link,
html.dark body .tabs-dark.tabs-bottom .nav-tabs li.active .nav-link,
html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-dark.tabs-bottom .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-dark.tabs-bottom .nav-tabs li.active .nav-link:hover,
html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-dark.tabs-bottom .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-dark.tabs-bottom .nav-tabs li.active .nav-link:focus,
html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus {
    border-bottom-color: #212529;
}

html body .tabs-dark.tabs-vertical.tabs-left li .nav-link:hover,
html.dark body .tabs-dark.tabs-vertical.tabs-left li .nav-link:hover,
html body .tabs-dark.tabs-vertical.tabs-left li.active .nav-link,
html.dark body .tabs-dark.tabs-vertical.tabs-left li.active .nav-link,
html body .tabs-dark.tabs-vertical.tabs-left li.active .nav-link:hover,
html.dark body .tabs-dark.tabs-vertical.tabs-left li.active .nav-link:hover,
html body .tabs-dark.tabs-vertical.tabs-left li.active .nav-link:focus,
html.dark body .tabs-dark.tabs-vertical.tabs-left li.active .nav-link:focus {
    border-left-color: #212529;
}

html body .tabs-dark.tabs-vertical.tabs-right li .nav-link:hover,
html.dark body .tabs-dark.tabs-vertical.tabs-right li .nav-link:hover,
html body .tabs-dark.tabs-vertical.tabs-right li.active .nav-link,
html.dark body .tabs-dark.tabs-vertical.tabs-right li.active .nav-link,
html body .tabs-dark.tabs-vertical.tabs-right li.active .nav-link:hover,
html.dark body .tabs-dark.tabs-vertical.tabs-right li.active .nav-link:hover,
html body .tabs-dark.tabs-vertical.tabs-right li.active .nav-link:focus,
html.dark body .tabs-dark.tabs-vertical.tabs-right li.active .nav-link:focus {
    border-right-color: #212529;
}

html body .tabs-light .nav-tabs li .nav-link,
html.dark body .tabs-light .nav-tabs li .nav-link,
html body .tabs-light .nav-tabs.nav-justified li .nav-link,
html.dark body .tabs-light .nav-tabs.nav-justified li .nav-link,
html body .tabs-light .nav-tabs li .nav-link:hover,
html.dark body .tabs-light .nav-tabs li .nav-link:hover,
html body .tabs-light .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-light .nav-tabs.nav-justified li .nav-link:hover {
    color: #FFF;
}

html body .tabs-light .nav-tabs li .nav-link:hover,
html.dark body .tabs-light .nav-tabs li .nav-link:hover,
html body .tabs-light .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-light .nav-tabs.nav-justified li .nav-link:hover {
    border-top-color: #FFF;
}

html body .tabs-light .nav-tabs li.active .nav-link,
html.dark body .tabs-light .nav-tabs li.active .nav-link,
html body .tabs-light .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-light .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-light .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-light .nav-tabs li.active .nav-link:hover,
html body .tabs-light .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-light .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-light .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-light .nav-tabs li.active .nav-link:focus,
html body .tabs-light .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-light .nav-tabs.nav-justified li.active .nav-link:focus {
    border-top-color: #FFF;
    color: #FFF;
}

html body .tabs-light.tabs-bottom .nav-tabs li .nav-link:hover,
html.dark body .tabs-light.tabs-bottom .nav-tabs li .nav-link:hover,
html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html body .tabs-light.tabs-bottom .nav-tabs li.active .nav-link,
html.dark body .tabs-light.tabs-bottom .nav-tabs li.active .nav-link,
html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-light.tabs-bottom .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-light.tabs-bottom .nav-tabs li.active .nav-link:hover,
html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-light.tabs-bottom .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-light.tabs-bottom .nav-tabs li.active .nav-link:focus,
html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus {
    border-bottom-color: #FFF;
}

html body .tabs-light.tabs-vertical.tabs-left li .nav-link:hover,
html.dark body .tabs-light.tabs-vertical.tabs-left li .nav-link:hover,
html body .tabs-light.tabs-vertical.tabs-left li.active .nav-link,
html.dark body .tabs-light.tabs-vertical.tabs-left li.active .nav-link,
html body .tabs-light.tabs-vertical.tabs-left li.active .nav-link:hover,
html.dark body .tabs-light.tabs-vertical.tabs-left li.active .nav-link:hover,
html body .tabs-light.tabs-vertical.tabs-left li.active .nav-link:focus,
html.dark body .tabs-light.tabs-vertical.tabs-left li.active .nav-link:focus {
    border-left-color: #FFF;
}

html body .tabs-light.tabs-vertical.tabs-right li .nav-link:hover,
html.dark body .tabs-light.tabs-vertical.tabs-right li .nav-link:hover,
html body .tabs-light.tabs-vertical.tabs-right li.active .nav-link,
html.dark body .tabs-light.tabs-vertical.tabs-right li.active .nav-link,
html body .tabs-light.tabs-vertical.tabs-right li.active .nav-link:hover,
html.dark body .tabs-light.tabs-vertical.tabs-right li.active .nav-link:hover,
html body .tabs-light.tabs-vertical.tabs-right li.active .nav-link:focus,
html.dark body .tabs-light.tabs-vertical.tabs-right li.active .nav-link:focus {
    border-right-color: #FFF;
}

html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link:hover,
html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link,
html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link:hover,
html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link:focus {
    border-right-color: rgba(66, 129, 201, 0.98);
    border-left-color: transparent;
}

html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link:hover,
html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link,
html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link:hover,
html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link:focus {
    border-right-color: transparent;
    border-left-color: rgba(66, 129, 201, 0.98);
}

.list.list-icons li > [class*="fa-"]:first-child,
.list.list-icons li a:first-child > [class*="fa-"]:first-child,
.list.list-icons li > .icons:first-child,
.list.list-icons li a:first-child > .icons:first-child {
    color: rgba(66, 129, 201, 0.98);
    border-color: rgba(66, 129, 201, 0.98);
}

.list.list-icons.list-icons-style-3 li > [class*="fa-"]:first-child,
.list.list-icons.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child,
.list.list-icons.list-icons-style-3 li > .icons:first-child,
.list.list-icons.list-icons-style-3 li a:first-child > .icons:first-child {
    background-color: rgba(66, 129, 201, 0.98);
}

.list.list-ordened li:before {
    color: rgba(66, 129, 201, 0.98);
    border-color: rgba(66, 129, 201, 0.98);
}

.list.list-ordened.list-ordened-style-3 li:before {
    background-color: rgba(66, 129, 201, 0.98);
}

html .list-primary.list-icons li > [class*="fa-"]:first-child,
html .list-primary.list-icons li a:first-child > [class*="fa-"]:first-child,
html .list-primary.list-icons li > .icons:first-child,
html .list-primary.list-icons li a:first-child > .icons:first-child {
    color: rgba(66, 129, 201, 0.98);
    border-color: rgba(66, 129, 201, 0.98);
}

html .list-primary.list-icons.list-icons-style-3 li > [class*="fa-"]:first-child,
html .list-primary.list-icons.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child,
html .list-primary.list-icons.list-icons-style-3 li > .icons:first-child,
html .list-primary.list-icons.list-icons-style-3 li a:first-child > .icons:first-child {
    background-color: rgba(66, 129, 201, 0.98);
    color: #FFF;
}

html .list-primary.list-ordened li:before {
    color: rgba(66, 129, 201, 0.98);
}

html .list-primary.list-ordened.list-ordened-style-3 li:before {
    background-color: rgba(66, 129, 201, 0.98);
    color: #FFF;
}

html .list-secondary.list-icons li > [class*="fa-"]:first-child,
html .list-secondary.list-icons li a:first-child > [class*="fa-"]:first-child,
html .list-secondary.list-icons li > .icons:first-child,
html .list-secondary.list-icons li a:first-child > .icons:first-child {
    color: #e36159;
    border-color: #e36159;
}

html .list-secondary.list-icons.list-icons-style-3 li > [class*="fa-"]:first-child,
html .list-secondary.list-icons.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child,
html .list-secondary.list-icons.list-icons-style-3 li > .icons:first-child,
html .list-secondary.list-icons.list-icons-style-3 li a:first-child > .icons:first-child {
    background-color: #e36159;
    color: #FFF;
}

html .list-secondary.list-ordened li:before {
    color: #e36159;
}

html .list-secondary.list-ordened.list-ordened-style-3 li:before {
    background-color: #e36159;
    color: #FFF;
}

html .list-tertiary.list-icons li > [class*="fa-"]:first-child,
html .list-tertiary.list-icons li a:first-child > [class*="fa-"]:first-child,
html .list-tertiary.list-icons li > .icons:first-child,
html .list-tertiary.list-icons li a:first-child > .icons:first-child {
    color: #2baab1;
    border-color: #2baab1;
}

html .list-tertiary.list-icons.list-icons-style-3 li > [class*="fa-"]:first-child,
html .list-tertiary.list-icons.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child,
html .list-tertiary.list-icons.list-icons-style-3 li > .icons:first-child,
html .list-tertiary.list-icons.list-icons-style-3 li a:first-child > .icons:first-child {
    background-color: #2baab1;
    color: #FFF;
}

html .list-tertiary.list-ordened li:before {
    color: #2baab1;
}

html .list-tertiary.list-ordened.list-ordened-style-3 li:before {
    background-color: #2baab1;
    color: #FFF;
}

html .list-quaternary.list-icons li > [class*="fa-"]:first-child,
html .list-quaternary.list-icons li a:first-child > [class*="fa-"]:first-child,
html .list-quaternary.list-icons li > .icons:first-child,
html .list-quaternary.list-icons li a:first-child > .icons:first-child {
    color: #383f48;
    border-color: #383f48;
}

html .list-quaternary.list-icons.list-icons-style-3 li > [class*="fa-"]:first-child,
html .list-quaternary.list-icons.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child,
html .list-quaternary.list-icons.list-icons-style-3 li > .icons:first-child,
html .list-quaternary.list-icons.list-icons-style-3 li a:first-child > .icons:first-child {
    background-color: #383f48;
    color: #FFF;
}

html .list-quaternary.list-ordened li:before {
    color: #383f48;
}

html .list-quaternary.list-ordened.list-ordened-style-3 li:before {
    background-color: #383f48;
    color: #FFF;
}

html .list-dark.list-icons li > [class*="fa-"]:first-child,
html .list-dark.list-icons li a:first-child > [class*="fa-"]:first-child,
html .list-dark.list-icons li > .icons:first-child,
html .list-dark.list-icons li a:first-child > .icons:first-child {
    color: #212529;
    border-color: #212529;
}

html .list-dark.list-icons.list-icons-style-3 li > [class*="fa-"]:first-child,
html .list-dark.list-icons.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child,
html .list-dark.list-icons.list-icons-style-3 li > .icons:first-child,
html .list-dark.list-icons.list-icons-style-3 li a:first-child > .icons:first-child {
    background-color: #212529;
    color: #FFF;
}

html .list-dark.list-ordened li:before {
    color: #212529;
}

html .list-dark.list-ordened.list-ordened-style-3 li:before {
    background-color: #212529;
    color: #FFF;
}

html .list-light.list-icons li > [class*="fa-"]:first-child,
html .list-light.list-icons li a:first-child > [class*="fa-"]:first-child,
html .list-light.list-icons li > .icons:first-child,
html .list-light.list-icons li a:first-child > .icons:first-child {
    color: #FFF;
    border-color: #FFF;
}

html .list-light.list-icons.list-icons-style-3 li > [class*="fa-"]:first-child,
html .list-light.list-icons.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child,
html .list-light.list-icons.list-icons-style-3 li > .icons:first-child,
html .list-light.list-icons.list-icons-style-3 li a:first-child > .icons:first-child {
    background-color: #FFF;
    color: #777;
}

html .list-light.list-ordened li:before {
    color: #FFF;
}

html .list-light.list-ordened.list-ordened-style-3 li:before {
    background-color: #FFF;
    color: #777;
}

.parallax blockquote i.fa-quote-left {
    color: rgba(66, 129, 201, 0.98);
}

section.video blockquote i.fa-quote-left {
    color: rgba(66, 129, 201, 0.98);
}

.accordion .card-header a {
    color: rgba(66, 129, 201, 0.98);
}

html .accordion.accordion-primary .card-header {
    background-color: rgba(66, 129, 201, 0.98) !important;
}

html .accordion.accordion-primary .card-header a {
    color: #FFF;
}

html .accordion.accordion-secondary .card-header {
    background-color: #e36159 !important;
}

html .accordion.accordion-secondary .card-header a {
    color: #FFF;
}

html .accordion.accordion-tertiary .card-header {
    background-color: #2baab1 !important;
}

html .accordion.accordion-tertiary .card-header a {
    color: #FFF;
}

html .accordion.accordion-quaternary .card-header {
    background-color: #383f48 !important;
}

html .accordion.accordion-quaternary .card-header a {
    color: #FFF;
}

html .accordion.accordion-dark .card-header {
    background-color: #212529 !important;
}

html .accordion.accordion-dark .card-header a {
    color: #FFF;
}

html .accordion.accordion-light .card-header {
    background-color: #FFF !important;
}

html .accordion.accordion-light .card-header a {
    color: #777;
}

html .divider.divider-primary [class*="fa-"],
html .divider.divider-primary .icons {
    color: rgba(66, 129, 201, 0.98);
}

html .divider.divider-primary.divider-small hr {
    background: rgba(66, 129, 201, 0.98);
}

html .divider.divider-secondary [class*="fa-"],
html .divider.divider-secondary .icons {
    color: #e36159;
}

html .divider.divider-secondary.divider-small hr {
    background: #e36159;
}

html .divider.divider-tertiary [class*="fa-"],
html .divider.divider-tertiary .icons {
    color: #2baab1;
}

html .divider.divider-tertiary.divider-small hr {
    background: #2baab1;
}

html .divider.divider-quaternary [class*="fa-"],
html .divider.divider-quaternary .icons {
    color: #383f48;
}

html .divider.divider-quaternary.divider-small hr {
    background: #383f48;
}

html .divider.divider-dark [class*="fa-"],
html .divider.divider-dark .icons {
    color: #212529;
}

html .divider.divider-dark.divider-small hr {
    background: #212529;
}

html .divider.divider-light [class*="fa-"],
html .divider.divider-light .icons {
    color: #FFF;
}

html .divider.divider-light.divider-small hr {
    background: #FFF;
}

html .divider.divider-style-2.divider-primary [class*="fa-"],
html .divider.divider-style-2.divider-primary .icons {
    background: rgba(66, 129, 201, 0.98);
    color: #FFF;
}

html .divider.divider-style-2.divider-secondary [class*="fa-"],
html .divider.divider-style-2.divider-secondary .icons {
    background: #e36159;
    color: #FFF;
}

html .divider.divider-style-2.divider-tertiary [class*="fa-"],
html .divider.divider-style-2.divider-tertiary .icons {
    background: #2baab1;
    color: #FFF;
}

html .divider.divider-style-2.divider-quaternary [class*="fa-"],
html .divider.divider-style-2.divider-quaternary .icons {
    background: #383f48;
    color: #FFF;
}

html .divider.divider-style-2.divider-dark [class*="fa-"],
html .divider.divider-style-2.divider-dark .icons {
    background: #212529;
    color: #FFF;
}

html .divider.divider-style-2.divider-light [class*="fa-"],
html .divider.divider-style-2.divider-light .icons {
    background: #FFF;
    color: #777;
}

html .divider.divider-style-3.divider-primary [class*="fa-"],
html .divider.divider-style-3.divider-primary .icons {
    border-color: rgba(66, 129, 201, 0.98);
}

html .divider.divider-style-3.divider-secondary [class*="fa-"],
html .divider.divider-style-3.divider-secondary .icons {
    border-color: #e36159;
}

html .divider.divider-style-3.divider-tertiary [class*="fa-"],
html .divider.divider-style-3.divider-tertiary .icons {
    border-color: #2baab1;
}

html .divider.divider-style-3.divider-quaternary [class*="fa-"],
html .divider.divider-style-3.divider-quaternary .icons {
    border-color: #383f48;
}

html .divider.divider-style-3.divider-dark [class*="fa-"],
html .divider.divider-style-3.divider-dark .icons {
    border-color: #212529;
}

html .divider.divider-style-3.divider-light [class*="fa-"],
html .divider.divider-style-3.divider-light .icons {
    border-color: #FFF;
}

#header .tip {
    background: rgba(66, 129, 201, 0.98);
    color: #FFF;
}

#header .tip:before {
    border-right-color: rgba(66, 129, 201, 0.98);
    border-left-color: transparent;
}

html #header .tip-primary {
    background: rgba(66, 129, 201, 0.98) !important;
    color: #FFF !important;
}

html #header .tip-primary:before {
    border-right-color: rgba(66, 129, 201, 0.98) !important;
}

html #header .tip-secondary {
    background: #e36159 !important;
    color: #FFF !important;
}

html #header .tip-secondary:before {
    border-right-color: #e36159 !important;
}

html #header .tip-tertiary {
    background: #2baab1 !important;
    color: #FFF !important;
}

html #header .tip-tertiary:before {
    border-right-color: #2baab1 !important;
}

html #header .tip-quaternary {
    background: #383f48 !important;
    color: #FFF !important;
}

html #header .tip-quaternary:before {
    border-right-color: #383f48 !important;
}

html #header .tip-dark {
    background: #212529 !important;
    color: #FFF !important;
}

html #header .tip-dark:before {
    border-right-color: #212529 !important;
}

html #header .tip-light {
    background: #FFF !important;
    color: #777 !important;
}

html #header .tip-light:before {
    border-right-color: #FFF !important;
}

html[dir="rtl"] #header .tip:before {
    border-left-color: rgba(66, 129, 201, 0.98);
}

html[dir="rtl"] #header .tip.skin:before {
    border-left-color: rgba(66, 129, 201, 0.98);
}

html[dir="rtl"] #header .tip-primary:before {
    border-left-color: rgba(66, 129, 201, 0.98) !important;
    border-right-color: transparent !important;
}

html[dir="rtl"] #header .tip-secondary:before {
    border-left-color: #e36159 !important;
    border-right-color: transparent !important;
}

html[dir="rtl"] #header .tip-tertiary:before {
    border-left-color: #2baab1 !important;
    border-right-color: transparent !important;
}

html[dir="rtl"] #header .tip-quaternary:before {
    border-left-color: #383f48 !important;
    border-right-color: transparent !important;
}

html[dir="rtl"] #header .tip-dark:before {
    border-left-color: #212529 !important;
    border-right-color: transparent !important;
}

html[dir="rtl"] #header .tip-light:before {
    border-left-color: #FFF !important;
    border-right-color: transparent !important;
}

#header .header-btn-collapse-nav {
    background: rgba(66, 129, 201, 0.98);
}

/*oxygen stay */
.paroxes_box_purple {
    border-left: 4px solid #a700e3;
    border-radius: 4px;
    padding: 0 36px;
    margin: 40px;
    color: #191516 !important;
}

.paroxes_box_purple:first-child {
    height: 152px;
}

.paroxes_box_purple {
    height: 132px;
}

.paroxes_box_purple > div {

    max-width: 320px;
    font-size: 16px;
    line-height: 1.5;
}

.paroxes_box_purple .title {

    font-size: 18px;
    font-weight: 800;
    padding-bottom: 8px;
}

.light_purple {

    background-color: #f4f0ff;
    padding: 80px;
}

.short_description {

    max-width: 840px;
    color: #191516 !important;
    font-weight: 300;
}


.white_w_icon {
    width: 180px;
    height: 180px;
    margin: 0 40px 0 0;
    padding: 46px;
    border-radius: 16px;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

.parent_white > div {
    color: #191516 !important;
    max-width: 400px;

}

.parent_white .right_text {

    font-size: 18px;
    line-height: 1.56;
}

.box_functionalities {
    width: 400px;
    height: auto;
    margin: 40px;
    padding: 40px 40px 64px;
    border-radius: 8px;
    background-color: #f4f0ff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    color: #191516 !important;
    font-size: 16px;
    text-align: center;

}

.box_functionalities .title {

    font-weight: 800;
    font-size: 20px;
    line-height: 1.4;
}

.hotel_module_details > img {
    width: 600px;
    height: auto;
    border-radius: 6px;
}

.left_text_h {
    max-width: 900px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    color: #191516 !important;
    font-size: 16px;
}

.left_text_h > div:nth-of-type(1) {
    font-size: 20px;
    font-weight: 800;
}

.extras_h {
    background-color: #fafafb;
    color: #191516 !important;
    padding: 80px 0;
}

.extras_h > div > img {
    max-width: 600px;
    height: auto;
}

.extras_h > div {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.extras_list > li {
    font-size: 18px;
    padding: .5rem 0;
}

#oxygen_stay_form {
    background-color: white !important;
    padding: 40px;
}

/* end oxygen stay */

/*paroxos page*/

@media only screen and (min-width: 1440px) {

    .pro_hero_div {
        position: absolute;
        right: 10%;
        width: 100%;
        max-width: 660px;
        top: 40px;
    }

    #product_page .text_hero {
        min-width: 620px;
    }

    .new_era_row .img_bg {
        background-position-x: 50%;
    }
}

.header_inside_paroxo {

    max-width: 1200px;
}

#banner_paroxos, #banner_oxygenone {

    position: relative;
    background-image: url(../img/paroxos/hero-parochos@2x.webp);
    background-size: cover;
    background-position-y: 0;
    background-repeat: no-repeat;
    height: 720px;

}

.ypiresies_paroxou {
    font-size: 80px;
    font-weight: 800;
    color: white;
    max-width: 620px;
    line-height: 1.1;
    letter-spacing: -0.27px;
    margin-bottom: 8px;
    height: 100%;
}

.hlektronikh_timologisi {

    font-size: 24px;
    font-weight: 300;
    color: white;
    max-width: 620px;
    height: 34px;
    line-height: 1.1;
    letter-spacing: -0.27px;
    margin-top: 16px;
    margin-bottom: 40px;
}

.header_paroxos {
    position: absolute;
    top: 25%;
    left: 0;
    padding: 24px 80px 80px 0;
}

.header_oxygenone {
    position: absolute;
    top: 25%;
    padding: 24px 80px 80px 0;
}


.interested_paroxos {
    width: 263px;
    padding-left: 15px;
}

.pist_paroxos {
    font-size: 40px;
    font-weight: 800;
    color: #191516;
    text-align: center;
    width: 620px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.13px;
    margin-bottom: 40px !important;

}

.mtp80 {
    margin-top: 120px;
}

.paroxos_text {
    color: #191516;
    font-size: 16px;
    justify-content: space-between;
}

.paroxos_text .p40 {
    padding: 0 20px !important;

}

.lianiki_paroxos {
    width: 620px;
    height: 86px;
    font-size: 32px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.11px;
    text-align: center;
    color: #191516;
}

.img_floros {
    position: relative;
    background-image: url(../img/paroxos/business_man.webp);
    background-size: cover;
    background-position-y: 0;
    background-repeat: no-repeat;
    height: 400px;
    border-radius: 10.3px;
    max-width: 400px;
    /*margin-right: 20px;*/
    background-position-x: -100px;
}

.box_lianiki {
    width: 100%;
    height: 228px;
    border-radius: 8px;
    background-color: #fcfcfc;
    max-width: 400px;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.box_lianiki > div > img {
    margin-bottom: 20px;
}

.box_lianiki .small {
    width: 100%;
    max-width: 320px;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.05px;
    text-align: center;
    color: #191516;
    font-weight: 400;
    margin-top: 8px;
}

.ilektroniki_timologisi .small,
.new_era_row .small {
    line-height: 1.5;
    letter-spacing: -0.05px;
    text-align: left;
    color: #191516;
    margin: 8px 0;
    font-size: 20px;
    font-weight: 800;
}

.ilektroniki_timologisi .subtext,
.new_era_row .subtext {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.05px;
    color: #191516;
    margin-bottom: 40px;
}

.font20 {

    font-size: 20px;
}

.ilektroniki_timologisi {
    margin-top: 120px !important;
}

.ilektroniki_timologisi .right_img_bg {
    position: relative;
    background-image: url(../img/paroxos/right_img_bg.webp);
    background-size: 100% 100%;
    background-position-y: 0;
    background-repeat: no-repeat;
}

.ilektroniki_timologisi .left_img_bg {
    position: relative;
    background-image: url(../img/paroxos/left_img_bg.webp);
    background-size: 100% 100%;
    background-position-y: 0;
    background-repeat: no-repeat;
}

.giati_timo {

    padding-left: 0 !important;
    padding-right: 40px !important;
}

.auto_send {
    padding-right: 0 !important;
    padding-left: 40px !important;
}

.new_era {
    margin-top: 120px;
    display: flex;
    justify-content: center;
}

.new_era_row .img_bg {
    position: relative;
    background-image: url(../img/paroxos/new_era_img.webp);
    background-position-y: 0;
    background-repeat: no-repeat;
    height: 100%;
    background-size: 380px;
}

.header_row_era {
    height: 400px;
    display: flex;
    align-items: center;
}

.grey_box_paroxos {
    max-width: 620px;
    height: auto;
    border-radius: 8px;
    background-color: #f2f2f4;
    padding-bottom: 32px !important;
}

.grey_box_paroxos > h4 {

    font-size: 20px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: -0.07px;
    color: #191516;
    padding-left: 40px;
    margin-top: 64px;
}

.grey_box_paroxos .list-group {
    list-style: decimal inside;
}

.grey_box_paroxos .list-group-item {
    display: list-item;
    background-color: transparent;
    border: none;
    color: #191516;
    font-size: 16px;
    padding: 1px 20px;
    list-style-position: outside;

}

#electronic-invoicing-form {
    /*background-color: transparent!important;*/
    margin-top: 0 !important;
    padding: 0 24px;
}

#paroxos > div.row.mb-log-12.mt-5.pt-5 > div > div > div.col-md-12.mt-2.pt-2.pb-1.text-1.text-center {
    display: flex;
    align-items: center;
    flex-direction: column;
}

#electronic-invoicing-form .container .row div.col-md-12.mt-2.pt-2.pb-1.text-1.text-center > h2 {

    font-size: 32px;
    font-weight: 800 !important;
}

#electronic-invoicing-form .container .row div.col-md-12.mt-2.pt-2.pb-1.text-1.text-center > p {

    font-size: 18px !important;
    max-width: 620px !important;
    margin: 0 auto;
}

#electronic-invoicing-form .container .row div.col-md-12.text-center.mt-5.mb-4 > a#cformSubmitBtn {

    max-width: 310px;
    height: 48px;
    border-radius: 24px;
    background-color: #a700e3 !important;
    font-size: 18px;
    padding: 10px;
    line-height: 1.5;
    width: 100%;
}

.grey_box_header > h3 {

    font-size: 12px;
    margin: 0;
    text-transform: none;
    font-weight: 600;
    letter-spacing: -0.04px;
    font-family: 'Open Sans', sans-serif;

}

@media (min-width: 992px) {

    #header_products .subtext_header_new {
        max-width: calc(60%) !important;
    }

    .new_era_row .img_bg {
        background-size: 300px auto;
        background-position-x: 60%;
        background-position-y: 40%;
    }

    .img_col1 {
        padding-left: 40px !important;
    }

    #header .header-nav-main nav > ul > li > a {
        color: rgba(66, 129, 201, 0.98);
    }

    #header .header-nav-main nav > ul > li.open > a,
    #header .header-nav-main nav > ul > li:hover > a {
        background: rgba(66, 129, 201, 0.98);
    }

    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
        border-top-color: rgba(66, 129, 201, 0.98);
    }

    #header .header-nav-main nav > ul > li.dropdown.open > a:before,
    #header .header-nav-main nav > ul > li.dropdown:hover > a:before {
        border-bottom-color: rgba(66, 129, 201, 0.98);
    }

    #header .header-nav-main nav > ul > li.dropdown-mega-signin .dropdown-menu {
        border-top-color: rgba(66, 129, 201, 0.98);
    }

    #header .header-nav-main nav > ul > li.dropdown-mega-signin .dropdown-menu li a {
        color: rgba(66, 129, 201, 0.98);
    }

    #header .header-nav-main nav > ul:not(:hover) > li > a.active {
        background-color: rgba(66, 129, 201, 0.98);
        color: #FFF;
    }

    #header .header-nav.header-nav-stripe nav > ul > li:hover > a,
    #header .header-nav.header-nav-stripe nav > ul > li.open > a {
        background-color: rgba(66, 129, 201, 0.98);
    }

    #header .header-nav.header-nav-stripe nav > ul:not(:hover) > li > a.active {
        background-color: rgba(66, 129, 201, 0.98);
    }

    #header .header-nav.header-nav-stripe nav > ul:hover > li > a.active {
        color: rgba(66, 129, 201, 0.98);
    }

    #header .header-nav.header-nav-links nav > ul li:hover > a {
        color: rgba(66, 129, 201, 0.98);
    }

    #header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active {
        color: rgba(66, 129, 201, 0.98);
    }

    #header .header-nav.header-nav-links.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu::-webkit-scrollbar-thumb {
        background: rgba(66, 129, 201, 0.98) !important;
    }

    #header .header-nav.header-nav-line nav > ul li:hover > a {
        color: rgba(66, 129, 201, 0.98);
    }

    #header .header-nav.header-nav-line nav > ul li:hover > a:before {
        background: rgba(66, 129, 201, 0.98);
    }

    #header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active {
        color: rgba(66, 129, 201, 0.98);
    }

    #header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active:before {
        background: rgba(66, 129, 201, 0.98);
    }

    #header .header-nav-main.header-nav-main-slide nav > ul > li.open > span > a,
    #header .header-nav-main.header-nav-main-slide nav > ul > li:hover > span > a {
        color: rgba(66, 129, 201, 0.98);
    }

    #header .header-nav-main.header-nav-main-slide nav > ul:not(:hover) > li > span > a.active {
        color: rgba(66, 129, 201, 0.98);
    }

    html.side-header #header.side-header .header-nav-main nav > ul li.dropdown.open > .dropdown-menu,
    html.side-header #header.side-header .header-nav-main nav > ul li.dropdown:hover > .dropdown-menu {
        border-left-color: rgba(66, 129, 201, 0.98);
    }

    html.side-header-right #header.side-header .header-nav-main nav > ul li.dropdown.open > .dropdown-menu,
    html.side-header-right #header.side-header .header-nav-main nav > ul li.dropdown:hover > .dropdown-menu {
        border-right-color: rgba(66, 129, 201, 0.98);
    }
}

@media (min-width: 992px) {
    html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu {
        background-color: rgba(66, 129, 201, 0.98);
    }

    html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu li a {
        color: #FFF;
        border-bottom-color: rgba(56, 121, 196, 0.98);
    }

    html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu li:hover > a {
        background: rgba(78, 137, 204, 0.98);
    }

    html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary.open > a:before,
    html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:hover > a:before {
        border-bottom-color: rgba(66, 129, 201, 0.98);
        background: rgba(66, 129, 201, 0.98);
    }

    html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-primary .dropdown-mega-sub-title {
        color: #FFF;
        opacity: 0.70;
    }

    html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:hover > a {
        background: rgba(66, 129, 201, 0.98);
        color: #FFF;
    }

    html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu li a {
        color: #FFF;
    }

    html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-primary > a.active {
        background: rgba(66, 129, 201, 0.98);
        color: #FFF;
    }

    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a:focus,
    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a:hover {
        color: rgba(66, 129, 201, 0.98);
    }

    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a:focus:before,
    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a:hover:before {
        background-color: rgba(66, 129, 201, 0.98);
    }

    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:hover > a {
        color: rgba(66, 129, 201, 0.98);
    }

    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary.open > a:before,
    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:hover > a:before {
        background: rgba(66, 129, 201, 0.98);
    }

    html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-primary > a.active {
        color: rgba(66, 129, 201, 0.98);
    }

    html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-primary > a.active:before {
        background-color: rgba(66, 129, 201, 0.98);
    }

    html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a {
        color: rgba(66, 129, 201, 0.98);
    }

    html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a:focus,
    html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a:hover {
        color: rgba(66, 129, 201, 0.98);
    }

    html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:hover > a {
        color: rgba(66, 129, 201, 0.98);
    }

    html #header .header-nav-links .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-primary > a.active {
        color: rgba(66, 129, 201, 0.98);
    }

    html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu {
        background-color: #e36159;
    }

    html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu li a {
        color: #FFF;
        border-bottom-color: #e1554c;
    }

    html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu li:hover > a {
        background: #e56d66;
    }

    html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary.open > a:before,
    html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary:hover > a:before {
        border-bottom-color: #e36159;
        background: #e36159;
    }

    html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-secondary .dropdown-mega-sub-title {
        color: #FFF;
        opacity: 0.70;
    }

    html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary:hover > a {
        background: #e36159;
        color: #FFF;
    }

    html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu li a {
        color: #FFF;
    }

    html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-secondary > a.active {
        background: #e36159;
        color: #FFF;
    }

    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary a:focus,
    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary a:hover {
        color: #e36159;
    }

    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary a:focus:before,
    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary a:hover:before {
        background-color: #e36159;
    }

    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary:hover > a {
        color: #e36159;
    }

    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary.open > a:before,
    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary:hover > a:before {
        background: #e36159;
    }

    html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-secondary > a.active {
        color: #e36159;
    }

    html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-secondary > a.active:before {
        background-color: #e36159;
    }

    html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary a {
        color: #e36159;
    }

    html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary a:focus,
    html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary a:hover {
        color: #e36159;
    }

    html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary:hover > a {
        color: #e36159;
    }

    html #header .header-nav-links .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-secondary > a.active {
        color: #e36159;
    }

    html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary .dropdown-menu {
        background-color: #2baab1;
    }

    html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary .dropdown-menu li a {
        color: #FFF;
        border-bottom-color: #289ea5;
    }

    html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary .dropdown-menu li:hover > a {
        background: #2eb6bd;
    }

    html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary.open > a:before,
    html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary:hover > a:before {
        border-bottom-color: #2baab1;
        background: #2baab1;
    }

    html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-tertiary .dropdown-mega-sub-title {
        color: #FFF;
        opacity: 0.70;
    }

    html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary:hover > a {
        background: #2baab1;
        color: #FFF;
    }

    html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary .dropdown-menu li a {
        color: #FFF;
    }

    html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-tertiary > a.active {
        background: #2baab1;
        color: #FFF;
    }

    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary a:focus,
    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary a:hover {
        color: #2baab1;
    }

    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary a:focus:before,
    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary a:hover:before {
        background-color: #2baab1;
    }

    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary:hover > a {
        color: #2baab1;
    }

    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary.open > a:before,
    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary:hover > a:before {
        background: #2baab1;
    }

    html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-tertiary > a.active {
        color: #2baab1;
    }

    html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-tertiary > a.active:before {
        background-color: #2baab1;
    }

    html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary a {
        color: #2baab1;
    }

    html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary a:focus,
    html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary a:hover {
        color: #2baab1;
    }

    html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary:hover > a {
        color: #2baab1;
    }

    html #header .header-nav-links .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-tertiary > a.active {
        color: #2baab1;
    }

    html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary .dropdown-menu {
        background-color: #383f48;
    }

    html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary .dropdown-menu li a {
        color: #FFF;
        border-bottom-color: #31373f;
    }

    html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary .dropdown-menu li:hover > a {
        background: #3f4751;
    }

    html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary.open > a:before,
    html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary:hover > a:before {
        border-bottom-color: #383f48;
        background: #383f48;
    }

    html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-quaternary .dropdown-mega-sub-title {
        color: #FFF;
        opacity: 0.70;
    }

    html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary:hover > a {
        background: #383f48;
        color: #FFF;
    }

    html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary .dropdown-menu li a {
        color: #FFF;
    }

    html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-quaternary > a.active {
        background: #383f48;
        color: #FFF;
    }

    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary a:focus,
    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary a:hover {
        color: #383f48;
    }

    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary a:focus:before,
    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary a:hover:before {
        background-color: #383f48;
    }

    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary:hover > a {
        color: #383f48;
    }

    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary.open > a:before,
    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary:hover > a:before {
        background: #383f48;
    }

    html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-quaternary > a.active {
        color: #383f48;
    }

    html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-quaternary > a.active:before {
        background-color: #383f48;
    }

    html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary a {
        color: #383f48;
    }

    html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary a:focus,
    html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary a:hover {
        color: #383f48;
    }

    html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary:hover > a {
        color: #383f48;
    }

    html #header .header-nav-links .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-quaternary > a.active {
        color: #383f48;
    }

    html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark .dropdown-menu {
        background-color: #212529;
    }

    html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark .dropdown-menu li a {
        color: #FFF;
        border-bottom-color: #1a1d21;
    }

    html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark .dropdown-menu li:hover > a {
        background: #282d31;
    }

    html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark.open > a:before,
    html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark:hover > a:before {
        border-bottom-color: #212529;
        background: #212529;
    }

    html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-dark .dropdown-mega-sub-title {
        color: #FFF;
        opacity: 0.70;
    }

    html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark:hover > a {
        background: #212529;
        color: #FFF;
    }

    html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark .dropdown-menu li a {
        color: #FFF;
    }

    html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-dark > a.active {
        background: #212529;
        color: #FFF;
    }

    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark a:focus,
    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark a:hover {
        color: #212529;
    }

    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark a:focus:before,
    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark a:hover:before {
        background-color: #212529;
    }

    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark:hover > a {
        color: #212529;
    }

    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark.open > a:before,
    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark:hover > a:before {
        background: #212529;
    }

    html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-dark > a.active {
        color: #212529;
    }

    html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-dark > a.active:before {
        background-color: #212529;
    }

    html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark a {
        color: #212529;
    }

    html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark a:focus,
    html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark a:hover {
        color: #212529;
    }

    html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark:hover > a {
        color: #212529;
    }

    html #header .header-nav-links .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-dark > a.active {
        color: #212529;
    }

    html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light .dropdown-menu {
        background-color: #FFF;
    }

    html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light .dropdown-menu li a {
        color: #777;
        border-bottom-color: #f7f7f7;
    }

    html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light .dropdown-menu li:hover > a {
        background: #ffffff;
    }

    html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light.open > a:before,
    html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light:hover > a:before {
        border-bottom-color: #FFF;
        background: #FFF;
    }

    html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-light .dropdown-mega-sub-title {
        color: #777;
        opacity: 0.70;
    }

    html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light:hover > a {
        background: #FFF;
        color: #777;
    }

    html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light .dropdown-menu li a {
        color: #777;
    }

    html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-light > a.active {
        background: #FFF;
        color: #777;
    }

    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light a:focus,
    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light a:hover {
        color: #FFF;
    }

    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light a:focus:before,
    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light a:hover:before {
        background-color: #FFF;
    }

    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light:hover > a {
        color: #FFF;
    }

    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light.open > a:before,
    html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light:hover > a:before {
        background: #FFF;
    }

    html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-light > a.active {
        color: #FFF;
    }

    html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-light > a.active:before {
        background-color: #FFF;
    }

    html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light a {
        color: #FFF;
    }

    html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light a:focus,
    html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light a:hover {
        color: #FFF;
    }

    html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light:hover > a {
        color: #FFF;
    }

    html #header .header-nav-links .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-light > a.active {
        color: #FFF;
    }
}

@media (min-width: 992px) {
    html #header .header-nav-force-light-text-active-skin-color .header-nav-main nav > ul > li:hover > a,
    html #header .header-nav-force-light-text-active-skin-color .header-nav-main nav > ul > li .wrapper-items-cloned:hover > a {
        color: rgba(66, 129, 201, 0.98) !important;
    }

    html #header .header-nav-force-light-text-active-skin-color .header-nav-main nav > ul:not(:hover) > li > a.active,
    html #header .header-nav-force-light-text-active-skin-color .header-nav-main nav > ul:not(:hover) > li .wrapper-items-cloned > a.active {
        color: rgba(66, 129, 201, 0.98) !important;
    }
}

@media (max-width: 991px) {
    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a {
        color: rgba(66, 129, 201, 0.98);
    }

    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a:active {
        color: rgba(66, 129, 201, 0.98);
    }

    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active {
        background: rgba(66, 129, 201, 0.98);
    }

    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active:focus,
    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active:hover {
        background: rgba(66, 129, 201, 0.98);
    }

    #header .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active {
        background: rgba(66, 129, 201, 0.98);
    }

    #header .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active:focus,
    #header .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active:hover {
        background: rgba(66, 129, 201, 0.98);
    }

    html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active {
        color: rgba(66, 129, 201, 0.98) !important;
    }

    html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav::-webkit-scrollbar-thumb {
        background-color: rgba(66, 129, 201, 0.98);
    }

    html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul > li > a.active {
        color: rgba(66, 129, 201, 0.98) !important;
    }

    html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul > li:hover > a {
        color: rgba(66, 129, 201, 0.98) !important;
    }
}

@media (max-width: 991px) {
    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary > a {
        color: rgba(66, 129, 201, 0.98);
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary > a.active {
        background: rgba(66, 129, 201, 0.98) !important;
        color: #FFF !important;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary > a {
        color: #e36159;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary > a.active {
        background: #e36159 !important;
        color: #FFF !important;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary > a {
        color: #2baab1;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary > a.active {
        background: #2baab1 !important;
        color: #FFF !important;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary > a {
        color: #383f48;
    }

    html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary > a.active {
        background: #383f48 !important;
        color: #FFF !important;
    }
}

html #header .header-top.header-top-primary {
    background: rgba(66, 129, 201, 0.98);
    border-top-color: rgba(54, 116, 188, 0.98);
}

html #header .header-top.header-top-primary .header-nav-top ul > li.open > a {
    background: rgba(86, 142, 207, 0.98);
}

html #header .header-top.header-top-primary .header-nav-top ul > li > a:hover,
html #header .header-top.header-top-primary .header-nav-top ul > li.open > a:hover,
html #header .header-top.header-top-primary .header-nav-top ul > li > a:focus,
html #header .header-top.header-top-primary .header-nav-top ul > li.open > a:focus {
    background: rgba(86, 142, 207, 0.98);
}

html #header .header-top.header-top-primary .dropdown-menu {
    background: rgba(86, 142, 207, 0.98);
    border-color: rgba(86, 142, 207, 0.98);
}

html #header .header-top.header-top-primary .dropdown-menu a:hover,
html #header .header-top.header-top-primary .dropdown-menu a:focus {
    background: rgba(106, 155, 212, 0.98) !important;
}

html #header .header-top.header-top-secondary {
    background: #e36159;
    border-top-color: #df4c43;
}

html #header .header-top.header-top-secondary .header-nav-top ul > li.open > a {
    background: #e7766f;
}

html #header .header-top.header-top-secondary .header-nav-top ul > li > a:hover,
html #header .header-top.header-top-secondary .header-nav-top ul > li.open > a:hover,
html #header .header-top.header-top-secondary .header-nav-top ul > li > a:focus,
html #header .header-top.header-top-secondary .header-nav-top ul > li.open > a:focus {
    background: #e7766f;
}

html #header .header-top.header-top-secondary .dropdown-menu {
    background: #e7766f;
    border-color: #e7766f;
}

html #header .header-top.header-top-secondary .dropdown-menu a:hover,
html #header .header-top.header-top-secondary .dropdown-menu a:focus {
    background: #ea8b85 !important;
}

html #header .header-top.header-top-tertiary {
    background: #2baab1;
    border-top-color: #26969c;
}

html #header .header-top.header-top-tertiary .header-nav-top ul > li.open > a {
    background: #30bec6;
}

html #header .header-top.header-top-tertiary .header-nav-top ul > li > a:hover,
html #header .header-top.header-top-tertiary .header-nav-top ul > li.open > a:hover,
html #header .header-top.header-top-tertiary .header-nav-top ul > li > a:focus,
html #header .header-top.header-top-tertiary .header-nav-top ul > li.open > a:focus {
    background: #30bec6;
}

html #header .header-top.header-top-tertiary .dropdown-menu {
    background: #30bec6;
    border-color: #30bec6;
}

html #header .header-top.header-top-tertiary .dropdown-menu a:hover,
html #header .header-top.header-top-tertiary .dropdown-menu a:focus {
    background: #3fc9d0 !important;
}

html #header .header-top.header-top-quaternary {
    background: #383f48;
    border-top-color: #2d323a;
}

html #header .header-top.header-top-quaternary .header-nav-top ul > li.open > a {
    background: #434c56;
}

html #header .header-top.header-top-quaternary .header-nav-top ul > li > a:hover,
html #header .header-top.header-top-quaternary .header-nav-top ul > li.open > a:hover,
html #header .header-top.header-top-quaternary .header-nav-top ul > li > a:focus,
html #header .header-top.header-top-quaternary .header-nav-top ul > li.open > a:focus {
    background: #434c56;
}

html #header .header-top.header-top-quaternary .dropdown-menu {
    background: #434c56;
    border-color: #434c56;
}

html #header .header-top.header-top-quaternary .dropdown-menu a:hover,
html #header .header-top.header-top-quaternary .dropdown-menu a:focus {
    background: #4e5865 !important;
}

html #header .header-top.header-top-dark {
    background: #212529;
    border-top-color: #16181b;
}

html #header .header-top.header-top-dark .header-nav-top ul > li.open > a {
    background: #2c3237;
}

html #header .header-top.header-top-dark .header-nav-top ul > li > a:hover,
html #header .header-top.header-top-dark .header-nav-top ul > li.open > a:hover,
html #header .header-top.header-top-dark .header-nav-top ul > li > a:focus,
html #header .header-top.header-top-dark .header-nav-top ul > li.open > a:focus {
    background: #2c3237;
}

html #header .header-top.header-top-dark .dropdown-menu {
    background: #2c3237;
    border-color: #2c3237;
}

html #header .header-top.header-top-dark .dropdown-menu a:hover,
html #header .header-top.header-top-dark .dropdown-menu a:focus {
    background: #383f45 !important;
}

html #header .header-top.header-top-light {
    background: #FFF;
    border-top-color: #f2f2f2;
}

html #header .header-top.header-top-light .header-nav-top ul > li.open > a {
    background: #ffffff;
}

html #header .header-top.header-top-light .header-nav-top ul > li > a:hover,
html #header .header-top.header-top-light .header-nav-top ul > li.open > a:hover,
html #header .header-top.header-top-light .header-nav-top ul > li > a:focus,
html #header .header-top.header-top-light .header-nav-top ul > li.open > a:focus {
    background: #ffffff;
}

html #header .header-top.header-top-light .dropdown-menu {
    background: #ffffff;
    border-color: #ffffff;
}

html #header .header-top.header-top-light .dropdown-menu a:hover,
html #header .header-top.header-top-light .dropdown-menu a:focus {
    background: #ffffff !important;
}

@media (min-width: 992px) {
    html #header .header-nav-bar-primary {
        background: rgba(66, 129, 201, 0.98) !important;
        color: #FFF !important;
    }

    html #header .header-nav-bar-secondary {
        background: #e36159 !important;
        color: #FFF !important;
    }

    html #header .header-nav-bar-tertiary {
        background: #2baab1 !important;
        color: #FFF !important;
    }

    html #header .header-nav-bar-quaternary {
        background: #383f48 !important;
        color: #FFF !important;
    }

    html #header .header-nav-bar-dark {
        background: #212529 !important;
        color: #FFF !important;
    }

    html #header .header-nav-bar-light {
        background: #FFF !important;
        color: #777 !important;
    }
}

@media (min-width: 992px) {
    #header .header-nav-main.header-nav-main-light nav > ul > li.open > a,
    #header .header-nav-main.header-nav-main-light nav > ul > li:hover > a {
        color: rgba(66, 129, 201, 0.98);
    }

    #header .header-nav-main.header-nav-main-light nav > ul > li > a.active {
        color: rgba(66, 129, 201, 0.98);
    }
}

#header .header-nav-features .header-nav-features-search-reveal-big-search .form-control {
    border-bottom-color: #0088cc;
}

.testimonial blockquote {
    background: rgba(86, 142, 207, 0.98);
}

.testimonial .testimonial-arrow-down {
    border-top-color: rgba(86, 142, 207, 0.98);
}

html .testimonial-primary blockquote {
    background: rgba(86, 142, 207, 0.98);
}

html .testimonial-primary .testimonial-arrow-down {
    border-top-color: rgba(86, 142, 207, 0.98);
}

html .testimonial-primary.testimonial-style-7 {
    background: rgba(86, 142, 207, 0.98);
}

html .testimonial-quotes-primary blockquote:before,
html .testimonial-quotes-primary blockquote:after {
    color: rgba(66, 129, 201, 0.98) !important;
}

html .testimonial-secondary blockquote {
    background: #e7766f;
}

html .testimonial-secondary .testimonial-arrow-down {
    border-top-color: #e7766f;
}

html .testimonial-secondary.testimonial-style-7 {
    background: #e7766f;
}

html .testimonial-quotes-secondary blockquote:before,
html .testimonial-quotes-secondary blockquote:after {
    color: rgba(66, 129, 201, 0.98) !important;
}

html .testimonial-tertiary blockquote {
    background: #30bec6;
}

html .testimonial-tertiary .testimonial-arrow-down {
    border-top-color: #30bec6;
}

html .testimonial-tertiary.testimonial-style-7 {
    background: #30bec6;
}

html .testimonial-quotes-tertiary blockquote:before,
html .testimonial-quotes-tertiary blockquote:after {
    color: rgba(66, 129, 201, 0.98) !important;
}

html .testimonial-quaternary blockquote {
    background: #434c56;
}

html .testimonial-quaternary .testimonial-arrow-down {
    border-top-color: #434c56;
}

html .testimonial-quaternary.testimonial-style-7 {
    background: #434c56;
}

html .testimonial-quotes-quaternary blockquote:before,
html .testimonial-quotes-quaternary blockquote:after {
    color: rgba(66, 129, 201, 0.98) !important;
}

html .testimonial-dark blockquote {
    background: #2c3237;
}

html .testimonial-dark .testimonial-arrow-down {
    border-top-color: #2c3237;
}

html .testimonial-dark.testimonial-style-7 {
    background: #2c3237;
}

html .testimonial-quotes-dark blockquote:before,
html .testimonial-quotes-dark blockquote:after {
    color: rgba(66, 129, 201, 0.98) !important;
}

html .testimonial-light blockquote {
    background: #ffffff;
}

html .testimonial-light .testimonial-arrow-down {
    border-top-color: #ffffff;
}

html .testimonial-light.testimonial-style-7 {
    background: #ffffff;
}

html .testimonial-quotes-light blockquote:before,
html .testimonial-quotes-light blockquote:after {
    color: rgba(66, 129, 201, 0.98) !important;
}

.circular-bar.only-icon [class*="fa-"],
.circular-bar.only-icon .icons {
    color: rgba(66, 129, 201, 0.98);
}

html .counters .counter-primary [class*="fa-"],
html .counters .counter-primary .icons,
html .counters .counter-primary strong {
    color: rgba(66, 129, 201, 0.98);
}

html .counters .counter-secondary [class*="fa-"],
html .counters .counter-secondary .icons,
html .counters .counter-secondary strong {
    color: #e36159;
}

html .counters .counter-tertiary [class*="fa-"],
html .counters .counter-tertiary .icons,
html .counters .counter-tertiary strong {
    color: #2baab1;
}

html .counters .counter-quaternary [class*="fa-"],
html .counters .counter-quaternary .icons,
html .counters .counter-quaternary strong {
    color: #383f48;
}

html .counters .counter-dark [class*="fa-"],
html .counters .counter-dark .icons,
html .counters .counter-dark strong {
    color: #212529;
}

html .counters .counter-light [class*="fa-"],
html .counters .counter-light .icons,
html .counters .counter-light strong {
    color: #FFF;
}

html .countdown.countdown-primary > span > span {
    color: rgba(66, 129, 201, 0.98);
}

html .countdown.countdown-secondary > span > span {
    color: #e36159;
}

html .countdown.countdown-tertiary > span > span {
    color: #2baab1;
}

html .countdown.countdown-quaternary > span > span {
    color: #383f48;
}

html .countdown.countdown-dark > span > span {
    color: #212529;
}

html .countdown.countdown-light > span > span {
    color: #FFF;
}

html .image-hotspot-primary strong {
    color: #FFF !important;
}

html .image-hotspot-primary .circle {
    background: rgba(66, 129, 201, 0.98) !important;
}

html .image-hotspot-primary .ring {
    border-color: rgba(66, 129, 201, 0.9);
}

html .image-hotspot-secondary strong {
    color: #FFF !important;
}

html .image-hotspot-secondary .circle {
    background: #e36159 !important;
}

html .image-hotspot-secondary .ring {
    border-color: rgba(227, 97, 89, 0.9);
}

html .image-hotspot-tertiary strong {
    color: #FFF !important;
}

html .image-hotspot-tertiary .circle {
    background: #2baab1 !important;
}

html .image-hotspot-tertiary .ring {
    border-color: rgba(43, 170, 177, 0.9);
}

html .image-hotspot-quaternary strong {
    color: #FFF !important;
}

html .image-hotspot-quaternary .circle {
    background: #383f48 !important;
}

html .image-hotspot-quaternary .ring {
    border-color: rgba(56, 63, 72, 0.9);
}

html .image-hotspot-dark strong {
    color: #FFF !important;
}

html .image-hotspot-dark .circle {
    background: #212529 !important;
}

html .image-hotspot-dark .ring {
    border-color: rgba(33, 37, 41, 0.9);
}

html .image-hotspot-light strong {
    color: #777 !important;
}

html .image-hotspot-light .circle {
    background: #FFF !important;
}

html .image-hotspot-light .ring {
    border-color: rgba(255, 255, 255, 0.9);
}

.icon-featured {
    background-color: rgba(66, 129, 201, 0.98);
}

html .featured-box-primary .icon-featured {
    background-color: rgba(66, 129, 201, 0.98);
}

html .featured-box-primary h4 {
    color: rgba(66, 129, 201, 0.98);
}

html .featured-box-primary .box-content {
    border-top-color: rgba(66, 129, 201, 0.98);
}

html .featured-box-primary .box-content-border-bottom {
    border-bottom-color: rgba(66, 129, 201, 0.98);
}

html .featured-box-secondary .icon-featured {
    background-color: #e36159;
}

html .featured-box-secondary h4 {
    color: #e36159;
}

html .featured-box-secondary .box-content {
    border-top-color: #e36159;
}

html .featured-box-secondary .box-content-border-bottom {
    border-bottom-color: #e36159;
}

html .featured-box-tertiary .icon-featured {
    background-color: #2baab1;
}

html .featured-box-tertiary h4 {
    color: #2baab1;
}

html .featured-box-tertiary .box-content {
    border-top-color: #2baab1;
}

html .featured-box-tertiary .box-content-border-bottom {
    border-bottom-color: #2baab1;
}

html .featured-box-quaternary .icon-featured {
    background-color: #383f48;
}

html .featured-box-quaternary h4 {
    color: #383f48;
}

html .featured-box-quaternary .box-content {
    border-top-color: #383f48;
}

html .featured-box-quaternary .box-content-border-bottom {
    border-bottom-color: #383f48;
}

html .featured-box-dark .icon-featured {
    background-color: #212529;
}

html .featured-box-dark h4 {
    color: #212529;
}

html .featured-box-dark .box-content {
    border-top-color: #212529;
}

html .featured-box-dark .box-content-border-bottom {
    border-bottom-color: #212529;
}

html .featured-box-light .icon-featured {
    background-color: #FFF;
}

html .featured-box-light h4 {
    color: #FFF;
}

html .featured-box-light .box-content {
    border-top-color: #FFF;
}

html .featured-box-light .box-content-border-bottom {
    border-bottom-color: #FFF;
}

html .featured-boxes-style-3 .featured-box.featured-box-primary .icon-featured {
    border-color: rgba(66, 129, 201, 0.98);
    color: rgba(66, 129, 201, 0.98);
}

html .featured-boxes-style-3 .featured-box.featured-box-secondary .icon-featured {
    border-color: #e36159;
    color: #e36159;
}

html .featured-boxes-style-3 .featured-box.featured-box-tertiary .icon-featured {
    border-color: #2baab1;
    color: #2baab1;
}

html .featured-boxes-style-3 .featured-box.featured-box-quaternary .icon-featured {
    border-color: #383f48;
    color: #383f48;
}

html .featured-boxes-style-3 .featured-box.featured-box-dark .icon-featured {
    border-color: #212529;
    color: #212529;
}

html .featured-boxes-style-3 .featured-box.featured-box-light .icon-featured {
    border-color: #FFF;
    color: #FFF;
}

html .featured-boxes-style-4 .featured-box.featured-box-primary .icon-featured {
    border-color: rgba(66, 129, 201, 0.98);
    color: rgba(66, 129, 201, 0.98);
}

html .featured-boxes-style-4 .featured-box.featured-box-secondary .icon-featured {
    border-color: #e36159;
    color: #e36159;
}

html .featured-boxes-style-4 .featured-box.featured-box-tertiary .icon-featured {
    border-color: #2baab1;
    color: #2baab1;
}

html .featured-boxes-style-4 .featured-box.featured-box-quaternary .icon-featured {
    border-color: #383f48;
    color: #383f48;
}

html .featured-boxes-style-4 .featured-box.featured-box-dark .icon-featured {
    border-color: #212529;
    color: #212529;
}

html .featured-boxes-style-4 .featured-box.featured-box-light .icon-featured {
    border-color: #FFF;
    color: #FFF;
}

html .featured-boxes-style-5 .featured-box.featured-box-primary .icon-featured {
    color: rgba(66, 129, 201, 0.98);
}

html .featured-boxes-style-5 .featured-box.featured-box-secondary .icon-featured {
    color: #e36159;
}

html .featured-boxes-style-5 .featured-box.featured-box-tertiary .icon-featured {
    color: #2baab1;
}

html .featured-boxes-style-5 .featured-box.featured-box-quaternary .icon-featured {
    color: #383f48;
}

html .featured-boxes-style-5 .featured-box.featured-box-dark .icon-featured {
    color: #212529;
}

html .featured-boxes-style-5 .featured-box.featured-box-light .icon-featured {
    color: #FFF;
}

html .featured-boxes-style-6 .featured-box.featured-box-primary .icon-featured {
    color: rgba(66, 129, 201, 0.98);
}

html .featured-boxes-style-6 .featured-box.featured-box-secondary .icon-featured {
    color: #e36159;
}

html .featured-boxes-style-6 .featured-box.featured-box-tertiary .icon-featured {
    color: #2baab1;
}

html .featured-boxes-style-6 .featured-box.featured-box-quaternary .icon-featured {
    color: #383f48;
}

html .featured-boxes-style-6 .featured-box.featured-box-dark .icon-featured {
    color: #212529;
}

html .featured-boxes-style-6 .featured-box.featured-box-light .icon-featured {
    color: #FFF;
}

html .featured-boxes-style-8 .featured-box.featured-box-primary .icon-featured {
    color: rgba(66, 129, 201, 0.98);
}

html .featured-boxes-style-8 .featured-box.featured-box-secondary .icon-featured {
    color: #e36159;
}

html .featured-boxes-style-8 .featured-box.featured-box-tertiary .icon-featured {
    color: #2baab1;
}

html .featured-boxes-style-8 .featured-box.featured-box-quaternary .icon-featured {
    color: #383f48;
}

html .featured-boxes-style-8 .featured-box.featured-box-dark .icon-featured {
    color: #212529;
}

html .featured-boxes-style-8 .featured-box.featured-box-light .icon-featured {
    color: #FFF;
}

.featured-boxes-modern-style-primary .featured-box {
    background: rgba(66, 129, 201, 0.98);
    background: linear-gradient(135deg, rgba(66, 129, 201, 0.98) 0%, #383f48 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(66, 129, 201, 0.98)', endColorstr='#383f48', GradientType=1);
}

.featured-boxes-modern-style-secondary .featured-box {
    background: #e36159;
    background: linear-gradient(135deg, #e36159 0%, #383f48 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e36159', endColorstr='#383f48', GradientType=1);
}

.featured-boxes-modern-style-tertiary .featured-box {
    background: #2baab1;
    background: linear-gradient(135deg, #2baab1 0%, #383f48 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2baab1', endColorstr='#383f48', GradientType=1);
}

html .featured-box-effect-2.featured-box-primary .icon-featured:after {
    box-shadow: 0 0 0 3px rgba(66, 129, 201, 0.98);
}

html .featured-box-effect-2.featured-box-secondary .icon-featured:after {
    box-shadow: 0 0 0 3px #e36159;
}

html .featured-box-effect-2.featured-box-tertiary .icon-featured:after {
    box-shadow: 0 0 0 3px #2baab1;
}

html .featured-box-effect-2.featured-box-quaternary .icon-featured:after {
    box-shadow: 0 0 0 3px #383f48;
}

html .featured-box-effect-2.featured-box-dark .icon-featured:after {
    box-shadow: 0 0 0 3px #212529;
}

html .featured-box-effect-2.featured-box-light .icon-featured:after {
    box-shadow: 0 0 0 3px #FFF;
}

html .featured-box-effect-3.featured-box-primary .icon-featured:after {
    box-shadow: 0 0 0 10px rgba(66, 129, 201, 0.98);
}

html .featured-box-effect-3.featured-box-primary:hover .icon-featured {
    background: rgba(66, 129, 201, 0.98) !important;
}

html .featured-box-effect-3.featured-box-secondary .icon-featured:after {
    box-shadow: 0 0 0 10px #e36159;
}

html .featured-box-effect-3.featured-box-secondary:hover .icon-featured {
    background: #e36159 !important;
}

html .featured-box-effect-3.featured-box-tertiary .icon-featured:after {
    box-shadow: 0 0 0 10px #2baab1;
}

html .featured-box-effect-3.featured-box-tertiary:hover .icon-featured {
    background: #2baab1 !important;
}

html .featured-box-effect-3.featured-box-quaternary .icon-featured:after {
    box-shadow: 0 0 0 10px #383f48;
}

html .featured-box-effect-3.featured-box-quaternary:hover .icon-featured {
    background: #383f48 !important;
}

html .featured-box-effect-3.featured-box-dark .icon-featured:after {
    box-shadow: 0 0 0 10px #212529;
}

html .featured-box-effect-3.featured-box-dark:hover .icon-featured {
    background: #212529 !important;
}

html .featured-box-effect-3.featured-box-light .icon-featured:after {
    box-shadow: 0 0 0 10px #FFF;
}

html .featured-box-effect-3.featured-box-light:hover .icon-featured {
    background: #FFF !important;
}

.feature-box .feature-box-icon {
    background-color: rgba(66, 129, 201, 0.98);
}

html .feature-box-primary .feature-box-icon {
    background-color: rgba(66, 129, 201, 0.98);
}

html .feature-box-secondary .feature-box-icon {
    background-color: #e36159;
}

html .feature-box-tertiary .feature-box-icon {
    background-color: #2baab1;
}

html .feature-box-quaternary .feature-box-icon {
    background-color: #383f48;
}

html .feature-box-dark .feature-box-icon {
    background-color: #212529;
}

html .feature-box-light .feature-box-icon {
    background-color: #FFF;
}

.feature-box.feature-box-style-2 .feature-box-icon [class*="fa-"],
.feature-box.feature-box-style-2 .feature-box-icon .icons {
    color: rgba(66, 129, 201, 0.98);
}

html .feature-box-primary.feature-box-style-2 .feature-box-icon [class*="fa-"],
html .feature-box-primary.feature-box-style-2 .feature-box-icon .icons {
    color: rgba(66, 129, 201, 0.98);
}

html .feature-box-secondary.feature-box-style-2 .feature-box-icon [class*="fa-"],
html .feature-box-secondary.feature-box-style-2 .feature-box-icon .icons {
    color: #e36159;
}

html .feature-box-tertiary.feature-box-style-2 .feature-box-icon [class*="fa-"],
html .feature-box-tertiary.feature-box-style-2 .feature-box-icon .icons {
    color: #2baab1;
}

html .feature-box-quaternary.feature-box-style-2 .feature-box-icon [class*="fa-"],
html .feature-box-quaternary.feature-box-style-2 .feature-box-icon .icons {
    color: #383f48;
}

html .feature-box-dark.feature-box-style-2 .feature-box-icon [class*="fa-"],
html .feature-box-dark.feature-box-style-2 .feature-box-icon .icons {
    color: #212529;
}

html .feature-box-light.feature-box-style-2 .feature-box-icon [class*="fa-"],
html .feature-box-light.feature-box-style-2 .feature-box-icon .icons {
    color: #FFF;
}

.feature-box.feature-box-style-3 .feature-box-icon {
    border-color: rgba(66, 129, 201, 0.98);
}

.feature-box.feature-box-style-3 .feature-box-icon [class*="fa-"],
.feature-box.feature-box-style-3 .feature-box-icon .icons {
    color: rgba(66, 129, 201, 0.98);
}

html .feature-box-primary.feature-box-style-3 .feature-box-icon {
    border-color: rgba(66, 129, 201, 0.98);
}

html .feature-box-primary.feature-box-style-3 .feature-box-icon [class*="fa-"],
html .feature-box-primary.feature-box-style-3 .feature-box-icon .icons {
    color: rgba(66, 129, 201, 0.98);
}

html .feature-box-secondary.feature-box-style-3 .feature-box-icon {
    border-color: #e36159;
}

html .feature-box-secondary.feature-box-style-3 .feature-box-icon [class*="fa-"],
html .feature-box-secondary.feature-box-style-3 .feature-box-icon .icons {
    color: #e36159;
}

html .feature-box-tertiary.feature-box-style-3 .feature-box-icon {
    border-color: #2baab1;
}

html .feature-box-tertiary.feature-box-style-3 .feature-box-icon [class*="fa-"],
html .feature-box-tertiary.feature-box-style-3 .feature-box-icon .icons {
    color: #2baab1;
}

html .feature-box-quaternary.feature-box-style-3 .feature-box-icon {
    border-color: #383f48;
}

html .feature-box-quaternary.feature-box-style-3 .feature-box-icon [class*="fa-"],
html .feature-box-quaternary.feature-box-style-3 .feature-box-icon .icons {
    color: #383f48;
}

html .feature-box-dark.feature-box-style-3 .feature-box-icon {
    border-color: #212529;
}

html .feature-box-dark.feature-box-style-3 .feature-box-icon [class*="fa-"],
html .feature-box-dark.feature-box-style-3 .feature-box-icon .icons {
    color: #212529;
}

html .feature-box-light.feature-box-style-3 .feature-box-icon {
    border-color: #FFF;
}

html .feature-box-light.feature-box-style-3 .feature-box-icon [class*="fa-"],
html .feature-box-light.feature-box-style-3 .feature-box-icon .icons {
    color: #FFF;
}

.feature-box.feature-box-style-4 .feature-box-icon [class*="fa-"],
.feature-box.feature-box-style-4 .feature-box-icon .icons {
    color: rgba(66, 129, 201, 0.98);
}

html .feature-box-primary.feature-box-style-4 .feature-box-icon [class*="fa-"],
html .feature-box-primary.feature-box-style-4 .feature-box-icon .icons {
    color: rgba(66, 129, 201, 0.98);
}

html .feature-box-secondary.feature-box-style-4 .feature-box-icon [class*="fa-"],
html .feature-box-secondary.feature-box-style-4 .feature-box-icon .icons {
    color: #e36159;
}

html .feature-box-tertiary.feature-box-style-4 .feature-box-icon [class*="fa-"],
html .feature-box-tertiary.feature-box-style-4 .feature-box-icon .icons {
    color: #2baab1;
}

html .feature-box-quaternary.feature-box-style-4 .feature-box-icon [class*="fa-"],
html .feature-box-quaternary.feature-box-style-4 .feature-box-icon .icons {
    color: #383f48;
}

html .feature-box-dark.feature-box-style-4 .feature-box-icon [class*="fa-"],
html .feature-box-dark.feature-box-style-4 .feature-box-icon .icons {
    color: #212529;
}

html .feature-box-light.feature-box-style-4 .feature-box-icon [class*="fa-"],
html .feature-box-light.feature-box-style-4 .feature-box-icon .icons {
    color: #FFF;
}

.feature-box.feature-box-style-5 .feature-box-icon [class*="fa-"],
.feature-box.feature-box-style-5 .feature-box-icon .icons {
    color: rgba(66, 129, 201, 0.98);
}

html .feature-box-primary.feature-box-style-5 .feature-box-icon [class*="fa-"],
html .feature-box-primary.feature-box-style-5 .feature-box-icon .icons {
    color: rgba(66, 129, 201, 0.98);
}

html .feature-box-secondary.feature-box-style-5 .feature-box-icon [class*="fa-"],
html .feature-box-secondary.feature-box-style-5 .feature-box-icon .icons {
    color: #e36159;
}

html .feature-box-tertiary.feature-box-style-5 .feature-box-icon [class*="fa-"],
html .feature-box-tertiary.feature-box-style-5 .feature-box-icon .icons {
    color: #2baab1;
}

html .feature-box-quaternary.feature-box-style-5 .feature-box-icon [class*="fa-"],
html .feature-box-quaternary.feature-box-style-5 .feature-box-icon .icons {
    color: #383f48;
}

html .feature-box-dark.feature-box-style-5 .feature-box-icon [class*="fa-"],
html .feature-box-dark.feature-box-style-5 .feature-box-icon .icons {
    color: #212529;
}

html .feature-box-light.feature-box-style-5 .feature-box-icon [class*="fa-"],
html .feature-box-light.feature-box-style-5 .feature-box-icon .icons {
    color: #FFF;
}

html .feature-box-primary.feature-box-style-6 .feature-box-icon [class*="fa-"],
html .feature-box-primary.feature-box-style-6 .feature-box-icon .icons {
    color: rgba(66, 129, 201, 0.98);
}

html .feature-box-secondary.feature-box-style-6 .feature-box-icon [class*="fa-"],
html .feature-box-secondary.feature-box-style-6 .feature-box-icon .icons {
    color: #e36159;
}

html .feature-box-tertiary.feature-box-style-6 .feature-box-icon [class*="fa-"],
html .feature-box-tertiary.feature-box-style-6 .feature-box-icon .icons {
    color: #2baab1;
}

html .feature-box-quaternary.feature-box-style-6 .feature-box-icon [class*="fa-"],
html .feature-box-quaternary.feature-box-style-6 .feature-box-icon .icons {
    color: #383f48;
}

html .feature-box-dark.feature-box-style-6 .feature-box-icon [class*="fa-"],
html .feature-box-dark.feature-box-style-6 .feature-box-icon .icons {
    color: #212529;
}

html .feature-box-light.feature-box-style-6 .feature-box-icon [class*="fa-"],
html .feature-box-light.feature-box-style-6 .feature-box-icon .icons {
    color: #FFF;
}

html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(1) {
    background-color: rgba(48, 104, 168, 0.98);
}

html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(2) {
    background-color: rgba(54, 116, 188, 0.98);
}

html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(3) {
    background-color: rgba(66, 129, 201, 0.98);
}

html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(4) {
    background-color: rgba(86, 142, 207, 0.98);
}

html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(5) {
    background-color: rgba(106, 155, 212, 0.98);
}

html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(6) {
    background-color: rgba(126, 169, 218, 0.98);
}

html .featured-boxes-full .featured-box-full-primary {
    background-color: rgba(66, 129, 201, 0.98);
    color: #FFF;
}

html .featured-boxes-full .featured-box-full-secondary {
    background-color: #e36159;
    color: #FFF;
}

html .featured-boxes-full .featured-box-full-tertiary {
    background-color: #2baab1;
    color: #FFF;
}

html .featured-boxes-full .featured-box-full-quaternary {
    background-color: #383f48;
    color: #FFF;
}

html .featured-boxes-full .featured-box-full-dark {
    background-color: #212529;
    color: #FFF;
}

html .featured-boxes-full .featured-box-full-light {
    background-color: #FFF;
    color: #777;
}

.pricing-table .most-popular {
    border-color: rgba(66, 129, 201, 0.98);
}

.pricing-table .most-popular h3 {
    background-color: rgba(66, 129, 201, 0.98);
}

.pricing-table.princig-table-flat .plan h3 {
    background-color: rgba(66, 129, 201, 0.98);
}

.pricing-table.princig-table-flat .plan h3 span {
    background: rgba(66, 129, 201, 0.98);
}

html .call-to-action.featured.featured-primary {
    border-top-color: rgba(66, 129, 201, 0.98);
}

html .call-to-action.call-to-action-primary {
    background: rgba(66, 129, 201, 0.98);
}

html .call-to-action.with-full-borders-primary {
    border-color: rgba(66, 129, 201, 0.98);
}

html .call-to-action.call-to-action-primary {
    background: rgba(66, 129, 201, 0.98);
}

html .call-to-action.call-to-action-primary h3,
html .call-to-action.call-to-action-primary p {
    color: #FFF;
}

html .call-to-action.featured.featured-secondary {
    border-top-color: #e36159;
}

html .call-to-action.call-to-action-secondary {
    background: #e36159;
}

html .call-to-action.with-full-borders-secondary {
    border-color: #e36159;
}

html .call-to-action.call-to-action-secondary {
    background: #e36159;
}

html .call-to-action.call-to-action-secondary h3,
html .call-to-action.call-to-action-secondary p {
    color: #FFF;
}

html .call-to-action.featured.featured-tertiary {
    border-top-color: #2baab1;
}

html .call-to-action.call-to-action-tertiary {
    background: #2baab1;
}

html .call-to-action.with-full-borders-tertiary {
    border-color: #2baab1;
}

html .call-to-action.call-to-action-tertiary {
    background: #2baab1;
}

html .call-to-action.call-to-action-tertiary h3,
html .call-to-action.call-to-action-tertiary p {
    color: #FFF;
}

html .call-to-action.featured.featured-quaternary {
    border-top-color: #383f48;
}

html .call-to-action.call-to-action-quaternary {
    background: #383f48;
}

html .call-to-action.with-full-borders-quaternary {
    border-color: #383f48;
}

html .call-to-action.call-to-action-quaternary {
    background: #383f48;
}

html .call-to-action.call-to-action-quaternary h3,
html .call-to-action.call-to-action-quaternary p {
    color: #FFF;
}

html .call-to-action.featured.featured-dark {
    border-top-color: #212529;
}

html .call-to-action.call-to-action-dark {
    background: #212529;
}

html .call-to-action.with-full-borders-dark {
    border-color: #212529;
}

html .call-to-action.call-to-action-dark {
    background: #212529;
}

html .call-to-action.call-to-action-dark h3,
html .call-to-action.call-to-action-dark p {
    color: #FFF;
}

html .call-to-action.featured.featured-light {
    border-top-color: #FFF;
}

html .call-to-action.call-to-action-light {
    background: #FFF;
}

html .call-to-action.with-full-borders-light {
    border-color: #FFF;
}

html .call-to-action.call-to-action-light {
    background: #FFF;
}

html .call-to-action.call-to-action-light h3,
html .call-to-action.call-to-action-light p {
    color: #777;
}

section.timeline .timeline-box.left:before,
section.timeline .timeline-box.right:before {
    background: rgba(66, 129, 201, 0.98);
    box-shadow: 0 0 0 3px #FFF, 0 0 0 6px rgba(66, 129, 201, 0.98);
}

ul.history li .featured-box .box-content {
    border-top-color: rgba(66, 129, 201, 0.98);
}

.portfolio-list .portfolio-item.portfolio-item-new:after {
    background: linear-gradient(135deg, rgba(66, 129, 201, 0.98) 0%, #e36159 80%);
}

.recent-posts .date .month,
article.post .post-date .month {
    background-color: rgba(66, 129, 201, 0.98);
}

.recent-posts .date .day,
article.post .post-date .day {
    color: rgba(66, 129, 201, 0.98);
}

.slider .tp-bannertimer {
    background-color: rgba(66, 129, 201, 0.98);
}

.home-concept strong {
    color: rgba(66, 129, 201, 0.98);
}

html .home-intro-primary {
    background: rgba(66, 129, 201, 0.98);
}

html .home-intro-secondary {
    background: #e36159;
}

html .home-intro-tertiary {
    background: #2baab1;
}

html .home-intro-quaternary {
    background: #383f48;
}

html .home-intro-dark {
    background: #212529;
}

html .home-intro-light {
    background: #FFF;
}

html .slide-overlay-primary .slotholder:after {
    background-color: rgba(138, 185, 238, 0.65) !important;
}

html .slider-container .tp-caption-overlay-primary {
    background: rgba(66, 129, 201, 0.98);
}

html .slider-container .tp-caption-overlay-opacity-primary {
    background: rgba(66, 129, 201, 0.4);
}

html .tp-bullets.bullets-color-primary .tp-bullet:hover,
html .tp-bullets.bullets-color-primary .tp-bullet.selected {
    background: rgba(66, 129, 201, 0.98);
}

html .slide-overlay-secondary .slotholder:after {
    background-color: #e36159 !important;
}

html .slider-container .tp-caption-overlay-secondary {
    background: #e36159;
}

html .slider-container .tp-caption-overlay-opacity-secondary {
    background: rgba(227, 97, 89, 0.4);
}

html .tp-bullets.bullets-color-secondary .tp-bullet:hover,
html .tp-bullets.bullets-color-secondary .tp-bullet.selected {
    background: #e36159;
}

html .slide-overlay-tertiary .slotholder:after {
    background-color: #2baab1 !important;
}

html .slider-container .tp-caption-overlay-tertiary {
    background: #2baab1;
}

html .slider-container .tp-caption-overlay-opacity-tertiary {
    background: rgba(43, 170, 177, 0.4);
}

html .tp-bullets.bullets-color-tertiary .tp-bullet:hover,
html .tp-bullets.bullets-color-tertiary .tp-bullet.selected {
    background: #2baab1;
}

html .slide-overlay-quaternary .slotholder:after {
    background-color: #383f48 !important;
}

html .slider-container .tp-caption-overlay-quaternary {
    background: #383f48;
}

html .slider-container .tp-caption-overlay-opacity-quaternary {
    background: rgba(56, 63, 72, 0.4);
}

html .tp-bullets.bullets-color-quaternary .tp-bullet:hover,
html .tp-bullets.bullets-color-quaternary .tp-bullet.selected {
    background: #383f48;
}

html .slide-overlay-dark .slotholder:after {
    background-color: #212529 !important;
}

html .slider-container .tp-caption-overlay-dark {
    background: #212529;
}

html .slider-container .tp-caption-overlay-opacity-dark {
    background: rgba(33, 37, 41, 0.4);
}

html .tp-bullets.bullets-color-dark .tp-bullet:hover,
html .tp-bullets.bullets-color-dark .tp-bullet.selected {
    background: #212529;
}

html .slide-overlay-light .slotholder:after {
    background-color: #FFF !important;
}

html .slider-container .tp-caption-overlay-light {
    background: #FFF;
}

html .slider-container .tp-caption-overlay-opacity-light {
    background: rgba(255, 255, 255, 0.4);
}

html .tp-bullets.bullets-color-light .tp-bullet:hover,
html .tp-bullets.bullets-color-light .tp-bullet.selected {
    background: #FFF;
}

html .slide-overlay.slide-overlay-gradient .slotholder:after {
    background-color: #2baab1 !important;
    background-image: linear-gradient(to right, #2baab1 0%, #383f48 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2baab1', endColorstr='#383f48', GradientType=1);
}

.cd-product-viewer-handle .handle {
    background: rgba(66, 129, 201, 0.98);
}

.tparrows.tparrows-carousel.tp-leftarrow,
.tparrows.tparrows-carousel.tp-rightarrow {
    background-color: rgba(66, 129, 201, 0.98);
    border-color: rgba(66, 129, 201, 0.98) rgba(66, 129, 201, 0.98) rgba(48, 104, 168, 0.98);
    color: #fff;
}

.tparrows.tparrows-carousel.tp-leftarrow:hover,
.tparrows.tparrows-carousel.tp-rightarrow:hover,
.tparrows.tparrows-carousel.tp-leftarrow.hover,
.tparrows.tparrows-carousel.tp-rightarrow.hover {
    background-color: rgba(96, 149, 210, 0.98);
    border-color: rgba(106, 155, 212, 0.98) rgba(106, 155, 212, 0.98) rgba(66, 129, 201, 0.98);
    color: #fff;
}

.tparrows.tparrows-carousel.tp-leftarrow:focus,
.tparrows.tparrows-carousel.tp-rightarrow:focus,
.tparrows.tparrows-carousel.tp-leftarrow.focus,
.tparrows.tparrows-carousel.tp-rightarrow.focus {
    box-shadow: 0 0 0 3px rgba(66, 129, 201, 0.5);
}

.tparrows.tparrows-carousel.tp-leftarrow.disabled,
.tparrows.tparrows-carousel.tp-rightarrow.disabled,
.tparrows.tparrows-carousel.tp-leftarrow:disabled,
.tparrows.tparrows-carousel.tp-rightarrow:disabled {
    background-color: rgba(66, 129, 201, 0.98);
    border-color: rgba(66, 129, 201, 0.98) rgba(66, 129, 201, 0.98) rgba(48, 104, 168, 0.98);
}

.tparrows.tparrows-carousel.tp-leftarrow:active,
.tparrows.tparrows-carousel.tp-rightarrow:active,
.tparrows.tparrows-carousel.tp-leftarrow.active,
.tparrows.tparrows-carousel.tp-rightarrow.active {
    background-color: rgba(51, 110, 178, 0.98) !important;
    background-image: none !important;
    border-color: rgba(48, 104, 168, 0.98) rgba(48, 104, 168, 0.98) rgba(37, 79, 128, 0.98) !important;
}

.tparrows.arrows-primary:before {
    color: rgba(66, 129, 201, 0.98);
}

.shop .products .product .onsale {
    background-color: rgba(66, 129, 201, 0.98);
    border-bottom-color: rgba(50, 109, 176, 0.98);
}

.shop .cart-totals tr.total .amount {
    color: rgba(66, 129, 201, 0.98);
}

#footer .footer-ribbon {
    background: rgba(66, 129, 201, 0.98);
}

#footer .footer-ribbon:before {
    border-right-color: rgba(42, 92, 148, 0.98);
    border-left-color: rgba(42, 92, 148, 0.98);
}

#footer .footer-nav.footer-nav-bottom-line nav > ul:not(:hover) > li > a.active {
    color: rgba(66, 129, 201, 0.98) !important;
}

#footer .footer-nav.footer-nav-bottom-line nav > ul:not(:hover) > li > a.active:before {
    background: rgba(66, 129, 201, 0.98) !important;
}

#footer .footer-nav.footer-nav-bottom-line nav > ul:hover > li:hover > a {
    color: rgba(66, 129, 201, 0.98) !important;
}

#footer .footer-nav.footer-nav-bottom-line nav > ul:hover > li:hover > a:before {
    background: rgba(66, 129, 201, 0.98) !important;
}

.scrollable.colored-slider .scrollable-slider {
    background: rgba(66, 129, 201, 0.98);
}

.sample-icon-list .sample-icon a:hover {
    background-color: rgba(66, 129, 201, 0.98);
}

html.boxed .body {
    border-top-color: rgba(66, 129, 201, 0.98);
}

/* OCTO */
.img-fluid.iframe {
    min-height: 300px;
}

.hidden {
    display: none;
}

.news_list_links a {
    display: block;
}

.menu-list a {
    display: block;
    margin-bottom: 8px;
}

a.accordion-toggle {
    color: black !important;
    font-size: 15px;
}

a:hover.accordion-toggle {
    color: #e36159 !important;
}

.subscription_table {
    margin-top: 25px;
}

.subscription_table td {
    height: 38px;
    padding: 15px;
}

.subscription_table tr:first-child td {
    border-top: 0;
    padding: 10px;
    background-color: #eeeeee;
    font-weight: bold;
    font-size: 18px;
}

.subscription_table tr td {
    border-bottom: solid 1px #CCCCCC;
}

.subscription_table tr:nth-child(even) {
    background: #FFF;
}

.subscription_table tr:nth-child(odd) {
    background: #F5F7FE;
}

/* Custom Carousel */
.h3blue {
    font-size: 22px;
    color: #0d83dd;
    padding-bottom: 0;
    line-height: 30px;
    text-transform: none !important;
}

.h4blue {
    font-size: 24px;
    color: #0d83dd;
    padding-bottom: 15px;
    line-height: 30px;
}

.pad-right-35 {
    padding-right: 35px;
}

.pad-left-35 {
    padding-left: 35px;
}

.pad-right-60 {
    padding-right: 60px;
}

.pad-left-60 {
    padding-left: 60px;
}

.mrg-top-50 {
    margin-top: 45px;
}

.bg-lightBlue {
    background-color: #c5dbec;
}

.bg-blue {
    background-color: #0d83dd;
}

.textBox {
    position: relative;
    padding: 15px;
    font-size: 17px;
}

.textBox.grey {
    background-color: #f7f8f9;
}

.carBtn {
}

a.carBtn:link {
    color: white;
    padding: 5px 5px 5px 5px;
    border-radius: 6px;
    white-space: nowrap;
    font-size: 14px !important;
}

a.carBtn:hover {
    color: white !important;
    background-color: #383f48;
    text-decoration: none !important;
}

a.carBtn:active {
    color: white !important;
}

a.carBtn.active {
    background-color: #383f48;
}

.carouselInfo {
    margin-top: 15px;
    line-height: 40px;
}

.carouselInfo span {
    margin-right: 30px;
    font-size: 20px;
}

.carouselInfo a:link {
    font-size: 16px;
    color: white;
    text-decoration: none;
    margin-right: 30px;
}

.carouselInfo a:visited {
    font-size: 16px;
    color: white;
    text-decoration: none;
}

.carouselInfo a:hover {
    font-size: 16px;
    color: white;
    text-decoration: none;
}

.carouselInfo a:active {
    font-size: 16px;
    color: white;
    text-decoration: none;
}

a.carouselInfoMoreLink:link {
    display: block;
    text-align: center;
    color: #FFF !important;
    background-color: #09F;
    padding: 15px;
    margin-top: 10px;
    border-radius: 8px;
    text-decoration: none;
}

a.carouselInfoMoreLink:visited {
    color: #FFF !important;
    background-color: #09F;
    padding: 15px;
    margin-top: 10px;
    border-radius: 8px;
    text-decoration: none;
}

a.carouselInfoMoreLink:hover {
    color: #FFF !important;
    background-color: #0CF;
    padding: 15px;
    margin-top: 10px;
    border-radius: 8px;
    text-decoration: none;
}

a.carouselInfoMoreLink:active {
    color: #FFF !important;
    background-color: #09F;
    padding: 15px;
    margin-top: 10px;
    border-radius: 8px;
    text-decoration: none;
}

.img-responsive {
    width: 100%;
    height: auto;
}

.respImage img {
    width: 100%;
    height: auto;
}

.hoverTransp img {
    cursor: pointer;
}

.hoverTransp img:hover {
    opacity: 0.9;
}

.carousel-white {
    color: white;
}

.carousel-white .textBox p {
    color: white;
}

.carousel-white .h3blue {
    color: white;
}

.carousel-white .carouselInfo {
    margin-top: 15px;
}

.carousel-white .carouselInfo span {
    margin-right: 30px;
    font-size: 20px;
}

.carousel-white .carouselInfo a:link {
    font-size: 16px;
    color: white;
    text-decoration: none;
    margin-right: 30px;
}

.carousel-white .carouselInfo a:visited {
    font-size: 16px;
    color: white;
    text-decoration: none;
}

.carousel-white .carouselInfo a:hover {
    font-size: 16px;
    color: #3F3F3F;
    text-decoration: underline;
}

.carousel-white .carouselInfo a:active {
    font-size: 16px;
    color: white;
    text-decoration: none;
}

.arrowPanel i {
    color: white;
}

.arrowPanel i:hover {
    color: black;
}

.carArrowRight {
    cursor: pointer;
}

.carArrowLeft {
    cursor: pointer;
}

/* Custom Carousel END */

.loginBtn:hover {
    color: #9f32f4 !important;
}

.hiring {
    display: inline-block;
    float: left;
    padding: 5px 10px 5px 10px;
    margin-right: 5px;
    background-color: #2b2c2e;
    color: white;
    border-radius: 12px;
    font-size: 12px;
}

.hiring img {
    width: 16px;
    height: auto;
    margin-top: -2px;
    margin-right: 5px;
}

.hiring:hover {
    background-color: #1a6569;
}

.hiring:hover img {
    transform: rotate(20deg);
}

.logo_sq1 {
    width: 55px;
    height: auto;
    float: left;
    margin-right: 10px;
    margin-left: 15px;
}

.logo_sq2 {
    width: 150px;
    height: auto;
    float: left;
}

@media (max-width: 1199px) {
    .logo_sq1 {
        width: 35px;
    }

    .logo_sq2 {
        width: 100px;
    }
}

@media (max-width: 668px) {
    #header .header-logo img {
        z-index: 1;
        max-width: 100px;
        height: auto;
        max-height: 43px;
    }

    .carouselInfo {
        display: none;
    }

    .carOptionBullets {
        display: inline-block;
    }

    .mob-hide {
        display: none;
    }

    .hiring {
        float: inherit;
        margin-right: auto;
        margin-left: auto;
    }
}


@media (max-width: 991px) {
    .hide-mob {
        display: none;
    }
}

/* .loginBtn i { max-width: 5px !important; height: auto !important;} */


.txt-green {
    color: green;
}

.txt-green1 {
    color: #98cc33 !important;
}

.txt-green2 {
    color: #33ceb6 !important;
}

.txt-green3 {
    color: #060 !important;
}

.txt-green4 {
    color: #8cad18 !important;
}

.txt-blue {
    color: #3398cc !important;
}

.txt-blue2 {
    color: #A3BAFF !important;
}

.txt-blue3 {
    color: #167be3 !important;
}

.txt-grey {
    color: #C8C8C8;
}

.txt-grey1 {
    color: #bec0c3 !important;
}

.txt-grey2 {
    color: #9e9e9e !important;
}

.txt-purple {
    color: purple;
}

.txt-yellow {
    color: #ebe920 !important
}

.txt-orange {
    color: orange;
}

.txt-orange2 {
    color: #f9a518;
}

.txt-red {
    color: #c35159 !important;
}

.txt-red2 {
    color: #cb4d4d !important;
}

.txt-red3 {
    color: red !important;
}

.txt-black {
    color: #000 !important;
}

.txt-black2 {
    color: #333 !important;
}

.txt-black3 {
    color: #515151 !important;
}


.padTitleBlue {
    background-color: #11619e;
    padding: 10px;
    color: white !important;
    font-size: 18px !important;
}

/* Green */
.bg-color-green {
    background-color: #e4f8ed !important;
}

.bg-color-green-scale-1 {
    background-color: #EDEDED !important;
}

.bg-color-green-scale-2 {
    background-color: #e8e8e8 !important;
}

.bg-color-green-scale-3 {
    background-color: #e3e3e3 !important;
}

.bg-color-green-scale-4 {
    background-color: #dedede !important;
}

.bg-color-green-scale-5 {
    background-color: #d9d9d9 !important;
}

.bg-color-green-scale-6 {
    background-color: #d4d4d4 !important;
}

.bg-color-green-scale-7 {
    background-color: #cecece !important;
}

.bg-color-green-scale-8 {
    background-color: #c9c9c9 !important;
}

.bg-color-green-scale-9 {
    background-color: #c4c4c4 !important;
}

.bg-color-green-scale-10 {
    background-color: #bfbfbf !important;
}


html #header .tip-green {
    background: rgba(29, 161, 80, 0.98) !important;
    color: #FFF !important;
}

html #header .tip-green:before {
    border-right-color: rgba(29, 161, 80, 0.98) !important;
}


/* Blue */
.bg-color-blue {
    background-color: #5b88c7 !important;
}

.bg-color-blue-scale-1 {
    background-color: #EDEDED !important;
}

.bg-color-blue-scale-2 {
    background-color: #e8e8e8 !important;
}

.bg-color-blue-scale-3 {
    background-color: #e3e3e3 !important;
}

.bg-color-blue-scale-4 {
    background-color: #dedede !important;
}

.bg-color-blue-scale-5 {
    background-color: #d9d9d9 !important;
}

.bg-color-blue-scale-6 {
    background-color: #d4d4d4 !important;
}

.bg-color-blue-scale-7 {
    background-color: #cecece !important;
}

.bg-color-blue-scale-8 {
    background-color: #c9c9c9 !important;
}

.bg-color-blue-scale-9 {
    background-color: #c4c4c4 !important;
}

.bg-color-blue-scale-10 {
    background-color: #bfbfbf !important;
}

.post-content h2 {
    text-transform: inherit;
    font-size: 22px !important;
    line-height: 35px;
    font-weight: 600;
    color: #4683ca;
}

.post-content h3 {
    text-transform: inherit;
    font-size: 22px;
    line-height: 35px;
    color: #4683ca;
}

#black_friday .post-content h3 {
    font-size: 20px !important;
}

.manualPage {
    max-width: 1450px;
    margin-right: auto;
    margin-left: auto;
}

.aboutNav {
    padding: 0;
    margin: 0;
}

.aboutNav li {
    padding: 0;
    margin: 0;
    list-style: none;
}

#supportList li {
    list-style: none;
    border-left: solid 4px #d1d1d1;
    margin-bottom: 5px;
    padding-left: 5px;
}

#supportList li:hover {
    border-color: red;
}

a.supportLink:link {
    text-decoration: none;
    font-size: 14px;
    color: #3762C5;
}

a.supportLink:visited {
    text-decoration: none;
    font-size: 14px;
    color: #3762C5
}

a.supportLink:hover {
    text-decoration: none;
    font-size: 14px;
    color: #9E3032;
}

a.supportLink.active {
    text-decoration: none;
    font-size: 14px;
    color: #C90003 !important;
}

a.main-link:link {
    text-decoration: none;
    color: #1097ff;
}

a.main-link:visited {
    text-decoration: none;
    color: #1097ff
}

a.main-link:hover {
    text-decoration: none;
    color: #9f32f4;
}

a.main-link.active {
    text-decoration: none;
    color: #1097ff !important;
}

.iconBox img {
    max-width: 70px;
    height: auto;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both !important;
}

.textBox2 {
    padding: 5px;
}

.round-up {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

.specs-list ul {
    float: none;
    padding: 0;
    margin: 0;
}

.specs-list li {
    list-style: none;
    line-height: 22px;
    font-size: 15px;
    border-bottom: solid 1px #ededed;
    padding-bottom: 10px;
    padding-top: 10px;
}

.specs-list li.last-item {
    border-bottom: 0;
}

.text-blue {
    color: blue;
}

.li-box-1 {
    width: 20px;
    height: 20px;
    transform: rotateY(0deg) rotate(45deg);
    background-color: #d4d9df;
    margin-right: auto;
    margin-left: auto;
    margin-top: 15px;
    margin-bottom: 10px;
}

.price-box {
    background-color: #f7f7f7;
    padding-top: 25px;
}

.price-box-effect {
    background-color: #f7f7f7;
    padding-top: 25px;
    transition: background-color 1s ease;
}

.radius-left {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.radius-right {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

/* custom tabs */
.clickTabBtn {
    position: relative;
    padding: 13px 24px 13px 24px;
    background-color: #b5bdc1;
    color: white;
    font-size: 17px;
    cursor: pointer;
}

.clickTabBtn:hover {
    background-color: #7ea9bb;
}

.clickTabBtn.active {
    background-color: #2aa3d5;
}

.borderTopRadius {
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

.borderBottomRadius {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.borderRadius {
    border-radius: 8px;
}

@media (max-width: 991px) {
    .clickTabBtn {
        display: inline-block;
        margin-bottom: 3px;
        border-radius: 8px;
    }
}


html .menuDotOxygen {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    margin-top: 5px;
    margin-right: 10px;
    background: linear-gradient(90deg, rgba(158, 50, 242, 1) 0%, rgba(43, 131, 251, 1) 100%);
}

html .btn-oxygen {
    /*background-color: #e36159;*/
    background: rgb(158, 50, 242);
    background: linear-gradient(90deg, rgba(158, 50, 242, 1) 0%, rgba(43, 131, 251, 1) 100%);
    /*border-color: #e36159 #e36159 #dc372d; */
    border-color: #9e32f2;
    color: #FFF;
}

html .btn-oxygen:hover,
html .btn-oxygen.hover {
    background-color: #e9807a;
    border-color: #ea8b85 #ea8b85 #e36159;
    color: #FFF;
}

html .btn-oxygen:focus,
html .btn-oxygen.focus {
    box-shadow: 0 0 0 3px rgba(227, 97, 89, 0.5);
}

html .btn-oxygen.disabled,
html .btn-oxygen:disabled {
    background-color: #e36159;
    border-color: #e36159 #e36159 #dc372d;
}

html .btn-oxygen:active,
html .btn-oxygen.active {
    background-color: #dd4238 !important;
    background-image: none !important;
    border-color: #dc372d #dc372d #b7281f !important;
}

html .btn-oxygen-scale-2 {
    background-color: #dc372d;
    border-color: #dc372d #dc372d #b7281f;
    color: #FFF;
}

html .btn-oxygen-scale-2:hover,
html .btn-oxygen-scale-2.hover {
    background-color: #e1574e;
    border-color: #e36159 #e36159 #dc372d;
    color: #FFF;
}

html .btn-oxygen-scale-2:focus,
html .btn-oxygen-scale-2.focus {
    box-shadow: 0 0 0 3px rgba(220, 55, 45, 0.5);
}

html .btn-oxygen-scale-2.disabled,
html .btn-oxygen-scale-2:disabled {
    background-color: #dc372d;
    border-color: #dc372d #dc372d #b7281f;
}

html .btn-oxygen-scale-2:active,
html .btn-oxygen-scale-2.active {
    background-color: #c22a21 !important;
    background-image: none !important;
    border-color: #b7281f #b7281f #8b1e18 !important;
}

html .show > .btn-oxygen.dropdown-toggle,
html .show > .btn-oxygen-scale-2.dropdown-toggle {
    background-color: #dd4238 !important;
    background-image: none !important;
    border-color: #dc372d #dc372d #b7281f !important;
}


.pr-circle {
    position: relative;
    width: 32px;
    height: 32px;
    text-align: center;
    cursor: pointer;
    background-color: #f7f7f7;
    border-radius: 50%;
    border: 3px solid #b7bfc2;
    float: left;
    margin-right: 100px;
}

.pr-circle:hover {
    transform: scale(1.3);
    border: 2px solid #b7bfc2;
    background-color: #c7eac8;
}

.pr-circle.active {
    border: 2px solid #39ab3c;
    background-color: #46cf4a;
}

.pr-circle-dot {
    top: 3px;
    height: 23px;
    border-radius: 50%;
    background-color: #00a8cc;
}

.pr-number {
    position: absolute;
    top: 40px;
    left: -50px;
    width: 130px;
    border: solid 0 red;
    text-align: center;
    line-height: 22px;
    border-radius: 8px;
    padding: 5px;
}

.pr-number-title {
    font-size: 12px;
    font-weight: 700;
}

.pr-price {
    display: none;
    position: absolute;
    top: -130px;
    left: 20px;
    background-color: #46cf4a;
    padding: 15px;
    border-radius: 8px;
    color: white;
}

.pr-circle:hover .pr-number {
    background-color: #f7f7f7;
    box-shadow: 1px 0 3px #dcdcdc;
}

.pr-circle:hover .pr-number-title {
    font-size: 17px;
}

.pr-circle:hover .pr-price {
    display: block;
}

.mainOxygenLink:hover {
    background: rgb(158, 50, 242) !important;
    background: linear-gradient(90deg, rgba(158, 50, 242, 1) 0%, rgba(43, 131, 251, 1) 100%) !important;
    border-color: #9e32f2 !important;
    color: #FFF !important;
    text-decoration: none !important;
}

.mainOxygenLink:hover .menuDotOxygen {
    background: white !important;
}

.voucherA {
    background-image: url('../img/bg/voucher_buildings.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


.bg-oxygen-light {
    background-color: #f7f7ff !important;
}

.bg-oxygen-blue-dots {
    background-color: #f7f7ff !important;
    background-image: url('../img/woo/bg1_slide.png') !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.bg-oxygen-dual-light {
    background-color: #f7f7ff !important;
    background-image: url('../img/woo/bg_dual_white.jpg') !important;
    background-repeat: repeat-x;
    background-position: center;
}


/* Oxygen One */

.btnOxygenOne-container {
    width: 317px;
    height: 64px;
    margin: 40px 55px 0 56px;
    padding: 18px 64px 19px;
    border-radius: 32px;
}

#getErpPro {
    text-align: center;
}

a.btnOxygenOne:link {
    display: inline-block;
    border-radius: 36px;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 48px;
    letter-spacing: normal;
    color: white;
    background-color: #a700e3;
    text-decoration: none;
    height: 48px;
    max-width: 316px;
    width: 100%;
}

a.btnOxygenOne:visited {
    color: white;
    background-color: #0006ac;
    text-decoration: none;
}

a.btnOxygenOne:active {
    color: white;
    background-color: #0006ac;
    text-decoration: none;
}

a.btnOxygenOne:hover {
    color: white;
    background-color: #6C0093;
    text-decoration: none;
}


a.btnOxygenOne-small:link {
    display: inline-block;
    padding: 1px 25px 1px 25px;
    border-radius: 24px;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 42px;
    letter-spacing: normal;
    color: white;
    background-color: #0006ac;
    text-decoration: none;
}

a.btnOxygenOne-small:visited {
    color: white;
    background-color: #0006ac;
    text-decoration: none;
}

a.btnOxygenOne-small:active {
    color: white;
    background-color: #0006ac;
    text-decoration: none;
}

a.btnOxygenOne-small:hover {
    color: white;
    background-color: #00046d;
    text-decoration: none;
}


a.link-blue-light:link {
    color: #1097ff;
    text-decoration: none;
}

a.link-blue-light:active {
    color: #00046d;
    text-decoration: none;
}

a.link-blue-light:hover {
    color: #00046d !important;
    text-decoration: none;
}

a.link-blue-light:visited {
    color: #1097ff;
    text-decoration: none;
}

a.link-white:link {
    color: white !important;
    text-decoration: none;
}

a.link-white:active {
    color: white !important;
    text-decoration: none;
}

a.link-white:hover {
    color: #0aaae4 !important;
    text-decoration: none;
}

a.link-white:visited {
    color: white !important;
    text-decoration: none;
}


a.btnOxygenOne-light:link {
    display: inline-block;
    padding: 10px 55px 10px 55px;
    border-radius: 36px;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 42px;
    letter-spacing: normal;
    color: white;
    background-color: #1097ff;
    text-decoration: none;
}

a.btnOxygenOne-light:visited {
    color: white;
    background-color: #1097ff;
    text-decoration: none;
}

a.btnOxygenOne-light:active {
    color: white;
    background-color: #1097ff;
    text-decoration: none;
}

a.btnOxygenOne-light:hover {
    color: white;
    background-color: #00046d;
    text-decoration: none;
}


a.btnOxygenOne-light-small:link {
    display: inline-block;
    padding: 1px 25px 1px 25px;
    border-radius: 24px;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 42px;
    letter-spacing: normal;
    color: white;
    background-color: #a206e7;
    text-decoration: none;
}

a.btnOxygenOne-light-small:visited {
    color: white;
    background-color: #6C0093;
    text-decoration: none;
}

a.btnOxygenOne-light-small:active {
    color: white;
    background-color: #6C0093;
    text-decoration: none;
}

a.btnOxygenOne-light-small:hover {
    color: white;
    background-color: #6C0093;
    text-decoration: none;
}


a.btnOxygenWhite:link {
    display: inline-block;
    padding: 10px 55px 10px 55px;
    border-radius: 36px;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 42px;
    letter-spacing: normal;
    color: black;
    background-color: white;
    text-decoration: none;
}

a.btnOxygenWhite:visited {
    color: black;
    background-color: white;
    text-decoration: none;
}

a.btnOxygenWhite:active {
    color: white;
    background-color: #fd0041;
    text-decoration: none;
}

a.btnOxygenWhite:hover {
    color: white;
    background-color: #fd0041;
    text-decoration: none;
}


a.btnOxygenWhite2:link {
    display: inline-block;
    padding: 10px 55px 10px 55px;
    border-radius: 36px;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 42px;
    letter-spacing: normal;
    color: black;
    background-color: white;
    text-decoration: none;
}

a.btnOxygenWhite2:visited {
    color: black;
    background-color: white;
    text-decoration: none;
}

a.btnOxygenWhite2:active {
    color: white;
    background-color: #00046d;
    text-decoration: none;
}

a.btnOxygenWhite2:hover {
    color: white;
    background-color: #00046d;
    text-decoration: none;
}


a.btnOxygenWhite3:link {
    display: inline-block;
    padding: 10px 55px 10px 55px;
    border-radius: 36px;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 42px;
    letter-spacing: normal;
    color: black;
    background-color: white;
    text-decoration: none;
}

a.btnOxygenWhite3:visited {
    color: black;
    background-color: white;
    text-decoration: none;
}

a.btnOxygenWhite3:active {
    color: white;
    background-color: #CCCED4;
    text-decoration: none;
}

a.btnOxygenWhite3:hover {
    color: white;
    background-color: #CCCED4;
    text-decoration: none;
}


a.btnOxygenBlack:link, a.btnOxygenRed:link {
    width: auto !important;
    height: 40px !important;
    padding: 8px 32px;
    border-radius: 24px;
    border: solid 1px #a700e3;
    background-color: var(--white);
    color: #a700e3 !important;
    font-weight: bold;
    line-height: 1.5;
}

a.btnOxygenBlack:visited, a.btnOxygenRed:visited {
    color: white !important;
    background-color: #6c0093 !important;
    text-decoration: none;
}

a.btnOxygenBlack:active, a.btnOxygenRed:active {
    color: white !important;
    background-color: #6c0093 !important;
    text-decoration: none;
}

a.btnOxygenBlack:hover, a.btnOxygenRed:hover {
    color: white !important;
    text-decoration: none;
    background-color: #6c0093 !important;
}


.one_footer_c1 {
    position: absolute;
    z-index: 0;
    top: -450px;
    left: -430px;
    border-radius: 1200px;
    width: 1200px;
    height: 1200px;
    margin: 0 89px 0 0;
    padding: 120px 43px 120px 240px;
    background-color: rgba(0, 144, 255, 0.26);
}

.one_footer_c2 {
    position: absolute;
    z-index: 0;
    bottom: -400px;
    right: -300px;
    width: 803px;
    height: 803px;
    border-radius: 803px;
    margin: 32px 0 0 89px;
    background-color: rgba(159, 50, 244, 0.24);
}

.one_footer_c3 {
    position: absolute;
    z-index: 0;
    top: 35px;
    right: 15px;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    margin: 32px 0 0 89px;
    background-color: rgba(159, 50, 244, 0.24);
}

.oxygenOne-hero-worker {
    position: absolute;
    z-index: 0;
    top: 165px;
    right: -50px;
}

.oxygenOne-hero-ergani {
    position: absolute;
    z-index: 0;
    top: 165px;
    right: 0;
}

.oxygenOne-hero-pack {
    position: absolute;
    top: 120px;
    right: 50px;
    max-width: 500px;
}

.oxygenOne-hero-pack img {
    max-width: 500px;
    height: auto;
}

.faq-q {
    font-weight: bold;
    padding-bottom: 25px;
    cursor: pointer;
    border-left: solid 1px #ccced4;
    padding-left: 10px;
}

.faq-q:hover {
    color: #1097ff;
}

.faq-a {
    padding-bottom: 25px;
    border-left: solid 1px #ccced4;
    padding-left: 10px;
    display: none;
}

.faq-a.active {
    display: block;
    border-left: solid 2px #9f32f4;
    padding-bottom: 25px;
}

.faq-q.active {
    display: block;
    color: black;
    border-left: solid 2px #9f32f4;
    padding-top: 25px;
}

.p-container {
    padding-top: 50px;
    padding-bottom: 5px;
    position: fixed;
    bottom: 25px;
    right: 25px;
    border: solid 0 #ffffff;
    width: 460px;
    z-index: 9999999999;
    border-radius: 8px;
    /*	background: rgb(2,0,36);
	background: linear-gradient(150deg, rgba(2,0,36,1) 0%, rgba(0,0,0,1) 0%, rgba(9,9,121,0) 100%); */
}

.p-win-flow {
    position: relative;
    max-width: 440px;
    overflow: hidden;
    z-index: 9999999999;
    margin-right: auto;
    margin-left: auto;
    border-radius: 8px;
    background-color: white;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-position-x: 0;
    /* ker comment webs-38 height: 150px;*/
}

.oxygen_one_banner {
    position: relative;
    overflow: hidden;
    z-index: 9999999999;
    margin-right: auto;
    margin-left: auto;
    top: 0;
    height: 60px !important;
    width: 100%;
    background-blend-mode: multiply, normal;
    background-image: linear-gradient(to bottom, rgba(25, 21, 22, 0.5), rgba(25, 21, 22, 0.5)), linear-gradient(to bottom, #6c0093, #6c0093);
    /* ker comment webs-38 height: 150px;*/
}

.p-win-flow:hover {
    /* ker comment webs-38 height: 330px;*/
}

.p-win {
    position: fixed;
    bottom: 25px;
    right: 25px;
    border: solid 1px #ffffff;
    max-width: 440px;
    height: 330px;
    z-index: 9999999999;
    border-radius: 8px;
    background-color: white;
    background-image: url('../img/bg/po_voucher.jpg');
    background-repeat: no-repeat;
    background-position: center;
}

.p-title {
    color: white;
    margin-top: 15px;
}


.oxygenOne-hero-pack {
    position: absolute;
    top: 120px;
    right: 50px;
    max-width: 500px;
}

.oxygenOne-hero-pack img {
    max-width: 500px;
    height: auto;
}

.netmechanics-hero-pack {
    position: absolute;
    top: 30px;
    right: 25px;
    max-width: 600px;
}

.netmechanics-hero-pack img {
    max-width: 600px;
    height: auto;
}


.generic-hero-pack {
    position: absolute;
    top: 30px;
    right: 15px;
    max-width: 500px;
}

.generic-hero-pack img {
    max-width: 500px;
    height: auto;
}


.feature-box-2 {
    min-width: 350px;
    min-height: 280px;
    width: 100%;
    background-color: white;
    border-radius: 8px;
    border-bottom: solid 8px white;
    box-shadow: 0 16px 24px 0 rgba(4, 1, 20, 0.1);
}

.feature-box-3 {
    min-width: 340px;
    min-height: 280px;
    width: 100%;
    background-color: white;
    border-radius: 12px;
    border-bottom: solid 8px white;
    box-shadow: 0 16px 24px 0 rgba(4, 1, 20, 0.1);
}

.oxygen-bg-gradient {
    background-image: linear-gradient(70deg, #09f, #93f 86%);
}

.feature-box-2.active {
    border-bottom: solid 8px #9f32f4;
}

.feature-box-2:hover {
    border-bottom: solid 8px #9f32f4;
}

.feature-box-2 img {
    width: 40px;
    height: auto;
}

.feature-box-2 h3 {
    text-transform: none;
}


.feature-box-4 {
    min-width: 350px;
    min-height: 280px;
    width: 100%;
    background-color: white;
    border-radius: 8px;
    border-bottom: solid 8px white;
    box-shadow: 0 8px 16px 0 rgba(4, 1, 20, 0.1);
}

.feature-box-4.active {
    border-bottom: solid 8px #9f32f4;
}

.feature-box-4:hover {
    border-bottom: solid 8px #9f32f4;
}

.feature-box-4 img {
    width: 40px;
    height: auto;
}

.feature-box-4 h3 {
    text-transform: none;
}


.dot {
    height: 15px;
    width: 15px;
    background-color: #1097ff;
    border-radius: 50%;
    display: inline-block;
    margin-left: 5px;
    cursor: pointer;
}

.dot:hover {
    background-color: #0006ac;
}

.dot.active {
    height: 15px;
    width: 15px;
    background-color: white;
    border-radius: 50%;
    display: inline-block;
    margin-left: 15px;
    cursor: pointer;
}

.dotslide {
    display: none;
}

.dotslide-active {
    display: inline-block;
}

.oxygen-list {
    line-height: 24px;
    padding: 22px;
    border-bottom: solid 1px #ccced4;
}

.oxygen-list-group div {
    line-height: 18px;
    padding: 10px;
    border-bottom: solid 0 #ccced4;
}

.oxygen-list-group div img {
    width: 25px;
    height: auto;
    margin-right: 20px;
}

.oxygen-list-group-small div {
    line-height: 18px;
    padding: 10px;
    border-bottom: solid 0 #ccced4;
}

.oxygen-list-group-small div img {
    width: 20px;
    height: auto;
    margin-right: 20px;
}

/* BF */

.offer_centered_box {
    display: flex;
    justify-content: center;
    margin-bottom: 3rem;
}


.bf_image_cat {
    width: 100%;
    height: auto;
    min-width: 620px;
}

.btnOxygenRed, .btnOxygenBlack {

    position: absolute;
    bottom: 40px;
}

#black_friday .feature-box-3 {

    max-width: 413px !important;
    border-bottom: none !important;
    box-shadow: 0 16px 24px 0 rgba(4, 1, 20, 0.1);
    border-radius: 6px !important;
    min-height: 214px;
    height: 100%;
}

#black_friday .feature-box-3 .textBox {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
}

.btn_apoktiste {
    width: auto;
    height: 48px;
    padding: 13px 24px;
    border-radius: 24px;
    background-color: var(--white);
    font-weight: bold;
    font-size: 16px;
    line-height: 1;
    letter-spacing: -0.05px;
    text-align: center;
    color: #a700e3;
}

.bf_discount_img {
    position: absolute;
    margin: 0 auto;
    top: 132px;
    width: 100%;
}

.bf-hero-bg {
    position: relative;
    background-image: url(../img/bf/hero-parochos@3x.webp);
    background-size: cover;
    background-position-y: 0;
    background-repeat: no-repeat;
    height: 720px;
}

.bf-hero-pack {
    position: absolute;
    top: -20px;
    right: 65px;
    max-width: 650px;
}

.bf-hero-pack img {
    max-width: 650px;
    height: auto;
}


/* OFFERS PAGE */

.div50 {
    width: 50%;
    float: left;
}

.radius-left {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.radius-right {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.offer-box-shadow {
    box-shadow: 0 8px 16px 0 rgba(4, 1, 20, 0.1);
}

a.link-purple:link {
    color: #9f32f4 !important;
    text-decoration: none;
}

a.link-purple:active {
    color: #9f32f4 !important;
    text-decoration: none;
}

a.link-purple:visited {
    color: #9f32f4 !important;
    text-decoration: none;
}

a.link-purple:hover {
    color: blue !important;
    text-decoration: none;
}

.nobars::-webkit-scrollbar {
    display: none;
}

.img-oxygenpcs {
    margin-right: 250px;
}

.mt-no-mobile {
    margin-top: 200px;
}

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

    .ecommerce-gallery .row {
        justify-content: center;
    }

    .cards_prices {
        padding: 0 !important;
    }

    .img_floros {
        margin-bottom: 40px;
        margin-left: 20px;
    }

    .image_provider {
        right: 20px !important;
        max-width: 450px;
        top: 8%;
    }

    .bf-hero-pack {
        position: absolute;
        top: -20px;
        right: 65px;
        max-width: 600px;
    }

    .bf-hero-pack img {
        max-width: 600px;
        height: auto;
    }


    .woocommerce_bubbles {
        padding-left: 0 !important;
        display: flex;
        justify-content: center;
    }

    .woocommerce_bubbles .position-absolute {
        max-width: calc(100% - 50px);
    }

    .text_header_hr > div > h1 {
        max-width: 300px !important;
    }
}

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

    .texts_era {
        flex-direction: column;
    }
}

@media (min-width: 993px) and (max-width: 1279px) {

    .purple_box_price {
        position: relative !important;
        left: 0 !important;
    }

    .text_in_left {
        position: relative !important;

    }
}

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


    .group_img {
        display: flex;
        justify-content: center;
    }

    .group_to {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .cards_prices.desktop {
        display: none !important;
    }

    .cards_prices {
        padding: 0 40px !important;
    }

    .cards_prices.mobile {
        display: flex !important;
    }

    .cards_prices.mobile > div {
        display: flex;
        justify-content: center;
    }

    .cards_prices.mobile .subtext {
        justify-content: flex-start !important;
    }

    .cards_prices.mobile .card_title {
        box-shadow: inset 0 -1px 0 0 #6c0093;
    }

    .price_box_left {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .text_in_left, .purple_box_price {
        position: relative !important;
        left: 0 !important;
    }

    #select_plan {
        left: 15%;
        position: relative;
    }

    .price_list_right {
        margin-top: 40px !important;
        padding: 21px 40px;
    }

    .account_activation.second {

        padding-top: 2rem;
    }


    .new_era_row .img_bg {
        display: none;
    }


    .bf-hero-pack {
        position: absolute;
        top: -20px;
        right: 0;
        max-width: 500px;
    }

    .bf-hero-pack img {
        max-width: 500px;
        height: auto;
    }

    .bf_image_cat {
        min-width: 100% !important;
    }

    #header_banner_oxygenhr {

        background-size: 100% !important;
        min-height: 100% !important;
        background-repeat: no-repeat !important;
    }

    .text_header_hr {

        margin-top: 0 !important;
    }

    #header_banner_oxygenhr .container {

        padding-bottom: 100px;
    }

}

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

    .triple, .product_couple {
        max-width: 100% !important;
        padding: 0 60px !important;

    }


    .arrow_offer {
        display: none !important;
    }

    .mob_subtext_banner {
        padding-right: 0 !important;
    }

    .purple_box_price .big_price {
        font-size: 80px !important;
    }

    .in_ee, .out_ee, .final_payment {
        font-size: 14px !important;
    }

    .cards_prices.mobile .price {
        font-size: 20px;
    }

    .price_list_right {
        padding: 0 !important;
    }

    .lowest_price {
        font-size: 24px !important;
    }


    .last_updates {
        padding: 80px 30px !important;
    }

    .bf-hero-pack {
        text-align: center;
    }

    .bf-hero-pack img {
        max-width: 100%;
        padding-right: 50px;
        height: auto;
    }

    .bf-full {
        padding-right: 0 !important;
        padding-left: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: -20px !important;
        background-color: #fd0041;
    }

    .div50 {
        width: 100%;
        float: none;
    }

    .img-oxygenpcs {
        margin-right: 400px;
    }

    .mt-no-mobile {
        margin-top: inherit;
    }

    .header_image_laptop {
        display: none;
    }

    .div50, .div50 > div {
        border-radius: 8px !important;
    }

    #bprice_logo {
        width: 90px !important;
    }

    #oxygen_logo {
        width: 150px !important;
    }
}


@media only screen and (max-width: 800px) {
    #bn_mme img {
        width: 150px !important;
        height: auto;
    }

    .oxygenOne-hero-worker {
        display: none;
    }

    .oxygenOne-hero-ergani {
        display: none;
    }


    .oxygenOne-hero-pack {
        position: inherit;
        top: inherit;
        right: inherit;
    }

    .netmechanics-hero-pack {
        position: inherit;
        top: inherit;
        right: inherit;
    }

    .generic-hero-pack {
        position: inherit;
        top: inherit;
        right: inherit;
    }

    .bf-hero-pack {
        position: inherit;
        top: inherit;
        right: inherit;
        max-width: inherit;
        width: 100%;
        padding-top: 25px;
        padding-bottom: 25px;
        margin: 0;
    }

    .div50 {
        width: 100%;
        float: none;
    }

    .img-oxygenpcs {
        margin-right: 300px;
    }
}

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


    .btn_price {
        flex-direction: column;
    }

    .btn_price .product_price {
        padding-bottom: 40px;
    }

    .oxygen_bg_pricing > div > h1 {

        font-size: 28px !important;
    }

    .oxygen_bg_pricing .left_price {
        padding: 1rem !important;
    }

    .oxygen_bg_pricing .text_cloud {
        font-size: 18px !important;
    }

    .oxygen_bg_pricing .present {

        font-size: 18px !important;
        text-align: left;
    }

    .amount_present {
        right: 55px !important;
        top: 80px !important;
        width: 100%;
    }

    .oxygen_bg_pricing .get_oxygenOne {
        top: 120px !important;
    }

    .p-win {
        right: 0;
        width: 100%;
        max-width: inherit;
    }

    .p-container {
        right: 0 !important;
        width: 100%;
        max-width: inherit;
    }

    .p-title {
        color: white !important;
        margin-top: 5px;
    }

    .sm-hide {
        display: none !important;
    }

    .p-container {
        display: none;
    }

    .div50 {
        width: 100%;
        float: none;
    }

    .mt-no-mobile {
        margin-top: inherit;
    }

    .img-oxygenpcs {
        margin-right: 400px;
    }

    .metasximatismos_img {
        max-width: 280px !important;
    }

    .startups_bg_div .new_bus {
        font-size: 42px !important;
    }

    .startups_bg_div .new_start {
        font-size: 32px !important;
    }

    .oxygenHR_div .oxygen_title {
        font-size: 40px !important;
    }

    .oxygenHR_div .left_text {
        font-size: 30px !important;
    }

}

/* ker code here for partners responsive etc*/
@font-face {
    font-family: 'Montserrat_thin';
    src: url('fonts/montserrat/static/Montserrat-Thin.ttf'); /* IE9 Compat Modes */

}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/montserrat/static/Montserrat-Regular.ttf'); /* IE9 Compat Modes */

}

.voucher_div {
    background-image: url('../img/headers/general_buildings.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 480px;
}

.oxygenHR_div {
    background-image: url('../img/offers/OxygenHR_bg.png');
    background-repeat: no-repeat;
    background-position: right;
    background-size: 1200px 480px;
    min-height: 480px;
    font-family: 'Open Sans', sans-serif;
    padding: 50px 50px 50px 70px !important;
}


.startups_bg_div {
    background-image: url('../img/offers/blue_bg.png');
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    min-height: 480px;
    font-family: 'Open Sans', sans-serif;
}

.startups_bg_div .new_start {
    font-family: 'Open Sans', sans-serif;
    font-weight: 100 !important;
}

.thin_hr {
    font-family: "Montserrat_thin", serif;
    font-weight: 100;
    margin-bottom: 0 !important;
    color: white;
}

.main_text .row > div > a.btnOxygenWhite3:link {
    width: 321px;
    text-align: center;
}

.main_image_stay {
    max-width: 700px;
    right: 15% !important;
    top: 40px;
}

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


    .first_section .main_div_bg > img {
        width: 90%;
        height: auto;
    }

    .main_text {
        top: 10rem !important;
        left: 10rem !important;
    }


}

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

    .img_bp {
        justify-content: flex-end;
    }

    #head_best {

        min-width: 100%;
    }

    #head_best .left_column_header {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        padding-right: calc(10% - 85px);
    }
}

@media only screen and (min-width: 1920px) {

    .image_provider, .image_hero_oxygenone {

        right: 300px !important;
    }

    #header_integrations .work_text {
        padding-left: 36rem !important;
    }

    #header_integrations .work_text > div {
        min-width: 700px !important;;
    }

    .text_header_hr > div > h1 {
        max-width: 400px !important;
    }

}

@media only screen and (min-width: 1921px) {

    #head_best {
        max-width: 1140px;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media only screen and (min-width: 2300px) {

    #header_integrations .work_text {
        padding-left: 36rem !important;
    }

    #header_integrations .work_text > div {
        min-width: 800px !important;;
    }
}


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


    .first_section .main_div_bg > img {
        width: 100%;
    }

    .main_text {
        top: 10rem !important;
        left: 10rem !important;
    }


}

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

    /*.image_provider{*/
    /*    right: 300px!important;*/
    /*}*/
    .main_text {
        top: 5rem !important;
        left: 2rem !important;
    }

    .main_text .row > div > h1 {

        max-width: 380px;
    }

}

@media only screen and (min-width: 1440px) and (max-width: 1649px) {

    .products {
        justify-content: space-between !important;
    }

    .main_image_stay {
        max-width: 650px !important;
        right: 5% !important;
        top: 40px;
    }

    .main_text {
        top: 3rem !important;
        left: 1rem !important;
    }

    .main_text .row > div > h1 {

        font-size: 56px !important;
    }

    .main_text .row > div > p {

        font-size: 24px !important;
    }

    .padding-div, .brand_div {
        padding: 55px !important;
    }


    #header_banner_oxygenhr {
        min-height: 980px !important;
    }


}

@media (min-width: 992px) and (max-width: 1439px) {

    .adeia_banner, .header_paroxos {
        padding: 24px 0 !important;
    }

    .left_text_h {
        max-width: 620px;
    }

    .paroxes_box_purple {
        height: auto !important;
        margin: 40px 0;
    }

    .hotel_module_details > img, .extras_h > div > img {
        width: 500px;
    }

    .main_image_stay {
        max-width: 490px !important;
        right: 50px !important;
        top: 40px;
    }


}

@media (min-width: 767px) and (max-width: 1440px) {

    .left_text_h {
        max-width: 620px;
    }

    #product_page .text_hero {
        min-width: auto !important;
    }

    .paroxes_box_purple {
        height: auto !important;
        margin: 40px 0;
    }

    .header_text_new {
        font-size: 56px !important;
    }

    .hotel_module_details > img, .extras_h > div > img {
        width: 500px;
    }

    .banner_voucher {
        background-size: cover !important;
    }

    .double_texts > p {
        line-height: 28px !important;
    }

    .auto_send .pist_paroxos {
        width: 100%;
    }

    #carousel_logos_medium {

        display: block !important;
        margin-bottom: 100px;
    }

    .logos_desktop_div {

        display: none !important;
    }


    .carousel-item img {
        margin: auto;
    }

    .carousel-control-next,
    .carousel-control-prev /*, .carousel-indicators */
    {
        filter: invert(100%);
    }

}


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

    .buttons_header .purple_btn, .white_btn_border {
        width: 100%;
        min-width: 220px !important;
        font-size: 16px !important;
    }


    .bg_banner_v {
        width: 80% !important;
        top: 20%;
    }

    .text_banner_v > h1 {
        font-size: 30px !important;
    }

    .image_hero_oxygenone {
        right: 45px !important;
        max-width: 550px !important;
        top: 90px !important;
    }

    .first_section {
        min-height: 560px !important;

    }

    .main_text {
        left: -7rem !important;
        top: 0 !important;
    }

    .main_text .row > div > h1 {

        font-size: 46px !important;
        max-width: 300px;
    }

    .main_text .row > div > p {

        font-size: 20px !important;
    }

    .main_text .row > div > a.btnOxygenWhite3:link {

        font-size: 18px !important;
    }


}

.mob_bannertop {
    display: none !important;
}

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


    #bn-oxygenOne,
    #bn-oxygenOne .height_banner,
    #bn-oxygenOne .textBox {
        max-height: 60px !important;
    }

    .mob_bannertop {

        display: flex !important;
        justify-content: space-evenly;
    }

    .desk_bannertop {

        display: none !important;
    }
}

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


    .oxygenone_title {
        font-size: 54px !important;
    }

    .oxygenone_platform {
        font-size: 26px !important;
    }

    .subtext_oxygenone {
        max-width: 480px !important;
        font-size: 20px !important;
    }

    .image_hero_oxygenone {
        right: 45px !important;
        max-width: 490px !important;
        top: 120px !important;
    }

    .main_text {
        left: -9rem !important;
        top: 0 !important;
    }

    .main_text .row > div > h1 {

        font-size: 38px !important;
        max-width: 300px;
    }

    .main_text .row > div > p {

        font-size: 18px !important;
    }

    .main_text .row > div > a.btnOxygenWhite3:link {

        font-size: 18px !important;
    }

}

@media (min-width: 1024px) and (max-width: 1650px) {

    #header_integrations .work_text {
        padding-left: calc(25% - 100px) !important;
    }

    #header_integrations .work_text > div {
        font-size: 54px !important;
    }

}


@media (min-width: 768px) and (max-width: 1023px) {

    #header_integrations .work_text {
        padding-left: calc(25% - 100px) !important;
    }

    #header_integrations .work_text > div {
        font-size: 54px !important;
    }

    .adeia_banner {
        padding: 24px 0 !important;
    }

}


@media (min-width: 390px) and (max-width: 767px) {


    #product_page .text_hero {
        max-width: 100% !important;
        width: 100%;
        text-align: center;
        padding-top: 40px;
    }

    .buttons_header {
        justify-content: center;
    }

    .mob_subtext_banner {
        line-height: 1.5;
    }

    .oxygen_bg_pricing > div > h1 {

        font-size: 30px !important;
    }

    .oxygen_bg_pricing .left_price {
        padding: 1rem !important;

    }

    .oxygen_bg_pricing .text_cloud {
        font-size: 20px !important;
    }

    .oxygen_bg_pricing .present {

        font-size: 20px !important;
        text-align: left;
    }

    .amount_present {
        right: 55px !important;
        top: 80px !important;
        width: 100%;
    }

    .oxygen_bg_pricing .get_oxygenOne {
        top: 120px !important;
        padding: 0;
        font-size: 16px;
    }

    #header_integrations .work_text {
        padding-left: calc(25% - 60px) !important;
        padding-bottom: 120px;
    }

    .pink_circles_div {

        background-size: 60% !important;
    }

    .bf-hero-bg {
        background-position-x: 80%;
        max-height: 480px;

    }

    .bf_discount_img > img {
        max-width: 620px;
        height: 100% !important;
        width: 300px !important;
    }

    .unique_offer {

        font-size: 24px !important;
    }

    .offer_grey {
        padding: 40px !important;
    }

    #black_friday .feature-box-3 {
        margin-top: 3rem;
    }

}


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

    .main_text .row > div > a.btnOxygenWhite3:link {

        line-height: 30px !important;
    }

    .main_text {
        left: -3rem !important;
        top: -2rem !important;
    }

    .main_text .row > div > h1 {

        font-size: 36px !important;
        max-width: 380px;
    }

}

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

    .main_text {
        left: -6rem !important;
        top: -2rem !important;
    }

    .main_text .row > div > h1 {

        font-size: 32px !important;
        max-width: 380px;
    }
}


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

    .form-padding {
        padding: 40px;
    }

    .arrow-right, .arrow-left {
        display: none !important;
    }

    .banner_voucher > div {
        padding: 60px;
    }

    .ecommerce-gallery .row {
        justify-content: flex-start !important;
    }

    .product_img {
        min-height: 150px;
    }

    .more_products_info {
        padding-top: 0.5rem;
    }

    #product_page .oxygen_bg_pricing .left_price {
        padding-left: 2rem !important;
        padding-top: 1.2rem !important;
    }

    #product_page .pos_img {
        max-width: 230px !important;
        right: 18px !important;
        top: 45% !important;
    }

    #product_page .grey_box_header {
        max-width: 100%;
        background-color: #f2f2f4 !important;
    }


    .lightbox {
        width: 100% !important;
        height: 400px !important;
    }

    .product_details_col {
        padding: 1rem !important;
    }

    .paroxes {

        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .pro_hero_div {
        display: none;
    }

    .banner_voucher > div {
        padding: 60px;
    }

    .banner_voucher .b_first {
        display: none;
    }

    .double_texts > h4 {
        font-size: 18px !important;
    }

    .double_texts {
        flex-direction: column;
    }

    .giati_timo, .auto_send {
        padding: 0 !important;
    }

    .left_img_bg, .right_img_bg, .image_provider {
        display: none !important;
    }

    .grey_box_paroxos .list-group-item {

        list-style-position: inside;
        padding-left: 40px;
    }

    .grey_box_paroxos > ol {

        padding: 0 16px 40px 16px !important;

    }

    .grey_box_paroxos > h4 {
        margin-top: 20px;
        padding: 40px;
        text-align: center;
    }

    .grey_box_paroxos {
        height: auto !important;
        padding-bottom: 50px !important;
    }

    .grey_box_paroxos .learn_more {
        padding-left: 60px !important;
    }

    #paroxos > div.row.mb-log-12.mt-5.pt-5 {
        padding: 20px !important;
    }

    .header_row_era {
        flex-direction: column;
        height: 100%;
    }

    .paroxos_text .col-12, .header_row_era > .col-12 {
        padding: 0 !important;
    }

    .paroxos_text .col-12 {
        margin-left: 0;
        margin-top: 40px;
    }

    #banner_paroxos .adeia_banner {
        /*padding: 16px 24px 24px 24px !important;*/
        display: flex;
        justify-content: center;
    }

    .ypiresies_paroxou {

        font-size: 32px !important;
    }

    .header_paroxos {
        position: absolute;
        top: 25%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        left: 0 !important;
        text-align: center;
        width: 100%;
        padding: 0 !important;
    }

    #banner_paroxos {
        max-height: 520px;
    }

    .pist_paroxos, .lianiki_paroxos {
        font-size: 24px;
        height: 100%;
        width: 100%;
        margin-bottom: 16px !important;

    }

    .paroxos_text {
        justify-content: center;
    }

    .img_floros {
        margin-bottom: 40px;
    }

    .box_lianiki {
        margin: 16px 0;
    }

    .under_1440 {

        display: none;
    }

    .first_section {
        background: url('../img/partners/hero_partners_bg.png');
        background-repeat: no-repeat;
        background-position: top left;
        background-size: auto 540px;
    }

    .main_text {
        left: 0 !important;
        top: -2rem !important;
    }

    .main_text .row > div > h1 {

        font-size: 36px !important;
        max-width: 250px;
        text-align: left;
    }

    .main_text .row > div > p {

        font-size: 18px !important;
        text-align: left;
        font-weight: 300;
    }

    .main_text .row > div > a.btnOxygenWhite3:link {

        font-size: 18px !important;
        width: 100%;
        max-height: 48px;
        line-height: 1.4 !important;
        padding: 12px 5px !important;

    }

    .text_columns {
        padding: 12px 40px !important;

    }

    .desktop_h1 {
        display: none;
    }

    .mob_h1 {

        display: block;
    }

    .banner_text {

        align-items: center;
    }

    .boxes_bp .row {

        flex-direction: column;
    }

    .boxes_bp .reverse {
        flex-direction: column-reverse;

    }

    .bestprice .grey_box {
        padding: 64px 24px !important;
    }

    .bestprice .grey_box > h1 {
        font-size: 32px !important;
    }

    .bestprice .grey_box > div {
        font-size: 18px !important;
    }


    #header_banner_oxygenhr {

        /*background-image: url('../img/oxygenhr/big_oxygenhr_bg.png')!important;*/
        background-image: none !important;
    }

    .mobile_bg_hr {

        display: block !important;
        max-width: calc(100% + 140px);
    }

    .floros_img {

        display: block !important;
        width: 90%;
        position: absolute;
        top: 5rem;
        left: 7rem;
    }

    .text_header_hr {
        position: absolute;
        top: 0;
    }

    .text_header_hr > div > p {
        text-align: left !important;
    }

    .text_header_hr > div {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    #header_banner_oxygenhr .container {

        padding: 0 !important;
    }


    .bg-oxygen-dual-light {
        background-color: #f7f7ff;
        background-image: none !important;
    }


}

/* ENDS ker code here for partners responsive etc*/


.pink_circles_div {

    min-height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-size: 80%;
}


.pink_circles_div > object {
    margin-top: 3rem;
}

#head_best .banner_text > p {
    font-size: 40px;
    font-weight: bold;
    width: 428px;
    padding-bottom: 64px;
    color: black !important;
    line-height: 1;

}

#head_best {
    font-family: "Open Sans", sans-serif;

}

#head_best .banner_text {

    padding-top: 24px;
}

#head_best .banner_text > a {

    width: 321px;
    height: 64px;
    padding: 18px 64px 19px;
    border-radius: 32px;
    background-color: #0006ac;
    font-size: 20px;
    line-height: 25px;
    color: white !important;
}

.banner_text > a:hover {
    background-color: #00046d !important;
    text-decoration: none !important;
}

.bestprice .best_oxygen {
    padding: 104px 40px;
    color: black;
    font-size: 18px;

}

.bestprice .best_oxygen > b {

    font-size: 36px !important;
    font-weight: bold;
    padding-bottom: 24px;
}

.bestprice {
    padding: 40px;
}

.boxes_bp {
    color: black;
}

.boxes_bp .row {
    margin-bottom: 120px;
}

.boxes_bp .col-6 {
    padding: 40px 40px 88px 40px;
}

.boxes_bp .box_img {

    max-width: 560px;
    height: auto;
    width: 100%;
}

.bestprice .grey_box {
    background-color: #f2f2f4;
    padding: 64px 160px;
    font-family: "Open Sans", sans-serif;
    font-size: 24px;
    color: black;
    margin-bottom: 120px;
    border-radius: 6px;
}

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

    .img_bp > img {
        width: calc(100% - 50px);
    }

    .img_bp {
        justify-content: end;
    }

    #head_best {
        min-width: 100%;
        padding-right: 0 !important;
    }

    .left_column_header {
        padding-left: calc(20% - 90px);
    }
}

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


    .paroxes_box_purple > div {
        max-width: 100% !important;
    }

    .hotel_module_details {
        flex-direction: column-reverse;
        align-items: center;
    }

    .hotel_module_details.second {
        flex-direction: column !important;
    }

    .hotel_module_details .left_text_h {
        text-align: center;
        padding-top: 2rem;
    }

    h2.step, .short_description {
        text-align: center !important;
    }

    .main_box_functionalities {
        justify-content: center !important;
    }

    .light_purple .boxes, .parent_white {
        flex-direction: column;
        align-items: center;
        padding-right: 0 !important;
    }

    .parent_white > div, .parent_white .title_box {
        margin: 1rem 0;
        text-align: center;
    }

    .parent_white .white_w_icon {
        padding: 2rem 0;
        margin-bottom: 2rem;
    }

    .left_text_h {
        max-width: 620px;
    }

    .paroxes_box_purple {
        height: auto !important;
        margin: 40px 0;
    }

    .hotel_module_details > img, .extras_h > div > img {
        width: 500px;
    }

    .main_image_stay {
        max-width: 420px;
        top: 120px;
        right: 20px !important;

    }

    .triple, .product_main_box.featured {
        max-width: 455px !important;
    }

    .banner_voucher {

        min-height: 500px !important;
    }

    .banner_voucher .b_first {
        display: none;
    }

    .oxygenone_title {
        font-size: 54px !important;
    }

    .oxygenone_platform {
        font-size: 24px !important;
    }

    .subtext_oxygenone {
        max-width: 420px !important;
        font-size: 18px !important;
    }

    .image_hero_oxygenone {
        right: 30px !important;
        max-width: 450px !important;
        top: 150px !important;
    }

    .box_lianiki {
        margin: 16px 0;
    }

    .img_floros {
        margin-bottom: 40px;

    }

    .paroxos_text {

        justify-content: center;
    }

    .image_provider {
        /*display:none;*/
        max-width: 420px !important;
        top: 20%;
    }

    .ypiresies_paroxou {
        font-size: 58px;
    }

    .desktop_news_section {
        display: none !important;
    }

    .mobile_news_section {
        display: block !important;
    }

    .left_column_header {

        /*padding-left:10rem;*/
    }

    .banner_text > p {

        font-size: 30px !important;
    }

    #head_best .banner_text > a {
        max-width: 320px;
        height: 56px;
        font-size: 18px !important;
        line-height: 17px;
        text-align: center;
        width: 100%;
    }

    #bprice_logo {
        max-width: 100px;
    }

    #oxygen_logo {
        max-width: 190px;
    }

    .img_bp > img {
        width: 100% !important;
    }

    #head_best .banner_text > p {
        max-width: 380px;
    }

    #head_best .banner_text > p {
        padding-bottom: 20px !important;
    }

    .text_header_hr > div > p {
        max-width: 300px;
    }
}

@media (max-width: 834px) {


    .image_hero_oxygenone {
        display: none !important;
    }

    .posbanner {

        display: block !important;
        width: 100%;
        position: absolute;
        bottom: 16px;
        padding-bottom: 20px;
    }

    .header_oxygenone {
        width: 100%;
        text-align: center;
        top: 20% !important;
    }

    .subtext_oxygenone, #banner_oxygenone .grey_box_header {
        margin: 0 auto !important;
    }

    #header_banner_newoxygenone {
        max-height: 1000px !important;
    }
}

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

    .hotel_module_details > img, .extras_h > div > img {
        width: 100% !important;
    }

    .show_pricing_stay {
        width: 100% !important;
        min-width: 250px;
    }

    .paroxes_box_purple {: 4 px;
        padding: 0 16px;
    }

    .parent_ul_extras {
        padding: 0 40px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .extras_h > div > img, .main_image_stay {

        max-width: 350px;
        top: 30%;
    }

    .basic_changelog {
        display: block !important;
    }

    #header_products {
        padding: 40px;
    }

    .basic_changelog {
        display: block !important;
    }

    .img_bp > img {
        width: 69% !important;
        padding-bottom: 40px;
    }

    .mobile_bg_inte {

        display: block !important;
    }

    .desktop_bg {

        display: none;
    }

    #head_best .left_column_header {
        padding: 40px 40px 40px 60px !important;
    }

    #head_best .left_column_header {
        align-items: center !important;
    }

    .banner {
        flex-direction: column-reverse;
    }

    .banner_text > p {
        font-size: 36px !important;
    }

    #bprice_logo, #oxygen_logo {
        max-width: 100% !important;
    }


    .bestprice .best_oxygen > b {
        text-align: center;
        line-height: 1;
        font-size: 32px !important;
    }

    .box_img {
        padding-bottom: 24px;
        padding-top: 40px;
    }

    .bestprice .grey_box {
        margin-top: 60px;
    }


}

@media (min-width: 421px) and (max-width: 766px) {
    .logos_desktop_div {

        display: none !important;
    }

    #carousel_logos {
        display: block !important;
        padding-bottom: 100px;
    }

    .woocommerce_bubbles {
        padding: 0 !important;
        display: flex;
        justify-content: center;
    }


    .woocommerce_bubbles .position-relative {

        max-width: 200px;
    }


    .woocommerce_bubbles .logo_position,
    .woocommerce_bubbles .position-absolute {

        max-width: 230px;
        left: 7rem !important;
        top: 3rem !important;
    }

    .mobile_view {

        flex-direction: column-reverse;
    }


    .column_mobile, #search_integration_form {
        flex-direction: column;
    }

}

.padding-div, .brand_div {
    padding: 40px;

}

#header_banner_newoxygenone .interested_paroxos > a:hover {

    color: white !important;
}

@media (min-width: 320px) and (max-width: 420px) {

    #oxygen_stay .container-homepage {
        padding-top: 0 !important;
    }

    .pos_img {
        top: 30px !important;
        right: 18px !important;
    }

    .all_in_one.basic {
        margin-top: 20px !important;
    }

    .product_offer {
        left: -60px !important;
    }

    #product_page .pos_img {
        display: none !important;
    }

    #product_page .oxygen_bg_pricing > div {
        display: flex !important;
        align-items: center !important;
    }

    .banner_voucher {

        background-size: cover !important;
        background-position-x: -300px;
    }

    .pos_img {
        top: 30px !important;
        right: 18px !important;
    }

    .oxygen_bg_pricing > div > h1 {

        font-size: 24px !important;
    }

    .oxygen_bg_pricing .left_price {
        padding: 1rem !important;
    }

    .oxygen_bg_pricing .text_cloud {
        font-size: 16px !important;
    }

    .oxygen_bg_pricing .present {

        font-size: 16px !important;
        text-align: left;
    }

    .amount_present {
        right: 25px !important;
        top: 92px !important;
        width: 100%;
    }

    .oxygen_bg_pricing .get_oxygenOne {
        top: 120px !important;
        padding: 0;
        font-size: 14px;
    }

    .double_texts > h4, .double_texts > p {
        line-height: 18px !important;
        font-size: 14px !important;
    }

    #bn-oxygenOne, #bn-oxygenOne .height_banner, #bn-oxygenOne .textBox {
        height: 100% !important;
    }

    .bf_discount_img > img {
        max-width: 620px;
        height: 100% !important;
        width: 300px !important;
    }

    .bf-hero-bg {
        background-position-x: 80%;
        max-height: 480px;
    }

    #header_banner_newoxygenone .interested_paroxos {
        font-size: 16px;
    }

    .posbanner {

        bottom: 40px;
    }

    #banner_oxygenone, #header_banner_newoxygenone {
        max-height: 580px !important;
    }

    .oxygenone_title {
        font-size: 40px !important;
    }

    .oxygenone_platform {
        font-size: 20px !important;
    }

    .subtext_oxygenone {
        max-width: 280px !important;
        font-size: 14px !important;
    }

    .texts_era > div {
        padding: 0 !important;
    }

    #header_integrations .work_text > div {
        font-size: 42px !important;
        max-width: 200px !important;
    }

    #header_integrations .work_text {

        padding-left: 2.5rem !important;
        padding-bottom: 2rem;
    }

    #header_integrations .work_text > p {

        font-size: 20px !important;
    }

    .logos_desktop_div {

        display: none !important;
    }

    #carousel_logos {
        display: block !important;
        padding-bottom: 100px;
    }

    /*.carousel-item-next, .carousel-item-prev, .carousel-item.active{
        display: flex!important;
        align-items: center;
        justify-content: flex-start;
    }*/
    .text_hashtag {
        font-size: 24px !important;
    }

    .grey_line {
        margin: 0 40px 12px 40px !important;
    }


    #submit_search_inte {
        margin-bottom: 0 !important;
    }

    .brand_name {

        margin-top: 25px;
    }

    .brand_div {
        margin-bottom: 0 !important;
    }

    .column_mobile, #search_integration_form {

        flex-direction: column;
    }

    .woocommerce_bubbles .position-relative {

        max-width: 200px;
    }


    .woocommerce_bubbles .logo_position,
    .woocommerce_bubbles .position-absolute {

        max-width: 230px;
        left: 3rem !important;
        top: 3rem !important;
    }

    .mobile_view {

        flex-direction: column-reverse;
    }

    #best_price {

        max-width: 140px !important;
    }

    #head_best .banner_text > p {
        max-width: 200px !important;
    }

    .banner_text {
        align-items: flex-start;
    }

    #plus_icon {

        padding: 1rem !important;
    }

    .img_bp > img {
        width: 78% !important;
    }

    #head_best .banner_text > a {
        padding: 18px 55px 19px !important;

    }

    .mobile_bg_hr {
        max-width: calc(100% + 450px) !important;
        min-height: 540px;
    }

    a.btnOxygenWhite {
        padding: 0 !important;
        min-height: 48px;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mobile_bg_hr {
        max-width: 250% !important;
    }

    .text_header_hr > div {
        padding: 0 40px;
    }

    .padding_zero {

        padding: 0 !important;
    }

}

#header_integrations .work_text > div {

    font-family: 'Montserrat', serif;
    font-size: 64px;
    font-weight: bold;
    color: white !important;
    max-width: 300px;
    line-height: 1;
}

#header_integrations .work_text > p {

    font-family: "Open Sans", sans-serif;
    font-size: 24px;
    color: white !important;
    padding-top: 24px !important;
}

#header_integrations {

    padding-bottom: 120px;
}

.container-lg .tools_inte {
    font-family: 'Open Sans', sans-serif;
    font-size: 36px;
    font-weight: bold;
    color: black;
    line-height: 1.2;
    padding-bottom: 8px;
}

.container-lg .tools_inte_small {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color: black;
    line-height: 1.2;
    max-width: 630px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 80px;
}

.text_hashtag {

    font-family: 'Open Sans', sans-serif;
    font-size: 28px;
    font-weight: bold;
    color: black;
    line-height: 1.5;

}

.simple_subhastag {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: black;
    line-height: 1.5;
    max-width: 590px;
}

.search_div .big {
    font-family: 'Open Sans', sans-serif;
    font-size: 28px;
    font-weight: bold;
    color: black;
}

.search_div .find_tools {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: black;
}

#search_integration {
    width: 100%;
    /*min-width: 414px;*/
    height: 56px;
    margin: 0 24px 0 0;
    padding: 13px 15px 15px 24px;
    border-radius: 6px;
    border: solid 1px #ccced4;
    background-color: white;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
}

#search_integration:focus {

    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, .25);
}

#submit_search_inte {

    height: 56px;
    padding: 15px 40px 17px;
    border-radius: 32px;
    background-color: #0006ac;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 94px;
    line-height: 1;
}

.woocommerce_bubbles {
    padding-left: 59px;
}

.logo_position {

    left: 2rem;
    top: 7rem;
}

.brand_name {
    font-family: 'Open Sans', sans-serif;
    font-size: 32px;
    font-weight: bold;
    color: black;
    line-height: normal;
}

.brand_text {

    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color: black;
    max-width: 628px;
    width: 100%;

}

.brand_div {

    margin-bottom: 74px;
}

/* auta otan 8a exoume ta upoloipa 8a ta balw mesa*/
.hide_not_ready_integrations {

    display: none !important;
}

#search_integration_form {

    display: none !important;
}

.text_header_hr {

    margin-top: 9rem;
}

@media (max-width: 620px) {

    .floros_img {
        display: none !important;
    }

    .mobile_bg_hr {
        max-width: 200%;
    }

    #cont_hr {
        justify-content: center;
        display: flex;
    }

    .text_header_hr {
        top: 4rem;
    }
}

.div_popular {

    display: flex;
    justify-content: flex-end;
    margin-right: -9px;
    margin-top: 1rem;
    position: relative;
}

.popular {

    width: 171px;
    height: 40px;
    background-image: linear-gradient(77deg, #09f, #93f 86%);
    margin-bottom: -1.5rem;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    font-weight: bold;
    text-align: center;
    top: 1rem;
    padding-top: 0.4rem;
    color: white;

}

.shade {
    width: 10px;
    height: 10px;
    margin: 6px 0 0 159px;
    background-color: #999ca9;
    transform: rotate(0.37turn);
    z-index: -1;
    position: absolute;
    top: 30px;
}

.month_oxygenhr {
    font-size: 20px;
    font-weight: bold;
    color: #040114;
    padding-bottom: 8px;
}

.month_oxygenhr_sub {
    font-size: 16px;
    color: #040114;
    max-width: 320px;
    text-align: center;
    margin-bottom: 100px;
    line-height: 1.5;
}

#changelog {
    font-family: 'Open Sans', sans-serif;

}

#changelog .date {
    height: 22px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: italic;
    line-height: normal;
    letter-spacing: -0.05px;
    color: #999ca9;
    max-height: 30px;
}

#changelog .title {
    font-size: 24px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: -0.08px;
    color: #191516;
}

#changelog .text {

    width: 100%;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.05px;
    color: #191516;
    padding-bottom: 16px;
}

#changelog .fix {
    width: 33px;
    height: 23px;
    margin: 8px 0 16px 0;
    padding: 3px 8px;
    border-radius: 2px;
    background-color: #ff264c;
    color: white;
    font-size: 12px;
    display: block;
    line-height: 18px;
}

#changelog .new {
    width: 43px;
    height: 23px;
    margin: 8px 0 16px 0;
    padding: 3px 8px;
    border-radius: 2px;
    background-color: #0006ac;
    color: white;
    font-size: 12px;
    display: block;
    line-height: 18px;
}

#changelog .flags > span {

    margin-right: 8px;

}

.bf_bg_div {

    background-image: url('../img/bf/bf_offers.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 480px;
}

.pricing_div_on {
    font-family: 'Open Sans', sans-serif !important;

}

.lowest_price {

    font-family: 'Open Sans', sans-serif !important;
    font-weight: 800 !important;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: -0.11px;
    text-align: center;
    color: #191516 !important;
}

.price_box_left {
    width: 100%;
    height: 100%;
    padding: 64px 40px;
    border-radius: 8px;
    box-shadow: 0 16px 24px 0 rgba(4, 1, 20, 0.1);
    background-color: var(--white);
    position: relative;
}

.text_in_left {

    position: absolute;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: -0.05px;
    color: #191516;
    width: 100%;
    max-width: 298px;

}

.text_in_left .subtext_left {

    padding-top: 8px;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.04px;
    color: #999ca9;
}

.purple_box_price {
    width: 298px;
    height: 208px;
    padding: 32px 24px;
    border-radius: 8px;
    box-shadow: 0 8px 16px 0 rgba(4, 1, 20, 0.1);
    background-color: #6c0093;
    position: absolute;
    left: 60%;
}

.purple_box_price > p {

    color: white !important;
    padding: 0.5rem;
    margin: 0 !important;
    font-family: 'Open Sans', sans-serif !important;
    line-height: 1;

}

#select_plan {

    background-color: white !important;
    width: 190px;
    height: 40px;
    margin: 24px 0;
    padding: 8px 24px;
    border-radius: 24px;
    border: solid 1px #a700e3;
    color: #a700e3;
    font-size: 14px !important;
    font-weight: bold;
    line-height: 1.71;
    font-family: 'Open Sans', sans-serif !important;
}

.price_list_right {
    margin-top: 9px;
    padding-left: 64px;
}

.price_list_right > div {

    font-size: 16px;
    width: 100%;
    height: 64px;
    padding: 21px 24px;
    box-shadow: inset 0 -1px 0 0 #f2f2f4;
    background-color: var(--white);
    color: #191516;
    line-height: 1;
}

.account_activation {
    color: #999ca9 !important;
    padding: 0 3.5rem 0 3rem;
    letter-spacing: -0.05px;
    line-height: 1.2;
}

.title_activation {

    font-weight: bold;
    margin-bottom: 4px;
}


.cards_prices {
    margin-top: 120px;
    color: #191516 !important;
    padding: 0 200px;
}

.cards_prices > div {
    padding: 26px 0 26px 0;
    font-size: 20px;
    font-weight: 800;
}

.cards_prices .price {

    font-weight: normal !important;
    font-size: 24px;
    box-shadow: inset 0 -1px 0 0 #6c0093;
}

.cards_prices .underline {
    box-shadow: inset 0 -1px 0 0 #6c0093;
    text-align: center;
}

.cards_prices .subtext {
    font-size: 12px;
    color: #999ca9;
    font-weight: normal !important;
}

.final_payment {
    color: #999ca9 !important;
}

.oxygen_bg_pricing {
    background-image: url('../img/OxygenOne-BG.png');
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 824px;
    height: 240px;
    border-radius: 8px;
}

.pos_img {
    max-width: 275px;
    right: 120px;
    top: 5px;
    width: 100%;
    font-family: 'Open Sans', sans-serif !important;
}

.checkbox_terms {
    position: absolute;
    height: 18px;
    width: 18px;
    left: 0;
    top: 5px;
}

.link_box {
    color: #a700e3 !important;
}

.custom-checkbox {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    user-select: none;
}

.custom-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark {
    position: absolute;
    top: 5px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #ccced4; /* Default background */
}

.custom-checkbox:hover input ~ .checkmark {
    background-color: #b6b3b3; /* On hover */
}

.custom-checkbox input:checked ~ .checkmark {
    background-color: #a700e3; /* Checked background */
}

.custom-checkbox input:checked ~ .tick {
    border-right: 3px solid white;
    transform: rotate(47deg);
    border-bottom: 3px solid white;
}

.tick {
    position: absolute;
    width: 5px;
    height: 10px;
    left: 7px;
    top: 8px;
    z-index: 9;
}

#product_page {
    font-family: 'Open Sans', sans-serif;
}

.gray_box {
    width: 100%;
    max-width: 400px;
    height: auto;
    padding: 40px 40px 40px;
    border-radius: 8px;
    background-color: #fcfcfc;
}

.gray_box .text-gr {
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.05px;
    color: #191516;
}

.gray_box > h4 {
    font-weight: 800;
    font-size: 20px;
    text-align: center;
}


.product_main_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    padding: 40px;
    border-radius: 12px;
    background-color: white;
    justify-content: space-between;
    margin-bottom: 40px;
}

.product_couple {
    max-width: 455px;
    padding: 0;
    margin: 20px;
}


.product_main_box.featured {
    max-width: 950px;
    margin: 0 40px;
}

.header_description {
    font-size: 24px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    color: #191516;
    padding: 80px 0 16px 0;
    width: 100%;
}

.product_description {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    color: #999ca9;
    padding: 16px 0;
}

.product_details {
    width: 100%;
    color: #6c0093;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    text-align: left;
}

.product_main_box .purple_btn {
    min-width: 192px;
    height: 40px;
    font-size: 16px;
    margin-bottom: 0 !important;
    line-height: 12px;
}


.triple {
    max-width: 290px;
    padding: 0;
    margin: 20px;
}

.triple .product_price {
    padding-bottom: 40px;
}

.product_price {
    font-size: 20px;
    font-weight: 800;
    color: #191516;
}

.product_price > div {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    color: #999ca9;
}

.product_green_dot {
    text-align: right;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    padding: 8px 8px 8px 8px;
    background-color: rgba(194, 249, 112, 0.64);
    right: 10px;
    position: absolute;
    top: 100%;
}


.product_img {

    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    min-height: 350px;
    max-height: 350px;
}

.featured .product_img {

    width: 100%;
    max-width: 500px;
    margin-top: 40px;
    max-height: 100%;
}

.featured_product_label {
    width: 104px;
    height: 35px;
    padding: 8px 16px;
    border-radius: 3px;
    background-color: rgba(167, 0, 227, 0.24);
    color: #6c0093;
    font-size: 14px;
    font-weight: 800;
    right: 10px;
    position: absolute;
    line-height: 20px;
}

.product_offer {
    width: 106px;
    height: 35px;
    padding: 8px 16px;
    border-radius: 3px;
    background-color: rgb(253 211 215);
    position: absolute;
    color: #ff495c;
    line-height: 20px;
    left: -63px;
    font-weight: 800;
    text-align: center;
}

.dis_span {
    width: 24px;
    height: 21px;
    left: 6px;
    top: 23px;
    background-color: #ff495c;
    position: absolute;
    transform: rotate(35deg);
    z-index: -1;
}

#product_page_form {
    background-color: white !important;
    margin-top: 0 !important;
}

.white_btn_border:hover {
    background-color: #ccced4;
    color: #6c0093;
}

.white_btn_border {
    height: 48px;
    border-radius: 24px;
    border: solid 1px #a700e3;
    background-color: white;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.06px;
    text-align: center;
    color: #a700e3;
}

.triple.offer {
    z-index: 2;
}

.offer .product_img {
    max-height: 200px;
}

#product_page .oxygen_bg_pricing {
    width: 950px !important;
}

.triple .product_main_box {
    /*margin: 0 40px;*/
}

#product_page_form {
    padding: 40px;
}

.lightbox > img {
    /*max-width: 400px;*/
    /*max-height: 400px;*/
    margin: auto;
}

.lightbox {
    width: 620px;
    height: 620px;
    margin: 0 auto;
}

.product_photo_prev {
    background-color: rgba(242, 242, 244, 0.4);
    border-radius: 4px;
}

.product_photo_prev.col-3 {
    width: 100px !important;
    height: 100px;
    max-width: 100px;
    display: flex;
    align-items: center;
    margin: 10px;
}

.product_photo_prev.selected {
    background-color: rgba(25, 21, 22, 0.32);
}

.form-check.selected_color {

    width: 274px;
    height: 72px;
    padding: 24px;
    border-radius: 6px;
    background-color: white;
    border: solid 1px #a700e3;
    color: black;
}

.form-check.nonselected_color {

    width: 274px;
    height: 72px;
    padding: 24px;
    border-radius: 6px;
    background-color: #f2f2f4;
}

#white_color, #black_color {
    width: 20px;
    height: 20px;
    accent-color: #a700e3;
    margin-top: 3px !important;
}

.choose_color, .product_photo_prev {
    cursor: pointer;
}

details > summary {
    list-style: none;
}

details > summary::-webkit-details-marker {
    display: none;
}

.banner_voucher {

    background-image: url('../img/OxygenOne-BG.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    min-height: 500px;
    margin-top: 120px !important;
}

.bg_banner_v {

    width: 600px;
    height: auto;
    border-radius: 18px;
    right: 50px;
}

.banner_voucher > div {
    color: white !important;
}

.text_banner_v {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 720px;
    padding: 20px;
}

.banner_voucher {

    background-image: url('../img/OxygenOne-BG.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    min-height: 720px;
    margin-top: 120px !important;
}

.bg_banner_v {

    width: 600px;
    height: auto;
    border-radius: 18px;
    right: 17%;
    top: 15%;
}

.banner_voucher > div {
    color: white !important;
}

.text_banner_v {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 80px;
}