:root {
    /* UI Colors */
    --uicolor:#318400;
    --uicolor-code:49 132 0;
    --uicolor2: #f2d701;
    --uicolor2-code: 242 215 1;
    --uicolor3:#412a7c;
    --uicolor3-code:65 42 124;
    --uicolor4:#334692;
    --uicolor4-code:51 70 146;

    /* Theme Colors */
    --primary-text:#020b1a;
    --secondarytext:#51535a;
    --background-color:#f8f8f8;
    --background2:#f4f6f0;
    --hover-overlay:#00000008;
    --diver:#e5eaef;
    --positive:#28a745;
    --negative:#dc3545;
    --warning-color:#ffad59;
    --info-color:#17a2b8;
    --whatsapp:#1b7b43;
    --disable-button: #e4e6eb;
    --disable-text: #bcc0c4;    

    /* Fonts */
    --font-family:Alexandria;
    --f-number:Plus Jakarta Sans;
    --f-logo:Plus Jakarta Sans;
    --_fa-family:var(--fa-family,var(--fa-style-family,"Font Awesome 7 Pro"));

    /* Borders */
    --border: 1px solid var(--diver);
    --border-hover:#e5eaef52;

    /* Border Radius */
    --largeradius:25px;
    --miniradius:15px;
    --xlargeradius:40px;

    /* Shadow */
    --box-shadow-defult:0px 0px 15px #0000002b;
    --box-shadow-hover:#dbdce700 0px 0px 0px 1px,0px 15px 32px -14px #09234012,0px 4px 2px -3px #09234012;

    /* Consebt Vars */
    --container-width:1440px;
    --container-padding--value:40px;
    --container-padding:0 var(--container-padding--value);
    --fsize:14px;

    /* Icons */
    --chevron:'\f053';
    --plus-icon:'\e59e';
    --check-icon:"\f00c";    
}

/* BASIC */
* {margin:0; padding:0; outline:0; box-sizing:border-box; font-family:inherit; word-break:break-word; vertical-align:middle;}
body {font-family:var(--font-family); line-height:1.2; background:var(--bgcolor); font-size:var(--fsize) -webkit-font-smoothing:antialiased;}
a {text-decoration:none;color:var(--primary-text)}
img {max-width:100%;}
ul {list-style:none}

/* SCROLLER STAFF */
::-webkit-scrollbar {width:6px}
::-webkit-scrollbar-thumb {background:var(--uicolor); border-radius:50px}
::-webkit-scrollbar-track {background:var(--background-color)}

[scroll-bars]::-webkit-scrollbar{width:5px;height:0;}
[scroll-bars]:hover::-webkit-scrollbar-thumb{background:#0000001f;}
[scroll-bars]::-webkit-scrollbar-thumb{background:#00000000;}
[scroll-bars]::-webkit-scrollbar-track{background:transparent;}

.container{
    padding:var(--container-padding);
    max-width:var(--container-width);
    margin:0 auto
}

.messenger {--sociaColor:rgb(0, 153, 255)}
.twitter {--sociaColor:#000000}
.facebook {--sociaColor:#3b5998}
.linkedin {--sociaColor:#007AB5}
.instagram, .pinterest {--sociaColor:#CB2029}
.email {--sociaColor:#444}
.whatsapp {--sociaColor:#4DC247}
.telegram {--sociaColor:#34ADE1}
.youtube {--sociaColor:#FF0000}

.-mobile-menu-button{display:none}
.--company-menu-mobile{display:none}

.-button-loader {position:absolute; margin:0 auto; width:26px; background:var(--disable-button);}
.-button-loader .circular {animation:2s linear infinite rotate; height:100%; transform-origin:center center; width:100%; position:absolute; inset:0px; margin:auto}
.-button-loader .path {stroke-dasharray:40, 80; stroke-dashoffset:0; animation:1.5s ease-in-out infinite dash, 6s ease-in-out infinite color; stroke-linecap:round; stroke:var(--uicolor)}
.-button-loader::before {content:""; display:block; padding-top:100%}

@-webkit-keyframes rotate {
100% {transform:rotate(360deg)}
}
@keyframes rotate {
100% {transform:rotate(360deg)}
}

.GotoTop {
    z-index:9999;
    --elwh:50px;
    width:var(--elwh);
    height:var(--elwh);
    left:40px;
    border-radius:50%;
    justify-content:center;
    cursor:pointer;
    transition:180ms;
    border: 2px solid var(--uicolor);
    transform:translateY(150px);
    bottom:20px;
    font-size: 23px;
    text-align: center;
    display: flex;
    align-items: center;
    transition: 180ms all ease;
    backdrop-filter: blur(10px);
    background: var(--uicolor);
    color: white;
    position:fixed;
}

.GotoTop:hover {   
    color: var(--uicolor);
    background: rgb(var(--uicolor-code)/25%);
}

.GotoTop > i {
    font-weight: 100;
}
.GotoTop.visible {
    transform:translateY(0);
    visibility:visible;
    opacity:1;
}
.btn-fixed-bh{
    display:flex;
    flex-direction:column;
    right:15px;
    z-index:1200;
    bottom:0;
    position:fixed;    
}
.--yourcolor--button--phones {
    display:flex;
    align-items:center;
    --el--w:60px;
    width:var(--el--w);
    height:var(--el--w);
    background:var(--uicolor2);
    border-radius:50%;
    z-index:55;
    margin-bottom:15px;
    box-shadow:0 0 9px var(--uicolor2);
    justify-content:center;
    color:var(--primary-text);
    cursor: pointer;
}
.--yourcolor--button--phones.-share-item {
    background: var(--uicolor);
    color: white;
    box-shadow: 0 0 9px var(--uicolor);
}
.--yourcolor--button--phones.is-btn-loader {
    background: #eff4fc;
    box-shadow: 0 0 9px #4f4f4f;
}
.--yourcolor--button--phones>a {
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    color:inherit;
    font-size:30px;
    position:relative;
}
.--YourColor--phone-button>a:after, .--YourColor--phone-button>a:before {
    content:"";
    display:block;
    position:absolute;
    border:2px solid var(--uicolor2);
    inset:-20px;
    border-radius:50%;
    animation:1.5s linear infinite animate;
    opacity:0;
}
.--YourColor--phone-button>a::after {
    animation-delay:.5s;
}
.--YourColor--whatsapp-button {
    background:var(--whatsapp);
    box-shadow:0 0 9px #00000063;
    color:white;
}
@keyframes animate {
    0% {
        transform:scale(.5);
        opacity:0
    }
    50% {
        opacity:1
    }
    100% {
        transform:scale(1.2);
        opacity:0
    }
}