:root {
    --primary-color: #B6866D;
    --primary-color-dark: #785746;
    --header-image-padding: 1.6rem;
    --header-image-padding-bottom: 1.6rem;
    --header-animation-duration: 1s;
    --footer-top-padding: 5rem;
    --footer-top-margin: 8rem;
    --content-item-margin: 50px;
    --content-item-margin-1: 75px;
    --image-bg-color: #D9D9D9;

    /* news */

    /* 155px */
    --news-heading-margin: 113px;
    /* 85px */
    --news-row-margin: 42px;
    --news-image-ration: 1.6;
    --news-title-top-margin: 16px;
    /* 71px */
    --news-details-image-margin: var(--content-item-margin-1);

    /* 142px */
    --osebe-heading-margin: var(--news-heading-margin);
    /* 81px */
    --osebe-row-margin: var(--news-row-margin);
    /* 21px */
    --osebe-title-top-margin: 16px;

    /* 85px */
    --services-row-margin: var(--news-row-margin);
}

.header-image.header-carousel {
    --header-image-padding-bottom: 3.6rem;
}

.header-image .background-image {
    aspect-ratio: 1.95;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.header .image-frame-top {
    top: 36px;
}



.header .header-navigation {
    margin-top: 6px;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    :root {
        --header-image-padding: 7rem;
        --header-image-padding-bottom: 7rem;
        --content-item-margin: 100px;
    }

    .header-image.header-carousel {
        --header-image-padding-bottom: 7rem;
    }

    .header .header-navigation {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
}

html {
    font-size: 18px;
}

body {
    font-family: source-sans-pro,sans-serif;
    font-weight: 400;
    font-style: normal;
}


#GDPR {
    display: none;
    position: fixed;
    bottom: 40px;
    left: 20px;
    max-width: 540px;
    width: 90%;
    padding: 20px 40px 70px 20px;
    background: white;
    -webkit-box-shadow: 0 0 4px -2px white;
    -moz-box-shadow: 0 0 4px -2px white;
    box-shadow: 0 0 4px -2px white;
    z-index: 1000;
    font-size: 14px;
}

#GDPR .btn1 {
    position: absolute;
    bottom: 20px;
    right: 40px;
}

#GDPR .close {
    color: var(--primary-color);
    top: 10px;
    right: 15px;
    position: absolute;
    font-size: 12px;
}

a {
    color: inherit;
    text-decoration: none;
}

a:hover {
    color: var(--primary-color-dark);
}

h1 {
    color: var(--primary-color);
    font-weight: 300;
    font-size: 2.6rem;
    line-height: 1;
}

h1.small {
    font-size: 2.333rem;
}

h2 {
    color: var(--primary-color);
    font-size: 1.77rem;
    font-weight: 400;
}

h3 {
    color: var(--primary-color);
    font-size: 1.55rem;
    font-weight: 400;
}

h3 small {
    font-size: .714em;
}

h4 {
    color: var(--primary-color);
    font-weight: 300;
    font-size: 1.33rem;
}

.carousel-caption h1 {
    color: #fff;
}

.carousel-caption {
    left: 0;
    top: 0;
    bottom: auto;
    right: auto;
    width: 100%;
    height: 100%;
    text-align: left;
}

.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    border-radius: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 0.89rem;
    --bs-btn-padding-x: 2.2rem;
}

.btn:hover,
.btn-check:active+.btn,
.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:active,
.btn:hover,
.btn-check:focus+.btn,
.btn:focus {
    background-color: var(--primary-color-dark);
    border-color: var(--primary-color-dark);
    box-shadow: none;
}

.form-control {
    border-radius: 0;
}

.col-5-5 {
    flex: 0 0 auto;
}

.px-6 {
    padding-right: calc(var(--bs-gutter-x) * 4);
    padding-left: calc(var(--bs-gutter-x) * 4);
}
.mb-6 {
    margin-bottom: 6rem !important;
}

footer {
    background-color: var(--primary-color);
    color: #ECD4C3;
}

.icon-telephone,
.icon-mail {
    display: inline-block;
    width: 33px;
    background-repeat: no-repeat;
}

.icon-telephone {
    height: 17px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.095' height='17.144' viewBox='0 0 17.095 17.144'%3E%3Cg id='Group_3637' data-name='Group 3637' transform='translate(-1113.306 -4129.01)'%3E%3Cg id='Group_3629' data-name='Group 3629' transform='translate(1113.306 4129.79)'%3E%3Cpath id='Path_2673' data-name='Path 2673' d='M1127.687,4161.809a8.558,8.558,0,0,1-2.913-.632,13.889,13.889,0,0,1-3.763-2.253,19.073,19.073,0,0,1-3.568-3.8,11.886,11.886,0,0,1-1.985-4.337,5.641,5.641,0,0,1-.015-2.6,2.928,2.928,0,0,1,1.432-1.915c.3-.173.61-.345.921-.5a1.131,1.131,0,0,1,1.444.458q.664,1.069,1.34,2.127c.143.224.3.436.458.654a1.111,1.111,0,0,1-.239,1.58c-.18.137-.355.28-.541.41a1.487,1.487,0,0,0-.521,1.8,1.945,1.945,0,0,0,.241.457,17.652,17.652,0,0,0,3.874,3.867,1.66,1.66,0,0,0,1.43.272,1.261,1.261,0,0,0,.7-.454c.176-.223.348-.449.519-.675a1.092,1.092,0,0,1,1.515-.257q1.4.99,2.869,1.858a1.1,1.1,0,0,1,.392,1.478c-.178.328-.357.655-.553.971a3.018,3.018,0,0,1-2.285,1.434A3.693,3.693,0,0,1,1127.687,4161.809Zm-11.816-12.418a9.522,9.522,0,0,0,2.179,5.607,18.824,18.824,0,0,0,3.647,3.744,12.532,12.532,0,0,0,3.882,2.117,6.36,6.36,0,0,0,2.7.337,2.528,2.528,0,0,0,2.022-1.277c.155-.269.308-.539.455-.812a.549.549,0,0,0-.228-.8c-.285-.17-.577-.333-.855-.515-.649-.426-1.292-.86-1.936-1.293a.543.543,0,0,0-.794.124c-.167.218-.332.438-.5.654a1.824,1.824,0,0,1-.915.636,2.224,2.224,0,0,1-2.044-.36,18.23,18.23,0,0,1-3.6-3.487,4.011,4.011,0,0,1-.653-1,2.087,2.087,0,0,1,.715-2.545c.172-.117.332-.253.5-.379a.541.541,0,0,0,.118-.832c-.243-.345-.49-.686-.717-1.041-.366-.571-.719-1.15-1.074-1.729a.546.546,0,0,0-.7-.271c-.36.19-.718.387-1.066.6a2.164,2.164,0,0,0-.851,1.014A3.778,3.778,0,0,0,1115.871,4149.391Z' transform='translate(-1115.191 -4145.552)' fill='%23ecd4c3'/%3E%3Cpath id='Path_2674' data-name='Path 2674' d='M1125.8,4160.007h0a8.682,8.682,0,0,1-2.949-.64,13.9,13.9,0,0,1-3.792-2.27,19.29,19.29,0,0,1-3.588-3.822,11.948,11.948,0,0,1-2-4.375,5.736,5.736,0,0,1-.014-2.646,3.042,3.042,0,0,1,1.482-1.981c.292-.167.606-.344.925-.507a1.231,1.231,0,0,1,1.584.5c.432.694.883,1.41,1.34,2.125.1.152.206.3.311.449.049.067.1.134.144.2a1.212,1.212,0,0,1-.262,1.726l-.171.132c-.12.094-.245.191-.373.28a1.388,1.388,0,0,0-.482,1.672,1.836,1.836,0,0,0,.227.432,17.64,17.64,0,0,0,3.851,3.843,1.552,1.552,0,0,0,1.341.255,1.153,1.153,0,0,0,.644-.417c.152-.193.312-.4.518-.673a1.2,1.2,0,0,1,1.661-.279c.914.647,1.877,1.27,2.862,1.853a1.2,1.2,0,0,1,.431,1.622c-.181.333-.359.658-.556.976a3.13,3.13,0,0,1-2.362,1.483l-.132.021A3.263,3.263,0,0,1,1125.8,4160.007Zm-9.433-16.15a.893.893,0,0,0-.409.1c-.316.163-.627.338-.917.5a2.836,2.836,0,0,0-1.381,1.848,5.525,5.525,0,0,0,.016,2.549,11.749,11.749,0,0,0,1.968,4.3,19.093,19.093,0,0,0,3.549,3.779,13.7,13.7,0,0,0,3.734,2.236,8.448,8.448,0,0,0,2.875.625,3.1,3.1,0,0,0,.6-.044l.135-.021a2.923,2.923,0,0,0,2.21-1.384c.193-.313.371-.635.55-.965a.991.991,0,0,0-.352-1.335c-.99-.585-1.958-1.212-2.877-1.863a.982.982,0,0,0-1.368.235c-.207.273-.367.482-.521.676a1.364,1.364,0,0,1-.76.491,1.754,1.754,0,0,1-1.518-.29,17.835,17.835,0,0,1-3.9-3.89,2.039,2.039,0,0,1-.255-.481,1.6,1.6,0,0,1,.56-1.923c.124-.086.246-.182.364-.274l.173-.133a1.007,1.007,0,0,0,.216-1.434c-.047-.067-.095-.133-.142-.2-.107-.149-.217-.3-.318-.459-.457-.717-.909-1.433-1.341-2.127A1.072,1.072,0,0,0,1116.368,4143.857Zm9.437,15.572a6.978,6.978,0,0,1-2.144-.376,12.578,12.578,0,0,1-3.915-2.134,19.017,19.017,0,0,1-3.668-3.765,11.473,11.473,0,0,1-2.021-4.237,11.057,11.057,0,0,1-.178-1.434h0a3.864,3.864,0,0,1,.286-1.55,2.269,2.269,0,0,1,.893-1.061c.3-.187.635-.373,1.072-.6a.653.653,0,0,1,.839.31l.175.285c.292.475.593.966.9,1.442.18.282.377.56.568.83l.147.207a.647.647,0,0,1-.141.978l-.154.122c-.112.087-.227.179-.347.262a1.979,1.979,0,0,0-.676,2.418,3.464,3.464,0,0,0,.564.879l.073.092a18.173,18.173,0,0,0,3.583,3.467,2.12,2.12,0,0,0,1.95.344,1.718,1.718,0,0,0,.863-.6c.113-.144.226-.292.335-.436l.166-.218a.65.65,0,0,1,.938-.147l.306.205c.533.359,1.084.729,1.63,1.086.19.125.391.244.585.356l.266.157a.655.655,0,0,1,.267.943c-.133.246-.278.5-.457.815a2.642,2.642,0,0,1-2.1,1.33A5.2,5.2,0,0,1,1125.805,4159.429Zm-11.713-11.937a11.683,11.683,0,0,0,.173,1.376,11.25,11.25,0,0,0,1.986,4.158,18.763,18.763,0,0,0,3.627,3.723,12.369,12.369,0,0,0,3.849,2.1,6.184,6.184,0,0,0,2.654.333,2.409,2.409,0,0,0,1.942-1.224c.178-.309.322-.566.454-.811a.445.445,0,0,0-.189-.658l-.264-.156c-.2-.114-.4-.234-.595-.361-.547-.359-1.1-.73-1.632-1.088l-.305-.206a.437.437,0,0,0-.65.1l-.165.217c-.11.145-.224.294-.338.439a1.924,1.924,0,0,1-.968.671,2.325,2.325,0,0,1-2.137-.375,18.393,18.393,0,0,1-3.625-3.507l-.072-.091a3.675,3.675,0,0,1-.6-.935,2.208,2.208,0,0,1,.754-2.671c.114-.079.227-.167.335-.253l.157-.124a.438.438,0,0,0,.1-.686l-.146-.207c-.192-.271-.391-.552-.574-.837-.307-.479-.608-.971-.9-1.446l-.175-.285a.446.446,0,0,0-.558-.233c-.433.229-.76.413-1.06.6a2.074,2.074,0,0,0-.809.966,3.653,3.653,0,0,0-.268,1.466Z' transform='translate(-1113.306 -4143.644)' fill='%23ecd4c3'/%3E%3C/g%3E%3Cg id='Group_3630' data-name='Group 3630' transform='translate(1120.595 4129.01)'%3E%3Cpath id='Path_2675' data-name='Path 2675' d='M1252.406,4131.01a9.959,9.959,0,0,1,9.226,8.942,1.339,1.339,0,0,1,.01.146.279.279,0,0,1-.258.3.274.274,0,0,1-.3-.254c-.04-.281-.065-.564-.115-.844a9.357,9.357,0,0,0-6.713-7.4,8.816,8.816,0,0,0-1.872-.319c-.25-.016-.389-.19-.312-.392A.3.3,0,0,1,1252.406,4131.01Z' transform='translate(-1251.942 -4130.903)' fill='%23ecd4c3'/%3E%3Cpath id='Path_2676' data-name='Path 2676' d='M1259.464,4138.613a.382.382,0,0,1-.382-.347c-.015-.1-.028-.21-.041-.316-.021-.172-.043-.351-.074-.523a9.252,9.252,0,0,0-6.638-7.313,8.742,8.742,0,0,0-1.849-.315.47.47,0,0,1-.376-.2.37.37,0,0,1-.029-.34.4.4,0,0,1,.44-.251h0a10.067,10.067,0,0,1,9.324,9.038,1.515,1.515,0,0,1,.01.157.389.389,0,0,1-.357.406Zm-8.98-9.389c-.147,0-.19.06-.21.113a.162.162,0,0,0,.009.149.263.263,0,0,0,.211.1,8.976,8.976,0,0,1,1.894.323,9.492,9.492,0,0,1,6.789,7.481c.032.178.055.36.076.536.013.1.026.207.04.311a.169.169,0,0,0,.188.163.174.174,0,0,0,.16-.193,1.345,1.345,0,0,0-.009-.135,9.854,9.854,0,0,0-9.127-8.847Z' transform='translate(-1250.047 -4129.01)' fill='%23ecd4c3'/%3E%3C/g%3E%3Cg id='Group_3631' data-name='Group 3631' transform='translate(1121.147 4131.11)'%3E%3Cpath id='Path_2677' data-name='Path 2677' d='M1262.744,4170.4c.148.033.344.072.536.122a8.243,8.243,0,0,1,6,6.117c.011.046.024.094.031.143a.286.286,0,0,1-.22.342.28.28,0,0,1-.329-.22c-.039-.141-.066-.286-.109-.425a7.612,7.612,0,0,0-5.848-5.484c-.06-.015-.122-.022-.182-.038a.282.282,0,0,1-.216-.32A.3.3,0,0,1,1262.744,4170.4Z' transform='translate(-1262.293 -4170.293)' fill='%23ecd4c3'/%3E%3Cpath id='Path_2678' data-name='Path 2678' d='M1267.136,4175.343a.389.389,0,0,1-.374-.3c-.017-.062-.032-.126-.046-.186-.02-.083-.038-.16-.062-.237a7.507,7.507,0,0,0-5.771-5.412l-.078-.015c-.034-.006-.07-.013-.106-.022a.388.388,0,0,1-.294-.439.4.4,0,0,1,.436-.326h.012l.021,0,.142.031c.122.026.26.055.4.091a8.345,8.345,0,0,1,6.074,6.195l.007.028c.01.04.019.081.026.124a.391.391,0,0,1-.3.463A.408.408,0,0,1,1267.136,4175.343Zm-6.3-6.73c-.126,0-.209.055-.224.147a.176.176,0,0,0,.137.2c.029.007.059.013.09.019s.06.011.09.018a7.745,7.745,0,0,1,5.925,5.557c.026.084.046.169.065.25.014.06.028.119.044.178a.176.176,0,0,0,.206.144.184.184,0,0,0,.135-.223c-.005-.034-.014-.068-.022-.1l-.007-.03a8.135,8.135,0,0,0-5.919-6.037c-.134-.034-.269-.063-.389-.089Z' transform='translate(-1260.399 -4168.4)' fill='%23ecd4c3'/%3E%3C/g%3E%3Cg id='Group_3632' data-name='Group 3632' transform='translate(1121.761 4133.452)'%3E%3Cpath id='Path_2679' data-name='Path 2679' d='M1274.242,4214.334c.027.009.082.024.135.046a6.523,6.523,0,0,1,3.4,3.257.287.287,0,1,1-.513.246,6,6,0,0,0-3.129-2.993.284.284,0,0,1,.111-.557Z' transform='translate(-1273.813 -4214.228)' fill='%23ecd4c3'/%3E%3Cpath id='Path_2680' data-name='Path 2680' d='M1275.636,4216.3a.413.413,0,0,1-.365-.258,5.92,5.92,0,0,0-3.075-2.94.391.391,0,0,1,.156-.762h.016l.015.005.024.008a.973.973,0,0,1,.118.042,6.65,6.65,0,0,1,3.45,3.309.443.443,0,0,1,.03.343.381.381,0,0,1-.205.216A.4.4,0,0,1,1275.636,4216.3Zm-3.3-3.747a.181.181,0,0,0-.193.132.191.191,0,0,0,.141.22,6.13,6.13,0,0,1,3.183,3.043.188.188,0,0,0,.25.12.165.165,0,0,0,.093-.094.234.234,0,0,0-.021-.178,6.447,6.447,0,0,0-3.343-3.206c-.033-.014-.07-.026-.1-.034Z' transform='translate(-1271.919 -4212.336)' fill='%23ecd4c3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.icon-mail {
    height: 13px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.052' height='12.746' viewBox='0 0 18.052 12.746'%3E%3Cg id='Group_3627' data-name='Group 3627' transform='translate(-3271.003 -2768.063)'%3E%3Cpath id='Path_2668' data-name='Path 2668' d='M3280.029,2774.024l8.526-4.222v-1.239h-9.319m.793,5.461-8.511-4.222v-1.239h7.718m9.319,3.868v7.878H3271.5v-7.878' fill='none' stroke='%23ecd4c3' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.icon-mail {

}

footer a:hover {
    color: #fff;
}

.rtl {
    direction: rtl;
}

footer {
    z-index: 2;
    position: relative;
    padding-top: var(--footer-top-padding);
    padding-bottom: calc(var(--footer-top-padding) * 0.26);
    margin-top: var(--footer-top-margin);
}

hr {
    margin: 0;
    border-color: var(--primary-color);
    opacity: 1;
}

footer .bottom {
    font-size: 0.77rem;
    padding-top: calc(var(--footer-top-padding) * 0.73);
}

.content-pb {
    padding-bottom: var(--content-item-margin);
}

.content-pb-1 {
    padding-bottom: var(--content-item-margin-1);
}

.content-py-1 {
    padding-top: var(--content-item-margin-1);
    padding-bottom: var(--content-item-margin-1);
}

.content-py,
.container-item {
    padding-top: var(--content-item-margin);
    padding-bottom: var(--content-item-margin);
}

.container-full.container-item {
    padding: 0;
    margin-top: var(--content-item-margin);
    margin-bottom: var(--content-item-margin);
}

.list-item img {
    width: 100%;
}
.list-item.rtl img {
    width: auto;
}

.nav-link {
    color: var(--primary-color);
}

.container-full {
    width: 100%;
    overflow: hidden;
    max-height: 727px;
}

.container-full > img {
    width: 100%;
}

/************
* NAVIGATION
 ************/

.head-menu-wrapper {
    background-color: #fff;
}

.header {
    position: relative;
}

.header .header-navigation {
    background-color: #fff;
}

.header .navbar li,
.header .logo-text {
    z-index: 2;
    background-color: #fff;
}

.header .logo-text {
}

.navbar .navbar-toggler {
    border: none;
    display: initial !important;
    padding-right: 0;
}

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

.navbar .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23B6866D' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.header .image-frame-top {
    transition: transform 0.5s;
}

.header .logo-image img,
.header .logo-text img {
    transition: transform 1s;
}

.header .nav-link {
    transition: font-size 1s;
}

.header .navbar-nav li:first-child .nav-link {
    padding-left: calc(var(--header-image-padding) - 71px);
}

.header .logo-text {
    padding: 0 calc(var(--header-image-padding) - 71px);
}

.header .nav-link {
    text-transform: uppercase;
}

.navbar .navbar-toggler-icon {
    width: 26px;
}

.esrr {
    display: none;
}

.header-image {
    width: 100%;
    padding-left: var(--header-image-padding);
    padding-right: var(--header-image-padding);
    padding-bottom: var(--header-image-padding-bottom);
    position: relative;
    margin-bottom: var(--content-item-margin);
}

.header-image > img {
    height: 100%;
    width: 100%;
}

.header-image .carousel {
    aspect-ratio: 1.95;
}

.header-image .carousel-caption {
    top: auto;
    bottom: 0;
    position: relative;
    height: var(--header-image-padding-bottom);
    padding: 0;
}

.header-image .carousel-indicators {
    bottom: -11px;
    margin: 0;
    width: 100%;
    align-items: center!important;
    left: auto;
    right: auto;
}

.header-image .carousel-indicators > div {
    background-color: #fff;
    padding: 0 50px;
    display: flex;
}

.header-image .carousel-indicators [data-bs-target] {
    background-color: var(--image-bg-color);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    width: 50px;
}

.header-image .carousel-indicators .active {
    background-color: var(--primary-color);
}

.header-image .carousel-caption h3 {
    margin: 0;
    padding: 0;
    text-align: center;
}

.image-frame-top,
.image-frame-left,
.image-frame-bottom,
.image-frame-right {
    background-color: var(--primary-color);
    position: absolute;
    height: 0;
    width: 0;
    animation-duration: var(--header-animation-duration);
    animation-fill-mode: forwards;
}

.image-frame-top,
.image-frame-bottom {
    height: 1px;
}

.image-frame-left,
.image-frame-right {
    width: 1px;
}

.header .image-frame-top,
.header-image .image-frame-bottom {
    animation-name: bordergrowwidth;
}

.header .image-frame-top {
    right: var(--header-image-padding);
    animation-delay: unset;
}

.header-image .image-frame-left {
    left: 0;
    animation-name: bordergrowheight;
    animation-delay: calc(1 * var(--header-animation-duration));
}

.header-image .image-frame-bottom {
    bottom: 0;
    left: var(--header-image-padding);
    animation-delay: calc(2 * var(--header-animation-duration));
}

.header-image .image-frame-right {
    right: 0;
    bottom: var(--header-image-padding-bottom);
    animation-name: bordergrowheight;
    animation-delay: calc(3 * var(--header-animation-duration));
}

.header .logo-image,
.header .logo-text img,
.header .navbar,
.header-image > img,
.header-image > .background-image,
.header-image .carousel {
    opacity: 0;
    animation-name: fadeIn;
    animation-delay: calc(4 * var(--header-animation-duration));
    animation-duration: var(--header-animation-duration);
    animation-fill-mode: forwards;
}

.without-header-image .header .logo-image,
.without-header-image .header .logo-text img,
.without-header-image .header .navbar {
    animation-delay: var(--header-animation-duration);
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes bordergrowheight {
    from {
        height: 0;
    }

    to {
        height: calc(100% - var(--header-image-padding-bottom));
    }
}

@keyframes bordergrowwidth {
    from {
        width: 0;
    }

    to {
        width: calc(100% - var(--header-image-padding) * 2);
    }
}

/**************************
* END NAVIGATION
**************************/

/**************************
* MENU
**************************/

#mainMenu {
    flex-direction: row;
    transition: transform .5s ease-in-out;
}

#mainMenu .offcanvas-bg {
    background-image: url("/static/images/menu-bg.webp");
    background-repeat: no-repeat;
    background-size: cover;
}

#mainMenu .menu-head {
    position: relative;
}

#mainMenu .menu-head button.close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
}

#mainMenu .menu-head button.close:focus,
#mainMenu .menu-head button.close:hover {
    border: none;
    background: none;
}

#mainMenu .offcanvas-content {
    --main-menu-content-width: 62%;
    --main-menu-content-width-offset: calc(100% - (var(--main-menu-content-width)/2));
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    display: flex;
}

#mainMenu .offcanvas-content .menu {
    justify-content: space-between;
    flex-grow: 1;
    align-items: center;
}

#mainMenu .offcanvas-content > div {
    width: var(--main-menu-content-width);
}

#mainMenu .offcanvas-content .second-menu .navbar-nav {
     width: var(--main-menu-content-width-offset);
 }

.offcanvas.offcanvas-start {
    width: 100%;
}

#mainMenu .image-frame-top,
#mainMenu .image-frame-left,
#mainMenu .image-frame-bottom,
#mainMenu .image-frame-right {
    position: static;
    transition: transform .5s ease-in-out;
}

#mainMenu .image-frame-top,
#mainMenu .image-frame-bottom {
    transform: scaleX(0);
}

#mainMenu .image-frame-left,
#mainMenu .image-frame-right {
    transform: scaleY(0);
}

#mainMenu.show .image-frame-top,
#mainMenu.show .image-frame-bottom {
    width: var(--main-menu-content-width-offset);
    transform: scaleX(1);
}

#mainMenu.show .image-frame-left,
#mainMenu.show .image-frame-right {
    height: 90%;
    transform: scaleY(1);
}

#mainMenu.show .second-menu .navbar-nav {
    opacity: 1;
    transform: translate(0, 45px);
}


@keyframes bordergrowheight2 {
    from {
        transform: scaleY(0);
    }

    to {
        transform: scaleY(1);
    }
}

@keyframes bordergrowwidth2 {
    from {
        transform: scaleX(0);
    }

    to {
        transform: scaleX(1);
    }
}

/**************************
* END MENU
**************************/

/**************************
* CONTENT
**************************/

body.last .content-details h1 {
    margin-bottom: 2.7rem;
}

.more-button a {
    color: var(--primary-color);
    border-bottom: 1px solid var(--primary-color);
    margin-top: 8px;
}

body.about .cms-content a {
    color: #4857C9;
    text-decoration: underline;
}

body.about .cont-nasi-partnerji .content-text {
    align-self: end !important;
}

/**************************
* END CONTENT
**************************/

/**************************
* PROJECTS
**************************/

.projekti-show footer,
.projekti-show .container {
    display: none
}

.projekti main .container.content > div {
    padding-top: 55px;
    padding-bottom : 100px;
}

.projekti main .image-wrapper {
    aspect-ratio: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--image-bg-color);
}

.projekti main .image-wrapper h1 {
    padding-left: 43px;
    top: 43px;
    position: relative;
    color: #fff;
}

.projekti .project-wrapper .close {
    position: absolute;
    right: 3rem;
    top: 3rem;
    z-index: 100;
}

.projekti .project {
    height: 100vh;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.projekti .project-wrapper .carousel-control-prev,
.projekti .project-wrapper .carousel-control-next {
    opacity: 1;
}

.projekti .project-wrapper .carousel-control-prev-icon {
    background-image: url('/static/images/slide-left.svg');
}

.projekti .project-wrapper .carousel-control-next-icon {
    background-image: url('/static/images/slide-right.svg');
}

.projekti .project-wrapper .description-bg {
    background-image: url("data:image/svg+xml,%3Csvg width='1065' height='442' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cpath stroke='%23ffffff' id='svg_1' d='m0,0l241.47057,0c298.03923,27.33329 478.43136,411.1373 823.52943,442l-1065,0l0,-331.5l0,-110.5z' opacity='undefined' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 60% 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30vw;
    max-height: 442px;
    padding: 3.5vw;
}

.projekti .project .description-bg h1 {
    margin-bottom: 3vw;
}

/**************************
* END PROJECTS
**************************/

/**************************
* SERVICES
**************************/

.services main .bottom-section h4 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.services main .bottom-section .row > div {

    margin-top: var(--services-row-margin);
    margin-bottom: var(--services-row-margin);
}

.services main .bottom-section .row > div svg {
    height: 78px;
}

/**************************
* END SERVICES
**************************/

/**************************
* NOVICE
**************************/

.novice main .header-wrapper {
    padding-bottom: var(--news-heading-margin);
}

.novice main .row > div {
    margin-top: var(--news-row-margin);
    margin-bottom: var(--news-row-margin);
    position: relative;
}


.novice main .image-wrapper {
    aspect-ratio: 1.6;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--image-bg-color);
}

.novice .news-details .image-wrapper {
    margin-bottom: var(--news-details-image-margin);
}

.novice .list h4 {
    margin-top: var(--news-title-top-margin);
    margin-bottom: 29px;
    padding-bottom: 29px;
}

.novice .list .date {
    position: absolute;
    bottom: 0;
}

/**************************
* END NOVICE
**************************/

/**************************
* NASA EKIPA
**************************/

.osebe main .header-wrapper {
    padding-bottom: var(--osebe-heading-margin);
}

.osebe .list h3 {
    margin-top: var(--osebe-title-top-margin);
}

.osebe .list .row > div {
    margin-top: var(--news-row-margin);
    margin-bottom: var(--news-row-margin);
}

.osebe .list .image-wrapper {
    aspect-ratio: 1.3;
    background-color: var(--image-bg-color);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/**************************
* END NASA-EKIPA
**************************/

/**************************
* RESERVATION
**************************/

.reservation .details h4,
.reservation .details p {
    margin: 0;
}

.reservation .details .form {
    margin-top: 64px;
}

/**************************
* END RESERVATION
**************************/

/**************************
* INTRO
**************************/

.intro .esrr {
    display: block;
    position: absolute;
    bottom: 30px;
    right: 0px;
    width: auto;
    height: auto;
}


.intro .header-image > img.esrr {
    opacity: 1;
    animation: none;
}

.intro .header-image {
    padding-bottom: 0;
}

.intro .special-section-0 {
    padding-top: 80px;
    margin-bottom: 200px;
}

.intro .special-section-1 {
    background-image: url("/static/images/intro-bg-1.svg");
    background-position: top right;
    background-size: 50%;
    background-repeat: no-repeat;
    background-color: var(--primary-color);
    padding: 220px 0 160px 0;
    color: #fff;
    height: 840px;
}

.intro .special-section-1 .container,
.intro .special-section-1 .container > div {
    height: 100%;
}

.intro .special-section-1 h2 {
    color: #fff;
}
.intro .special-section-1 .sub-section-2 > div {
    border-top: 1px solid #fff;
    margin-bottom: 40px;
}

.intro .special-section-2 {
    margin-top: 156px;
    margin-bottom: 156px;
}

.intro .special-section-2 h1 {
    margin-bottom: 90px
}

.intro .special-section-2 .image-wrapper {
    aspect-ratio: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--image-bg-color);
    padding: 2.33rem;
    width: 43%;
    margin-right: 14%;
}

.intro .special-section-2 .image-wrapper h1 {
    color: #fff;
}

.intro .special-section-3 {
    margin-top: 120px;
    padding-bottom: 156px;
}

.intro .special-section-3 h1 {
    margin-bottom: 90px
}

/**************************
* END INTRO
**************************/



/**************************
* SHOP
**************************/


.shop main .list .row > div {
    position: relative;
    margin-top: 2.1rem;
    margin-bottom: 2.1rem;
    display: flex;
    flex-direction: column;
}

.shop main .list .info h4 {
    margin-top: var(--news-title-top-margin);
    margin-bottom: 29px;
    padding-bottom: 29px;
}

.shop main .list .info .price {
    position: absolute;
    bottom: 0;
}

.shop main .image-wrapper {
}

.shop main .image-wrapper .image {
    aspect-ratio: 1.5;
    background-size: cover;
    background-position: center;
    background-color: var(--image-bg-color);
}

.shop .shop-details .image-wrapper {
    aspect-ratio: 1;
}

.shop .shop-details h2 {
    font-size: 2rem;
    font-weight: 300;
    margin-bottom: 2rem;
}

.shop .shop-details .text {
    margin-bottom: 3.5rem;
}

/**************************
* END SHOP
**************************/


/*********************
* CONTAINERS
********************/

.container-wrapper {
    padding: 0;
    overflow: hidden;
}

/**************************
* MOBILE
**************************/
@media (max-width: 768px) {

    :root {
        --footer-top-padding: 40px;
        --footer-top-margin: 80px;
    }

    html {
        font-size: 16px;
    }

    h1 {
        font-size: 2.375rem;
    }

    h1.small {
        font-size: 1.75rem;
    }

    h3 {
        font-size: 1.125rem;
    }

    .container {
        --bs-gutter-x: 4rem;
    }

    .container,
    .container-sm {
        max-width: none;
        width: 100%;
    }

    .intro .essr {
        bottom: -67px;
    }

    .header .image-frame-top {
        top: 32px;
    }

    .header .logo-image img {
        left: -14px;
        position: relative;
    }

    .header .header-navigation {
        margin-top: 0;
        padding-top: 6px;
    }

    .header-image .background-image {

    }

    .header-image .background-image,
    .header-image .carousel-item  .background-image {
        aspect-ratio: 0.5;
        width: 100%;
    }


    .header-image .carousel-indicators [data-bs-target] {
        height: 2px;
        width: 22px;
    }

    .header-image .carousel-caption {
        height: 60px;
    }

    .header-image .carousel-caption h3 {
        max-height: 42px;
        overflow: hidden;
    }

    .header-image .carousel-indicators > div {
        padding: 0 22px;
    }

    .intro .esrr {
        bottom: -70px;
    }


    .intro .special-section-0 {
        padding-top: 40px;
        padding-bottom: 62px;
        margin-bottom: 0;
    }

    .intro .special-section-1 {
        background-image: url("/static/images/intro-bg-1-sm.svg");
        background-position: top;
        background-size: contain;
        padding-top: 200px;
        padding-bottom: 54px;
        height: auto;
    }

    .intro .special-section-1 .sub-section-2 {
        padding-top: 35px;
        flex-direction: column!important;
    }

    .intro .special-section-1 .sub-section-2 > div {
        width: 50%;
    }

    .intro .special-section-2 {
        margin-top: 57px;
        margin-bottom: 74px;
    }

    .intro .special-section-3 {
        margin-top: 0;
        padding-bottom: 0;
    }

    .intro .special-section-3 h1 {
        margin-bottom: 40px;
    }

    .header .logo-text {
        padding: 0 19px;
    }

    footer {
        padding-bottom: 35px;
    }

    .intro .special-section-2 .image-wrapper {
        width:100%;
    }

    .carousel-item  .background-image {
        height: 100vw;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .list-item.rtl img {
        width: 100%;
    }

    .projekti main .container.content > div {
        padding-bottom: 55px;
    }

    .projekti .project-wrapper .description-bg {
        height: 100vw;
        background: #ffffff90;
        background-size: cover;
    }

    #mainMenu .offcanvas-content {
        flex-grow: 2;
    }

    #mainMenu.show .second-menu .navbar-nav {
        flex-direction: column !important;
        transform: none;
    }

    .navbar .navbar-toggler-icon {
        width: 17px;
    }


    .shop main .list .row > div {
        position: relative;
        margin-top: 0;
        margin-bottom: 1rem;
        display: flex;
        flex-direction: column;
    }
}

@media (min-width: 768px) {
    .container,.container-md,.container-sm {
        max-width:720px
    }

    .container.content {
        max-width: 478px;
    }

    .col-5-5 {
        flex: 0 0 auto;
        width: 48.66666667%
    }

    .header.shrink .image-frame-top {
        transform: translateY(9px);
    }

    .header.shrink .header-navigation {
        padding: 10px 0;
    }

    .header.shrink .logo-image img {
        transform: scale(0.6, 0.6);
    }
    .header.shrink .logo-text img {
        transform: scale(0.7, 0.7);
    }

    .header.shrink .nav-link {
        font-size: 14px;
    }

    footer {
        font-family: 'Montserrat', sans-serif;
    }

    .projekti .project-wrapper .description-bg {
        background-size: auto 100%;
        background-position-x: 150px;
        min-height: 460px;
    }

    .projekti .project-wrapper .description-bg .tmp-bg {
        background-color: #fff;
        width: 150px;
        height: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 1;
    }

    .projekti .project-wrapper .description-bg .text {
        max-width: 30%;
        z-index: 2;
    }

    .projekti .project-wrapper .description-bg .text h1 {
        max-width: 90%;
    }

    .intro .esrr {
        bottom: 30px;
    }

    .flickity-button {
        background-color: #fff;
        border: 1px solid #305C6C;
    }

    .flickity-prev-next-button .flickity-button-icon {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.894' height='19.787' viewBox='0 0 10.894 19.787'%3E%3Cpath id='Path_2666' data-name='Path 2666' d='M0,0,8.479,8.479,0,16.959' transform='translate(9.479 18.373) rotate(180)' fill='none' stroke='%23305c6c' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-position: center;
        left: 17%;
    }
    .flickity-prev-next-button .flickity-button-icon path {
        display: none;
    }

    .flickity-prev-next-button.previous {
        left: -60px;
    }

    .flickity-prev-next-button.next {
        right: -60px;
        transform: rotate(180deg);
    }

    .special-section-3 .button-wrapper {
        width: 43%;
    }

    body.about .container-item .content-title {
        margin-bottom: 2.22rem;
    }
}

@media (min-width: 992px) {
    .container,.container-lg,.container-md,.container-sm {
        max-width:960px
    }

    .container.content {
        max-width: 718px;
    }
}

@media (min-width: 1200px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl {
        max-width:1140px
    }

    .container.content {
        max-width: 887px;
    }

    .intro .flickity-viewport {

    }
}

@media (min-width: 1680px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        max-width:1666px
    }

    .container.content {
        max-width:1102px
    }

    .intro .flickity-viewport {

    }

    .intro .flickity-viewport .image-wrapper {

    }
}