@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;600&family=Roboto:wght@300&display=swap');

/*Fonts*/

@import url("https://use.typekit.net/njk5xsu.css");

/******/



/********* CSS INDEX *********
    00. Global Variables
    01. Button Right
        01.1 btn accessibility 
    02. Layout
        02.1 Sidebar accessibility 
    03. Fonts
******************************/

/*00. Global Variables*/
:root {
    --orange: #F26532;
    --darkgreen: #497128;
    --black: #000000;
    --white: #ffffff;
    --dark-blue: #1f2533;
    --bg-color-sidebar-body:#FFF;
    --bg-color-sidebar-top:#FFF; 
    --bg-color-sidebar-footer:#2F2E30; 
    --bg-color-on-btn: #7AC143;
    --bg-botton: #FFFFFF;
    --btn-color: #232323;
    --btn-color-mobile: rgba(35,35,35,0.83);
    --color-title1-sidebar:#4A4A4A;
    --color-title2-sidebar:#7AC143;
    
}
/* 01.1: btn accessibility */

.side-accessibility-btn {
    top: 440px;
    right: 0px;
}

.side-accessibility-btn {
    position: fixed;
    color: #232323;
    font-weight: 300;
    text-transform: uppercase;
    z-index: 1800;
    padding: 5px 15px;
    font-size: 4vw;
    letter-spacing: 0.05em;
}
.side-accessibility-btn:hover {
    cursor: pointer;
}
.acsb-start {
    position: absolute;
    left: -9%;
    top: 0vh;
    background-color: var(--bg-botton);
    border-radius: 0.5vw 0 0 0.5vw;
    box-shadow: -2px 0px 5px 0px rgba(104,97,97,0.33);
    -webkit-box-shadow: -2px 0px 5px 0px rgba(104,97,97,0.33);
    -moz-box-shadow: -2px 0px 5px 0px rgba(104,97,97,0.33);
}
@media only screen and (min-width: 2048px){
     .acsb-start {
        position: absolute;
        left: -14%;
        top: 0;
    }
}
@media only screen and (max-width: 767px){
.side-accessibility-btn {
    font-size: 6vw;
    padding: 5px 8px;
    line-height: 0.9;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    border-top: 0;
    top:15%;
    right: 0;
}

.acsb-start {
    position: absolute;
    left: 0%;
    top: 0;
}
.acsb-widget .acsb-header .acsb-header-option i {
    font-size: 6vw;
}
.acsb-widget .acsb-header .acsb-header-option {
    width: 7vw;
    height: 7vw;
}

}
/* 02.1: Sidebar accessibility */

.acsb-lock-scroll {
    overflow: hidden !important
}

.acsb-iframe-explainer {
    display: block;
    width: 100%;
    height: 0;
    padding: 0;
    overflow: hidden
}

.acsb-visible-overflow {
    overflow: visible !important
}

.acsb-block {
    display: block !important
}

.acsb-focuser {
    position: fixed;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    background: transparent;
    z-index: 9999 !important;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.acsb-focuser.acsb-focuser-top {
    top: auto;
    left: auto;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    top: 0;
    left: 0;
    right: 0;
    margin: auto
}

.acsb-opacity-shown {
    opacity: 1 !important
}

.acsb-cancel-transition {
    -webkit-transition: transform .001s linear !important;
    -moz-transition: transform .001s linear !important;
    -o-transition: transform .001s linear !important;
    transition: transform .001s linear !important;
    -webkit-transition-delay: .001s !important;
    -moz-transition-delay: .001s !important;
    -o-transition-delay: .001s !important;
    transition-delay: .001s !important;
    -o-animation-timing-function: step-end !important;
    -moz-animation-timing-function: step-end !important;
    animation-timing-function: step-end !important;
    -o-animation-iteration-count: 1 !important;
    -ms-animation-iteration-count: 1 !important;
    -moz-animation-iteration-count: 1 !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important
}

.acsb-show-mobile {
    display: none !important;
    opacity: 0;
    box-shadow: -2px 0px 5px 0px rgba(104,97,97,0.33);
    -webkit-box-shadow: -2px 0px 5px 0px rgba(104,97,97,0.33);
    -moz-box-shadow: -2px 0px 5px 0px rgba(104,97,97,0.33);
}

@media screen and (max-width: 980px) {
    .acsb-show-mobile {
        display: block !important;
        background-color: var(--bg-botton);
        border-radius: 1vw 0 0 1vw;
    }
}

.acsb-show-desktop {
    display: block !important
}

@media screen and (max-width: 980px) {
    .acsb-show-desktop {
        display: none !important
    }
}

.acsb-processing .acsb-overlay {
    display: block
}

.acsb-hidden {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    -webkit-transition: transform .001s linear !important;
    -moz-transition: transform .001s linear !important;
    -o-transition: transform .001s linear !important;
    transition: transform .001s linear !important;
    -webkit-transition-delay: .001s !important;
    -moz-transition-delay: .001s !important;
    -o-transition-delay: .001s !important;
    transition-delay: .001s !important;
    -o-animation-timing-function: step-end !important;
    -moz-animation-timing-function: step-end !important;
    animation-timing-function: step-end !important;
    -o-animation-iteration-count: 1 !important;
    -ms-animation-iteration-count: 1 !important;
    -moz-animation-iteration-count: 1 !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important
}

.acsb-shown {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important
}

.acsb-force-y-auto {
    overflow-y: auto !important
}

.acsb-force-overflow-visible {
    overflow: visible !important
}

.acsb-map-tooltip {
    position: absolute;
    padding: 3px 10px;
    border-radius: 5px;
    max-width: 200px;
    background-color: rgba(0, 0, 0, .8);
    z-index: 9999999
}

.acsb-map-tooltip:hover,
.acsb-map-tooltip:focus {
    z-index: 999999999999
}

.acsb-map-tooltip.acsb-map-high-roles {
    z-index: 99999991
}

.acsb-map-tooltip.acsb-map-sr-only {
    z-index: 99999993
}

.acsb-map-tooltip.acsb-map-alt {
    z-index: 99999993
}

.acsb-map-tooltip ul {
    padding: 0;
    margin: 0
}

.acsb-map-tooltip ul li {
    display: block;
    line-height: 1;
    padding: 0;
    margin: 5px 0;
    color: #fff;
    font-size: 12px
}
/*03. Fonts*/
/*@font-face {*/
/*    font-family:'Din-light';*/
/*    src: url('../assets/fonts/din-condent-light.woff') format('woff');*/
/*    font-style: normal;*/
/*}*/


[class^=acsbi-],
[class*=" acsbi-"],
i[class*=acsbi-],
i[class*=" acsbi-"] {
    font-family: montserrat, sans-serif !important;
    font-weight: 600;
    font-style: normal;

    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.acsbi-chain:before {
    content: ""
}

.acsbi-thought:before {
    content: ""
}

.acsbi-eye:before {
    content: ""
}

.acsbi-target:before {
    content: ""
}

.acsbi-vibrate:before {
    content: ""
}

.acsbi-accessibility:before {
    content: ""
}

.acsbi-bookmark:before {
    content: ""
}

.acsbi-keyboard:before {
    content: ""
}

.acsbi-overlay:before {
    content: ""
}

.acsbi-question:before {
    content: ""
}

.acsbi-sides:before {
    content: ""
}

.acsbi-invert:before {
    content: ""
}

.acsbi-light:before {
    content: ""
}

.acsbi-monochrome:before {
    content: ""
}

.acsbi-saturation:before {
    content: ""
}

.acsbi-contrast:before {
    content: ""
}

.acsbi-dark:before {
    content: ""
}

.acsbi-links:before {
    content: ""
}

.acsbi-mouse:before {
    content: ""
}

.acsbi-mute:before {
    content: ""
}

.acsbi-navigation:before {
    content: ""
}

.acsbi-print:before {
    content: ""
}

.acsbi-voice:before {
    content: ""
}

.acsbi-cursor:before {
    content: ""
}

.acsbi-cursor_full:before {
    content: ""
}

.acsbi-focus:before {
    content: ""
}

.acsbi-image:before {
    content: ""
}

.acsbi-letter:before {
    content: ""
}

.acsbi-space:before {
    content: ""
}

.acsbi-word_spacing:before {
    content: ""
}

.acsbi-line_height:before {
    content: ""
}

.acsbi-magnifier:before {
    content: ""
}

.acsbi-search:before {
    content: ""
}

.acsbi-size:before {
    content: ""
}

.acsbi-text_center:before {
    content: ""
}

.acsbi-text_justify:before {
    content: ""
}

.acsbi-text_left:before {
    content: ""
}

.acsbi-text_right:before {
    content: ""
}

.acsbi-zoom:before {
    content: ""
}

.acsbi-checkmark:before {
    content: ""
}

.acsbi-font:before {
    content: ""
}

.acsbi-heading:before {
    content: ""
}

.acsbi-link:before {
    content: ""
}

.acsbi-help:before {
    content: ""
}

.acsbi-hide:before {
    content: ""
}

.acsbi-reset:before {
    content: ""
}

.acsbi-bullhorn:before {
    content: ""
}

.acsbi-chevron_down:before {
    content: ""
}

.acsbi-chevron_up:before {
    content: ""
}

.acsbi-close:before {
    content: ""
}

.acsb-widget {
    display: block;
    position: fixed;
    background-color: #f7fcff;
    color: #1f2533;
    visibility: visible;
    width: 100%;
    max-width: 37vw;
    padding-bottom: 3vw;
    height: auto;
    max-height: none;
    top: 48%;
    left: 30px;
    bottom: auto;
    font-family: 'Din-light', sans-serif !important;
    /*overflow: hidden !important;*/
    opacity: 1;
    text-transform: none;
    direction: ltr;
    text-align: left;
    border-radius: 0 0 1vw 1vw;
    user-select: none;
    outline: none 0 !important;
    letter-spacing: 0;
    line-height: 1;
    z-index: 999;
   
    will-change: transform, opacity, height;
    box-shadow: 0 10px 30px rgba(60, 80, 170, .1);
    -webkit-transition: opacity 0.15s ease, margin-top 0.15s ease, height 0.15s ease-out, transform 0.3s ease-out;
    -moz-transition: opacity 0.15s ease, margin-top 0.15s ease, height 0.15s ease-out, transform 0.3s ease-out;
    -o-transition: opacity 0.15s ease, margin-top 0.15s ease, height 0.15s ease-out, transform 0.3s ease-out;
    transition: opacity 0.15s ease, margin-top 0.15s ease, height 0.15s ease-out, transform 0.3s ease-out;
    -webkit-transform: translateY(-45%);
    -moz-transform: translateY(-45%);
    -ms-transform: translateY(-45%);
    -o-transform: translateY(-45%);
    transform: translateY(-45%)
}
.overlay-mobile-acsb {
    display: none;
}
@media only screen and (max-width: 767px) and (orientation:portrait){
.acsb-widget {
    width: 95% !important;
    height: 40% !important;
    max-height: none !important;
    max-width: 95% !important;
    margin: auto !important;
    /*margin-top: 150px !important;*/
    left: 0 !important;
    right: 0 !important;
    bottom: -102%;
    /*-webkit-transform: translateY(-50%);*/
    /*-moz-transform: translateY(-50%);*/
    /*-ms-transform: translateY(-50%);*/
    /*-o-transform: translateY(-50%);*/
    /*transform: translateY(-50%);*/
}
.overlay-mobile-acsb {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    opacity: 0;
    z-index: 998;
}

}
@media only screen and (max-width: 812px) and (orientation:landscape) {
    .acsb-widget {
        width: 95% !important;
        height: 68% !important;
        max-height: none !important;
        max-width: 70vw !important;
        margin: auto !important;
        margin-top: 150px !important;
        left: 0 !important;
        right: 0 !important;
        top: auto;
        bottom: -102%;
        /*-webkit-transform: translateY(-50%);*/
        /*-moz-transform: translateY(-50%);*/
        /*-ms-transform: translateY(-50%);*/
        /*-o-transform: translateY(-50%);*/
        /*transform: translateY(-50%);*/
    }
    .side-accessibility-btn {
        font-size: 3vw;
        padding: 5px 8px;
        line-height: 0.9;
        border-top: 0;
        top: 35%;
        right: 0;
    }
    .acsb-widget .acsb-header .acsb-header-option i {
        font-size: 5vw;
    }
    .acsb-widget .acsb-header .acsb-header-option {
        width: 5vw;
        height: 5vw;
    }
    .overlay-mobile-acsb {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background-color: rgba(0,0,0,0.5);
        height: 100%;
        width: 100%;
        opacity: 0;
        z-index: 998;
    }
    
}
@media only screen and (min-width: 768px) and (max-width:1024px) {

    .acsb-widget {
        display: block;
        position: fixed;
        background-color: #f7fcff;
        color: #1f2533;
        visibility: visible;
        width: 100%;
        max-width: 47vw;
        padding-bottom: 3vw;
        height: 23%;
        max-height: none;
        bottom: -102%;
        left: 30px;
        /*bottom: auto;*/
    
    }
   
    .acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box .acsb-profiles .acsb-profile .acsb-profile-content .acsb-profile-name {
        font-size: 1.5vw;
    }
}
.acsb-widget .acsb-range-button,
.acsb-widget .acsb-action-box.acsb-active, 
.acsb-widget .acsb-action-box:active, 
.acsb-widget .acsb-button:hover, 
.acsb-widget .acsb-button:focus, 
.acsb-widget .acsb-button.acsb-button-colorized, 
.acsb-widget .acsb-loader .acsb-loader-block, 
.acsb-widget .acsb-profile.acsb-active .acsb-profile-toggle .acsb-toggle:after, 
.acsb-navigator .acsb-navigator-options .acsb-navigator-given-options .acsb-navigator-given-buttons .acsb-navigator-given-button:hover, 
.acsb-navigator .acsb-navigator-options .acsb-navigator-given-options .acsb-navigator-given-buttons .acsb-navigator-given-button:focus, 
.acsb-navigator .acsb-navigator-options .acsb-navigator-all-options .acsb-navigator-option-group .acsb-navigator-option:hover, 
.acsb-navigator .acsb-navigator-options .acsb-navigator-all-options .acsb-navigator-option-group .acsb-navigator-option:focus, 
.acsb-navigator .acsb-navigator-options .acsb-navigator-given-options .acsb-navigator-given-buttons .acsb-navigator-given-button:hover {
    background-color: var(--bg-color-on-btn) !important;
}



.acsb-widget.acsb-ie svg,
.acsb-widget.acsb-ie img {
    max-height: 15px
}

.acsb-widget.acsb-ready {
    display: block !important
}

.acsb-widget .acsb-active {
    opacity: 1;
    visibility: visible;
    height: 75%;
    pointer-events: auto;
    margin-top: 0 !important;
    /*-webkit-transform: translateY(-15%);*/
    /*-moz-transform: translateY(-15%);*/
    /*-ms-transform: translateY(-15%);*/
    /*-o-transform: translateY(-15%);*/
    /*transform: translateY(-15%);*/
    /* -webkit-transition: all .5s ease;*/
    /*-moz-transition: all .5s ease;*/
    /*-o-transition: all .5s ease;*/
    /*transition: all .5s ease;*/
}

.acsb-widget.acsb-active .acsb-main {
    visibility: visible;
    overflow-y: hidden;
}

.acsb-widget.acsb-active .acsb-main .acsb-main-options {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.acsb-widget.acsb-active .acsb-main .acsb-actions-box {
    overflow: hidden
}

.acsb-widget.acsb-active .acsb-main .acsb-actions-box .acsb-actions-group .acsb-action-box .acsb-big-box-element select {
    display: block !important
}

.acsb-widget.acsb-processing.acsb-processing-done .acsb-loader .acsb-loader-block .acsb-loader-actual {
    display: none
}

.acsb-widget.acsb-processing.acsb-processing-done .acsb-loader .acsb-loader-block i {
    opacity: 1;
    visibility: visible
}

.acsb-widget.acsb-processing .acsb-loader {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.acsb-widget.acsb-processing .acsb-loader .acsb-loader-block {
    display: flex;
    justify-content: center;
    align-items: center
}

.acsb-widget.acsb-rtl {
    direction: rtl;
    text-align: right
}

.acsb-widget.acsb-rtl .acsb-header .acsb-language i {
    margin-left: 0;
    margin-right: 5px
}

.acsb-widget.acsb-rtl .acsb-header .acsb-language .acsb-language-flag {
    margin-right: 0;
    margin-left: 5px
}

.acsb-widget.acsb-rtl .acsb-main .acsb-hero .acsb-hero-actions .acsb-hero-action i {
    margin-right: 0;
    margin-left: 3px
}

.acsb-widget.acsb-widget-position-left {
    left: 30px;
    right: auto
}

.acsb-widget.acsb-widget-position-right {
    right:calc(0px - 37.5%);
    left: auto;
}

.acsb-widget .acsb-header {
    position: relative;
    height: 30px;
    padding: 0 15px;
    /*overflow: hidden;*/
    background-color: var(--bg-color-sidebar-top);
}


.acsb-widget .acsb-header .acsb-header-option {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 3vw;
    height: 3vw;
    margin-right: 5px;
    /*border-radius: 50%;*/
    cursor: pointer;
    z-index: 1;
    background-color: transparent;
    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease
}

.acsb-widget .acsb-header .acsb-header-option:hover,
.acsb-widget .acsb-header .acsb-header-option:focus {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15)
}

@media screen and (max-width: 980px) {
    .acsb-widget .acsb-header .acsb-header-option.acsb-header-option-position {
        display: none !important
    }
}

.acsb-widget .acsb-header .acsb-header-option i {
    font-size: 2vw;
    color: var(--btn-color);
}

@media screen and (max-width: 700px) {
    .acsb-widget .acsb-header .acsb-header-option i {
        font-size: 5vw;
        
    }
}

.acsb-widget .acsb-header:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*background-color: rgba(0, 0, 0, .1);*/
    z-index: 0;
    content: ""
}

.acsb-widget .acsb-main {
    position: relative;
    height: calc(100% - 30px);
    overflow: hidden;
    visibility: visible;
    scrollbar-color: #ccc transparent;
    scrollbar-width: thin
}

.acsb-widget .acsb-main::-webkit-scrollbar {
    width: 7px
}

.acsb-widget .acsb-main::-webkit-scrollbar-track {
    border-radius: 50px;
    background-color: transparent
}

.acsb-widget .acsb-main::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 50px
}

.acsb-widget .acsb-main:after {
    position: absolute;
    background-color: var( --bg-color-sidebar-body);
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    z-index: -1;
    content: ""
}

@media screen and (max-width: 700px) {
    .acsb-widget .acsb-main:after {
        height: 350px
    }
}

.acsb-widget .acsb-main .acsb-hero {
    text-align: center;
    padding: 0px 15px
}

.acsb-widget .acsb-main .acsb-hero .acsb-hero-title {
    font-size: 1.6vw;
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-style: normal;
    color: var(--dark-blue);
}
.acsb-widget .acsb-main .acsb-hero .title1 {
    
    color: var(--color-title1-sidebar) !important;
}

.acsb-widget .acsb-main .acsb-hero .title1 .title2 {
   color: var(--color-title2-sidebar) !important;
}

@media screen and (max-width: 767px) and (orientation:portrait) {
    .acsb-widget .acsb-main .acsb-hero .acsb-hero-title {
        font-size: 16px
    }
}
@media screen and (max-width: 812px) and (orientation:landscape) {
    .acsb-widget .acsb-main .acsb-hero .acsb-hero-title {
        font-size: 2.6vw;
    }
}

@media only screen and (min-width: 768px) and (max-width:1024px) {
     .acsb-widget .acsb-main .acsb-hero .acsb-hero-title {
        font-size: 2.6vw;
    }
}


.acsb-widget .acsb-main .acsb-hero .acsb-hero-actions {
    margin-top: 35px;
    flex-wrap: nowrap;
    justify-content: space-evenly
}

.acsb-widget .acsb-main .acsb-hero .acsb-hero-actions .acsb-hero-action {
    width: 100%;
    max-width: 30%;
    font-size: 15px;
    color: #146ff8;
    cursor: pointer;
    border-radius: 50px;
    padding: 9px 17px;
    background-color: #fff;
    text-decoration: none;
    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease
}

.acsb-widget .acsb-main .acsb-hero .acsb-hero-actions .acsb-hero-action:hover,
.acsb-widget .acsb-main .acsb-hero .acsb-hero-actions .acsb-hero-action:focus {
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -ms-transform: scale(1.07);
    -o-transform: scale(1.07);
    transform: scale(1.07)
}

.acsb-widget .acsb-main .acsb-hero .acsb-hero-actions .acsb-hero-action:active {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.acsb-widget .acsb-main .acsb-hero .acsb-hero-actions .acsb-hero-action i {
    color: #146ff8;
    font-size: 14px
}

@media screen and (max-width: 980px) {
    .acsb-widget .acsb-main .acsb-hero .acsb-hero-actions .acsb-hero-action {
        max-width: 48%;
        margin-top: 10px
    }
}

@media screen and (max-width: 700px) {
    .acsb-widget .acsb-main .acsb-hero .acsb-hero-actions .acsb-hero-action {
        max-width: 300px
    }
}

@media screen and (max-width: 980px) {
    .acsb-widget .acsb-main .acsb-hero .acsb-hero-actions {
        flex-wrap: wrap;
        margin-top: 25px
    }
}

@media screen and (max-width: 700px) {
    .acsb-widget .acsb-main .acsb-hero .acsb-hero-actions {
        flex-direction: column
    }
}
@media only screen and (max-width: 767px) and (orientation:portrait) {
    .acsb-start {
        position: absolute;
        left: 0%;
        top: 0;
        background-color: transparent;
    }
    .acsb-widget .acsb-header .acsb-header-option i {
        font-size: 5vw;
        color: var(--btn-color-mobile);
    }
  
    .acsb-widget .acsb-header .acsb-header-option {
        width: 3vw;
        height: 3vw;
        margin-top: 3vw;
        margin-left: 3vw;
    }
  
}
@media only screen and (max-width: 980px) and (orientation:landscape) {
    .acsb-start {
        position: absolute;
        left: 0%;
        top: 0;
        background-color: transparent;
    }
    .acsb-widget .acsb-header .acsb-header-option i {
        font-size: 3vw;
        color: var(--btn-color-mobile);
    }
    .acsb-widget .acsb-header .acsb-header-option {
        width: 4vw;
        height: 4vw;
        margin-top: 1vw;
        margin-left: 1vw;
    }
}
@media only screen and (min-width: 3000px) {
    .acsb-widget .acsb-header .acsb-header-option i {
        font-size: 1.5vw;
    }
    .acsb-start {
    position: absolute;
    left: -20%;
    top: 0;
}
}

.acsb-widget .acsb-main .acsb-main-options {
    opacity: 1;
    padding: 0 2vw;
    will-change: transform, opacity;
    -webkit-transform: translateY(1vw);
    -moz-transform: translateY(1vw);
    -ms-transform: translateY(1vw);
    -o-transform: translateY(1vw);
    transform: translateY(1vw);
    -webkit-transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out;
    -moz-transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out;
    -o-transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out;
    transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out
}

.acsb-widget .acsb-footer {
    position: absolute;
    width: 100%;
    height: 25px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding: 5px 15px;
    background-color:  var(--bg-color-sidebar-footer) !important;
    box-shadow: 0 10px 30px rgba(60, 80, 170, .1);
    bottom: -1px;
    left: 0;
    border-radius: 0 0 1vw 1vw;
}

.acsb-widget .acsb-footer a {
    display: inline-block;
    line-height: 1;
    color: var(--dark-blue);
    font-size: 14px;
    text-decoration: none
}

.acsb-widget .acsb-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%
}

.acsb-widget .acsb-flex.acsb-flex-auto {
    width: auto
}

.acsb-widget .acsb-flex.acsb-flex-start {
    justify-content: flex-start
}

.acsb-widget .acsb-flex.acsb-flex-end {
    justify-content: flex-end
}

.acsb-widget .acsb-flex.acsb-flex-direction-column {
    flex-direction: column
}

.acsb-widget .acsb-flex.acsb-flex-align-start {
    align-items: flex-start
}

.acsb-widget .acsb-flex.acsb-flex-align-stretch {
    align-items: stretch
}

.acsb-widget .acsb-flex.acsb-flex-center {
    justify-content: center
}

.acsb-widget .acsb-flex.acsb-flex-inline {
    display: inline-flex;
    width: auto
}

.acsb-widget .acsb-flex.acsb-flex-nowrap {
    flex-wrap: nowrap
}

/*.acsb-widget .acsb-header-option .fa-times:hover {*/
/*    font-weight: 500;*/
/*}*/

.acsb-widget .acsb-header .csb-start .acsb-header-option-close:hover {
    cursor: pointer;
    padding: 5px;
}



.acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box {
    position: relative;
    margin: 0 auto;
    padding: 15px;
    /*border-radius: 10px;*/
    margin-bottom: 30px;
    background-color: #fff;
    /*box-shadow: 0 10px 30px rgb(60 80 170 / 10%);box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;*/
    box-shadow: 2px 4px 4px 0px rgba(149, 157, 165, 0.3);
    z-index: 1;
}
.acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box .acsb-actions-title {
    display: block;
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
    color:#232323 !important;
    margin-bottom: 1.5vw;
    line-height: 1.5;
}
@media only screen and (max-width:812px) {
    .acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box .acsb-actions-title {
        font-size: 14px;
    }
}

.acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box .acsb-profiles {
    position: relative;
    margin-top: -10px;
}

.acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box .acsb-profiles .acsb-profile {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 20px 0;
    line-height: 1;
    cursor: pointer;
    /*border-bottom: solid 1.5px #e3e8fb;*/
    outline: 0 !important;
    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease;
}
.acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box .acsb-profiles .acsb-profile .acsb-profile-toggle .acsb-toggle {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 35px;
    border-radius: 10px;
    background-color: #CECCCD;
}
.acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box .acsb-profiles .acsb-profile .acsb-profile-toggle .acsb-toggle .acsb-toggle-option {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 100%;
    font-size: 12px;
    font-family: "proxima-nova", sans-serif;
	font-weight: 700;
	font-style: normal;
    color: #232323;
    text-align: center;
    cursor: pointer;
    z-index: 1;
    -webkit-transition: left .4s linear;
    -moz-transition: left .4s linear;
    -o-transition: left .4s linear;
    transition: left .4s linear;
}
@media only screen and (min-width: 768px) and (max-width:1024px) {
.acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box .acsb-profiles .acsb-profile .acsb-profile-toggle .acsb-toggle .acsb-toggle-option {
        font-size: 1.2vw;
    }
    
}
.acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box .acsb-profiles .acsb-profile .acsb-profile-toggle {
    position: relative;
    width: 25%;
    direction: ltr !important;
}

.acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box .acsb-profiles .acsb-profile.acsb-active .acsb-profile-toggle .acsb-toggle .acsb-toggle-option.acsb-toggle-option-on {
    color: #fff;
}

.acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box .acsb-profiles .acsb-profile:before {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box .acsb-profiles .acsb-profile:before, .acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box .acsb-profiles .acsb-profile:after {
    display: none;
    position: absolute;
    top: 0;
    width: 7px;
    left: -7px;
    height: 100%;
    background-color: transparent;
    content: "";
}
.acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box .acsb-profiles .acsb-profile .acsb-profile-toggle .acsb-toggle:after {
    position: absolute;
    width: 50%;
    height: 105%;
    left: 0;
    background-color: #fff;
    box-shadow: 0 5px 20px rgb(60 80 170 / 20%);
    
    border-radius: 10px;
    z-index: 0;
    content: "";
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: left .4s linear;
    -moz-transition: left .4s linear;
    -o-transition: left .4s linear;
    transition: left .4s linear;
}

.acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box .acsb-profiles .acsb-profile .acsb-profile-content {
    position: relative;
    width: 75%;
    padding-left: 7%;
    padding-right: 50px;
}
.acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box .acsb-profiles .acsb-profile .acsb-profile-content .acsb-profile-name {
    display: block;
    font-size: 16px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    line-height: 1.2;
    color: #232323;
    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease;
}

.acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box .acsb-profiles .acsb-profile .acsb-profile-content .acsb-profile-text {
    display: block;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    color: #232323;
    margin-top: 7px;
    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease;
}
@media only screen and (max-width:767px) and (orientation:portrait) {
    .acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box .acsb-profiles .acsb-profile .acsb-profile-content .acsb-profile-name {
        font-size: 14px;
    }
    .acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box .acsb-profiles .acsb-profile .acsb-profile-content .acsb-profile-text {
     font-size: 12px;
    }
}

@media only screen and (min-width: 768px) and (max-width:1024px) {
    .acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box .acsb-profiles .acsb-profile .acsb-profile-content .acsb-profile-name {
        font-size: 1.5vw;
    }
    .acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box .acsb-profiles .acsb-profile .acsb-profile-content .acsb-profile-text {
     font-size: 1.1vw;
    }
    
}
.acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box .acsb-profiles .acsb-profile .acsb-profile-content i {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #1f2533;
    font-size: 15px;
    background-color: #f2f7fa;
    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.acsb-widget .acsb-main .acsb-main-options .acsb-actions 
 .acsb-actions-box .acsb-profiles .acsb-profile.acsb-active {
    /*background-color: #f2f7fa;*/
    border-bottom: none 0;
    margin-top: -2.5px;
    z-index: 2;
}

.acsb-widget .acsb-main .acsb-main-options .acsb-actions 
.acsb-actions-box .acsb-profiles .acsb-profile.acsb-active:before, 
.acsb-widget .acsb-main .acsb-main-options .acsb-actions 
.acsb-actions-box .acsb-profiles .acsb-profile.acsb-active:after {
    display: block;
}


.acsb-widget .acsb-main .acsb-main-options .acsb-actions .acsb-actions-box .acsb-profiles .acsb-profile.acsb-active .acsb-profile-toggle .acsb-toggle:after {
    left: 50%;
}

.eye img {
    width: 80%;
    height: auto;
}