#left-menu{display:none;}

body {background: #000000;}

@font-face {
    font-family: 'arjonaregular';
    src: url('file:///F|/xampp/htdocs/B&F Website/Global/assets/fonts/arjona-webfont.woff2') format('woff2'),
url('file:///F|/xampp/htdocs/B&F Website/Global/assets/fonts/arjona-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.page-loader{background:var(--color-02);}
.page-loader:before{background: linear-gradient(0deg, var(--color-02) 50%, transparent 100%);}
.page-loader:after{background: linear-gradient(180deg, var(--color-02) 50%, transparent 100%);}

.btn-send_a_brief .bc_dots:before,
.btn-send_a_brief .bc_dots:after,
#btn-hamburger:before{background:var(--color-02);}

.btn-send_a_brief .bc_txt:after{opacity:0;}
 
footer{background:var(--color-01);}
 

img[data-tab] {cursor: pointer;}
section.about-sec-hero{color:var(--color-01);min-height: 100vh;display: flex;align-items: center;justify-content: center;}
section.about-sec-hero .abt_content{display: inline-block;position: relative;}
section.about-sec-hero h1{font-family:'Times New Roman', 'serif';font-size: var(--rfs-82);font-weight: 100;line-height: 1.1;display: flex;align-items: center;flex-direction: column;}
section.about-sec-hero h1 span strong{font-weight:700;}
section.about-sec-hero .icon-flower{margin-top:20px;display: inline-block;}

.tab-content{opacity: 0;visibility: hidden;z-index: 9;position: absolute;width: 240px;height: 240px;/* border: 1px solid #ffffff59; */display: flex;flex-direction: column;justify-content: flex-end;transition: all 200ms ease-in-out;}
.tab-content .ht_thumb{width: 100%;z-index: 9;overflow:hidden;opacity:0;transition: all 1000ms ease-in-out;}
.tab-content .ht_thumb:after{content:"";position: absolute;top: 0%;left: 0%;width: 100%;height: 0%;background: var(--color-02);opacity: .1;display: none;transition: all 1000ms ease-in-out;}
.tab-content .ht_thumb a{font-family:'arjonaregular';font-size:var(--rfs-36);text-decoration:none;display:block;transform: translateY(50px);transition: all 1000ms ease-in-out;}
 
#tab-we.tab-content .ht_thumb.htt-01{top: 11%;left: 27%;}
#tab-we.tab-content .ht_thumb.htt-02{top: 26%;left: 68%;}
#tab-we.tab-content .ht_thumb.htt-03{top: 56%;left: 20%;}
#tab-we.tab-content .ht_thumb.htt-04{top: 60%;left: 77%;}
 
.tab-content .ht_thumb:nth-child(1) a{color: #facee8;transition-delay:.4s;}
.tab-content .ht_thumb:nth-child(2) a{color: #ff8cd0;transition-delay:.3s;}
.tab-content .ht_thumb:nth-child(3) a{color: #ff50b8;transition-delay:.2s;}
.tab-content .ht_thumb:nth-child(4) a{color: #ff0097;transition-delay:.1s;}

.tab-content.active{opacity: 1;visibility: visible;transition: all 200ms ease-in-out;}
.tab-content.active .ht_thumb{opacity:1;transition:all 1000ms ease-in-out;}
.tab-content.active .ht_thumb:after{height: 100%;transition:all 1000ms ease-in-out;}
.tab-content.active .ht_thumb a{transform:translateY(0px);transition: all 1000ms ease-in-out;}

.tab-content.active .ht_thumb:nth-child(1) a{transition-delay:.4s;}
.tab-content.active .ht_thumb:nth-child(2) a{transition-delay:.3s;}
.tab-content.active .ht_thumb:nth-child(3) a{transition-delay:.2s;}
.tab-content.active .ht_thumb:nth-child(4) a{transition-delay:.1s;}

#tab-us{top: 10%;left: 98%;}
#tab-what{bottom: 42%;left: 95%;}
#tab-how{bottom: 27%;right: 81%;}



.tab-link{cursor: pointer;position: relative;z-index: 9;}
.tab-link:after{content:"";position: absolute;width:0%;transition: all 500ms ease-in-out;}

.tab-link:hover:after{transition: all 500ms ease-in-out;}

.tab-link[data-tab="tab-us"]:after{width:90px;height: 0px;background: url("arrow-us.png") no-repeat top left;top: 60%;left: 38%;}
.tab-link[data-tab="tab-us"]:hover:after{height:170px;transform: scale(1);}

.tab-link[data-tab="tab-what"]:after{height: 90px;background: url("arrow-what.png") no-repeat left bottom;bottom: 60%;left: 56%;transform: scale(0.5);transform-origin: left bottom;}
.tab-link[data-tab="tab-what"]:hover:after{width:310px;transform: scale(1);}

.tab-link[data-tab="tab-how"]:after{height: 90px;background: url("arrow-how.png") no-repeat right bottom;bottom: 60%;right: 50%;transform: scale(0.5);transform-origin: right bottom;}
.tab-link[data-tab="tab-how"]:hover:after{width:310px;transform: scale(1);}



section.about-sec-magic{padding: 100px 0px 150px 0px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
section.about-sec-magic h2{color:var(--color-01);font-size:var(--rfs-64);text-align:center;}
section.about-sec-magic h2 img{margin-top:15px;}
section.about-sec-magic .magic_wrp {position: relative;margin-top: 50px;}
section.about-sec-magic .magic_wrp:before{content:"";background: linear-gradient(180deg, #000 40%, rgba(0, 0, 0, 0.00) 100%);width: 140%;height: 100%;position: absolute;top: 0;left: -20%;z-index: 5;}
section.about-sec-magic .magic_wrp:after{content:"";background: #BE0471;filter: blur(50px);width: 100%;height: 59%;border-radius: 100%;position: absolute;bottom: 0;left: 0;}
section.about-sec-magic .magic_wrp .big-blub {height: 60vh;position: relative;z-index: 8;}
section.about-sec-magic .bulb-container {position: absolute;bottom: 0px;width: 100%;height: 90%;z-index: 9;}
section.about-sec-magic .bulb-container canvas{opacity:0;}
section.about-sec-magic .icon {height:auto;position: absolute;user-select: none;cursor: grab;pointer-events: none;}
section.about-sec-magic .icon:active {cursor: grabbing;}
section.about-sec-magic .i_01 {width: 60px;}
section.about-sec-magic .i_02 {width: 160px;}
section.about-sec-magic .i_03 {width: 140px;}
section.about-sec-magic .i_04 {width: 30px;}
section.about-sec-magic .i_05 {width: 180px;}


section.commandments-sec-01{color: var(--color-01);padding-top: 100px;padding-bottom:60px;}
section.commandments-sec-01 .container-fluid{padding:0px;}
section.commandments-sec-01 .wrapper{padding: 0px 0px 50px 0px !important;}
section.commandments-sec-01 .wrapper .cards {width:100%;height:100vh;position:relative;left: -90px;}
section.commandments-sec-01 .wrapper .card{position:absolute;width:100%;/* min-height: 40vh; *//* max-height: 450px; */background:transparent;box-shadow:none;border:none;border-radius:30px}
section.commandments-sec-01 .wrapper .header {width:100%;margin-bottom: 0px;padding-top: 60px;position:relative;top: 0px;left: -60px;}
section.commandments-sec-01 .wrapper .header h2{font-size:var(--rfs-54);margin-bottom:0px;}
section.commandments-sec-01 .wrapper .header span {}

:root {
  --card_top: 0vh;
  --card_text: 60px;
  --card_left: 30px;
}

section.commandments-sec-01 .wrapper .card {position: absolute;--i: calc(var(--nth) * 1);top: calc(var(--card_top) + (var(--card_text) * var(--i)));left: calc(var(--card_left) * var(--i));}

/* Assign index via nth-child */
section.commandments-sec-01 .wrapper .card:nth-child(n) { --nth: calc(n - 1);}
section.commandments-sec-01 .wrapper .card:nth-child(1){--i:1;}
section.commandments-sec-01 .wrapper .card:nth-child(2){--i:2;}
section.commandments-sec-01 .wrapper .card:nth-child(3){--i:3;}
section.commandments-sec-01 .wrapper .card:nth-child(4){--i:4;}
section.commandments-sec-01 .wrapper .card:nth-child(5){--i:5;}
section.commandments-sec-01 .wrapper .card:nth-child(6){--i:6;}
section.commandments-sec-01 .wrapper .card:nth-child(7){--i:7;}

section.commandments-sec-01 .wrapper .card {position: absolute;top: calc(var(--card_top) + (var(--card_text) * var(--i)));left: calc(30px * var(--i));}

/*
section.commandments-sec-01 .wrapper .card:nth-child(1){top:calc(var(--card_top) + var(--card_text))}
section.commandments-sec-01 .wrapper .card:nth-child(2){top:calc(var(--card_top) + var(--card_text) * 2);left: 30px;}
section.commandments-sec-01 .wrapper .card:nth-child(3){top:calc(var(--card_top) + var(--card_text) * 3);left: 60px;}
section.commandments-sec-01 .wrapper .card:nth-child(4){top:calc(var(--card_top) + var(--card_text) * 4);left: 90px;}
section.commandments-sec-01 .wrapper .card:nth-child(5){top:calc(var(--card_top) + var(--card_text) * 5);left: 120px;}
section.commandments-sec-01 .wrapper .card:nth-child(6){top:calc(var(--card_top) + var(--card_text) * 6);left: 150px;}
section.commandments-sec-01 .wrapper .card:nth-child(7){top:calc(var(--card_top) + var(--card_text) * 7);left: 180px;}
*/

section.commandments-sec-01 .wrapper .card:nth-child(1) .collection-cat{color:var(--color-01);background: #3A3A39;}
section.commandments-sec-01 .wrapper .card:nth-child(2) .collection-cat{color:var(--color-01);background: #D4B610;}
section.commandments-sec-01 .wrapper .card:nth-child(3) .collection-cat{color:var(--color-01);background: #FD676E;}
section.commandments-sec-01 .wrapper .card:nth-child(4) .collection-cat{color:var(--color-01);background: #239AB9;}
section.commandments-sec-01 .wrapper .card:nth-child(5) .collection-cat{color:var(--color-01);background: #8200FF;}
section.commandments-sec-01 .wrapper .card:nth-child(6) .collection-cat{color:var(--color-01);background: #F9730E;}
section.commandments-sec-01 .wrapper .card:nth-child(7) .collection-cat{color:var(--color-01);background: #DB00A0;}

section.commandments-sec-01 .collection-cat{padding: 20px 30px 80px 15px;height: 45vh;display:flex;border-radius: 20px 20px 220px 20px;}
section.commandments-sec-01 .collection-cat h4{margin-bottom:0px;display:flex;align-items:center;column-gap:15px}
section.commandments-sec-01 .collection-cat h4 .cc_numbers{color:var(--color-14);font-family: cursive;font-size:12px;font-weight:600;line-height:1;width:20px;height:20px;background:var(--color-01);border-radius:100px;display:flex;justify-content:center;align-items:center}
section.commandments-sec-01 .collection-cat h4 .cc_txt{font-size:15px;font-weight:400}
section.commandments-sec-01 .collection-cat .cc-thumb{width: 45vh;display:flex;align-items:center;position: absolute;bottom: -5vh;right: -7vh;}
section.commandments-sec-01 .collection-cat .cc-thumb img{}
section.commandments-sec-01 .collection-cat .cc-details{text-align:left;padding-left: 33px;height: 100%;display: flex;align-items: center;}
section.commandments-sec-01 .collection-cat .cc-details h3{font-size: var(--rfs-48);font-weight:500;margin-bottom: 20px;}
section.commandments-sec-01 .collection-cat .cc-details p{font-size: var(--rfs-21);max-width: 450px;}
section.commandments-sec-01 .collection-cat .cc-details ul.tag-lists{margin:30px 0px 20px 0px;padding:0px;list-style-type:none}
section.commandments-sec-01 .collection-cat .cc-details ul.tag-lists li{color:#ababab;font-size:14px;font-weight:400;padding:7px 15px 8px 15px;border:1px solid#e3e3e3;display:inline-block;border-radius:100px;margin:0px 5px 9px 0px}
section.commandments-sec-01 .collection-cat .cc-details ul.tag-lists li span{}


section.culture-sec-hero {padding-top: 150px;padding-bottom: 150px;background: #000000;}
section.culture-sec-hero h2{color:var(--color-01);font-size:var(--rfs-54);margin-bottom:0px;}
section.culture-sec-hero ul.image-gallery {display: flex;margin-top: -14vh;position: relative;padding: 0px;list-style-type: none;}/*
section.culture-sec-hero ul.image-gallery:before {content: "";position: absolute;top: 24%;left: 31%;width: 48vh;height: 40vh;background: url("mf-bg-shape.png") top center;background-size: cover;}
*/
section.culture-sec-hero ul.image-gallery li {padding: 15px;}
section.culture-sec-hero ul.image-gallery li img {position: relative;}
section.culture-sec-hero ul.image-gallery li:nth-child(1) img {z-index: 9;}
section.culture-sec-hero ul.image-gallery li:nth-child(2) img {margin-top: 44vh;position: relative;left: -10vh;}
section.culture-sec-hero ul.image-gallery li:nth-child(3) img {margin-top: 53vh;z-index: 9;}
section.culture-sec-hero ul.image-gallery li:nth-child(4) img {margin-top: 24vh;left: -3vh;}
section.culture-sec-hero ul.image-gallery li:nth-child(5) img {margin-top: 30vh;left: 5vh;z-index: 9;}
section.culture-sec-hero ul.image-gallery li:nth-child(6) img {margin-top: 4vh;}
section.culture-sec-01 {color: #ffffff;background: #000000;padding-bottom: 80px;}
section.culture-sec-01 .success-story {color: #000000;display: inline-block;background: url("../../about/abstract.jpg") #cdff00 no-repeat center left;padding-top: 110px;padding-bottom: 90px;margin-bottom: 100px;}
section.culture-sec-01 .heading-04 {line-height: 1.2;margin-bottom: 60px;padding-bottom: 40px;border-bottom: 1px solid #ffffff;}
section.culture-sec-01 .heading-04 .spo {display: block;}
section.culture-sec-01 .link-email{color:#000000;font-style:italic;text-decoration:none;border-bottom: 1px solid #000000;transition:all 200ms ease-in-out;}
section.culture-sec-01 .link-email:hover{border-bottom: 3px solid #000000;transition:all 200ms ease-in-out;}

section.about-sec-team{text-align:center;background:var(--color-02);position:relative;z-index:2;;padding: 60px 0px;}
section.about-sec-team:before{content:"";position:absolute;top:0px;left:0px;width:100%;height:200px;background:var(--color-01);z-index:-1;}
section.about-sec-team:after{content:"";position:absolute;bottom:0px;left:0px;width:100%;height:100px;background:var(--color-01);z-index:-1;}
section.about-sec-team h2{font-size:var(--rfs-54);margin-bottom:0px;}

section.about-sec-team .row{}
section.about-sec-team .row .col-md-6:nth-child(1){padding-right:0px;}
section.about-sec-team .row .col-md-6:nth-child(2){padding-left:0px;}
section.about-sec-team .team_grid {display: grid;grid-template-columns: auto auto;}



@media only screen and (min-width:120px) and (max-width:990px){
	
	#left-menu{display:none !important;}
	
	.text-flower{width: 110px;}
	
	.text-us{width: 50px;}
	.text-what{width: 110px;}
	.text-how{width: 75px;}
	
	section.about-sec-magic h2 img{width:150px;}
	
	
	section.minute-sec-hero{}
	section.minute-sec-hero h1{font-size:36px}
	section.minute-sec-hero p{font-size:18px}
	
	section.commandments-sec-01{padding:50px 15px;}
	section.commandments-sec-01 p{}
	section.commandments-sec-01 br{display:none;}
	section.commandments-sec-01 .wrapper{height:auto;padding:0px 0px 0px 0px !important}
	section.commandments-sec-01 .wrapper .header{top:0px;left:0px;padding-top:0px;margin-bottom:30px;}
	
	section.commandments-sec-01 .wrapper .cards{height:auto;position:static}
	section.commandments-sec-01 .wrapper .card{position:static;min-height:auto;max-height:100%;height:auto !important;margin-bottom:20px}
	
	section.commandments-sec-01 .collection-cat{height: auto;padding: 20px 15px 0px 15px;border-radius:20px;position:relative;}
	section.commandments-sec-01 .collection-cat .container-fluid1{width:100%;}
	section.commandments-sec-01 .collection-cat .cc-thumb{width: 100%;min-height:auto;padding-top: 0px;padding-bottom: 0px;margin-bottom: 0px;bottom: -6px;right: 0;position: relative;display: flex;justify-content: flex-end;}
	section.commandments-sec-01 .collection-cat .cc-thumb img{max-width: 65vw;}
	section.commandments-sec-01 .collection-cat .cc-details{margin-top: 20px;padding:0px;height:auto;}
	section.commandments-sec-01 .collection-cat .cc-details h3{font-size:26px;margin-bottom:20px}

	section.culture-sec-hero{padding-top: 30px;padding-bottom: 50px;}
	section.culture-sec-hero ul.image-gallery{margin-top: 30px;}
	section.culture-sec-hero ul.image-gallery li{padding:0px;}
	section.culture-sec-hero ul.image-gallery li:nth-child(1) img {z-index: 9;}
	section.culture-sec-hero ul.image-gallery li:nth-child(2) img {margin-top: 14vh;position: relative;left: -6vh;}
	section.culture-sec-hero ul.image-gallery li:nth-child(3) img {margin-top: 7vh;z-index: 9;}
	section.culture-sec-hero ul.image-gallery li:nth-child(4) img {margin-top: 15vh;left: -3vh;}
	section.culture-sec-hero ul.image-gallery li:nth-child(5) img {margin-top: 13vh;left: 5vh;z-index: 9;}
	section.culture-sec-hero ul.image-gallery li:nth-child(6) img {margin-top: 4vh;}
	
	
}

@media (max-width:480px){
	section.about-sec-hero h1{
		padding:80px 24px 0px;
		text-align: center;
	}
}