.container{
    max-width: calc(1140px + 140px);
    padding: 0 20px;
}

.sticky{
    position: absolute;
    z-index: 1050;
    inset: 0 auto auto 0;
    width: 100%;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.sticky:not(.scroll):not(.int){
	background: linear-gradient(to bottom, rgb(0,0,0,60%) 70%,transparent) 100%;
}

.sticky.scroll{
    position: fixed;
    background-color: var(--white);
    box-shadow: 0 6px 24px #0000000d;
}

.sticky.int{
    position: sticky !important;
    background-color: var(--white);
    box-shadow: 0 6px 24px #0000000d;
}

.sticky .container,
.sticky .navbar{
    height: inherit;
}

.sticky .navbar{
    align-items: stretch;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    padding: 0;
}

.sticky .navbar-brand{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    margin-right: 1rem;
}

.sticky .navbar-brand img{
    width: auto;
    height: 150px;
}

.sticky .seclogo,
.sticky .terclogo,
.sticky.int .custom-logo-link{
    display: none;
    display: -webkit-none;
}

.sticky .seclogo img{
    height: 30px;
    filter: brightness(0);
    -webkit-filter: brightness(0);
    -ms-filter: brightness(0);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.sticky.scroll .seclogo,
.sticky.int:not(.scroll) .terclogo{
    display: block;
    display: -webkit-block;
}

.sticky.scroll .custom-logo-link{
    display: none;
    display: -webkit-none;
}

.sticky .headers{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
}

.sticky .headers .header1{
    overflow: hidden;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.sticky.scroll .headers .header1{
    height: 0;
    padding: 0;
}

.sticky .headers .header1{
    display: flex;
    display: -webkit-flex;
    align-items: stretch;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    grid-gap: 1rem;
    padding: 25px 0;
}

.sticky .headers .header1 .telp{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    grid-gap: 12px;
    color: var(--white);
    font-size: 16px;
    font-weight: 700;
}

.sticky .headers .header1 .telp::before{
    content: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.5437 11.3062L12.0436 9.80614C11.8941 9.74242 11.728 9.72899 11.5701 9.76788C11.4123 9.80677 11.2714 9.89587 11.1686 10.0218L9.61861 11.9156C7.18598 10.7686 5.22828 8.81089 4.08132 6.37827L5.9751 4.82824C6.10126 4.72564 6.19054 4.58473 6.22945 4.42684C6.26836 4.26896 6.25477 4.10269 6.19073 3.95322L4.69071 0.453162C4.62043 0.292037 4.49613 0.160484 4.33925 0.0811864C4.18236 0.00188914 4.00273 -0.0201818 3.83132 0.0187795L0.58126 0.768793C0.415998 0.806955 0.26855 0.900007 0.162983 1.03276C0.0574151 1.16552 -3.80697e-05 1.33013 1.8926e-08 1.49974C1.8926e-08 9.51551 6.49699 16 14.5003 16C14.6699 16.0001 14.8346 15.9427 14.9674 15.8371C15.1002 15.7315 15.1933 15.5841 15.2315 15.4187L15.9815 12.1687C16.0202 11.9964 15.9977 11.8161 15.9178 11.6587C15.8379 11.5012 15.7056 11.3766 15.5437 11.3062Z" fill="white"/></svg>');
}

.sticky .header2>*:has(.menu){
    display: flex;
    display: -webkit-flex;
    align-items: stretch;
    width: fit-content;
}

.sticky .menu{
    display: flex;
    display: -webkit-flex;
    align-items: stretch;
    width: fit-content;
    height: 49px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.sticky.scroll .menu{
    height: 71px;
}

.sticky .menu>*{
    display: flex;
    display: -webkit-flex;
    align-items: center;
}

.sticky .menu>*:not(:last-child){
    margin-right: 2rem;
}

.sticky .menu>* a,
#offcv ul li a{
    position: relative;
    color: var(--white);
    font-family: var(--avant);
    font-size: 16px;
    font-weight: 500;
}

.sticky.scroll .menu>* a{
    color: var(--black);
}

.sticky .menu>* a::before,
#offcv ul li a::before{
    content: '';
    position: absolute;
    inset: auto auto 2px 0;
    width: 0;
    height: 2px;
    background-color: var(--main);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.sticky .menu>* a:hover::before,
#offcv ul li a:hover::before{
    width: 20px;
}

.sticky .menu>*.menu-item-has-children{
    position: relative;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    grid-gap: 5px;
}

.sticky .menu>*.menu-item-has-children::after{
    content: '▾';
    color: var(--white);
    height: 22px;
}

.sticky.scroll .menu>*.menu-item-has-children::after{
    color: var(--black);
}

.sticky .menu>*.menu-item-has-children .sub-menu{
    display: none;
    list-style: none;
    position: absolute;
    top: 100%;
    min-width: 235px;
    width: fit-content;
    background: var(--black);
    padding: 10px;
}

.sticky.scroll .menu>*.menu-item-has-children .sub-menu{
    box-shadow: 0 0 24px 6px #0000000d;
}

.sticky.scroll .menu>*.menu-item-has-children .sub-menu{
    background: var(--white);
}

.sticky .menu>*.menu-item-has-children:hover .sub-menu{
    display: block;
}

.sticky .menu>*.menu-item-has-children .sub-menu>*{
    width: 100%;
    padding: 5px 0;
}

.sticky .menu>*.menu-item-has-children .sub-menu>* a{
    display: block;
    display: -webkit-block;
	font-size: 15px;
}

.sticky.int .headers .header1 .telp{
    color: var(--main);
}

.sticky.int .headers .header1 .telp span,
.sticky.int .menu>* a,
.sticky.int .menu>*.menu-item-has-children::after{
    color: var(--title);
}

.sticky.int .menu>*.menu-item-has-children .sub-menu{
    background-color: var(--white);
}

.sticky.int .headers .header1 .telp::before{
    content: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.5437 11.3062L12.0436 9.80614C11.8941 9.74242 11.728 9.72899 11.5701 9.76788C11.4123 9.80677 11.2714 9.89587 11.1686 10.0218L9.61861 11.9156C7.18598 10.7686 5.22828 8.81089 4.08132 6.37827L5.9751 4.82824C6.10126 4.72564 6.19054 4.58473 6.22945 4.42684C6.26836 4.26896 6.25477 4.10269 6.19073 3.95322L4.69071 0.453162C4.62043 0.292037 4.49613 0.160484 4.33925 0.0811864C4.18236 0.00188914 4.00273 -0.0201818 3.83132 0.0187795L0.58126 0.768793C0.415998 0.806955 0.26855 0.900007 0.162983 1.03276C0.0574151 1.16552 -3.80697e-05 1.33013 1.8926e-08 1.49974C1.8926e-08 9.51551 6.49699 16 14.5003 16C14.6699 16.0001 14.8346 15.9427 14.9674 15.8371C15.1002 15.7315 15.1933 15.5841 15.2315 15.4187L15.9815 12.1687C16.0202 11.9964 15.9977 11.8161 15.9178 11.6587C15.8379 11.5012 15.7056 11.3766 15.5437 11.3062Z" fill="rgb(255,202,5)"/></svg>');
}

.sticky .navbar-toggler{
    box-shadow: none;
}

.sticky .navbar-toggler{
    border: none;
}

.sticky .navbar-toggler .navbar-toggler-icon{
    background-image: url(../../assets/img/barsy.svg);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.toggled{
    background-image: url(../../assets/img/xx.svg) !important;
    transform: rotateZ(180deg) !important;
}

.sticky.scroll .navbar-toggler .navbar-toggler-icon{
    filter: brightness(0);
    -webkit-filter: brightness(0);
    -ms-filter: brightness(0);
}

/* OFFCANVAS */

#offcv{
    z-index: 1060;
    background-color: var(--black);
}

#offcv .offcanvas-header{
    justify-content: flex-end;
}

#offcv .offcanvas-body{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

#offcv .btn-close{
    background-color: var(--white);
}

#offcv .logo a{
    display: block;
    margin-bottom: 2rem;
}

#offcv .logo img{
    width: auto;
    height: 150px;
}

#offcv .offcanvas-body ul{
    list-style: none;
    margin: 0;
    padding: 0 !important;
}

#offcv .offcanvas-body ul li{
    padding: 5px 0 !important;
    margin: 0 !important;
}

#offcv .telp{
    color: var(--white);
}

#offcv .offcanvas-body ul.sub-menu{
    border-left: 2px solid var(--main);
    padding-left: .5rem !important;
}

/* OFFCANVAS ! */

/* WHATSAPP */

.wpp{
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-weight: 200;
    position: fixed;
    bottom: 37px;
    right: 36px;
    z-index: 1040;
    display: flex;
    align-items: center;
    width: fit-content;
    height: 46px;
    padding: 0 27px;
    color: #fff !important;
    border-radius: 10px;
    background-color: #25D366;
    box-shadow: 0 3px 25px rgba(37, 211, 102, 50%);
}

.wpp svg{
    margin-right: 14px;
}

/* WHATSAPP ! */

/* MEDIA QUERIES */

@media(max-width: 1260px){
    .sticky .menu>*{
        margin-right: 1vw;
    }
    .sticky .menu>* a{
        text-align: center;
    }
}

@media(max-width:1200px){
    .sticky .menu>*>a{
        white-space: nowrap;
    }
}

@media(max-width:992px){
    .sticky .navbar .header2>*:has(.menu),
    .sticky .headers .header1{
        display: none;
        display: -webkit-none;
    }
    .sticky,
    .sticky .navbar{
        height: fit-content;
    }
    .sticky .navbar{
        align-items: center;
    }
    .sticky .navbar-brand{
        padding: .3125rem 0;
    }
    .sticky.scroll .navbar{
        padding: .5rem 0;
    }
}

@media(max-width: 768px){
    .wpp{
        padding: 0 1rem;
    }
    .wpp svg{
        margin-right: 0;
    }
    .sticky .header1,
    .wpp .t{
        display: none;
    }
}

@media(min-width: 768px){
    .container{
        padding: 0 70px;
    }
}


/* MEDIA QUERIES ! */