/*
Theme Name: Tentfeest-Acthuizen
Author: Inizsoft Technology
Author URI: https://inizsoft.com/
Description: The Tentfeest-Acthuizen Theme based on the famous Wordpress CMS.
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Anton&family=Outfit:wght@100..900&family=Staatliches&display=swap');
@import url(fonts/stylesheet.css); 
*{margin: 0;padding: 0;box-sizing: border-box;}
img {max-width: 100%;height: auto;}
body {background: #000;font-size:16px;color: #ffff;  font-family: "Outfit", sans-serif; font-weight: normal;}
ul {list-style: none;padding: 0;}
p,.list ul,.list ol {margin-bottom: 25px;}
p,.list li{line-height:1.2;}
a {color: inherit;text-decoration:  none;transition: 0.4s;}
p:last-child{margin-bottom: 0;}
/* ----- Heading Font CSS ------ */
h1,h2,h3,h4,h5,h6 {margin-bottom: 20px; line-height: 1.2; font-family: "Outfit", sans-serif; }
h1{font-size:65px; font-family: 'horizonbold'; font-weight: normal; text-transform: uppercase;   }
h2{font-size:36px;  font-family: "Outfit", sans-serif; font-weight: 700; }
h3{font-size:26px; font-weight: 400; }
h4{font-size:24px; font-weight: 400;}
h5{font-size:20px;}
h6{font-size:18px;}
strong{font-weight: 700;line-height: 24px;font-size: 16px;}
a:focus,.btn:focus,button:focus,.btn-primary:not(:disabled):not(.disabled):active:focus {outline: none;box-shadow: none;}
input:focus,textarea:focus,select:focus{outline: none;}
/* global color  */


/* global css start */ 
.full_width{width: 100%;float: left;}
/* .home .main-content{margin-top: 0px;} */
/* .main-content{margin-top: 150px;} */
.wrapper{max-width:1280px;margin: 0 auto;width: 100%;padding: 0 30px;}
.layout{width: 100%;float: left;}
.btn_one{position: relative; display: inline-block;font-size: 16px; font-weight: 600; border-radius: 20px; background: #fff; padding: 5px 30px ; line-height: 1; color: #000; border: 2px solid #fff; transition: 0.4s;}
.btn_one:hover{border: 2px solid #51B6B2;  background: #F46AB9;  color: #fff;}
.btn_two{position: relative; display: inline-block;font-size: 16px; font-weight: 600; background: transparent; padding: 15px 50px 15px 30px;transition: 0.4s;}
.btn_two .btn_arrow{ content: ""; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background: url(images/arrow-right.svg) right center no-repeat; background-size: 30px; transition: 0.4s; }
.btn_two:hover .btn_arrow{margin-right: -10px;}
html{ scroll-behavior: smooth; scroll-padding-top: 150px;}
.section_heading{ margin-bottom: 30px;}
.section_heading h4{text-transform: uppercase; margin-bottom: 0; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; gap: 20px; font-weight: 600; color: #fff;}
.section_heading  span{ width: 100px; height: 5px; display: inline-block; background: #F46AB9;}

/* list style  */
.list_style ul{padding-left: 20px;margin: 22px 0px;list-style-type: none;}
.list_style ul li {position: relative;margin-bottom: 8px;font-size: 18px;line-height: 24px;}
.list_style ul li a{color: #fff;transition: 0.4s;text-decoration: underline;}
.list_style ul li a:hover{text-decoration: none;}
.list_style ul li strong{font-weight: 700;}
.list_style ul li::before {content: '';width: 8px;height: 8px;background: #F46AB9;position: absolute;left: -18px;top: 9px;border-radius: 100%;}

.list_style ol {padding-left: 20px;margin: 22px 0px;}
.list_style ol li {margin-bottom: 8px;font-size: 20px;line-height: 24px;}
.list_style ol li strong{font-weight: 700;}
.list_style ol li a{color: #7a97ab;transition: 0.4s;text-decoration: underline;}
.list_style ol li a:hover{text-decoration: none;}
.list_style ol li::marker {color: #F46AB9; font-weight: 700;}

/* social css */
.social img {border-radius: 50%; cursor: pointer;transition: 0.4s; background: #fff; width: 50px; height: 50px; padding: 7px; display: block; transform: scale(1); object-fit: cover; }
.social img:hover{ transform: scale(1.1);}

/* global css end */


.home .main-content{ margin-top: 0;}

.header { position: fixed; top: 0; left: 0; background: transparent; padding: 30px 0; z-index: 9; transition: 0.4s;}
.header .inner_part{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.header  .logo { width:150px; transition: 0.4s;}
.header  .logo a, .header  .logo img{ display: block;}
.navigation { width: calc(100% - 380px); margin-left: auto;}
.navigation ul { display: flex;  align-items: center; flex-wrap: wrap; justify-content: center;}
.navigation ul  li {margin-right: 10px;}
.navigation ul  li:last-child {margin-right: 0;}
.navigation ul  li  a {font-size: 16px; font-weight: 600; border-radius: 20px; background: #fff; display: block; padding: 5px 30px 6px; line-height:1; color: #000; border: 2px solid #fff; text-transform: uppercase;}
.navigation ul  li:hover  a ,  .navigation ul li.current-menu-item:not(.active_none) a{border: 2px solid #51B6B2;  background: #F46AB9;  color: #fff;}
.header .right_part { width: 230px;  display: flex; justify-content: flex-end; gap: 15px;}
.header .right_part .btn_one{font-size: 16px; font-weight: 600; border-radius: 30px; background: #F46AB9; line-height: unset; display: block; padding: 12px 23px ; color: #fff; border: 2px solid #51B6B2;}
.header .right_part .btn_one:hover{ background: #fff; color: #000 ; border: 2px solid #51B6B2;}
.header.sticky{ padding: 20px 0; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; transition: 0.4s; background: #000;}
.header.sticky .logo{ width: 100px;}

/* mob_bar  css */
.mob_bar  a{ display: block;}
.mob_bar { width: 35px; display: none; float: right; cursor: pointer;}
.mob_bar span { width: 100%; background: #fff; border-radius: 20px; height: 4px; margin-bottom: 5px; display: block; }
.mob_bar span:last-child { margin-bottom: 0; }
.mob_bar span:last-child { width: 100%; }


.header .mob-menu { position: fixed; top: 0; right: 0; width: 80%; max-width: 400px; height: 100vh; background: #000; z-index: 10; transform: translateX(100%); opacity: 0; visibility: hidden; pointer-events: none; transition: transform 0.4s ease, opacity 0.4s ease; padding-top: 100px; }
.header .mob-menu.open { transform: translateX(0); opacity: 1; visibility: visible; pointer-events: auto; }
.mob-menu ul { list-style: none; padding: 0; margin: 0; }
.mob-menu ul li { position: relative; }
.mob-menu ul li a { display: block; padding: 15px 20px; text-decoration: none; color: #fff; font-size: 18px;  border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
.mob-menu ul li a:hover  { background: #F46AB9;  border-bottom: 1px solid #F46AB9;}
.sub-menu { position: fixed; top: 0; right: -100%; width: 100%; max-width: 100%; height: 100vh; background: #000; opacity: 0; pointer-events: none; transition: right 0.3s ease, opacity 0.3s ease; box-shadow: -3px 0 10px rgba(0, 0, 0, 0.2); z-index:10; padding-top: 100px; overflow-y: auto; }
.sub-menu.open { right: 0; opacity: 1; pointer-events: auto;padding-top: 100px; }
.sub-menu ul { list-style: none; margin: 0; padding: 0; }
.sub-menu li a { padding: 12px 30px; font-size: 16px; color: #fff; display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
.arrow { display: block; position: absolute; z-index: 5; right: 20px; top: 5px; width: 40px; height: 40px; background: url(images/arrow-right.svg) right center no-repeat; background-size: 30px; transition: 0.4s; cursor: pointer; }
.close-btn { position: absolute; right: 20px; z-index: 12; top: 20px; width: 40px; height:40px;display: block; background: url(images/cross_icon.svg) right center no-repeat; background-size: 30px; transition: 0.4s; cursor: pointer; }
.btn_one { background: #ff4d4d; color: #fff; padding: 10px 20px; text-decoration: none; border-radius: 5px; font-weight: bold; }
.back_btn { display: flex !important; align-items: center; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important; display: block; background: none;  font-size: 18px; color: #fff; padding: 15px 20px; cursor: pointer; text-align: left; width: 100%;  }
.back_btn:hover { background: #F46AB9; border-bottom: 1px solid #F46AB9; color: #fff; }
.arrow-left{ display: inline-block; width: 30px; height: 30px; background: url(images/arrow-right.svg) right center no-repeat; background-size: 30px; transition: 0.4s; cursor: pointer;  transform: rotate(-180deg); margin-right: 10px; }
 


/* hero_sec css  */
.hero_sec { position:relative; top: 0; left: 0;  z-index: 1;height:355px }
.hero_sec::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0,0.75); z-index: 1;  mix-blend-mode: multiply;}
.hero_sec img{ width: 100%;height:100%; object-fit: cover;   clip-path: polygon(100% 0%, 100% 100%, 50% 76%, 0 100%, 0 0); background: #fff;}

/* acthuizen_sec css */
.acthuizen_sec{ position: relative; z-index: 2; margin-top: -110px; margin-bottom: 44px;}
.acthuizen_sec .inner_part{ display: flex; justify-content: space-between; flex-wrap: wrap; padding: 23px 0;}
.acthuizen_sec .left_part{ width: 45%; max-width: 700px;}
.acthuizen_sec .right_part{ width: 45%;}
.acthuizen_sec h1{  text-align: center; font-family: 'horizonbold'; font-weight: normal; text-transform: uppercase; }
.acthuizen_sec img{ border-radius: 30px; display: block; max-height: 400px; width: 100%; object-fit: cover;}
.acthuizen_sec h2{  font-family: "Anton", sans-serif; text-transform: uppercase; font-weight: 400;}
.acthuizen_sec .btn_one{border-radius: 30px; background: #F46AB9;  padding: 15px 30px ; color: #fff; border: 3px solid #51B6B2; }
.acthuizen_sec .btn_one:hover{ background: #fff; color: #000 ; border: 3px solid #51B6B2;}
.acthuizen_sec .btn_group{ display: flex; gap: 47px;  flex-wrap: wrap;}
.acthuizen_sec h3{ margin-bottom: 0;}

/* partner_sec  css */
.partner_sec { margin-bottom: 70px;}
.swiper-free-mode > .swiper-wrapper { transition-timing-function: linear; }
.partner_sec  { background-color: #DFF5FA;padding: 5px 0;}
.swiper { width: 100%; overflow: hidden; }
.swiper-wrapper { display: flex; align-items: center; transition-timing-function: linear !important; }
.swiper-slide { width: auto !important; padding: 0 61px; display: flex; justify-content: center; align-items: center; }
.swiper-slide img { width: 100%; max-width: 168px; height: auto; z-index: 2;  display: block;}
.partner_sec.black_bg{ background: #000; margin-bottom: 50px;}
.partner_sec.black_bg img{ min-height: 110px;} 
.partner_sec img {pointer-events: none;min-width:170px }
.swiper,.swiper-wrapper,.swiper-slide {user-select: none;}

/* countdown_sec css */
.countdown_sec {margin-bottom: 70px;}
.countdown_sec .inner_part{ display: flex; justify-content: center; gap: 100px; flex-wrap: wrap;  z-index: 1; position: relative;}
.countdown_sec h2{ font-family: "Anton", sans-serif;  color: #F46AB9; font-weight: 400;  text-transform: uppercase; display: flex; justify-content: center; align-items: center;}
.countdown_sec h2 span {  font-family: "Anton", sans-serif; margin-right: -15px; z-index: -1; font-size: 100px; color: #000; position: relative; -webkit-text-stroke: 1px rgba(255, 255, 255,0.6); }

/* artists_seccss */
.artists_sec{ margin-bottom: 70px;}
.artists_sec .card_hover{ display: flex;  gap: 30px; flex-wrap: wrap; margin-top: 50px;}
.artists_sec .card{ width: calc(20% - 24px); display: inline-block; min-height: 700px; position: relative; height: 100%; border-radius: 30px; overflow: hidden; transition: 0.4s; }
.artists_sec .card img { min-height: 700px;  display: block;  width: 100%; object-fit: cover; height: 100%;}
.artists_sec  h2 {text-transform: uppercase; } 
.artists_sec  .top_arrow { position: absolute; top: 0px; right: 15px;}
.artists_sec .card  h2 {  font-weight: 700; font-size: 30px; line-height: 1.2; text-transform: unset;}
.artists_sec .top_arrow svg{width: 55px; transition: 0.4s;}
.artists_sec .card.hover{ width:calc(33% - 24px);}
.artists_sec .card.not_hover { width:calc(16% - 24px);}
.artists_sec .card.hover  .top_arrow svg{ transform: rotate(45deg);}
.artists_sec .card.hover  .top_arrow svg circle{  fill: #fff;}
.artists_sec .card.hover  .top_arrow svg path{  fill: #F46AB9;}
.artists_sec  .card .overlap_text{ width: 100%; position: absolute;left: 0;bottom: -25px;width: 100%;height: auto;opacity: 1;visibility: visible;pointer-events: all;padding:20px;transition: 0.4s;}
.artists_sec  .card .hover_text{width: 100%; padding: 10px 20px 20px; position: absolute;left: 0;bottom: -100%;width: 100%;height: auto;opacity: 0;visibility: hidden;pointer-events: none;transition: 0.4s;z-index: 1;}
.artists_sec  .card:hover .overlap_text{opacity: 1;visibility: visible;pointer-events: none;bottom: -100%;}
.artists_sec  .card:hover .hover_text{opacity: 1;visibility: visible;pointer-events: all;bottom: 0;}
.artists_sec  .card::before{content: "";position: absolute;top: 0;height: 100%; pointer-events: none;transition: 0.4s;z-index: 1;}
.artists_sec  .card:hover::before{opacity: 1;visibility: visible;}
.artists_sec .card::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); background-blend-mode: normal; opacity: 0; visibility: hidden; pointer-events: none; transition: 0.4s; z-index: 1; }
.artists_sec  .card .hover_text p{ font-weight: 600;}
.artists_sec .top_title h2{ text-align: left;}

/* flyer_sec css */
.flyer_sec { margin-bottom: 60px;}
.flyer_sec  h2 {text-transform: uppercase; } 
.flyer_sec .inner_part{ display: flex; justify-content: space-around; flex-wrap: wrap;}
.flyer_sec .img_box{ width: 49%;}

/* imprssie_sec */
.imprssie_sec{ margin-bottom: 60px;}
.imprssie_sec .inner_part{ max-height: 445px;   aspect-ratio: 16/9; background: #D9D9D9; border-radius: 30px; position: relative; overflow: hidden; margin-top: 25px;} 
.imprssie_sec .play_btn{ position: absolute; top: 50%; left: 50%; transform:translate(-50% ,-50%);}
.imprssie_sec img{ display: block;}
.imprssie_sec h2 , .flyer_sec h2 , .artists_sec .top_title h2 , .gallary_sec .top_title h2{ text-transform: uppercase;  font-family: "Anton", sans-serif; font-weight: 400;}
.imprssie_sec .img_box { height: 100%; width: 100%;}
.imprssie_sec .img_box img { height: 100%; object-fit: cover; width: 100%;}
/* video_overlay css */
.video_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.8);  }
.video_overlay video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 0.6s ease; }
.video_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 1;  }
.video_overlay .play_btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; cursor: pointer; transition: opacity 0.3s ease; }
.video_overlay .play_btn.hidden { opacity: 0; pointer-events: none; }

/* gallary_sec css */
.gallary_sec { margin-bottom: 50px;}
.gallary_sec .top_title{ text-align: left; margin-bottom: 25px;}
.gallary_sec .brick img { width: auto; height: auto; display: block; border-radius: 4px; max-width: 100%; }
.gallary_sec .brick { margin: 0; padding: 0; float: left; cursor: default; overflow: hidden; cursor: pointer; width:320px; }

/* huisregels_sec css */
.huisregels_sec { margin-bottom: 180px;}
.huisregels_sec ul  li{   font-family: "Staatliches", sans-serif; position: relative;font-size: 20px; text-transform: uppercase; margin-bottom: 10px; padding-left: 20px; line-height: 25px;}
.huisregels_sec ul  li::before{ content: ""; position: absolute; top: 7px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: #fff;}
.huisregels_sec .top_title{ margin-bottom: 25px; text-align: left;}
.huisregels_sec .top_title h2{font-family: "Anton", sans-serif; font-weight: 400; text-transform: uppercase;}

/* programm_sec css */
.programm_sec{ margin-bottom: 200px; position: relative; z-index: 1; }
.programm_sec .top_title {text-align: center; margin-bottom: 50px;}
.programm_sec .inner_part{ background: #DFF5FA; border: 3px solid #F46AB9; padding: 10px;}
.programm_sec .tab_heading { display: flex; justify-content: space-between; margin-bottom: 20px; flex-wrap: wrap; gap: 20px;}
.programm_sec .tab_heading .heading {  width: calc(33.33% - 15px); font-family: "Staatliches", sans-serif; font-size: 36px; text-transform: uppercase; padding: 10px 20px; background-color: #E4BD97; color: #fff; text-decoration: none; cursor: pointer; border: 3px solid #000; }
.programm_sec .tab_heading .heading.active { background: #9E7042; color: #fff; }
.programm_sec .card .popup_icon::before{ content: ""; position: absolute; top: 50%; cursor: pointer; transform: translateY(-50%); right: 20px; width: 40px; height: 40px; border-radius: 50%; border: 3px solid #51B6B2; background: #F46AB9 url(images/pop-icon.svg) center center no-repeat; background-size:9px;}
.programm_sec .card {  background:#E4BD97 ; display: flex; justify-content: space-between;  padding: 12px 53px; border: 3px solid #000; border-bottom: none; position: relative;}
.programm_sec .card:last-child{ border-bottom:3px solid #000; margin-bottom: 150px; }
.programm_sec .card h3 { margin: 0; }
.programm_sec .card:nth-of-type(2n){ background: #9E7042;}
.programm_sec .left_part h3{ font-family: "Staatliches", sans-serif; font-size: 36px; color: #000; }
.programm_sec .right_part h3{ font-family: "Staatliches", sans-serif; font-size: 36px; color: #fff; }
.programm_sec .left_part{ width: 25%;}
.programm_sec .right_part{ width: 75%;}
.card_group_sec.four_card .modal .top_title{text-align:center}
/* pop modal  css */
.modal { display: none;  padding-top: 100px;  position: fixed; z-index: 9;left: 0; top: 0; width: 100%; height: 100vh;  background: #000; overflow: auto;   }
.modal-content * { color: #fff; }
.modal-content {background: #000; margin: 0 auto;    width: 100%; height: 100vh; border-radius: 8px; position: relative; }
.top_title { text-align: center; }
.modal  .close { content: "";  position: absolute; right: 30px; top: 20px; width: 40px; height: 40px; background: url(images/cross_icon.svg) right top no-repeat; background-size: 40px; cursor: pointer; display:block }
.modal-content h1{ font-size: 50px; color: #F46AB9; margin-bottom: 10px;}
.modal-content .top_title{ margin-bottom: 50px;}
.modal .top_title h6{ text-align: center; font-weight: 600;} 
.modal .text_box h1{ font-size:35px;}
.modal .text_box p { line-height: 25px;}
.modal .text_box p:last-child{ padding-bottom: 100px;}

/* default_page */
.default_page{padding: 50px 0px;}
.default_page .inner_part h1 {font-size: 40px;}
.default_page  p{ line-height: 25px;}
.default_page.single_page { padding-top: 250px;}
/* error_page */
.error_page{padding: 200px 0px 50px;}
.error_page .wrapper{ max-width: 700px;}
.error_page .inner_part{text-align: center;}
.error_page .inner_part h2{margin-bottom: 50px;}
.error_page .inner_part img{margin-bottom: 50px;}
.error_page .btn-box{ display: flex; justify-content: center; align-items: center; margin-top: 30px;}
.error_page .btn_one{border-radius: 30px; background: #F46AB9;  padding: 12px 30px ; color: #fff; border: 3px solid #51B6B2; }
.error_page .btn_one:hover{ background: #fff; color: #000 ; border: 3px solid #51B6B2;}

/* card_group_sec css */
.card_group_sec { margin-bottom: 60px;}
.card_group_sec .inner_part{ display: flex;  gap: 20px; align-items: center; flex-wrap: wrap;}
.card_group_sec .card{ width: calc(50% - 10px);  background: #fff; display: flex; justify-content: center; align-items: center; min-height: 250px; }
.card_group_sec .card img { display: block;}
.card_group_sec.four_card .card{ width: calc(25% - 15px); }
.card_group_sec .top_title h2{font-family: "Anton", sans-serif; font-weight: 400; text-transform: uppercase;}
.card_group_sec.four_card { margin-bottom: 180px;}
.card_group_sec .top_title { text-align: left;}
.card_group_sec .btn_box .btn_one{ background: #F46AB9; border: 3px solid #51B6B2; border-radius: 20px;}
.card_group_sec .btn_box .btn_one:hover{ background: transparent;}
.card_group_sec .btn_box{ display: flex; justify-content: center; align-items: center;  margin-top: 30px;}
/* page_title_sec css */
.page_title_sec{  z-index: 2; position: relative; margin-top: -120px;}
.page_title_sec .inner_part{ display: flex; justify-content: center; align-items: center;}

/* cta_sec css */
.cta_sec{ margin-bottom: 20px;}
.cta_sec .inner_part{background: #DFF5FA;  border-radius: 20px;  display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; flex-wrap: wrap;}
.cta_sec .left_part{ width: 50%; padding: 25px ; }
.cta_sec .left_part h2{ color: #F46AB9;  font-size: 50px; line-height: 60px; font-family: "Anton", sans-serif; text-transform: uppercase;}
.cta_sec .right_part{ width: 50%;}
.cta_sec .btn_one{border-radius: 30px; background: #F46AB9;  padding: 18px 30px 12px  ; color: #fff; border: 3px solid #51B6B2; }
.cta_sec .btn_one:hover{ background: #fff; color: #000 ; border: 3px solid #51B6B2;}
.cta_sec .btn_group{ display: flex; gap: 47px; flex-wrap: wrap; }
.cta_sec  img{ display: block; margin-top: -120px;}
.cta_sec .btn_two{ color: #F46AB9;   text-shadow: 1px 2px 0px #51B6B2;  transition: all 0.3s ease; font-size: 24px; font-weight: 600;}
.cta_sec .btn_two .btn_arrow { background: url(images/btn-arrow_hover.svg) right center no-repeat; z-index: 1; background-size: 30px;}

/* footer css */
.footer  .navigation{ display: flex; justify-content: center; padding: 50px 0 50px; border-bottom:1px solid rgba(255, 255, 255,0.5);  width: 100%; }
.footer .footer_bottom{ padding: 50px 0;}
.footer_bottom ul{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.footer_bottom ul li{ font-size: 24px; padding-right: 15px; line-height: 1.2; margin-right: 15px; border-right: 1px solid rgb(255, 255, 255);}
.footer_bottom ul li:last-child{ border-right: none; margin-right: 0; padding-right: 0;}
.footer .footer_bottom .social{display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}


@media only screen and (max-width:1279px) {
h1{font-size:55px; }
h2{font-size:30px; }
h3{font-size:26px; }
h4{font-size:24px; }
h5{font-size:20px;}
h6{font-size:18px;}
.btn_two{ padding: 11px 50px 11px 0px;}
.btn_two .btn_arrow{ background-size: 28px;}
.section_heading span{ width: 80px;}
.navigation ul li a{ padding: 5px 10px;}
.acthuizen_sec .btn_one{ padding: 11px 20px 11px;}
.cta_sec .left_part h2{ font-size: 45px; line-height: 55px;}
.cta_sec .btn_one{ padding: 12px 20px 12px;}
.cta_sec .btn_two{ font-size: 20px;}
.footer .footer_bottom{ padding: 40px 0;}
.artists_sec .card h2{ font-size: 26px;}
.programm_sec .tab_heading .heading{ font-size: 30px;}
.programm_sec .right_part h3 , .programm_sec .left_part h3{ font-size: 30px;}
.header .right_part{ width: 214px; gap: 5px;}
.header .logo{ width: 140px;}
.navigation{ width: calc(100% - 365px); transition: 0.4s;}
.header.sticky .navigation { width: calc(100% - 330px);}
.header .right_part .btn_one{ padding: 12px 15px;}
.programm_sec{ margin-bottom: 100px;}
.programm_sec .top_title{ margin-bottom: 30px;}
.card_group_sec.four_card .card{ width: calc(33.33% - 15px);}
.card_group_sec.four_card { margin-bottom: 100px;}
.card_group_sec .card{min-height: 235px; }
.modal-content h1{ font-size: 40px;}
.modal .text_box h1{ font-size: 30px;}

}



@media only screen and (max-width:1023px) {
h1{font-size:40px; line-height: 50px; }
h2{font-size:26px; }
h3{font-size:24px; }
h4{font-size:22px; }
h5{font-size:20px;}
h6{font-size:18px;}

.wrapper{ max-width: 100%;}
.main_menu { display: none; }
.mob_bar { display: block; }
.countdown_sec .inner_part{ gap: 40px;}
.countdown_sec h2 span{ font-size: 90px;}
.artists_sec .card{ width:calc( 50% - 15px);}
.artists_sec .card.hover{ width:calc(50% - 15px);}
.artists_sec .card.not_hover { width:calc(50% - 15px);}
.artists_sec .card .overlap_text{ padding: 20px 10px;}
.cta_sec .left_part h2{ font-size: 35px; line-height: 45px;}
.cta_sec .inner_part{ position: relative; min-height: 337px;}
.cta_sec .left_part{ width: 100%; z-index: 2; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;  padding: 50px 15px ;}
.cta_sec .right_part { width: 40%; min-width: 385px; position: absolute; right: 0; top: 0; z-index: 1;}
.cta_sec img{ width: 100%; margin-top: -48px; opacity: 0.4;}
.programm_sec .tab_heading .heading{ font-size: 20px;}
.programm_sec .right_part h3, .programm_sec .left_part h3{ font-size: 20px;}
.programm_sec .card .popup_icon::before{ width: 30px; height: 30px;}

.footer_bottom ul li{ font-size: 18px;}
.acthuizen_sec .left_part{ width: 100%; margin-bottom: 30px; background-size: 6px;}
.acthuizen_sec .right_part{ width: 100%;}
.huisregels_sec{ margin-bottom: 100px;}
.video_overlay .play_btn{ width: 60px;}
.swiper-slide{ padding: 0 50px;}
.programm_sec .card{ padding: 12px 20px;}
.programm_sec .card:last-child{ margin-bottom: 100px;}
.programm_sec .top_title{ margin-bottom: 20px;}
.page_title_sec{ margin-top: -100px;}
.card_group_sec .card{ min-height: 175px;}
.default_page .inner_part h1{ font-size: 35px; line-height: 45px; }
.modal-content h1{ font-size: 33px;}
.modal .text_box h1{ font-size: 30px;}
.modal .text_box p:last-child { padding-bottom: 50px;}

}







@media only screen and (max-width:767px) {
h1{font-size:35px; line-height:45px; }
h2{font-size:26px; }
h3{font-size:24px; }
h4{font-size:22px; }
h5{font-size:20px;}
h6{font-size:18px;}
.header{ padding: 20px 0;}
.navigation {width: calc(100% - 346px);}
.header .right_part .btn_one{ padding: 10px 15px 8px;}
.social img{ width: 45px; height: 45px;}
.btn_one { padding: 12px 20px 12px;}
.countdown_sec h2 span{ font-size: 70px;}
.countdown_sec .inner_part{ gap: 10px;}
.acthuizen_sec .btn_one { padding: 12px 20px 12px;}
.header .logo{ width: 130px;}
.artists_sec .card_hover{ margin-top: 40px;}
.artists_sec .top_arrow svg{ width: 45px;}
.cta_sec .left_part h2{ font-size: 30px;}
.footer .navigation{ padding: 30px 0 20px;}
.footer_bottom ul{ width: 100%; display: block; }
.navigation ul{ align-items: flex-start; justify-content: unset;}
.navigation ul li{ width: 45%; margin-bottom: 15px ; text-align: center; }
.footer_bottom ul li:last-child{border-bottom: unset; margin-bottom: 0; padding-bottom: 0;}
.footer_bottom ul li{ text-align: center; border-right: unset; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #fff; width: 100%;}
.flyer_sec .img_box{ width: 100%; margin-bottom: 20px;}
.flyer_sec .img_box:last-child{ margin-bottom: 0;}
.flyer_sec ,.countdown_sec{ margin-bottom: 50px;}
.card_group_sec.four_card .card{ width: calc(50% - 10px);}
.default_page .inner_part h1{ font-size: 30px; line-height: 40px;}
.default_page { padding: 27px 0px 20px;}
.error_page { padding: 200px 0px 29px;}
.modal .close{ background-size: 30px}
.artists_sec .card h2{ font-size: 24px;}
.acthuizen_sec img , .artists_sec .card, .imprssie_sec .inner_part{border-radius: 10px;}
.header .right_part .btn_one, .btn_two  , .btn_one , .cta_sec .btn_two{ font-size: 15px;}
.huisregels_sec ul li{ font-size: 18px;}
.navigation ul li{ width: 31%;}
.header .right_part{ width: 204px;}
.default_page.single_page{  padding-top: 200px;}
.partner_sec{ margin-bottom: 50px;}
}






@media only screen and (max-width:600px) {
h1{font-size:28px; line-height: 38px; }
h2{font-size:24px; }
h3{font-size:22px; }
h4{font-size:20px; }
h5{font-size:18px;}
h6{font-size:18px;}
.wrapper{ padding: 0 20px;}
.section_heading span{ width: 50px;}

.header{ padding: 20px 0;}
.header .logo{ width:80px;}
.header .navigation { width: calc(100% - 250px);}
.header .right_part { width: 150px;}

.header .right_part .btn_one { font-size: 12px; padding: 10px 5px;}
.header.sticky .logo{ width:80px;}
.header.sticky .navigation { width: calc(100% - 230px);}
.header .right_part a{font-size: 14px;}
.hero_sec img{ min-height: 280px;}
.acthuizen_sec .btn_group , .cta_sec .btn_group{ gap: 10px;}
.artists_sec .card_hover{ margin-top: 30px;}
.artists_sec .card{ width: 100%;}
.artists_sec .card.hover{ width: 100%;}
.artists_sec .card.not_hover { width:100%}
.artists_sec .card .overlap_text , .artists_sec .card .hover_text{ padding: 20px 20px 30px}
.card_group_sec{ margin-bottom: 50px;}
.video_overlay .play_btn{ width: 50px;}
.swiper-slide {padding: 0 30px;}
/* .partner_sec { padding: 30px 0;} */
.footer_bottom ul li{ font-size: 14px; line-height: 20px;}

.cta_sec .left_part{ padding: 30px 14px;}
.cta_sec .left_part h2{ font-size: 22px; line-height: 32px;}
.huisregels_sec{ margin-bottom: 50px;}
.countdown_sec h2 span{ font-size:37px; margin-right: -10px;}
.countdown_sec h2{ font-size: 14px;}
.artists_sec .card img , .artists_sec .card{ min-height: 550px;}
.footer .footer_bottom{ padding: 30px 0;}
.imprssie_sec .inner_part{ margin-top: 0;}
.programm_sec .tab_heading .heading{ width: 100%;}
.programm_sec .tab_heading{ gap: 10px;}
.programm_sec .card{ padding: 10px 40px 10px 10px;}
.programm_sec{ margin-bottom: 50px;}
.programm_sec .card .popup_icon::before {width: 25px; height: 25px; background-size: 5px; right: 10px;}
.programm_sec .left_part{ width: 40%;}
.programm_sec .left_part{ width:35%; padding-right: 5px;}
.page_title_sec{ margin-top: -80px;}
.card_group_sec .card , .card_group_sec.four_card .card{ width: 100%;}
.card_group_sec.four_card{ margin-bottom: 50px;}
.social img{ width: 40px; height: 40px; object-fit: cover;}
.default_page .inner_part h1{ font-size: 28px; line-height:38px;}
.modal-content h1{ font-size: 28px; line-height: 38px; hyphens: auto;}
.modal .text_box h1, .default_page .inner_part h1{ font-size: 22px; line-height: 32px;}
.btn_two {padding: 12px 35px 10px 15px; }
.cta_sec .right_part{ bottom: 0; top: unset; display: flex; justify-content: flex-end;}
.cta_sec img{ width: 70%; margin-top: 0;}
.countdown_sec .inner_part{ justify-content: space-between;}
.huisregels_sec ul li{ font-size: 16px;}
.acthuizen_sec .left_part h3{ font-size: 20px;}
.acthuizen_sec .right_part h2{ font-size: 22px;}
.acthuizen_sec .inner_part{ padding: 23px 0 0;}
.flyer_sec, .countdown_sec { margin-bottom: 30px;}
.section_heading h4{ font-size: 18px;}
.error_page {  padding: 150px 0px 29px;}
.navigation ul li{ width: 45%;}
.default_page { padding: 5px 0px 20px;}
.error_page .inner_part img{ max-width: 85%;}
.error_page .btn_one{ padding: 8px 20px;}
.partner_sec.black_bg img{ min-height: 70px;}
 .header .close-btn{ background-size: 25px;}
 .header .mob-menu{ padding-top: 90px;}
 .default_page.single_page{ padding-top: 180px;}
 .partner_sec img{ max-height: 28px;}
 .partner_sec.black_bg img{ min-height: 50px; }
.gallary_sec .brick{ width: 160px !important;}
.partner_sec.black_bg{ height:70px}
}