:root {
  --brown: #271c1a;
  --red: #95271e;
  --black: #231f20;
}


html{scroll-behavior: smooth;}
body.opened{overflow: hidden;}
section{scroll-margin-top: 120px;}



@font-face {
    font-family: 'Borna';
    src: url('../fonts/BornaRegular.eot');
    src: url('../fonts/BornaRegular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BornaRegular.woff2') format('woff2'),
        url('../fonts/BornaRegular.woff') format('woff'),
        url('../fonts/BornaRegular.ttf') format('truetype'),
        url('../fonts/BornaRegular.svg#BornaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fb Versatily HebEng';
    src: url('../fonts/FbVersatilyHebEng-Medium.eot');
    src: url('../fonts/FbVersatilyHebEng-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FbVersatilyHebEng-Medium.woff2') format('woff2'),
        url('../fonts/FbVersatilyHebEng-Medium.woff') format('woff'),
        url('../fonts/FbVersatilyHebEng-Medium.ttf') format('truetype'),
        url('../fonts/FbVersatilyHebEng-Medium.svg#FbVersatilyHebEng-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Borna Regular';
    src: url('../fonts/BornaRegularItalic.eot');
    src: url('../fonts/BornaRegularItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BornaRegularItalic.woff2') format('woff2'),
        url('../fonts/BornaRegularItalic.woff') format('woff'),
        url('../fonts/BornaRegularItalic.ttf') format('truetype'),
        url('../fonts/BornaRegularItalic.svg#BornaRegularItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Contract Sign';
    src: url('../fonts/ContractSign.eot');
    src: url('../fonts/ContractSign.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ContractSign.woff2') format('woff2'),
        url('../fonts/ContractSign.woff') format('woff'),
        url('../fonts/ContractSign.ttf') format('truetype'),
        url('../fonts/ContractSign.svg#ContractSign') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Borna';
    src: url('../fonts/BornaMedium.eot');
    src: url('../fonts/BornaMedium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BornaMedium.woff2') format('woff2'),
        url('../fonts/BornaMedium.woff') format('woff'),
        url('../fonts/BornaMedium.ttf') format('truetype'),
        url('../fonts/BornaMedium.svg#BornaMedium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Borna';
    src: url('../fonts/BornaSemiBold.eot');
    src: url('../fonts/BornaSemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BornaSemiBold.woff2') format('woff2'),
        url('../fonts/BornaSemiBold.woff') format('woff'),
        url('../fonts/BornaSemiBold.ttf') format('truetype'),
        url('../fonts/BornaSemiBold.svg#BornaSemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fb Versatily HebEng';
    src: url('../fonts/FbVersatilyHebEng-Regular.eot');
    src: url('../fonts/FbVersatilyHebEng-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FbVersatilyHebEng-Regular.woff2') format('woff2'),
        url('../fonts/FbVersatilyHebEng-Regular.woff') format('woff'),
        url('../fonts/FbVersatilyHebEng-Regular.ttf') format('truetype'),
        url('../fonts/FbVersatilyHebEng-Regular.svg#FbVersatilyHebEng-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Pinland';
    src: url('../fonts/Pinland-Regular.eot');
    src: url('../fonts/Pinland-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Pinland-Regular.woff2') format('woff2'),
        url('../fonts/Pinland-Regular.woff') format('woff'),
        url('../fonts/Pinland-Regular.ttf') format('truetype'),
        url('../fonts/Pinland-Regular.svg#Pinland-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Borna';
    src: url('../fonts/Borna-Medium.eot');
    src: url('../fonts/Borna-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Borna-Medium.woff2') format('woff2'),
        url('../fonts/Borna-Medium.woff') format('woff'),
        url('../fonts/Borna-Medium.ttf') format('truetype'),
        url('../fonts/Borna-Medium.svg#Borna-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'ba_franknatanzar';
    src: url('../ba_franknatan__zar_1-webfont.woff2') format('woff2'),
         url('../ba_franknatan__zar_1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;




}


@font-face {
    font-family: 'BA Franknatan  Zar';
    src: url('../fonts/BA-FRANKNATAN--ZAR-1-1.eot');
    src: url('../fonts/BA-FRANKNATAN--ZAR-1-1.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BA-FRANKNATAN--ZAR-1-1.woff2') format('woff2'),
         url('../fonts/BA-FRANKNATAN--ZAR-1-1.woff') format('woff'),
         url('../fonts/BA-FRANKNATAN--ZAR-1-1.ttf')  format('truetype'),
         url('../fonts/BA-FRANKNATAN--ZAR-1-1.svg#BA Franknatan  Zar') format('svg');
}


.heb-text{font-family: 'BA Franknatan  Zar'; font-size: 140%; letter-spacing: 1px;} 


label.error{color: red; display: block; font-size: 14px; margin-top: 4px;}


.ba{font-family: 'ba_franknatanzar';}
.borna{font-family: 'Borna';}
.pinland{font-family: 'Pinland';}
.fb{font-family: 'Fb Versatily HebEng';}

h1, h2, h3{font-family: 'Pinland';}
body{font-family: 'Borna';}

.common_btn .arrow,
.text_btn .arrow
{transition: all ease 0.3s; cursor: pointer;}

button{cursor: pointer;}

.common_btn:hover .arrow,
.text_btn:hover .arrow
{transform: translateX(10px);}


.main_header{background: rgba(255,255,255,0.5); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);}
.container{width: 100%; padding: 0 20px; margin: 0 auto;}

.trigger span{ background-color: #000000; height: 2px; display: block; width: 100%; border-radius: 2px; transition: all 0.3s ease;}
body.slip .trigger span:nth-child(1) {transform: rotate(45deg) translateY(8px) translateX(5px);}
body.slip .trigger span:nth-child(2) { opacity: 0;}
body.slip .trigger span:nth-child(3) { transform: rotate(-45deg) translateY(-8px) translateX(5px);}


.menus_overlay{display: none;}
.menus ul{display: flex; align-items: center; gap:50px;}
.menus ul li{position: relative; width: 100%;}
.menus ul li a{transition: all ease 0.0s; display: flex; font-size: 15px; line-height: 18px; white-space: nowrap; padding: 14px 0; color: #271c1a;}
.menus ul li:hover a,
.menus ul li.active a
{color: #95271e;}

.menus ul li.active a{font-weight: 700;}



.language_selector{font-weight: 700; font-size: 18px;}
.banner_txt{background: #ffffff; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.50) 100%);}


#faqs_accordion{display: flex; flex-direction: column;}
#faqs_accordion .faq_item{border-bottom: 1px solid #95271e;}
#faqs_accordion .faq_item h4{cursor: pointer; color: #938e8d; padding: 20px 80px 20px 20px; font-size: 20px; position: relative; font-weight: 700;}
#faqs_accordion .faq_item h4:before{height: 2px; width: 14px; background-color: #95271e; content: ''; position: absolute; right:0; top:34px; transition: all ease 0.2s;}
#faqs_accordion .faq_item h4:after{height: 2px; width: 14px; background-color: #95271e; content: ''; position: absolute; right:0; top:34px; transition: all ease 0.2s; transform: rotate(90deg);}

#faqs_accordion .faq_item h4.active{color: #95271e;}
#faqs_accordion .faq_item h4.active:after{ transform: rotate(0);}

#faqs_accordion .faq_item .faq_content{padding-bottom: 20px; display: none; padding-left: 40px;}
#faqs_accordion .faq_item .faq_content p{color: #ffffff;}
#faqs_accordion .faq_item .faq_content p:not(:first-child){margin-top:20px;}


.event_item{display: flex; flex-wrap: wrap; gap:50px;}
.event_item .image{width: calc(100% - 400px);}
.event_item .image img{object-fit: cover; height: 100%;}
.event_item .text{width: 350px;}
.event_item .text .event_title{font-weight: 700; color: #ffffff; font-size: 30px; line-height: 38px; margin-bottom: 15px;}
.event_item .text .event_date{font-weight: 700; color: #95271e; font-size: 20px; line-height: 24px;}
.info_items{margin: 30px 0; display: flex; flex-direction: column; gap:20px;}
.info_items .info_block{display: flex; flex-direction: column; gap:6px;}
.info_items .info_block h6{font-weight: 700; color: #95271e; font-size: 16px; line-height: 19px;}
.info_items .info_block p{color: #afafaf; font-size: 16px;}
.event_item .venue_block{width: 100%;}
.event_item .venue_block h4{display: flex; background-color: #382E2C; justify-content: center; align-items: center; gap:15px; font-weight: 700; font-size: 22px; text-align: center; color: #e9e8e8; width: 100%; padding: 10px 10px; border-radius: 30px; cursor: pointer; transition: all ease 0.2s;}

.event_item .venue_block h4.active{border-radius: 20px 20px 0 0;}
.event_item .venue_block h4.active span{transform: rotate(180deg);}

.event_item .venue_block h4 span{background: url(../images/svg/venue_drop.svg) center center no-repeat; display: flex; width: 14px; height: 14px; opacity: 0.5; transition: all ease 0.2s; }
 
.event_item .venue_block .about_venue{background-color: rgba(190,187,186,0.3); padding: 50px; color: #ffffff; border-radius: 0 0 20px 20px; display: none;}
.event_item .venue_block .about_venue h6{color: #ffffff; font-size: 20px; line-height: 24px; font-weight: 700;}
.event_item .venue_block .about_venue p{color: #ffffff; font-size: 18px; line-height: 25px; margin-top:20px;}

#searchInput{height:46px; border:1px solid #231f20; border-radius:50px; padding: 0 50px 0 25px;}


.filter_buttons{display: flex; flex-wrap: wrap; gap:8px;}
.filter_buttons button{color: #231f20; background-color: #c9c6c6; border-radius: 10px; font-size: 16px; line-height: 16px; padding: 12px 12px;}
.filter_buttons button.active{color: #ffffff; background-color: #231f20;}


.footer_links{display: flex; flex-direction: column; gap:20px;}
.footer_links ul{display: flex; flex-direction: column; gap:10px;}
.footer_links ul li a,
.footer_links ul li button
{color: #757575; font-size: 14px; line-height: 20px; transition: all ease 0.2s; cursor: pointer;}

.footer_links ul li:hover a,
.footer_links ul li:hover button
{color: #111111;}






.form_control{position: relative;}
.form_control .animate{position: absolute; left:0; top:15px; color: #ada9a8; font-size: 18px; line-height: 19px; font-weight: 500; cursor: text; transition: all ease 0.2s;}

.form_control.active .animate{top: -2px; font-size: 13px; line-height: 13px;}

.form_control .animate[for="message"]{ top:5px;}

.form_control.active .animate[for="message"]{top: -11px; font-size: 13px; line-height: 13px;}


.form_control input,
.form_control textarea
{border-radius: 0; border:none; border-bottom: 1px solid #271c1a; background: none; height: 50px; width:100%; padding: 0 0; outline: none; box-shadow: none; font-size: 18px; color: rgba(255, 255, 255, 1);}



.form_control textarea{height: 100px; padding: 0; resize: none;}


.footer_logo{display: flex; justify-content: center;}
.footer_logo img{width:200px;}

.social_icons{display: flex; justify-content: center; gap:15px; list-style-type: none; margin: 0; padding: 0;}
.social_icons li a img{width:40px; transition: all ease 0.3s;}
.social_icons li a:hover img{transform: rotate(10deg);}

.footer_menus ul{display: flex; flex-wrap: wrap; justify-content: center; gap:10px 30px; list-style-type: none; margin: 0; padding: 0; max-width: 250px;}
.footer_menus ul li a{color: #f2d9c1; text-decoration: none; transition: all ease 0.3s;}
.footer_menus ul li a:hover{color: #95271e;}

.contact_info ul{display: flex; flex-direction: column; gap:30px;}
.contact_info ul li{color: rgba(242,217,193,0.5); display: flex; flex-direction: column; gap:5px; align-items: center; font-size: 22px; line-height: 28px;}
.contact_info ul li h6{font-size: 22px; font-weight: 700;}
.contact_info ul li a{color: rgba(255,255,255,0.5); transition: all ease 0.3s;}
.contact_info ul li:hover a{color: rgba(255,255,255,1);}


a.disabled{pointer-events: none; cursor: default; opacity: 0.4;}

.contact_page .footer_info,
.contact_page .footer_right
{display:none;}

.contact_page .footer_left{margin-left:auto; margin-right:auto;}