/* RESET */
* {box-sizing: border-box; margin: 0; padding: 0}

/* ELEMENTS */
:root{
	--header-h: 70px;
	--container-pd: 25px;
	--fs-1: 3rem;
	--fs-2: 2.4rem;
	--fs-3: 1.7rem;
	--fs-4: 1.3rem;
	--fs-5: 0.9rem;
	--fs-6: 1.7rem;

	--popup-title-pd: 5px;
    --popup-arrw-sz: 24px;
	--popup-close-sz: 24px;
    --popup-close-top: 15px;
    --popup-close-right: 5px;
}
html {font-size: 10px; width: 100%; overflow-x: hidden; scroll-behavior: smooth; scroll-padding-top: var(--header-h)}
body {font-family: sans-serif; font-size: 1.8rem; font-weight: 400; letter-spacing: 0; color: #414141; min-height: 100vh; min-height: 100dvh; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: flex; flex-direction: column}
h1, h2, h3, h4, h5, h6 {font-family: inherit; font-weight: 400; line-height: 1.1; color: inherit; margin-top: 0}
*:before, *:after {box-sizing: border-box}
.amp a {color: inherit; text-decoration: none}
.amp button {cursor: pointer}
.amp figure,
.amp picture {font-size: 0; display: inline-flex}
.amp img,
.amp video {display: inline-block; height: auto; width: auto; max-width: 100%}
.amp p {margin: 0}
.amp p ~ * {margin-top: 23px}
.amp strong {color: #ee3b23}

/* OVERIDE */
h1 {opacity: 0; display: none}
.main {margin-bottom: 0}
.tools-footer {display: none}
.footer {display: none}

#onetrust-consent-sdk {display: none}

/* CLASS */
.amp {font-family: 'Gilroy', Arial, Helvetica, sans-serif; font-size: var(--fs-3); line-height: initial; color: #414141}
.amp .container {max-width: 700px; margin: 0 auto; padding-inline: var(--container-pd)}
.amp .container:before,
.amp .container:after {display: none}
.amp .text-center {text-align: center}
.amp-header,
.amp-main,
.amp-footer {color: #FFF}
.amp .lazybg {background-image: none !important}
.amp .media {font-size: 0; margin-top: 0; display: inline-flex; justify-content: center}

/* ANIMATE */
.animate-right {transform: translate3d(-18.75rem,0,0)}
.animate-left {transform: translate3d(18.75rem,0,0)}
.animate-up {transform: translate3d(0,18.75rem,0)}
.animate-down {transform: translate3d(0,-18.75rem,0)}
.animate-right,
.animate-left,
.animate-up,
.animate-down {opacity: 0; transition: all 1s ease}
.animate-start {opacity: 1; transform: translate3d(0,0,0)}

/* OWL CAROLSEL */
.owl-carousel {display: flex !important; flex-direction: column}
.owl-carousel .owl-item img {display: inline-block; width: auto}
.owl-carousel .owl-dots {font-size: 0; line-height: 0; margin: 20px 0; padding: 0 15px; text-align: center; width: 100%; display: flex; flex-wrap: wrap; justify-content: center}
.owl-carousel .owl-dot {width: 34px; height: 34px; margin: 0; position: relative; color: transparent; display: flex; align-items: center; justify-content: center}
.owl-carousel .owl-dot.active {color: #414141}
.owl-carousel .owl-dot > span {border-radius: 50%; display: block; background: #414141; border: 0; box-shadow: none; height: 10px; width: 10px}
.owl-carousel .owl-nav {height: 0; position: absolute; top: 50%; width: 100%}
.owl-carousel .owl-nav a {color: #FF3700}
.owl-carousel .owl-nav > * {font-size: 0 !important; width: 34px !important; height: 34px !important; padding: 5px; position: absolute; top: -23px}
.owl-carousel .owl-nav > *:before {background: url(/Images/icons/gray-arrow.svg) no-repeat center / 100% 100%; content: ""; height: 100%; left: 10%; position: absolute; top: 0; width: 65% !important}
.owl-carousel .owl-nav > .disabled {display: none}
.owl-carousel .owl-prev {left: -20px; transform: rotate(180deg)}
.owl-carousel .owl-next {right: -20px}
.owl-white-dot .owl-dot.active {color: #FFF}
.owl-white-dot .owl-dot > span {background: #FFF}
.owl-white-nav .owl-nav > div:before {background-image: url(/Images/icons/white-arrow.svg)}
.owl-orange-dot .owl-dot.active {color: #FF3700}
.owl-orange-dot .owl-dot > span {background: #FF3700}
.owl-orange-nav .owl-nav > div:before {background-image: url(/Images/icons/orange-arrow.svg)}
.owl-progress {fill: currentColor; stroke: currentColor; height: 100%; left: 0; position: absolute; top: 0; width: 100%; transform: scaleX(-1); opacity: 0}
.active .owl-progress {opacity: 1; transition: all .4s ease-in; color: #e63c41}
.animation.owl-progress-path{stroke-dasharray: 314; stroke-dashoffset: 314; transition: all 1s linear}
.owl-nav-dot {align-items: center}
.owl-nav-dot .owl-stage-outer {align-self: flex-start}
.owl-nav-dot .owl-dots {width: auto; margin: 0; z-index: 1}
.owl-nav-dot .owl-nav {top: auto; bottom: 0; left: 50%; transform: translateX(-50%); width: calc(var(--dots-w) + (var(--arrow-w) * 2)); height: 34px; z-index: 0}
.owl-nav-dot .owl-nav > div {top: 50%; padding: 0; width: 34px !important; height: 34px !important}
.owl-nav-dot .owl-prev {left: 0; transform: scaleX(-1) translateY(-50%)}
.owl-nav-dot .owl-next {right: 0; transform: translateY(-50%)}

/* MAIN */
.amp-main {overflow-x: hidden; width: 100%}
.headline {font-size: var(--fs-1); font-weight: 600; line-height: initial; color: inherit; text-wrap: balance; margin-bottom: 15px}
.headline span {color: #ee3b23}

/* HERO */
.hero .overlay {width: 100%; height: 100%; padding: 5% 10% 5% 5%; position: relative; line-height: normal; font-size: var(--fs-3); color: #FEFEFE; display: flex; flex-direction: column; justify-content: center; align-items: flex-start}
.hero .overlay::before {content: ''; opacity: .95; z-index: -1; position: absolute; top: -76%; left: -8%; width: 676px; height: 608px; background: url(../images/bg-hero.png) no-repeat 0 0 / cover}
.hero .headline {font-size: var(--fs-2); line-height: 1; display: flex; align-items: center; gap: 20px}
.hero .headline strong {color: #FFF}
.hero .headline span {font-weight: 400; color: #FFF}
.hero .headline::before {content: ''; display: block; min-width: 58px; width: 58px; height: 78px; background: url(../images/local-white-icon.png) no-repeat center center / cover}
.hero .ibutton {color: #FFF; font-size: var(--fs-6); font-weight: 600; line-height: 1; border-radius: 999px; background: #262626; margin-top: 15px; padding: 13.5px 29.5px; display: inline-flex; align-items: center; gap: 10px}

/* INTRO */
.intro {padding: 60px 0}
.intro .contents {display: grid; gap: 25px}
.intro p:first-child:after {content: ''; display: block; margin-block: 14px; border-top: 1px solid #404042}
.intro p ~ * {margin-top: 14px}
.intro .icons {margin-top: 6px !important}
.intro .title {font-size: var(--fs-1); font-weight: 600; line-height: 1}
.intro .description {font-size: var(--fs-11); line-height: 1.35; margin-bottom: 0}

/* DIVERSIFIED CONTENT */
.diversified {background-color: #dedede}
.diversified .container {display: grid}
.diversified .text {padding-block: 40px 25px}
.diversified .media {overflow: initial}
.diversified .figure {width: calc(100% + (var(--container-pd) * 2)); margin-inline: calc(var(--container-pd) * -1)}

/* COME VISIT US */
.come {padding: 40px 0}
.come .container {display: grid; gap: 30px}
.come .text p {text-wrap: balance}

/* SCHEDULE */
.schedule {padding: 40px 0; background: url(../images/bg-schedule.jpg) no-repeat 0 0 / cover}
.schedule .container {display: grid; gap: 25px}
.schedule .headline {color: #FFF}
.schedule .boxs {display: grid; gap: 5px}
.schedule .boxs > .item {border-radius: 14px; background-color: #fefefe; padding: 10px 20px}
.schedule .cols {margin-top: 7px; display: grid; gap: 8px}
.schedule .cols .title {font-size: var(--fs-3); font-weight: bold; color: #ee3b23; margin-bottom: 0}
.schedule .card {display: grid}
.schedule .card .title {border-radius: 23px 23px 0 0; background-color: #262626; color: #fefefe; font-size: var(--fs-6); font-weight: 400; padding: 7px 18px; margin-bottom: 0; text-wrap: balance}
.schedule .card .link {background: #FFF; color: #ee3b23; border-radius: 0 0 23px 23px; font-size: var(--fs-2); line-height: 1; text-decoration: underline; padding: 10px 20px 18px; display: flex; justify-content: space-around; align-items: center; gap: 2%}
.schedule .card .link::after {content: ''; display: block; min-width: 36px; width: 36px; height: 48px; background: url(../images/local-icon.png) no-repeat center center / cover}

/* GALLERY */
.gallery {padding: 35px 0 40px}
.gallery .headline {text-align: center}
.gallery .owl-item {position: relative; z-index: 0}
.gallery .item {position: relative; display: flex; justify-content: center}
.gallery .photo {display: flex; align-items: center; justify-content: center}
.gallery img {transition: all 1s ease}
.gallery .owl-stage-outer {width: 100%; margin-bottom: 50px}
.gallery .owl-nav {min-width: 30%}
.owl-carousel .owl-nav > div {border-radius: 50%; background-color: #404042}
.owl-carousel .owl-nav > div:before {left: 21%}

/* FOOTER */
.amp-footer {background-color: #414141; max-height: 461px; padding: 80px 0; font-size: 1.6rem; position: relative; z-index: 2}
.amp-footer .container {display: flex; flex-direction: column}
.amp-footer p {margin-bottom: 40px}
.amp-footer p ~ * {margin-top: 0}
.amp-footer .nav {margin-bottom: 20px}
.amp-footer .menu {list-style: none; column-count: 2; column-gap: 40px}
.amp-footer .item {margin-bottom: 25px}
.amp-footer .social {display: flex; align-items: flex-start; justify-content: space-between; gap: 30px}
.amp-footer .social a {font-size: 0; width: 30px; height: 36px; display: flex; align-items: center; justify-content: center}
.amp-footer .linkedin img {width: 30px}
.amp-footer .twitter img {width: 29px}
.amp-footer .youtube img {width: 30px}
.amp-footer .instagram img {width: 30px}
.amp-footer .facebook img {width: 16px}

.popup-bg2 {background: rgba(0,0,0,.6); height: 100%; left: 0; position: fixed; top: 0; width: 100%}
.popup-gallery .popup-title {background: linear-gradient(102deg, #f12f45 0%, #f84b44 30%, #f3ba68 100%); padding: var(--popup-title-pd); margin-bottom: 0; text-align: left}
.popup-gallery .popup-close2 {border-radius: 50%; position: absolute; z-index: 2; background: #404042 url(../images/white-close.svg) no-repeat center center / 120%; width: var(--popup-close-sz); height: var(--popup-close-sz); font-size: 0; top: var(--popup-close-top); right: var(--popup-close-right)}
.popup-gallery .popup-html2 {line-height: 1.6; overflow: hidden; padding: 0; text-align: left; transition: .5s linear; opacity: 1; max-height: calc(100vh - 140px)}
.popup-gallery .popup-content {padding: 0}
.popup-gallery .item {background-color: #000; display: flex; justify-content: center}
.popup-gallery .owl-zoom .owl-nav {top: 50%; left: 50%; transform: translate(-50%, -50%); width: 86%; height: 0}
.popup-gallery .owl-nav > div {width: var(--popup-arrw-sz) !important; height: var(--popup-arrw-sz) !important}

/* MEDIA QUERIES */
@media (max-width: 767px) {
	/* HERO */
	.hero .figure {width: 100vw; transform: translateX(-50%); top: 0; left: 50%; position: relative}
	.hero .figure img {width: 100vw}

	.popup-gallery .v-content .container { max-width: 100vw !important; padding-inline: 0; }
}

@media (min-width: 768px) {
	.hero .item {position: relative; display: flex; justify-content: flex-end}
	.hero .figure img {position: relative; left: 74%; transform: translateX(-50%)}
	.hero .overlay {z-index: 1; position: absolute; left: 0; top: 0; width: 45%; height: 100%; padding: 0}
	.hero .overlay::before {top: 0; right: -30%; left: auto}

	/* SCHEDULE */
	.schedule .cols {grid-template-columns: repeat(2, 1fr)}
}

@media (max-width:991px) {
	/* SCHEDULE */
	.schedule .card br {display: none}
}

@media (min-width:992px) {
	/* ELEMENTS */
	:root {
		--container-pd: 15px;
		--fs-1: 3.7rem;
		--fs-2: 3.5rem;
		--fs-3: 1.8rem;
		--fs-4: 1.6rem;
		--fs-5: 1rem;
		--fs-6: 1.9rem;

		--popup-arrw-sz: 38px;
		--popup-close-sz: 40px;
		--popup-close-top: 24px;
		--popup-close-right: 35px;
	}

	/* CLASS */
	.amp .container {max-width: 890px}

	/* HERO */
	.hero .headline {margin-bottom: 18px}
	.hero .overlay {width: 36%}
	.hero .overlay::before {right: -63%}
	.hero p ~ * {margin-top: 25px}
	.hero .ibutton {margin-top: 24px}

	/* INTRO */
	.intro {padding: 40px 0 68px}
	.intro .headline {text-align: center; text-wrap: balance; padding-inline: 15%; margin-bottom: 33px}
	.intro .contents {grid-template-columns: 1fr auto; align-items: center; gap: 5.3%; grid-auto-flow: dense; direction: rtl}
	.intro .contents * {direction: ltr}

	/* DIVERSIFIED CONTENT */
	.diversified .container {grid-template-columns: 41.2% auto; align-items: flex-end; gap: 6.3%}
	.diversified .text {padding-block: 60px}
	.diversified .media {display: initial}
	.diversified .figure {width: 181%; margin-inline: -33.7% 0}

	/* COME VISIT US */
	.come {padding-bottom: 47px}
	.come .container {grid-template-columns: 1fr auto; align-items: center; gap: 4.5%; grid-auto-flow: dense; direction: rtl}
	.come .container * {direction: ltr}
	.come .text {padding-bottom: 10px}

	/* SCHEDULE */
	.schedule {padding: 40px 0 48px}
	.schedule .container {grid-template-columns: 1fr 32.3%; align-items: flex-end; gap: 7.3%}
	.schedule .card .link {position: relative; padding: 28px 23px 37px; align-items: flex-start; gap: 0}
	.schedule .card .link::after {min-width: 42px; width: 42px; height: 56px; right: 35px; position: absolute}

	/* GALLERY */
	.gallery {padding: 37px 0 60px}
	.gallery .headline {margin-bottom: 37px; position: relative}
	.gallery .photo {aspect-ratio: 6 / 7; overflow: hidden}
	.gallery .photo img {width: auto; height: 100%; object-fit: cover}
	.gallery .photo[data-orientation="portrait"] img {width: 100%; height: auto}
	.gallery .owl-gallery {position: relative; z-index: 0}
	.owl-carousel .owl-stage-outer {margin-bottom: 0}
	.owl-carousel .owl-nav {top: 50%; left: 50%; transform: translate(-50%, -50%); width: 112%; height: 0}
	.owl-carousel .owl-nav > div {width: var(--popup-arrw-sz) !important; height: var(--popup-arrw-sz) !important}
	.popup-gallery .owl-zoom .owl-nav {width: 94%}

	/* FOOTER */
	.amp-footer {padding: 120px 0 250px; font-size: 1.9rem}
	.amp-footer .container {flex-direction: row; justify-content: space-between}
	.amp-footer .menu {column-gap: 100px}
	.amp-footer .item {margin-bottom: 40px}
    .amp-footer .social {flex-direction: column}
    .amp-footer .linkedin img {width: auto}
}

@media (max-width: 1200px) {
	.popup-gallery .container {max-width: calc(100vw - 50px) !important}
}

@keyframes draw-line{0%{background-size:0 2px}to{background-size:100% 2px}}


/* EXTERNAL FILES */
@font-face {
	font-family: 'Gilroy';
	src: url('/fonts/Gilroy-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gilroy';
	src: url('/fonts/Gilroy-SemiBold.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gilroy';
	src: url('/fonts/Gilroy-RegularItalic.woff2') format('woff2');
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Gilroy';
	src: url('/fonts/Gilroy-SemiBoldItalic.woff2') format('woff2');
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}