@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');

:root {
    --primary-color: #c24c3a;
    --primary-color-darken: #9b3d2e;
    --second-color: #37474F;
    --second-color-lighten: #5d7885;
    --breakpoint-sm: 576px;
}

/* Common  */
body {
    font-size: clamp(16px, 5vw, 18px);
    line-height: 1.5;
    color: #60666A;
    font-family: "Mulish", sans-serif;
}


h1,h2,h3,h4,h5,h6{
    color: var(--second-color);
    font-weight: bold;
    line-height: 1.2;
    margin-block-start: 0;
    margin-block-end: 1.25rem;
}

h2{
    font-size: 2rem;
}
h6{
    font-size: 0.9rem;
}

.btn{
    display: inline-block;
    padding: 0 19px;
    line-height: 42px;
    border-radius: 6px;
    background-color: #eee;
    color: var(--primary-color) !important;
    font-size: 0.875rem;
    font-weight: bold;
    margin: 4px;
    transition: all 0.3s;
    outline: none;
    border:0;
    cursor: pointer;
}

.btn:hover {
    background-color: #ddd;
}

.btn.btn-primary{
    background-color: var(--primary-color);
    color: #fff !important;
}
.btn.btn-primary:hover{
    background-color: var(--primary-color-darken);
}
.btn.btn-primary.outline{
    background-color: transparent;
    color: var(--primary-color) !important;
    box-shadow: inset 0px 0px 0px 2px var(--primary-color);
}
.btn.btn-primary.outline:hover{
    background-color: transparent;
    color: var(--primary-color-darken) !important;
    box-shadow: inset 0px 0px 0px 2px var(--primary-color-darken);
}



.btn.btn-second{
    background-color: var(--second-color);
    color: #fff !important;
}

.btn.btn-second:hover{
    background-color: var(--second-color-lighten);
}



.container{
    max-width: 1200px;
    padding-left: 1rem;
    padding-right: 1rem;
}
.container .container{
    padding-left: 0;
    padding-right: 0;
}

.link-item{
    display:inline-block;
}


.text-primary{
    color: var(--primary-color) !important;
}

a{
    color: var(--second-color-lighten);
}
a:hover{
    color: var(--second-color);
}

/* Header */
header{
    background-image:url(/media/3qdjbrxw/c1178fbffc7944a88dc8e9ec8be488f1.webp);
    background-position: 20% 0;
    background-size: contain;
    background-repeat: no-repeat;
}
.header-top {
    border-bottom: 2px solid #e5e5e5;
    padding: 39px 0;
    display:flex;
    justify-content: space-between;
}
@media (max-width: 576px){
   .header-top {
        padding: 16px 0;
    } 
}
.header-bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
    header.sticky {
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    }


.languages {
    display: flex;
    align-items: end;
    justify-content: flex-end;

}

.logo {
    display: flex;
    align-items: center;
}

.logo a {
    display: block;
    height: 70px;
}


.logo img {
    height: 100%;
}

/* Navigation */

.main-nav ul{
    margin:0;
}


.main-nav ul.lv0 {
    display: flex;
    align-items: center;
}

.main-nav ul.lv0>li {
    height: 100%;
    display: flex;
    align-items: center;
    min-height:70px;
}

.main-nav ul.lv0 > li > a{
    display: flex;
    align-items: center;
    line-height: 1.2;
    padding: 10px 18px;
    font-weight: 800;
    font-size:1.05rem;
    color: var(--second-color);
}
.main-nav ul.lv0 > li:not(.current):hover > a{
    color: var(--second-color-lighten);
}

.main-nav ul.lv0 > li.current > a{
    color: var(--primary-color);
}

.main-nav ul.lv0 > li.has-child > a:after{
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    content: '\f078';
    margin-left: 4px;
    font-size:8px;
    transition: transform 0.2s ease-in-out;
}
.main-nav ul.lv0 > li.has-child:hover > a:after{
    transform: scaleY(-1);
}


.main-nav ul.lv0 ul {
    text-align: left;
    width: auto !important;
    min-width: 100%;
    background: var(--second-color);
    box-shadow: 0 9px 8px rgba(0, 0, 0, .11);
    padding: 8px;
    transition: all 0.3s;
}

.main-nav ul.lv1 a{
    display: block;
    white-space: nowrap;
    margin: 0;
    padding: 5px 16px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    line-height: 29px;
    min-width: 200px;
}
.main-nav ul.lv1 a:hover{
    color:#fff;

}





/* Footer */
footer{
    background-color: var(--second-color);
    background-image: url(/media/tywoauyc/d466c34d86d54e85b2779a2072cc7398.webp);
    background-position: 20% 100%;
    background-size: 639px 213px;
    background-repeat: no-repeat;
    color:#fff;
    padding-top:60px;
    padding-bottom:60px;
    font-size:1rem;
}
footer a{
    color:#fff;
}
footer a:hover{
    color: rgba(255,255,255,0.7);
}

.footer-nav{
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(4, auto);
    gap: 0.825rem;
}

.footer-nav .link-item{
    display:block;
    width:100%;
    max-width:250px;
}

.footer-logo{
    text-align: right;
}
.footer-logo img{
    width:200px;
    filter: brightness(0) saturate(100%) invert(100%) sepia(5%) saturate(7481%) hue-rotate(286deg) brightness(107%) contrast(107%);
    opacity: 0.4;
}

.footer-top{
    margin-bottom:70px;
}
.footer-bottom{
    margin-bottom:50px;
}


.footer-bottom .block-grid-col{
    overflow: hidden;
}
.copyright{
    display:inline-block;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.3);
    position: relative;

}

.copyright:after{
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    left: calc(100% + 10px);
    width: 1200px;
    height: 2px;
    background: rgba(255, 255, 255, 0.3);
    
}


/* popup */

.jquery-modal.blocker{
    z-index: 1000;
}