/* ===== global.css ===== */
/* width */
::-webkit-scrollbar { width: 10px;}

/* Track */
::-webkit-scrollbar-track { background: #f1f1f1;}

/* Handle */
::-webkit-scrollbar-thumb { background:#e12050;}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover { background: #555;}

*,
*::before,
*::after { box-sizing: border-box;}

::-ms-input-placeholder {color:var(--color-07);}
::placeholder {color: var(--color-07);}



html, body {
  scroll-behavior: auto !important;
  /*overflow: hidden;*/
}

#smooth-wrapper {
  height: 100%;
  overflow: hidden;
}

#scrollsmoother-container {
  will-change: transform;
}



:root{
	--color-01:#FFFFFF;
	--color-02:#000000;
	--color-03:#222222;
	--color-04:#666666;
	--color-05:#CCCCCC;
	--color-06:#EEEEEE;
	--color-07:#BFC0C3;
	--color-08:#0f0f0f;
	--color-09:#E9FFFD;
	--color-10:#F1FFFE;
	--color-11:#EF008C;
	--color-12:#13073A;
	--color-13:#08014C;
	--color-14:#0E0628;
	--rfs-82: clamp(2.5rem, 6vw, 82px);
	--rfs-72: clamp(2.25rem, 4vw, 72px);
	--rfs-64: clamp(2rem, 4.5vw, 64px);
	--rfs-54: clamp(1.75rem, 4vw, 54px);
	--rfs-48: clamp(1.5rem, 3.5vw, 48px);
	--rfs-42: clamp(1.35rem, 3vw, 42px);
	--rfs-36: clamp(1.25rem, 3vw, 36px);
	--rfs-30: clamp(1.125rem, 2.5vw, 30px);
	--rfs-24: clamp(1rem, 2vw, 24px);
	--rfs-21: clamp(0.875rem, 1.75vw, 21px);
	--rfs-18: clamp(0.875rem, 1.5vw, 18px);
	--rfs-16: clamp(0.875rem, 1.5vw, 16px);
}

.color-01{color:var(--color-01);}
.color-02{color:var(--color-02);}
.color-03{color:var(--color-03);}
.color-04{color:var(--color-04);}
.color-05{color:var(--color-05);}
.color-06{color:var(--color-06);}
.color-07{color:var(--color-07);}
.color-08{color:var(--color-08);}
.color-09{color:var(--color-09);}
.color-10{color:var(--color-10);}
.color-11{color:var(--color-11);}
.color-12{color:var(--color-12);}
.color-13{color:var(--color-13);}
.color-14{color:var(--color-14);}

.bg-01{background:var(--color-01);}
.bg-02{background:var(--color-02);}
.bg-03{background:var(--color-03);}
.bg-04{background:var(--color-04);}
.bg-05{background:var(--color-05);}
.bg-06{background:var(--color-06);}
.bg-07{background:var(--color-07);}
.bg-08{background:var(--color-08);}
.bg-09{background:var(--color-09);}
.bg-10{background:var(--color-10);}
.bg-11{background:var(--color-11);}
.bg-12{background:var(--color-12);}
.bg-13{background:var(--color-13);}
.bg-14{background:var(--color-14);}


* {margin: 0px;padding: 0px;}

main {opacity: 0;transform: translateY(40px);transition: all 0.4s ease;}
main .error_page{height:100vh;display:flex;flex-direction: column;align-items:center;align-content:center;justify-content: center;}

html.loading .page-content {opacity: 0;transform: translateY(40px);}


.page-content {opacity: 1;transform: translateY(0);transition: all 0.5s ease;}
.page-loader {position: absolute;bottom: 0;left: 0;width: 100%;height: 100vh;background: #ffffff;z-index: 1;/* transform: translateY(0%); */transition: all 0.6s ease-in-out;/* display: none; */pointer-events: none;}
.page-loader.show {/* transform: translateY(0%); */bottom: 30%;}
.page-loader.hide {bottom: 250%;}
.page-loader:before,
.page-loader:after{content:"";width: 100%;height: 100%;position:absolute;left:0;transition:all 0.3s ease;}
.page-loader:before{background: linear-gradient(0deg, #ffffff 50%, transparent 100%);bottom:100%;}
.page-loader:after{background: linear-gradient(180deg, #ffffff 50%, transparent 100%);top:100%;}

.page-loader span{text-align:center;width:100%;height:100%;background:url("../img/loader-vr6.gif") no-repeat center center;background-size:300px;position: fixed;top:0;left:0;z-index: 99;display:flex;align-items:center;justify-content: center;opacity: 0;transition: all 300ms ease-in-out;}


.page-loader.show span{opacity:1}
/*
#loader{text-align:center;width:100%;height:100%;background:var(--color-01);position:fixed;top:0;left:0;z-index: 99;transition: opacity 0.4s ease;}
#loader span{text-align:center;width:100%;height:100%;background:url("../img/loader-vr6.gif") no-repeat center center;background-size:300px;position:f;top:0;left:0;z-index: 99;display:flex;align-items:center;justify-content: center;}

main{transition: opacity 0.6s ease, transform 0.6s ease;}
*/


.loader {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: var(--color-01);z-index: 99999;display: flex;align-items: center;}
.loader:before,
#clickAnimation_wrp:before{content:"";width:300px;height:200px;background: url("../img/loader-vr6.gif") var(--color-01) no-repeat center center;background-size:cover; position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9;}

#clickAnimation_wrp{position: fixed;top:0;left: 0;z-index: -1;width:100%;height:100%;opacity: 0;background:var(--color-01);display: flex;align-items: center;}
#clickAnimation_wrp.current {z-index:999;opacity:1;} 



/*
*,
.btn_seemore{cursor:none;}
*/

html {scroll-behavior: smooth;}

div#html5lightbox-watermark,
div#html5-watermark {display: none !important;}
 
body {color: var(--color-02);font-size: var(--rfs-18);font-weight: 400;background-repeat:no-repeat;background-position: center bottom;background-attachment:fixed;} 
h1, h2{margin-bottom: 30px;}

h1,
h2,
h3,
h4,
h5 {font-family: "MetaCompPro-CondNormal W01 Rg";font-weight:400;line-height: 1;letter-spacing: 0px;text-transform: lowercase;position: relative;}

h6.titles{font-size: 14px;font-weight: 600;line-height: 1.3;text-transform:uppercase;margin-top: 0px;margin-bottom: 20px;}
.title_line{border-top: 1px solid;margin-bottom: 15px;width:0%;}
 
.heading-02{font-size:var(--rfs-64);}
h2.heading-02{margin-bottom:70px;}

p {font-size: 1.1rem;line-height: 1.4;}
strong{font-weight: 700;} 

nav a.active {color: #f00;font-weight: bold;}

.rfs-p {padding: 0px 50px;position: relative;}
.container-fluid{padding:100px 0px;}

.font-number{font-family: 'open sans' !important;}

.mw-350{max-width:350px;}
.mw-400{max-width:400px;}
.mw-450{max-width:450px;}
.mw-500{max-width:500px;}
.mw-550{max-width:550px;}
.mw-580{max-width:580px;}
.mw-600{max-width:600px;}
.mw-650{max-width:650px;}
.mw-700{max-width:700px;}
.mw-750{max-width:750px;}
.mw-800{max-width:800px;}
.mw-850{max-width:850px;}
.mw-900{max-width:900px;}

div#appContent, main{min-height:100vh;}

#left-menu {padding-left: 4%;padding-right: 2%;width: 100%;max-width: 450px;height: 100%;position: fixed;top: 0;left:0;/*left: -450px;opacity: 0;*/z-index: 999;transition: all 400ms ease-in-out;}
#left-menu.active {left: 0px;opacity: 1;transition: all 400ms ease-in-out 1s;}


/*
.fixed-right-menu {position: fixed;top: 0;left: -300px;padding-left: 4%;padding-right: 2%;height: 100%;transition:all 400ms ease-in-out 1s;}
.active .fixed-right-menu{left:0px;transition:all 400ms ease-in-out 1s;}
*/


.btn-contact_us{line-height: 1;text-align: center;margin: 5px 0px;position: relative;display: inline-flex;transition:all 300ms ease-in-out;}

.btn-contact_us .bc_txt{text-transform: uppercase;display: flex;overflow: hidden;position: relative;min-height: 45px;min-width: 200px;border:2px solid var(--color-02);border-radius: 7px;transition:all 300ms ease-in-out;}
.btn-contact_us .bc_txt:before,
.btn-contact_us .bc_txt:after{content:"";width:100%;height:100%;position: absolute;top:0%;transition:all 300ms ease-in-out;}

.btn-contact_us .bc_txt:before{left:0%;background:var(--color-02);}
.btn-contact_us .bc_txt:after{left:-100%;}
.btn-contact_us .bc_txt span{text-transform: uppercase;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;position: absolute;top:0;left:0%;z-index: 9;transition:all 300ms ease-in-out;}

.btn-contact_us .bc_txt .txt_01{color: var(--color-01);padding-right: 10px;left: 0%;}
.btn-contact_us .bc_txt .txt_02{color: var(--color-02);padding-left: 10px;left: -100%;}

.btn-contact_us .bc_dots{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.btn-contact_us .bc_dots:before,
.btn-contact_us .bc_dots:after{content:"";width: 15px;height: 15px;border-radius: 100px;border-top: 2px solid var(--color-02);border-left: 2px solid var(--color-02);border-bottom: 2px solid transparent;border-right: 2px solid transparent;background: #fee8f5;position: absolute;top: 50%;transition:all 300ms ease-in-out;}

.btn-contact_us .bc_dots:before{left: -7px;transform: translateY(-50%) rotate(135deg) scale(0);}
.btn-contact_us .bc_dots:after{right: -7px;transform: translateY(-50%) rotate(-45deg);}
.btn-contact_us .bc_arrow{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.btn-contact_us .bc_arrow:before,
.btn-contact_us .bc_arrow:after{content:"";width: 30px;height: 4px;background: var(--color-11);border-radius: 100px;position: absolute;top: 50%;z-index: 9;transform: translateY(-50%);transition:all 300ms ease-in-out;}

.btn-contact_us .bc_arrow:before{width: 0px;left: -10px;}
.btn-contact_us .bc_arrow:after{right: -10px;}


.btn-contact_us:hover{transition:all 300ms ease-in-out;}
.btn-contact_us:hover .bc_txt{transition:all 300ms ease-in-out;}
.btn-contact_us:hover .bc_txt:before{left:100%;}
.btn-contact_us:hover .bc_txt:after{left:0%;}
.btn-contact_us:hover .bc_txt .txt_01{left: 200%;transition:all 300ms ease-in-out;}
.btn-contact_us:hover .bc_txt .txt_02{left: 0%;transition:all 300ms ease-in-out;}

.btn-contact_us:hover .bc_dots:before{left: -7px;transform: translateY(-50%) rotate(135deg) scale(1);transition:all 300ms ease-in-out;}
.btn-contact_us:hover .bc_dots:after{right: -7px;transform: translateY(-50%) rotate(-45deg) scale(0);transition:all 300ms ease-in-out;}

.btn-contact_us:hover .bc_arrow:before{width: 30px;transition:all 300ms ease-in-out;}
.btn-contact_us:hover .bc_arrow:after{width: 0px;transition:all 300ms ease-in-out;}


.anime_row {overflow: hidden;}
.anime_col{position:relative}
/*
#cursor_pointer {font-size:0px;position: fixed;width:10px;height:10px;background:rgba(255,255,255,.2);border:1px solid rgba(0,0,0,.3);border-radius: 100px;backdrop-filter: blur(10px);transform: translate(-50%, -50%);transition: 0s;pointer-events: none;z-index: 999999;opacity:0;}
#cursor_pointer {font-size:0px;position: fixed;top: 0px;left: 0px;width:40px;height:40px;background:url("../img/icons/cursor-arrow.webp") no-repeat center center;background-size:cover;transform: translate(-50%, -50%);transition: 0s;pointer-events: none;z-index: 999999;opacity:0;}
*/

#cursor_pointer {font-size:0px;position: fixed;width:3px;height:3px;background:rgba(0,0,0,1);border-radius: 100px;backdrop-filter: blur(10px);transform: translate(-50%, -50%);transition: 0s;pointer-events: none;z-index: 999999;}
#cursor {position: fixed;transform: translate(-50%, -50%);transition: 0s;pointer-events: none;z-index: 99999;}
#cursor .c_icon{width:40px;height:40px;position:absolute;top: 20px;left: 20px;transform:translate(-50%,-50%);background-repeat:no-repeat;background-position:center center;background-size:cover;}
#cursor .c_text{color:var(--color-01);font-size: 11px;line-height: 1;text-align: center !important;text-transform: uppercase;padding: 4px 6px 5px 7px;display: block;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.2);border-radius: 5px;backdrop-filter: blur(10px);position: absolute;top:40px;left: 50%;overflow: hidden;transform: translateX(-50%);}

#cursor.active .c_text{padding:0px;border:none;}
#cursor_pointer.active{opacity:1;}

#cursor.hand .c_icon{top:17px !important;left: 6px;width:40px;height:40px;background-image:url("../img/stickers/hand.webp");}
#cursor.hand .c_text{top:25px;display:none;}
.btn_seemore.hand{cursor:none;}

.sc_light_dark > div {background: linear-gradient(to right,rgb(37, 37, 37) 50%,rgb(222, 222, 222) 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text;line-height: 1;z-index: 9;padding-bottom: 10px;}

.sc_dark_light > div {background: linear-gradient(to right, rgb(222, 222, 222) 50%, rgb(12 12 12) 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text;line-height: 1;z-index: 9;padding-bottom: 10px;}





section.hs-faqs #accordionExample{border-top: 1px solid #E8E8E8;}
section.hs-faqs #accordionExample .accordion-item,
section.hs-faqs #accordionExample .accordion-item button,
section.hs-faqs #accordionExample .accordion-collapse,
section.hs-faqs #accordionExample .accordion-collapse .accordion-body{color: var(--color-02);background:transparent;border:none;box-shadow:none;}

section.hs-faqs #accordionExample .accordion-item{cursor: none;position: relative;border-bottom: 1px solid #E8E8E8;border-radius: 0px !important;}
section.hs-faqs #accordionExample .accordion-item:after{content:"";width:100%;height: 1px;background: linear-gradient(90deg, #FFF 0%, rgba(217, 217, 217, 0.00) 100%);position:absolute;bottom:0px;left:0px;}
section.hs-faqs #accordionExample .accordion-item button{cursor: none;font-size: var(--rfs-30);padding: 15px 140px 24px 0px;overflow:hidden;position: relative;}
section.hs-faqs #accordionExample .accordion-item button:before{content: "open";font-size: 14px;line-height: 1;text-transform: uppercase;text-align: center;width: 80px;height: 30px;position: absolute;top: 23px;right:-140px;padding: 7px 15px 7px 15px;border-radius:100px;border: 1px solid #cfcfcf;display: flex;align-items: center;justify-content: center;z-index: 9;transition:all 300ms ease-in-out;}
section.hs-faqs #accordionExample .accordion-item button:after{content: "";width: 0px;height: 30px;position: absolute;top: 23px;right: 40px;background:var(--color-02);border-radius: 100px;border: 1px solid var(--color-01);transform: rotate(0deg);transition:all 300ms ease-in-out;}
section.hs-faqs #accordionExample .accordion-item button .txt{transition:all 300ms ease-in-out;}
section.hs-faqs #accordionExample .accordion-item button .txt:before{content:"";width:8px;height:8px;background:var(--color-11);border-radius: 100px;position:absolute;top: 25px;left:0px;transform: scale(0);transition: all 300ms ease-in-out;}

section.hs-faqs #accordionExample .accordion-item button .arrow{width:30px;height: 30px;border-radius: 100px;position:absolute;top: 25px;right: 0px;transition:all 300ms ease-in-out;}
section.hs-faqs #accordionExample .accordion-item button .arrow:before,
section.hs-faqs #accordionExample .accordion-item button .arrow:after{content:"";width: 20px;height: 2px;background: #999999;position: absolute;top: 50%;left: 50%;transition:all 300ms ease-in-out;}
section.hs-faqs #accordionExample .accordion-item button .arrow:before{transform: translate(-50%,-50%);}
section.hs-faqs #accordionExample .accordion-item button .arrow:after{transform: translate(-50%,-50%) rotate(90deg);}
section.hs-faqs #accordionExample .accordion-collapse{border-radius: 0px !important;}
section.hs-faqs #accordionExample .accordion-collapse .accordion-body{padding: 0px 120px 15px 0px;}
section.hs-faqs #accordionExample .accordion-collapse .accordion-body p{}
section.hs-faqs #accordionExample .accordion-collapse .accordion-body ul {margin: 0px 0px 20px 0px;padding: 0px;list-style-type: none;}
section.hs-faqs #accordionExample .accordion-collapse .accordion-body ul li {position: relative;padding: 5px 0px 5px 30px;}
section.hs-faqs #accordionExample .accordion-collapse .accordion-body ul li:after {content: "";position: absolute;top: 13px;left: 0;width: 14px;height: 5px;box-shadow: -2px 1px 0px black;transform: rotate(-45deg);}

section.hs-faqs #accordionExample .accordion-item:nth-last-child(1):after{display:none;}

section.hs-faqs #accordionExample .accordion-item button:hover:before{right: 40px;transition:all 300ms ease-in-out;}
section.hs-faqs #accordionExample .accordion-item button[aria-expanded="true"]:before{content:"close";color: var(--color-01);right: 40px;border-color: var(--color-02);transition:all 500ms ease-in-out;}
section.hs-faqs #accordionExample .accordion-item button[aria-expanded="true"]:after{width:80px;border: 1px solid var(--color-02);transition:all 500ms ease-in-out;}
section.hs-faqs #accordionExample .accordion-item button[aria-expanded="true"] .txt:before{/* transform: scale(1); */transition:all 500ms ease-in-out;}
section.hs-faqs #accordionExample .accordion-item button[aria-expanded="true"] .txt{font-weight: 500;/* padding-left: 25px; */transition:all 500ms ease-in-out;}

section.hs-faqs #accordionExample .accordion-item button[aria-expanded="true"] .arrow{/* background: var(--color-02); *//* transform:rotate(45deg); */transition:all 500ms ease-in-out;}
section.hs-faqs #accordionExample .accordion-item button[aria-expanded="true"] .arrow:after{background: var(--color-02);transform: translate(-50%,-50%) rotate(0deg);transition:all 300ms ease-in-out;}




/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 1280px) 
and (max-width : 1440px) { 

	:root{
		--rfs-82: clamp(1.75rem, 4vw, 54px);
		--rfs-64: clamp(1.75rem, 4vw, 54px);
	}
	

}


@media only screen and (max-width : 480px) 
{

	:root{
		--rfs-82: clamp(2.5rem, 6vw, 82px);
		--rfs-72: clamp(2.25rem, 4vw, 72px);
		--rfs-64: clamp(2rem, 4.5vw, 64px);
		--rfs-54: clamp(1.75rem, 4vw, 54px);
		--rfs-48: clamp(1.5rem, 3.5vw, 48px);
		--rfs-42: clamp(1.35rem, 3vw, 42px);
		--rfs-36: clamp(1.25rem, 3vw, 36px);
		--rfs-30: clamp(1.125rem, 2.5vw, 30px);
		--rfs-24: clamp(1rem, 2vw, 24px);
		--rfs-21: clamp(0.875rem, 1.75vw, 21px);
		--rfs-18: clamp(0.875rem, 1.5vw, 18px);
		--rfs-16: clamp(0.875rem, 1.5vw, 16px);
	}

	.rfs-p{padding:0px 10px;}
	.container-fluid{padding:40px 0px;}
	
	section.hs-faqs #accordionExample .accordion-item button{padding: 20px 140px 21px 0px;}
	
	.footer-icon-01 {width: 60%;}

	footer{padding:0px !important;}
	footer .row.align-items-end{flex-direction: column-reverse !important;}
	footer .p-0, footer .pl-0, footer .pr-0{padding-left:calc(var(--bs-gutter-x) * .5) !important;padding-right: calc(var(--bs-gutter-x) * .5) !important;}
	footer h6.titles {margin-top:10px;margin-bottom: 5px;}
	ul.links_quick-big{margin-bottom:25px !important;}

	.about-bnf{padding:0px 15px 35px 15px !important;}
	.about-links{padding:25px 15px 15px 15px !important;}
	.about-social{padding-left: calc(var(--bs-gutter-x) * .5);padding-right: calc(var(--bs-gutter-x) * .5);padding-top: 20px !important;padding-bottom: 30px !important;display: flex;flex-direction: column-reverse;}
	ul.social_media{margin-top: 10px !important;margin-bottom:30px !important;flex-wrap: wrap;}
	
	.links_quick-wrapper ul.links_quick-small{margin-top:20px !important;gap:5px !important;flex-wrap: wrap;justify-content: flex-start !important;flex-direction: row;}
	.links_quick-wrapper ul.links_quick-small li a{height: 30px !important;}
	.bc_wrp{display: flex;flex-direction: column;align-items: flex-start;}
	.bc_wrp h2.big_bnf{margin-bottom: 15px !important;}
	.bc_wrp p.copyright{position: static !important;}
	
	.about-bnf p, 
	.f_box p span{font-size:15px;}
	
	.about-bnf .flex_column_space {gap: 20px;}
	
	
	
	
}




/* ===== header.css ===== */
 
.bnf-logo {float: left;position: fixed;top: 40px;left: 50px;z-index: 9999;transition: all 300ms ease-in-out;}
.bnf-logo:after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url("../img/bochfernsh-logo-gif.gif") transparent no-repeat center center;animation: slideUp 10s ease-in-out infinite alternate;z-index: 7;}

@keyframes slideUp {
      0% { opacity: 1; } 
     30% { opacity: 1; }
     31% { opacity: 0; }
    100% { opacity: 0; }
}

header .bnf-logo img {animation: bnflogo 10s ease-in-out infinite alternate;}

@keyframes bnflogo {
      0% { opacity: 0; }
     30% { opacity: 0; }
     31% { opacity: 1; }
    100% { opacity: 1; }
}


header{padding-left: 25px;position:fixed;top:40px;right:50px;z-index: 9999;gap: 4px;overflow: hidden;display: flex;}
header:before{content:"";width:0%;height: 100%;position: absolute;top: 0px;right: 40px;background: var(--color-01);z-index: 12;transition: all 300ms ease-in-out;}
header.open:before{/* width:100%; */transition: all 300ms ease-in-out;}

.btn-send_a_brief{font-size: 14px;font-weight: 700;line-height: 1;text-align: center;margin: 0px 0px;position: relative;left:1px;z-index: 11;display: inline-flex;transition:all 300ms ease-in-out 400ms;}
.btn-send_a_brief .bc_txt{text-transform: uppercase;display: flex;overflow: hidden;position: relative;min-height: 45px;min-width: 170px;border: 2px solid #D4D4D4;border-radius: 7px;transition:all 300ms ease-in-out;}
.btn-send_a_brief .bc_txt:before,
.btn-send_a_brief .bc_txt:after{content:"";width:100%;height:100%;position: absolute;top:0%;transition:all 300ms ease-in-out;}
.btn-send_a_brief .bc_txt:before{left:0%;background: var(--color-01);}
.btn-send_a_brief .bc_txt:after{left:-100%;background: linear-gradient(45deg, #d9d9d9, #D4D4D4);opacity: .2;}
.btn-send_a_brief .bc_txt span{text-transform: uppercase;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;padding-bottom: 2px;position: absolute;top:0;left:0%;z-index: 9;transition:all 300ms ease-in-out;}
.btn-send_a_brief .bc_txt .txt_01{color: var(--color-02);padding-right: 10px;left: 0%;}
.btn-send_a_brief .bc_txt .txt_02{color: var(--color-11);padding-left: 10px;left: -100%;}
.btn-send_a_brief .bc_dots{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.btn-send_a_brief .bc_dots:before,
.btn-send_a_brief .bc_dots:after{content:"";width: 15px;height: 15px;border-radius: 100px;border-top: 2px solid #D4D4D4;border-left: 2px solid #D4D4D4;border-bottom: 2px solid transparent;border-right: 2px solid transparent;background: var(--color-01);backdrop-filter: blur(30px);position: absolute;top: 50%;transition:all 300ms ease-in-out;}
.btn-send_a_brief .bc_dots:before{left: -7px;transform: translateY(-50%) rotate(135deg) scale(0);}
.btn-send_a_brief .bc_dots:after{right: -7px;transform: translateY(-50%) rotate(-45deg);}
.btn-send_a_brief .bc_arrow{width: 104%;height: 100%;position: absolute;top: 0;left: 0;}
.btn-send_a_brief .bc_arrow:before,
.btn-send_a_brief .bc_arrow:after{content:"";width: 40px;height: 4px;background: var(--color-11);border-radius: 100px;position: absolute;top: 50%;z-index: 9;transform: translateY(-50%);transition:all 300ms ease-in-out;}
.btn-send_a_brief .bc_arrow:before{width: 0px;left: -10px;}
.btn-send_a_brief .bc_arrow:after{right: -15px;}

.btn-send_a_brief:hover{transition:all 300ms ease-in-out;}
.btn-send_a_brief:hover .bc_txt{transition:all 300ms ease-in-out;}
.btn-send_a_brief:hover .bc_txt:before{left:100%;}
.btn-send_a_brief:hover .bc_txt:after{left:0%;}
.btn-send_a_brief:hover .bc_txt .txt_01{left: 200%;transition:all 300ms ease-in-out;}
.btn-send_a_brief:hover .bc_txt .txt_02{left: 0%;transition:all 300ms ease-in-out;}
.btn-send_a_brief:hover .bc_dots:before{left: -7px;transform: translateY(-50%) rotate(135deg) scale(1);transition:all 300ms ease-in-out;}
.btn-send_a_brief:hover .bc_dots:after{right: -7px;transform: translateY(-50%) rotate(-45deg) scale(0);transition:all 300ms ease-in-out;}
.btn-send_a_brief:hover .bc_arrow:before{width: 30px;transition:all 300ms ease-in-out;}
.btn-send_a_brief:hover .bc_arrow:after{width: 0px;transition:all 300ms ease-in-out;}


#btn-hamburger{min-height: 50px;min-width: 65px;position: relative;z-index: 10;}
#btn-hamburger:before{content:"";width: 15px;height: 15px;border-radius: 100px;border-top: 2px solid #D4D4D4;border-left: 2px solid #D4D4D4;border-bottom: 2px solid transparent;border-right: 2px solid transparent;background: var(--color-01);backdrop-filter: blur(10px);position: absolute;top: 50%;left: -9px;transform: translateY(-50%) rotate(135deg) scale(1);transition: all 400ms ease-in-out;}
#btn-hamburger:after{content:"";width: 25px;height: 1px;background: var(--color-02);position: absolute;top: 70%;left: 54%;transform: translate(-50%, -50%);z-index: 9;transition: all 400ms ease-in-out;}
#btn-hamburger span{position: absolute;right: 0%;width: 92%;height: 100%;}
#btn-hamburger span:before{content:"";width: 25px;height: 4px;background: var(--color-02);position: absolute;top: 34%;left: 50%;transform: translate(-50%,-50%);transition: all 400ms ease-in-out;}
#btn-hamburger span:after{content:"";width: 25px;height: 2px;background: var(--color-02);position: absolute;top: 53%;left: 50%;transform: translate(-50%, -50%);transition: all 400ms ease-in-out;}

.menus_list {/* display: none; */padding: 45px 0px 25px 0px;flex-direction: column;gap: 20px;}
.menus_list nav ul {list-style: none;padding: 0px 0px 0px 0px;margin: 0;position: relative;z-index: 99;display: flex;flex-direction: column;align-items: stretch;}
.menus_list nav ul li {opacity: 0;position: relative;top: 120px;overflow:hidden;transition: all 500ms ease-in-out;}
.menus_list nav ul li a {text-decoration: none;color: var(--color-02);font-size: 3.6rem;line-height: 1;text-align: center;padding: 5px 0px 15px 0px;display: block;}
.menus_list nav ul li a .m_text{position:relative;top:0px;transition:all 300ms ease-in-out;}
.menus_list li {opacity: 0;position: relative;top: 20px;transition: all 500ms ease-in-out;}

#menu_wrp {position: fixed;top: 40px;right: 50px;width: 100%;min-height: 50px;max-height: 50px;max-width: 65px;border: 2px solid #D4D4D4;border-radius: 7px;background: var(--color-01);z-index: 999;overflow: hidden;transition: max-width 400ms ease-in-out, top 400ms ease-in-out;}

#menu_wrp .menus_list .sub-menu{border-top: 1px solid #333333;border-bottom: 1px solid #333333;width:0;margin:auto;overflow: hidden;transition: all 400ms ease-in-out;}
#menu_wrp .menus_list .sub-menu ul {margin: 0px 0px;padding: 0px;list-style-type: none;display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
#menu_wrp .menus_list .sub-menu ul li{}
#menu_wrp .menus_list .sub-menu ul li a{color: var(--color-02);line-height: 1;text-decoration: none;display: inline-block;padding: 10px 0px 12px 0px;}

#menu_wrp.open {max-width: 440px;max-height: 100%;top: 30px;border-radius: 15px;/* border: 2px solid #ffffff; */}
#menu_wrp.open .menus_list {display: flex;flex-direction: column;gap: 20px;}

header.open{}
header.open .btn-send_a_brief{/* left:-220px; */transition: all 400ms ease-in-out;opacity: 0;}

#btn-hamburger.open{}
#btn-hamburger.open:before{transform: translateY(-50%) rotate(135deg) scale(0);transition: all 400ms ease-in-out;}
#btn-hamburger.open:after{width: 0px;transition: all 400ms ease-in-out;}
#btn-hamburger.open span:before{top: 45%;left: 50%;transform: translate(-50%,-50%) rotate(45deg);transition: all 400ms ease-in-out;}
#btn-hamburger.open span:after{height: 4px;top: 45%;left: 50%;transform: translate(-50%,-50%) rotate(-45deg);transition: all 400ms ease-in-out;}

.menus_list nav ul li .marquee-banner {background:var(--color-02);overflow: hidden;white-space: nowrap;width: 100%;height: 100%;padding-bottom: 8px;display: flex;align-items: center;position: absolute;top:150px;left: 0px;transition:all 300ms ease-in-out;}
.menus_list nav ul li .marquee-track {display: inline-flex;}
.menus_list nav ul li .marquee-track span {color:var(--color-01);display: inline-block;font-size: 2rem;padding: 1rem 1rem;position: relative;}
.menus_list nav ul li .marquee-track span:before{content:"";width:10px;height:10px;position:absolute;top:50%;right:-5px;background:var(--color-11);border-radius:100px;}

@keyframes scroll-left {
	0% { transform: translateX(  0%); }
  100% { transform: translateX(-50%); }
}

.menus_list nav ul li.list-01 .marquee-track {animation: scroll-left 12s linear infinite;}
.menus_list nav ul li.list-02 .marquee-track {animation: scroll-left 25s linear infinite;}
.menus_list nav ul li.list-03 .marquee-track {animation: scroll-left 25s linear infinite;}
.menus_list nav ul li.list-04 .marquee-track {animation: scroll-left 12s linear infinite;}
.menus_list nav ul li.list-05 .marquee-track {animation: scroll-left 15s linear infinite;}

.menus_list nav ul li:hover .marquee-banner {top:0px;transition:all 400ms ease-in-out;}
.menus_list nav ul li:hover .m_text{top:-100px;transition:all 400ms ease-in-out;}



/***********************/
/*     Social Media    */
/***********************/

ul.social_media_menu {margin: 0px 0px 0px 0px;padding: 0px;list-style-type: none;width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: center;}
ul.social_media_menu>li {display: block;/* padding-right: 10px; */}
ul.social_media_menu li.active > a {font-weight: 700;color: #333;transition: all 500ms ease-in-out;}
ul.social_media_menu>li {transition: all 500ms ease-in-out;}
ul.social_media_menu>li>a {font-size: 14px;font-weight: 500;text-transform: uppercase;letter-spacing: 0px;display: flex;align-items: center;padding: 8px;/* border: 1px solid var(--color-08); */border-radius: 100px;width: 50px;height: 50px;overflow:hidden;position: relative;transition: all 500ms ease-in-out;}
ul.social_media_menu>li>a:before{content:"";width: 50px;height: 50px;border-radius: 100px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);transition: all 300ms ease-in-out;}
ul.social_media_menu>li>a img{}
ul.social_media_menu > li > a .menu-text{display:none;}
ul.social_media_menu > li > a .menu-icon{/* filter: grayscale(1) brightness(0); */position: relative;z-index: 9;transition: all 300ms ease-in-out;}
ul.social_media_menu > li > a .menu-icon img{filter: drop-shadow(0px 1px 0px rgba(0,0,0,0.3));}
ul.social_media_menu li a:hover{color:#000000;transition: all 500ms ease-in-out;}
ul.social_media_menu li a:hover  .menu-icon{/* filter: invert(1) brightness(100); */transition: all 300ms ease-in-out;}
ul.social_media_menu li a:hover:before{transform:translate(-50%,-50%) scale(1);transition: all 300ms ease-in-out;}

a.fb:before     {background: #3b5998 !important;}
a.tw:before     {background: #38A1F3 !important;}
a.dr:before     {background: #eb4b89 !important;}
a.in:before     {background: #0077B5 !important;}
a.insta:before  {background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);;}
a.vi:before     {background: #00adef !important;}
a.yt:before     {background: #d82423 !important;}

/***********************/
/*     Social Media    */
/***********************/

@media only screen and (max-width : 768px) { 
	
	.bnf-logo{top:20px;left:20px;}
	header{top:20px;right:20px;}
	#menu_wrp{top:20px;right:20px;}
	#menu_wrp.open{top:10px;max-width:calc(100% - 35px);}
	
	.menus_list nav ul li a{font-size:36px;}
	
}

/* ===== footer.css ===== */
footer{padding: 0px 40px 0px 0px;position: relative;z-index:99;overflow:hidden;}
footer:after{content:"";width:100%;height:100%;position:absolute;bottom:0px;left:0px;opacity: 0.2;background: linear-gradient(180deg, #FFF 0%, #EF008C 100%);}
footer .container-fluid{position:relative;z-index:9;padding-bottom: 0px;}
 
ul.links_quick-big{margin: 0px;padding: 0px;list-style-type: none;gap: 15px;display: flex;flex-direction: column;}
ul.links_quick-big li{}
ul.links_quick-big li a{color: var(--color-02);font-size: var(--rfs-48);line-height: 1;text-decoration: none;transition:all 300ms ease-in-out;}
ul.links_quick-big li a .lq_txt{position: relative;display: inline-flex;transition:all 300ms ease-in-out;}
ul.links_quick-big li a .lq_txt:after{content:"";width: 0%;height: 15px;opacity: .1;background: var(--color-11);position:absolute;bottom:0px;right: 0px;transition:all 300ms ease-in-out;}

ul.links_quick-big li a:hover{color:var(--color-11);transition:all 300ms ease-in-out;}
ul.links_quick-big li a:hover .lq_txt:after{width:100%;right: inherit;left: 0px;transition:all 300ms ease-in-out;}

.links_quick-wrapper {position: relative;}
.links_quick-wrapper .slider-line {pointer-events: none;position: absolute;bottom: 0px;left: 0;height: 12px;opacity: .1;background-color: var(--color-11);transition: all 0.3s ease;width: 0;}
.links_quick-wrapper ul.links_quick-small{height: 100%;margin: 0px;padding: 0px;list-style-type: none;gap: 30px;display: flex;justify-content: space-between;}
.links_quick-wrapper ul.links_quick-small li{}
.links_quick-wrapper ul.links_quick-small li a{color: var(--color-02);font-size: var(--rfs-16);font-weight:600;text-transform: uppercase;text-decoration: none;position: relative;padding: 0px 0px 0px 0px;height: 56px;display: flex;align-items: center;}
.links_quick-wrapper ul.links_quick-small li a .lq_txt{line-height: 1;padding-right: 15px;position: relative;}

.links_quick-wrapper ul.links_quick-small li a .lq_txt:before,
.links_quick-wrapper ul.links_quick-small li a .lq_txt:after{content:"";width: 12px;height: 12px;background: url("../img/icons/up-right-arrow-pink.webp") no-repeat center center;background-size: contain;position:absolute;transition: all 300ms ease-in-out;}

.links_quick-wrapper ul.links_quick-small li a .lq_txt:before{bottom: 0px;right:0px;filter: brightness(0);transform: scale(0);}
.links_quick-wrapper ul.links_quick-small li a .lq_txt:after{bottom: -20px;right: 20px;transform: scale(0);}

.links_quick-wrapper ul.links_quick-small li a:hover{color: var(--color-11);transition: all 300ms ease-in-out;}
.links_quick-wrapper ul.links_quick-small li a:hover .lq_txt:before{bottom: 20px;right: -20px;transform: scale(0);transition: all 300ms ease-in-out;}
.links_quick-wrapper ul.links_quick-small li a:hover .lq_txt:after{bottom: 0px;right:0px;transform: scale(1);transition: all 300ms ease-in-out;}

.bc_wrp{position: relative;z-index: 1;}
.bc_wrp h2.big_bnf{font-size: 9.4vw;line-height: 1;text-indent: -0.5vw;margin-bottom: 0px;position: relative;}
.bc_wrp p.copyright{font-size: 14px;font-weight: 700;margin-bottom: 0px;position: absolute;bottom: 8%;right: 0px;z-index: 9;}

.footer-icon-01{position: relative;left:-15px;z-index: 9;}
.footer-icon-01 .illustration{}
.footer-icon-01 .line{position: absolute;bottom: 30%;left:82%;}

.about-bnf{padding-bottom: 80px;}
.about-links{border-top: 1px solid var(--color-02);border-bottom: 1px solid var(--color-02);position: relative;z-index: 9;}
.about-social{padding-top: 50px;padding-bottom: 50px;position: relative;}

.flex_column_space{display: flex;flex-direction: column;justify-content: space-between;}

.f_box{}
.f_box a{color:var(--color-02);text-decoration:none;display:inline-block;}
.f_box p{line-height: 1;margin-bottom:0px;}
.f_box p span{font-size:14px;position:relative;}
.f_box p span:before{content:"";width:0px;height:1px;background:var(--color-11);position:absolute;top:104%;left:0px;transition:all 300ms ease-in-out;}

.f_box a:hover{color:var(--color-11);}
.f_box a:hover span:before{width:100%;transition:all 300ms ease-in-out;}


.pr-0{padding-right:0px !important;}
.pl-0{padding-left:0px !important;}

/***********************/
/*       Footer        */
/***********************/

/***********************/
/*     Social Media    */
/***********************/

ul.social_media {margin: 40px 0px 0px 0px;padding: 0px;list-style-type: none;gap: 10px;position: relative;z-index: 99;display: flex;align-items: flex-end;justify-content: space-between;}
ul.social_media>li {display: block;}
ul.social_media>li {transition: all 300ms ease-in-out;}

ul.social_media li a {color: var(--color-02);font-size: var(--rfs-16);font-weight: 500;letter-spacing: 0px;text-transform: uppercase;text-decoration: none;padding-right: 20px;display: inline-block;position: relative;transition: all 300ms ease-in-out;}
ul.social_media li a img{}
ul.social_media li a .sm_txt{}
ul.social_media li a .sm_arrow{width: 11px;height: 11px;position: absolute;bottom: 5px;right: 0px;}
ul.social_media li a .sm_arrow:before,
ul.social_media li a .sm_arrow:after{content:"";width: 100%;height: 100%;background: url("../img/icons/up-right-arrow-pink.webp") no-repeat center center;background-size: contain;position:absolute;transition: all 300ms ease-in-out;}
ul.social_media li a .sm_arrow:before{bottom: 0px;right:0px;filter: brightness(0);}
ul.social_media li a .sm_arrow:after{bottom: -20px;right: 20px;transform: scale(0);}

ul.social_media li a:hover{color: var(--color-11);transition: all 300ms ease-in-out;}
ul.social_media li a:hover .sm_arrow:before{bottom: 20px;right: -20px;transform: scale(0);transition: all 300ms ease-in-out;}
ul.social_media li a:hover .sm_arrow:after{bottom: 0px;right:0px;transform: scale(1);transition: all 300ms ease-in-out;}



#sm_extraline,
#sm_extraline.default{width: 238px;position: absolute;top: 125px;left: 41.66666667%;z-index: 999; transform: scale(0.01); transition: all 300ms ease-in-out;}

#sm_extraline ul{margin: 0px;padding: 0px;list-style-type: none;z-index:99;gap: 10px;display: flex;flex-direction: row;}
#sm_extraline ul li{background: var(--color-02);padding: 5px 4px 7px 4px;border-radius: 6px;transition:all 300ms ease-in-out;}
#sm_extraline ul li span{color: var(--color-01);line-height: 1;width:0px;height: 24px;background: var(--color-02);overflow: hidden;display: flex;align-items: center;transition:all 300ms ease-in-out;}


#sm_extraline.sm_01{top: 25px;left: 41.66666667%;transform: scale(1);transition: all 300ms ease-in-out;}
#sm_extraline.sm_02{top: 25px;left: 43.66666667%;transform: scale(1);transition: all 300ms ease-in-out;}
#sm_extraline.sm_03{top: 25px;left: 46.66666667%;transform: scale(1);transition: all 300ms ease-in-out;}
#sm_extraline.sm_04{top: 25px;left: 49.66666667%;transform: scale(1);transition: all 300ms ease-in-out;}
#sm_extraline.sm_05{top: 25px;left: 51.66666667%;transform: scale(1);transition: all 300ms ease-in-out;}


#sm_extraline.sm_01 ul li:nth-child(1),
#sm_extraline.sm_02 ul li:nth-child(2),
#sm_extraline.sm_03 ul li:nth-child(3),
#sm_extraline.sm_04 ul li:nth-child(4),
#sm_extraline.sm_05 ul li:nth-child(5),
#sm_extraline.sm_06 ul li:nth-child(6){margin-left:20px;}

#sm_extraline.sm_01 ul li:nth-child(1) span,
#sm_extraline.sm_02 ul li:nth-child(2) span,
#sm_extraline.sm_03 ul li:nth-child(3) span,
#sm_extraline.sm_04 ul li:nth-child(4) span,
#sm_extraline.sm_05 ul li:nth-child(5) span,
#sm_extraline.sm_06 ul li:nth-child(6) span{padding-left:10px;padding-right:10px;}

#sm_extraline.sm_01 ul li:nth-child(1) span{width: 95px;}
#sm_extraline.sm_02 ul li:nth-child(2) span{width: 110px;}
#sm_extraline.sm_03 ul li:nth-child(3) span{width: 100px;}
#sm_extraline.sm_04 ul li:nth-child(4) span{width: 120px;}
#sm_extraline.sm_05 ul li:nth-child(5) span{width: 100px;}
#sm_extraline.sm_06 ul li:nth-child(6) span{width: 300px;}


 

#cursor.freebies  .c_icon{background-image:url("../img/stickers/freebies.webp");}
#cursor.blog      .c_icon{background-image:url("../img/stickers/blog.webp");}
#cursor.careers   .c_icon{background-image:url("../img/stickers/careers.webp");}
#cursor.contact   .c_icon{background-image:url("../img/stickers/contact.webp");}
#cursor.privacy   .c_icon{background-image:url("../img/stickers/privacy.webp");}
#cursor.sitemap   .c_icon{background-image:url("../img/stickers/sitemap.webp");}
 
#cursor.freebies  .c_icon,
#cursor.blog      .c_icon,
#cursor.careers   .c_icon,
#cursor.contact   .c_icon,
#cursor.privacy   .c_icon,
#cursor.sitemap   .c_icon{width:70px;height:70px;top:-60px;left:0px;}

#cursor.freebies  .c_text,
#cursor.blog      .c_text,
#cursor.careers   .c_text,
#cursor.contact   .c_text,
#cursor.privacy   .c_text,
#cursor.sitemap   .c_text{display:none;}

/***********************/
/*     Social Media    */
/***********************/