.Activities {position:relative; z-index:2; background-color:white;}
.Activities-header {position:relative; min-height:80vh; padding:14rem 1rem 8rem 1rem; background:transparent url("../../img/activities-header-background.jpg") 50% 50% no-repeat; background-size:cover;}
.Activities-headerVideo {position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; overflow:hidden; pointer-events:none; object-fit:cover;}
.Activities-headerContent {position:relative; z-index:2; max-width:1300px; padding:3rem; text-align:center; font-weight:300; color:white; line-height:160%; background-color:rgba(0,0,0,0.3); box-shadow:0 0 10px rgba(0,0,0,0.3); border-radius:5px; backdrop-filter:blur(8px);}
.Activities-headerContent h1 {font-size:220%; margin-bottom:1em; font-weight:400;}

.Activities .TitleBar {font-size:240%; font-weight:600; color:#626160;}
.Activities-items {max-width:1450px; margin:0 auto; padding:3rem 1rem 3rem 1rem; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:stretch; gap:8px;}
.Activities-item {display:flex; justify-content:center; align-items:center; flex-direction:column; flex-wrap:wrap; width:20vw; height:20vw; min-width:250px; min-height:250px; max-width:340px; max-height:340px; position:relative; border-radius:.3rem; padding:1rem; overflow:hidden; cursor:pointer; background:transparent none 50% 50% no-repeat; background-size:cover;}
.Activities-item::before {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.3); transition:background-color .3s ease-in-out;}
.Activities-item:hover::before {background-color:rgba(0,0,0,0.0);}
.Activities-itemText {color:white; position:relative; z-index:2; text-align:center; font-weight:600; font-size:120%;}
.Activities .Btn--Activities {width:fit-content; margin:0 auto; display:flex; flex-direction:row; justify-content:center; align-items:center; background:white linear-gradient(150deg,rgba(105, 73, 150, 1) 0%, rgba(181, 62, 115, 1) 28%, rgba(231, 58, 93, 1) 55%, rgba(247, 162, 60, 1) 100%) 0 0 repeat !important; border-radius:2em; font-size:100%; border-width:0; color:white;}
.Activities .Btn--Activities:hover {background:linear-gradient(150deg,rgba(105, 73, 150, 1) 0%, rgba(181, 62, 115, 1) 48%, rgba(231, 58, 93, 1) 75%, rgba(247, 162, 60, 1) 100%) 0 0 repeat !important;}
.Activities .InstagramLogo {display:inline-block; width:1.6em; height:1.6em; margin-right:.5em; background:transparent url("data:image/svg+xml,%3Csvg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' width='24pc' height='23.997972pc' viewBox='0 0 359.99999 359.9696' version='1.1'%3E%3Cg transform='translate(-77.12909,-99.75057)'%3E%3Cpath style='fill:%23FFFFFF;fill-opacity:1;fill-rule:nonzero;stroke:none' d='m 257.12909,129.76098 c -40.73362,0 -45.84008,0.25899 -61.83741,0.91733 -15.96445,0.7292 -26.846,3.22727 -36.38561,6.93669 -9.8635,3.83171 -18.26206,8.98306 -26.60017,17.32165 -8.33835,8.33859 -13.44169,16.69125 -17.27412,26.55409 -3.70877,9.54051 -6.25479,20.46653 -6.98302,36.43098 -0.73154,15.99732 -0.91968,21.10396 -0.91968,61.83716 0,40.73554 0.18808,45.83984 0.91968,61.83717 0.72919,15.96445 3.27425,26.84576 6.98302,36.38633 3.83243,9.86278 8.93577,18.21549 17.27412,26.55403 8.33811,8.33859 16.73667,13.48525 26.60017,17.3193 9.53961,3.70708 20.42116,6.25455 36.38561,6.98374 15.99733,0.7292 21.10379,0.87029 61.83741,0.87029 40.73362,0 45.83984,-0.23496 61.8374,-0.87029 15.96422,-0.72919 26.89185,-3.27666 36.43147,-6.98374 9.8635,-3.83405 18.21621,-8.98071 26.55432,-17.3193 8.33835,-8.33854 13.44145,-16.69125 17.27388,-26.55403 3.70876,-9.54057 6.25503,-20.42188 6.98326,-36.38633 0.73154,-15.99733 0.91968,-21.10163 0.91968,-61.83717 0,-40.7332 -0.18808,-45.83984 -0.91968,-61.83716 -0.7292,-15.96445 -3.2745,-26.89047 -6.98326,-36.43098 -3.83243,-9.86284 -8.93553,-18.2155 -17.27388,-26.55409 -8.33811,-8.33859 -16.69082,-13.48994 -26.55432,-17.32165 -9.53962,-3.70942 -20.46725,-6.20749 -36.43147,-6.93669 -15.99732,-0.72919 -21.10378,-0.91733 -61.8374,-0.91733 z m 0,27.01275 c 40.04775,0 44.78087,0.23495 60.59684,0.87028 14.623,0.65865 22.60141,3.13785 27.88658,5.19137 7.00117,2.72149 11.98006,5.96281 17.22809,11.21061 5.24894,5.24779 8.48978,10.2274 11.20964,17.22754 2.05353,5.28542 4.52401,13.26413 5.19155,27.88544 0.71982,15.81622 0.87269,20.5512 0.87269,60.59757 0,40.04865 -0.16464,44.78369 -0.87269,60.59756 -0.66802,14.62366 -3.13802,22.55533 -5.19155,27.84074 -2.71986,7.00014 -5.9607,12.02211 -11.20964,17.27225 -5.24803,5.2478 -10.22692,8.48912 -17.22809,11.2106 -5.28517,2.04643 -13.26358,4.48099 -27.88658,5.14667 -15.81363,0.72913 -20.54555,0.87028 -60.59684,0.87028 -40.0513,0 -44.78322,-0.23495 -60.59684,-0.87028 -14.62301,-0.65865 -22.55557,-3.09321 -27.84074,-5.14667 -7.0011,-2.72148 -12.0259,-5.9628 -17.27394,-11.2106 -5.24773,-5.25014 -8.48863,-10.27211 -11.20964,-17.27225 -2.05352,-5.28541 -4.47792,-13.21708 -5.14546,-27.84074 -0.71982,-15.81387 -0.87269,-20.54891 -0.87269,-60.59756 0,-40.04637 0.16465,-44.78135 0.87269,-60.59757 0.66803,-14.62131 3.09194,-22.60002 5.14546,-27.88544 2.72101,-7.00014 5.96191,-11.97975 11.20964,-17.22754 5.24804,-5.2478 10.27284,-8.48912 17.27394,-11.21061 5.28517,-2.04643 13.21773,-4.52334 27.84074,-5.19137 15.81597,-0.72913 20.54909,-0.87028 60.59684,-0.87028 z m 80.07621,24.90046 c -9.93951,0 -18.0092,8.06807 -18.0092,18.00848 0,9.94042 8.06969,18.00854 18.0092,18.00854 9.94066,0 18.00896,-8.06812 18.00896,-18.00854 0,-9.94041 -8.0683,-18.00848 -18.00896,-18.00848 z m -80.07621,21.04051 c -42.53614,0 -76.99809,34.50924 -76.99809,77.04418 0,42.53735 34.46195,76.99713 76.99809,76.99713 42.53614,0 77.04394,-34.45978 77.04394,-76.99713 0,-42.53494 -34.5078,-77.04418 -77.04394,-77.04418 z m 0,27.0598 c 27.61161,0 49.98438,22.37415 49.98438,49.98438 0,27.61257 -22.37277,49.98438 -49.98438,49.98438 -27.61161,0 -49.98444,-22.37181 -49.98444,-49.98438 0,-27.61023 22.37283,-49.98438 49.98444,-49.98438 z' id='path4642' /%3E%3C/g%3E%3C/svg%3E"); background-size:1.6em auto;}

.Activities-article {display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; max-width:1200px; margin:0 auto; padding:3rem 1rem; gap:2rem; border-bottom:1px solid #e0e0e0;}
.Activities-article:last-of-type {border-bottom:none;}
.Activities-articleItem--image img,
.Activities-articleItem--image figcaption {display:none;}
.Activities-articleItem--background {min-width:310px; height:310px; border-radius:5px; background:transparent none 50% 50% no-repeat; background-size:cover; box-shadow:0 0 12px rgba(0,0,0,0.1);}
.Activities-articleItem {font-size:80%;}
.Activities-articleTitle {padding-bottom:.5em;}
.Activities-articleText {margin-bottom:2rem;}
.Activities-articleItem .Btn--Activities .fa {transform:rotate(0deg); transition:transform .3s ease-in-out;}
.Activities-articleItem.is-open .Activities-articleText {display:block;}
.Activities-articleItem.is-open .Btn--Activities .fa {transform:rotate(180deg);}

.ActivitiesPopup {padding:0 1rem; font-size:80%;}
.ActivitiesPopup-title {font-size:180%; font-weight:600; padding:1rem 0 .3rem 0;}
.ActivitiesPopup-info {padding-bottom:2rem; color:#807f7e;}
.ActivitiesPopup-tabs {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:stretch; align-items:center; gap:1rem; padding:1rem; margin-bottom:1rem; background:#E1F0E7; border-radius:1rem; background:linear-gradient(127deg,rgba(225, 240, 231, 1) 0%, rgba(225, 240, 231, 1) 40%, rgba(237, 241, 230, 1) 46%, rgba(237, 241, 230, 1) 54%, rgba(246,241,229, 1) 62%, rgba(246,241,229, 1) 100%);}
.ActivitiesPopup-tabs > li {position:relative; max-width:40em; flex:1; padding:0.9rem 1rem; text-align:center; border-radius:1rem; cursor:pointer; background-color:rgba(255,255,255,0.1); border:3px solid rgba(255,255,255,0.5); font-weight:bold; white-space:nowrap; transition:background-color .3s linear, border-color .3s linear;}
.ActivitiesPopup-tabs > li:hover {background-color:rgba(255,255,255,0.6); border-color:rgba(255,255,255,0.7);}
.ActivitiesPopup-tabs > li.is-selected {background-color:white;}
.ActivitiesPopup-tabs > li::before {content:""; display:inline-block; width:.8em; height:.8em; margin-right:.5em; background-color:#dd2c0d;}
.ActivitiesPopup-tabs > li:nth-child(1)::before,
.ActivitiesPopup-tabs > li.is-selected:nth-child(1)::after {background-color:#16a34a;}
.ActivitiesPopup-tabs > li:nth-child(2)::before,
.ActivitiesPopup-tabs > li.is-selected:nth-child(2)::after {background-color:#f3ef17;}
.ActivitiesPopup-tabs > li:nth-child(3)::before,
.ActivitiesPopup-tabs > li.is-selected:nth-child(3)::after {background-color:#f6a823;}
.ActivitiesPopup-tabs > li:nth-child(4)::before,
.ActivitiesPopup-tabs > li.is-selected:nth-child(4)::after {background-color:#e1897e;}
.ActivitiesPopup-tabs > li:nth-child(5)::before,
.ActivitiesPopup-tabs > li.is-selected:nth-child(5)::after {background-color:#bd5d1e;}
.ActivitiesPopup-tabs > li:nth-child(6)::before,
.ActivitiesPopup-tabs > li.is-selected:nth-child(6)::after {background-color:#d157a5;}
.ActivitiesPopup-tabs > li:nth-child(7)::before,
.ActivitiesPopup-tabs > li.is-selected:nth-child(7)::after {background-color:#dc6deb;}
.ActivitiesPopup-tabs > li:nth-child(8)::before,
.ActivitiesPopup-tabs > li.is-selected:nth-child(8)::after {background-color:#e100ff;}
.ActivitiesPopup-tabs > li:nth-child(9)::before,
.ActivitiesPopup-tabs > li.is-selected:nth-child(9)::after {background-color:#dd2c0d;}
.ActivitiesPopup-tabs > li::after {content:""; display:block; opacity:0; position:absolute; top:5px; left:50%; width:0; height:5px; background-color:#dd2c0d; border-radius:3px; transition:opacity .3s linear, left .3s linear, width .3s linear;}
.ActivitiesPopup-tabs > li.is-selected::after {opacity:1; left:5%; width:90%;}

.ActivitiesPopup-content {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; gap:2rem;}

.ActivitiesPopup-section {display:none;}
.ActivitiesPopup-section.is-selected {display:block; flex:2;}

.ActivitiesPopup-params {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:stretch; gap:1rem; padding-top:1rem;}
.ActivitiesPopup-params > li {display:flex; flex-direction:row; justify-content:center; align-items:center; white-space:nowrap; padding:.5rem 1rem; background-color:#c3f0d4; border:1px solid #16a34a; border-radius:1rem; text-align:center;}
.ActivitiesPopup-params > li > .fa {padding-right:.5em; color:#16a34a;}
.ActivitiesPopup-params > li.is-orange {background-color:#fbf4da; border-color:#f6a823;}
.ActivitiesPopup-params > li.is-gray {background-color:#e6e7e6; border-color:#7a7f7d;}
.ActivitiesPopup-params > li.is-orange > .fa {color:#f6a823;}
.ActivitiesPopup-params > li.is-gray > .fa {color:#7a7f7d;}
.ActivitiesPopup-params--large {padding-top:1.5rem;}
.ActivitiesPopup-params--large > li {flex-direction:column; align-items:flex-start; white-space:normal; border-width:0; background:#E1F0E7; background:linear-gradient(127deg,rgba(225, 240, 231, 1) 0%, rgba(225, 240, 231, 1) 40%, rgba(237, 241, 230, 1) 46%, rgba(237, 241, 230, 1) 54%, rgba(246,241,229, 1) 62%, rgba(246,241,229, 1) 100%);}
.ActivitiesPopup-params--large > li > small {color:#807f7e;}

.ActivitiesPopup-shortDescription {padding:1.5rem 0; font-size:140%;}
.ActivitiesPopup-description {line-height:150%; padding-bottom:1.5rem; font-weight:300;}
.ActivitiesPopup-booking {border-top:1px solid #e0e0e0; padding:.7rem 0; color:#807f7e;}
.ActivitiesPopup-booking b {color:black;}

.ActivitiesPopup-buttons {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; gap:1rem 2rem; padding-bottom:2rem;}
.ActivitiesPopup-buttons .Btn--primary {background-color:#16a34a; border-color:#16a34a; color:white; font-size:120%;}
.ActivitiesPopup-buttons .Btn--primary:hover {background-color:#0f7334; border-color:#0f7334;}

.ActivitiesPopup-item--photogallery {flex:1; min-width:430px; max-width:430px; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; gap:1rem; padding-bottom:2rem;}
.ActivitiesPopup-photogalleryTitle {min-width:100%; text-align:left; font-size:140%; padding:1rem 0 .3rem 0;}
.ActivitiesPopup-item--photogallery a {display:block; width:130px; height:130px; background:transparent none 50% 50% no-repeat; background-size:cover; border-radius:5px; box-shadow:0 0 10px rgba(0,0,0,0.1); transition:transform .3s ease-in-out;}
.ActivitiesPopup-item--photogallery a:hover {transform:scale(1.05);}
.ActivitiesPopup-item--photogallery img {display:none;}

@media (max-width: 1200px) {
	.ActivitiesPopup-item--photogallery {min-width:280px; max-width:280px;}
}

@media (max-width: 1000px) {
    .PageRegular .Activities {padding-top:4rem;}
    .PageRegular .Activities-items {display:none;}
    .Activities-header {margin-bottom:3rem;}
    .Activities-article {flex-direction:column; align-items:center; text-align:center;}
    .Activities-article:first-of-type {padding-top:0;}
    .Activities-articleItem--background {width:80vw; height:80vw; max-width:310px; max-height:310px;}
    .HdmPopupon.ActivitiesWindow > .hdmtitle > .hdmclose {right:1rem;}
}

@media (max-width: 850px) {
    .Activities-header {padding-top:9rem;}
    .ActivitiesPopup-item--photogallery {min-width:100%; max-width:100%;}
}