.loader {position: fixed;left: 0px;top: 0px;width: 100%;height: 130%;z-index:999999;background: #ffffff;opacity: 1;}
.loader:after {content: "";position: fixed;top: 45%;left: 50%;width: 40vh;height: 20vh;background: url("../img/loader-vr3.gif") no-repeat center center;background-size: contain;transform: translate(-50%,-50%);}
.load-shutter {position: fixed;bottom: 0;left: 0;width: 100%;height: 100%;background: white;z-index: 1111;}
/*---clickAnimation_wrp---*/
#clickAnimation_wrp{position: fixed;top:0;left: 0;z-index: -1;width:100%;height:100%;background: #ffffff;opacity: 0;}
#clickAnimation_wrp:after {content: "";position: fixed;top: 45%;left: 50%;width: 40vh;height: 20vh;background: url("../img/loader-vr3.gif") no-repeat center center;background-size: contain;transform: translate(-50%,-50%);}
#clickAnimation_wrp.current {  }
#clickAnimation_wrp .swipe { width: 20%;height: 100vh; display: inline-block;margin: 0px;padding: 0px;float: left; overflow: hidden;}
#clickAnimation_wrp .swipe .lr_animation { width: 0;height: 100vh;background: black;display: inline-block;margin: 0px;padding: 0px;float: right; transition: all 500ms ease-in-out; }
#clickAnimation_wrp.current .swipe .lr_animation { width: 100%; transition: all 500ms ease-in-out; } 

.cursor {position: fixed;width: 30px;height: 30px;border-radius: 100px;border: 2px solid #000000;transition: 0.3s;transform: translate(-50%, -50%);pointer-events: none;z-index: 1000;}
.cursor2 {position: fixed;width: 6px;height: 6px;border-radius: 100px;background-color: #000000;transform: translate(-50%, -50%);transition: 0.1s;pointer-events: none;z-index: 1000;}

.grow,
.grow-small {transform: scale(4);background: white;mix-blend-mode: difference;border: none;}
.grow-small {transform: scale(2);}

.cursor.btn_big{text-align: center;display: flex;align-items: center;width: 8rem;height: 8rem;line-height: 1;transform: translate(-50%, -50%);box-shadow: 0px 0px 20px rgba(0,0,0,.2);justify-content: center;}
.cursor.btn_big span {visibility: visible;transform: scale(1);}

.cursor.btn_big.lg_seemore{background:#ffffff;border-color:#ffffff;}
.cursor.btn_big.lg_seemore span:after{content:"SEE MORE";}

.cursor.btn_big.lg_btnwork{background:#ec268f;border-color:#ec268f;}
.cursor.btn_big.lg_btnwork span:after{content:"SEE WORK";color:#ffffff;}

.cursor.btn_big.lg_video{background: #ec268f;border-color:#ec268f;}
.cursor.btn_big.lg_video span:after{content:"";position:absolute;top:50%;left:50%;margin:0px 0px 0px 10px;width:auto;height:auto;border:15px solid transparent;border-left:25px solid #ffffff;transform:translate(-50%,-50%);}

.cursor.btn_big.lg_industry{background:url("../img/link-right.png") no-repeat center center;background-size:cover;border-color:transparent;box-shadow: none;mix-blend-mode: exclusion;filter: invert(1);}

.cursor.btn_big.link_h_circle{background:#000000;border-color:transparent;opacity:.5;width:54px;height:54px;}


* {margin: 0px;padding: 0px;}
h1, h2, h3, h4, h5, h6 {line-height: 1;}
p {line-height: 1.3;letter-spacing: 0.1px;}
strong{font-weight: 700;} 
.overflow{overflow: hidden;}
.navbar-brand {margin: 0px;padding: 0px;}

h1 > span.spo,
h2 > span.spo,
h3 > span.spo,
h4 > span.spo,
h5 > span.spo,
p > span.spo{position:relative;overflow: hidden;display: block;}

h1 > span.spo > span.spib,
h2 > span.spo > span.spib,
h3 > span.spo > span.spib,
h4 > span.spo > span.spib,
h5 > span.spo > span.spib,
p > span.spo > span.spib{display: block;overflow: hidden;}

span.full-stop {font-size: 13px;line-height: 1;position: relative;left: 5px;z-index: 9}
span.full-stop:after {content: "";position: absolute;top: 6px;left: 0px;width: 8px;height: 8px;background: #f15931;}
span.full-stop-anim {font-size: 1px;line-height: 1;position: absolute;width: 100%;height: 101%;right: 0px;display: inline-block;background: white;z-index: 9;transition: all 1000ms ease-in-out;}
span.full-stop-anim:after {content: "";position: absolute;top: 68%;left: 10px;width: 8px;height: 8px;background: #f15931;display: none;}
span.full-stop-anim.active {width: 0%;transition: all 1000ms ease-in-out;}

.color-white{color: #ffffff;}
.color-lightgray{color:#A4A4A4;}
.color-gray{color:#545454;}
.color-green{color:#ec268f;}
.color-pink{color:#ec268f;}

.sub-heading{padding-bottom:10px;margin-bottom:30px;border-bottom:1px solid #cccccc;}

h1.heading-01{font-size: calc(44px + 6vw);}
h2.heading-01{font-size:calc(100px + 10vh);}
.heading-02{font-size: calc(72px + 5vh);}
.heading-03{font-size: calc(50px + 4vh);}
.heading-04{font-size: calc(30px + 3vh);}
.heading-05{font-size:calc(20px + 2vh);}
.heading-project{font-size: calc(34px + 1.5vh);line-height: 1.1;}

.para-01{font-size:36px;}
.para-02{font-size:30px;}
.para-03{font-size:24px;}
.para-04{font-size:21px;}
.para-05{font-size:18px;}

.bdr-top{border-top: 1px solid #000000;}
.bdr-btm{border-bottom: 1px solid #000000;display: block;margin-bottom: 20px;}

.z-index-1{z-index: 1;}
.z-index-2{z-index: 2;}
.z-index-3{z-index: 3;}
.z-index-4{z-index: 4;}
.z-index-5{z-index: 5;}
.z-index-6{z-index: 6;}
.z-index-7{z-index: 7;}
.z-index-8{z-index: 8;}
.z-index-9{z-index: 9;}
.z-index-10{z-index: 10;}
.z-index-99{z-index: 99;}
.z-index-999{z-index: 999;}
.z-index-9999{z-index: 9999;}

.page-wrp {overflow: hidden;}

.container-fluid{max-width: 91.66%;}

#scroll-container{margin-left: -1px;}


.overlay_01{content: "";position:absolute;top:0;left:0;width:100%;height:100%;background:#000000;z-index: 5;}
.overlay_02{content: "";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff;z-index: 10;}
.overlay_03{content: "";position:absolute;top:-2px;left:0;width:100%;height:100%;background:#ffffff;z-index: 9;}
.overlay_04{content: "";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff;z-index: 5;}

.btn-scroll-down{position:absolute;bottom:30%;left:10%;width: 12vh;height: 12vh;z-index: 9;}
.btn-scroll-down:before{content:"";position:absolute;top:0%;left:0%;width:100%;height:100%;background:url("../img/scroll-down-txt.png") no-repeat center center;background-size:cover;animation:down-rotate 20s linear infinite;}
.btn-scroll-down:after{content:"";position:absolute;top:0%;left:0%;width:100%;height:100%;background:url("../img/scroll-down-arrow.png") no-repeat center center;background-size: cover;}


@keyframes down-rotate {
  to {
    transform: rotate(360deg);
  }
}



.card-tilt_box {display: inline-block;box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);transform-style: preserve-3d;transform: perspective(500px);}
.card-tilt_box:after {content: "";position: absolute;top: 0;left: 0;height: 100%;width: 100%;/* box-shadow: 0 10px 30px -20px rgba(0, 0, 0, 0.7), 0 0px 30px 0 rgba(0, 0, 0, 0.2); */z-index: -1;transform: translateZ(-20px);transition: 0.5s;}
/*.card-tilt_box > span {display: block;transform: translateZ(50px) scale(0.7);}*/
.card-tilt_box:hover:after {transform: translateZ(-50px);}
.c-button {border-radius: 5px;background: linear-gradient(to right, #00803b, #004347);padding: 0.5em 1em;color: white;text-decoration: none;}


header {position: fixed;top: 0px;left: 0px;width: 100%;background: rgba(0, 0, 0,0);padding: 35px 0px 0px 0px;z-index: 99;transition: all 300ms ease-in-out;}
header .navbar-brand.bnf_logo img{transition:all 500ms ease-in-out;}
header nav {padding: 0px !important;align-items: center!important;display: flex !important;justify-content: space-between !important;}
	.menu-container {/*position: fixed;width: 100%; height: 100%; left: 0;margin: 0 auto;z-index: 98;*/}

	.menu-container .col-md-6.borders{border-left:1px solid #585858;}

	.button_container {cursor: pointer;height: 60px;width: 60px;background:#f7f7f7;position:relative;border-radius:100px;z-index: 100;transition: opacity 0.25s ease;}
	.button_container:hover {opacity: 0.7;}
	.button_container.active .top {transform: translateY(11px) translateX(0) rotate(45deg);top:18px;}
	.button_container.active .middle {opacity: 0;left:50px;}
	.button_container.active .bottom {transform: translateY(-11px) translateX(0) rotate(-45deg);top:40px;}
	.button_container span {background:#3e3e3e;border: none;height: 2px;width:24px;position: absolute;top: 0;left: 0;right:0;margin:auto;transition: all 0.35s ease;cursor: pointer;}
	.button_container span:nth-of-type(1) {top:25px;}
	.button_container span:nth-of-type(2) {top:50%;}
	.button_container span:nth-of-type(3) {top:35px;}

	.menu-container .overlay {position: fixed;background: #000000;top: 0;left: 0;height: 100%;width: 100%;opacity: 0;visibility: hidden;transition: opacity 0.5s, visibility 0.5s, width 0.5s;overflow:hidden;box-shadow:0px 100vh 0px black;display: flex;align-items: center;z-index: 97;}
	.menu-container .overlay.open {opacity: 1;visibility: visible;width: 100%;}
	.menu-container .overlay.open li {animation: fadeInRight 0.5s ease forwards;animation-delay: 0.35s;}
	.menu-container .overlay.open li:nth-of-type(2) {animation-delay: 0.4s;}
	.menu-container .overlay.open li:nth-of-type(3) {animation-delay: 0.45s;}
	.menu-container .overlay.open li:nth-of-type(4) {animation-delay: 0.5s;}
	.menu-container .overlay.open li:nth-of-type(5) {animation-delay: 0.55s;}

	.menu-container .overlay nav {font-size: 50px;font-weight: 400;text-align: center;margin-left: 9%;margin-top: 5%;margin-bottom: 5%;}
	.menu-container .overlay .overlay-menu ul {width: 100%;list-style: none;padding: 0;margin: 0 auto;display: inline-block;position: relative;}
	.menu-container .overlay .overlay-menu ul li {display: block;position: relative;opacity: 0;padding: 20px 25px;}
	.menu-container .overlay .overlay-menu ul li a {color: #585858;font-size: calc(30px + 3vh);text-align: left;text-transform: uppercase;display: block;position: relative;min-height: calc(26px + 3vh);line-height: 1;text-decoration: none;overflow: hidden;perspective: 500px;width: 130%;transition: all 100ms ease-in-out;}

	.menu-container .overlay .overlay-menu ul li a:after {content: "";position: absolute;top: 50%;left: 0%;width: 0%;height: 3px;background: #ec2692;z-index: 1;transition: 0.35s;}

	.menu-container .overlay .overlay-menu ul li a:hover:after,
	.menu-container .overlay .overlay-menu ul li a:focus:after,
	.menu-container .overlay .overlay-menu ul li a:active:after {width: 130%;}

	.menu-container .overlay .overlay-menu ul li a:hover{color:#ec2790;transition: all 100ms ease-in-out;}
	.menu-container .overlay .overlay-menu ul li.active a{color:#ffffff;transition: all 300ms ease-in-out;}
	.menu-container .overlay .overlay-menu ul li.active a:after {top: 22%;width: 130%;height: 100%;background: #0c0c0c;}

	@keyframes fadeInRight {
		  0% {opacity: 0;left: 20%;}
		100% {opacity: 1;left: 0;}
	}


span.txt-up{background: #000;position: absolute;top: 0px;left: 0;padding-right: 10px;/* margin: auto; */transform-style: preserve-3d;transform: rotateX(0deg);z-index: 4;transition: all 300ms ease-in-out;}
span.txt-down{background: #000;position: absolute;top: 50px;left: 0;padding-right: 10px;/* margin: auto; */transform-style: preserve-3d;transform: rotateX(-85deg);z-index: 5;transition: all 300ms ease-in-out;}

.menu-container .overlay .overlay-menu ul li a:hover span.txt-up{top:-50px;transform: rotateX(90deg);transition: all 300ms ease-in-out;}
.menu-container .overlay .overlay-menu ul li a:hover span.txt-down{top: 0px;transform: rotateX(0deg);transition: all 300ms ease-in-out;}
.menu-container .overlay .overlay-menu ul li span.no {color: #585858;font-family: 'roboto';font-size: 14px;font-weight: 700;position: absolute;top: 29px;left: 0;z-index: 9;}
.menu-container .overlay .overlay-menu ul li.active span.no,
.menu-container .overlay .overlay-menu ul li a:hover span.no{color:#ffffff;transition: all 300ms ease-in-out;}

.menu-container .menu-address{display: inline-block;text-align:right;margin-right: 10%;opacity: 0;transition:all 500ms ease-in-out;}
.menu-container .menu-address h2 {color: #585858;font-size: calc(30px + 3vh);text-align: revert;text-transform: uppercase;display: block;position: relative;min-height: calc(26px + 3vh);line-height: 1;transition: all 100ms ease-in-out;}
.menu-container .menu-address ul.social_media_footer{margin-top:20px;}

.menu-container .menu-address ul.connect-links{margin:20px 0px 40px 0px;padding:0px;list-style-type:none;}
.menu-container .menu-address ul.connect-links li{}
.menu-container .menu-address ul.connect-links li a{color:#cccccc;font-family:'roboto';}

.menu-container .overlay .overlay-menu ul li:hover span.no{color:#ec2790;transition:500ms ease-in-out;}
.menu-container .overlay.open .menu-address {animation: fadeInRight 1s ease forwards;animation-delay: 1.2s;}

.menu-container .overlay .thoughts-quotes {opacity:0;}
.menu-container .overlay.open .thoughts-quotes {animation: fadeInRight 1s ease forwards;animation-delay: 1s;}


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

/* Chrome, Safari, Opera */
@-webkit-keyframes logo_scroll {
0% {background-position: 0% center;}
100% {background-position: -3000% center;}
}
/* Standard syntax */
/*@keyframes logo_scroll {
0% {background-position: right center;}
0% {background-position: right center;}
}*/
img.new-age-footer{margin-top:10px}footer{background: #141414;padding-top: 110px;position:relative;}footer:before{content:"";position:absolute;top:0px;right:0px;width:50%;height:100%;background:url("../img/footer-office.jpg") repeat-x center center;z-index: 3;}footer .top-footer{padding: 0px 0 80px 0;}footer .top-footer p{color:#333;font-size:13px;line-height:1.5;text-decoration:none;position:relative;padding:0;margin-bottom:0;margin-top:15px}footer .sub-footer{color:#fff;font-size:12px;font-weight:300;padding:25px 0 20px 0;background: #1a1a1a;}footer .sub-footer hr{margin-bottom:30px}footer .sub-footer p{color:#666565;font-size:15px;margin:5px 0 0 0}footer h2.footerHeading{font-size:22px;color:#000;font-weight:400;width:90%}footer h3{font-size: calc(19px + 2vh);margin-bottom: 20px;}footer h4{font-size: calc(19px + 2vh);font-weight:  500;letter-spacing: 0px;text-transform:uppercase;/* margin-top:15px; */margin-bottom:15px;padding-bottom:10px;color:#ffffff;position:relative}footer h4:after{content:"";position:absolute;bottom:0;left:0;width:20px;height:4px}footer ul.tncLinks{margin:0;padding:0;list-style-type:none}footer ul.tncLinks li{padding:5px 0;display:inline-block}footer ul.tncLinks li.active a{color:#f15931;font-weight:600}footer ul.tncLinks li a{color:#fff;fontfont-size:15px;position:relative;line-height:1.5;text-decoration:none;padding:.5rem;transition:all 300ms ease-in-out}footer ul.tncLinks li a:after{content:"\f105";position:absolute;left:0;top:5px;font:normal normal normal 16px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:none}footer ul.tncLinks li a:hover{color:#ec268f;transition:all 300ms ease-in-out}footer ul.quicklinks{margin: 0px;padding:0;list-style-type:none}footer ul.quicklinks li{color:#ffffff;font-size: 30px;line-height: 1;padding: 0px 0 8px 0;min-width:auto;display:block}footer ul.quicklinks li.active a{color:#f15931}footer ul.quicklinks li a{font-size: 30px;text-decoration:none;padding:2px 0;position:relative;transition:all 300ms ease-in-out;color: #ffffff;}footer ul.quicklinks li a:after{content:"\f105";position:absolute;left:0;top:5px;font:normal normal normal 16px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:none}footer ul.quicklinks li a:hover{/* color:#ec268f; */font-weight: 700;transition:all 300ms ease-in-out}footer ul.quicklinks li a:hover:after{color:#29388f;left:5px;transition:all 300ms ease-in-out}footer a,footer a:hover{color: #333;}ul.privacy_list{display:inline-flex;margin:0;padding:0;list-style:none}ul.privacy_list li{color: #8e8e8e;padding:0 35px 0 0}.Topscroll{position:absolute;top:0;left:50%;width:40px;height:40px;color:#fff;font-size:20px;line-height:2;background:#f4792a;text-align:center;display:block;box-shadow:0 0 10px rgba(0,0,0,.5)}.Topscroll:hover{color:#fff}

footer nav{margin-bottom: 40px;}
footer .footer-content {display: inline-block;color: #ffffff;}
footer .footer-content h5{color: #acacac;text-transform: uppercase;padding-bottom: 10px;margin-bottom: 20px;border-bottom: 1px solid #484848;}

footer .btn-bdr.bb_black {background: #ec268f;padding: 14px 35px 16px 65px;height: 50px;}
footer .btn-bdr.bb_black .txt {color: #fff !important;}
footer .btn-bdr.bb_black:hover{padding: 14px 35px 16px 65px;}

footer .btn-bdr.bb_black .arrow-1,
footer .btn-bdr.bb_black .arrow-2{top:20% !important;}

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

/***********************/
/*     Social Media    */
/***********************/
ul.social_media_footer {margin: 40px 0px 0px 0px;padding: 0px;list-style-type: none;display: inline-block;width: 100%;}
ul.social_media_footer>li {display: inline-block;}
ul.footerLinks li.active > a {font-weight: 700;color: #333;transition: all 500ms ease-in-out;}
ul.social_media_footer>li {margin-right: 10px;transition: all 500ms ease-in-out;}
ul.social_media_footer>li>a {display: inline-block;font-size: 14px;font-weight: 500;text-transform: uppercase;letter-spacing: 0px;border-radius: 100px;transition: all 500ms ease-in-out;}
ul.social_media_footer>li>a img{filter: invert(1);}
ul.social_media_footer li a:hover{color:#000000;/* background: #ffffff; */transition: all 500ms ease-in-out;}
ul.social_media_footer li a:hover img{opacity: .7;transition: all 500ms ease-in-out;}

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


/***********************/
/*     Social Media    */
/***********************/
/***********************/
/*      B&F Credits    */
/***********************/
.flip-container2{-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;perspective:1000;-ms-transform:perspective(1000px);-moz-transform:perspective(1000px);-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d}.flip-container2:hover .back2,.flip-container2.hover .back2{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg)}.flip-container2:hover .front2,.flip-container2.hover .front2{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}.flip-container2,.front2,.back2{height:30px;width:30px;position:relative;top:3px}.flipper{-webkit-transition:0.6s;-webkit-transform-style:preserve-3d;-ms-transition:0.6s;-moz-transition:0.6s;-moz-transform:perspective(1000px);-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transition:0.6s;transform-style:preserve-3d;position:relative;top:-5px}.text-muted{color:#fff}.front2,.back2{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:0.6s;-webkit-transform-style:preserve-3d;-moz-transition:0.6s;-moz-transform-style:preserve-3d;-o-transition:0.6s;-o-transform-style:preserve-3d;-ms-transition:0.6s;-ms-transform-style:preserve-3d;transition:0.6s;transform-style:preserve-3d;position:absolute;top:0;right:0}.front2{-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);;z-index:2}.back2{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);transform:rotateY(-180deg)}

/***********************/
/*      B&F Credits    */
/***********************/
 
.btn-scrollTop {position: fixed;bottom: -100px;right: 10px;z-index: 99;text-align: center;transition: all 500ms ease-in-out 0s;}
.btn-scrollTop span.top_icon {display: block;width: 40px;filter: drop-shadow(-4px 4px 5px #8c8c8c);}
.btn-scrollTop span.txt {display: block;color: #ffffff;background: #ec268f;padding: 2px 7px;text-transform: uppercase;font-weight: bold;letter-spacing: 1px;text-align: center;font-size: 11px;position: relative;top: -1px;z-index: 2;box-shadow: -4px 4px 5px #8c8c8c;}
.btn-scrollTop:hover, .btn-scrollTop:hover span.txt {color: rgb(0, 0, 0);text-decoration: none;}
.btn-scrollTop.active {bottom: 10px;transition: all 500ms ease-in-out 0s;}

a.btn-bdr{display: inline-block;font-size: 16px;font-weight:100;text-transform: uppercase;line-height: 1;padding: 26px 25px 26px 95px;position: relative;border-radius: 100px;overflow: hidden;min-width: 150px;height: 70px;/* margin-top: 12px; */transition:all 500ms ease-in-out;}
a.btn-bdr:before{content:"";position: absolute;top: 0px;left: 2px;width: 70px;height: 70px;/* border: 2px solid #ec268f; */border-radius: 100px;transition:all 500ms ease-in-out;}
a.btn-bdr:after{content:"";position: absolute;top: 15px;left: 0px;width: 20px;height: 20px;transform: scale(0.1);border-radius: 100px;transition:all 500ms ease-in-out;}
a.btn-bdr .txt{position: relative;z-index: 1;transition:all 500ms ease-in-out;}
a.btn-bdr .txt:before{content:"";position: absolute;top: 47%;left: 8px;width: 25px;height: 25px;z-index: -1;border-radius: 100px;transform: translateY(-50%);transition:all 400ms ease-in-out;}
a.btn-bdr .txt:after{content:"";transition:all 500ms ease-in-out;}
a.btn-bdr .arrow-1{position: absolute;top: 28%;left: 22px;width:30px;height:30px;background: url("../img/arrow-right-white.png") no-repeat center center;background-size:cover;z-index:3;transition:all 500ms ease-in-out;}
a.btn-bdr .arrow-1:before{content:"";position: absolute;top: 50%;right: 0;width: 20px;height: 2px;transition:all 500ms ease-in-out;display: none;}
a.btn-bdr .arrow-1:after{content:"";position: absolute;top: -3px;right: 0px;width: 10px;height: 10px;transform: rotate(45deg);transition:all 500ms ease-in-out;display: none;}

a.btn-bdr .arrow-2{position: absolute;top: 28%;left: -54px;width:30px;height:30px;background: url("../img/arrow-right-white.png") no-repeat center center;background-size:cover;z-index:3;transform:scale(0.01);transition:all 500ms ease-in-out;}
a.btn-bdr .arrow-2:before{content:"";position: absolute;top: 50%;right: 0;width: 20px;height: 2px;transition:all 500ms ease-in-out;display: none;}
a.btn-bdr .arrow-2:after{content:"";position: absolute;top: -3px;right: 0px;width: 10px;height: 10px;transform: rotate(45deg);transition:all 500ms ease-in-out;display: none;}

a.btn-bdr:hover{text-decoration:none;padding: 26px 35px 26px 75px;transition:all 500ms ease-in-out;}
a.btn-bdr:hover:after{right: inherit;left: 0;transform: scale(25);transition:all 500ms ease-in-out;}
a.btn-bdr:hover .txt{transition:all 500ms ease-in-out;}
a.btn-bdr:hover .txt:before{top: 20%;transform:scale(0.001);transition:all 200ms ease-in-out;}
a.btn-bdr:hover .arrow-1{left: 320%;transform: scale(0.01);transition:all 700ms ease-in-out;}
a.btn-bdr:hover .arrow-2{left: 22px;transform:scale(1);transition:all 700ms ease-in-out;}

a.btn-bdr.bb_green:before{border: 2px solid #ec268f;}
a.btn-bdr.bb_green:after{background: #ec268f;}
a.btn-bdr.bb_green .txt{color: #ffffff;}
a.btn-bdr.bb_green .txt:before{background: black;}
a.btn-bdr.bb_green .arrow-1:before{background: #ffffff;}
a.btn-bdr.bb_green .arrow-1:after{border-top: 2px solid #ffffff;border-right: 2px solid #ffffff;}
a.btn-bdr.bb_green .arrow-2:before{background: #000000;}
a.btn-bdr.bb_green .arrow-2:after{border-top: 2px solid #000000;border-right: 2px solid #000000;}
a.btn-bdr.bb_green:hover .txt{color:#000000;}

a.btn-bdr.bb_black:before{background: #ec268f;border: 2px solid #ec268f;}
a.btn-bdr.bb_black:after{background: #ec268f;}
a.btn-bdr.bb_black .txt{color: #000000;}
a.btn-bdr.bb_black .txt:before{}
a.btn-bdr.bb_black .arrow-1:before{background: #ffffff;}
a.btn-bdr.bb_black .arrow-1:after{border-top: 2px solid #ffffff;border-right: 2px solid #ffffff;}
a.btn-bdr.bb_black .arrow-2:before{background: #ffffff;}
a.btn-bdr.bb_black .arrow-2:after{border-top: 2px solid #ffffff;border-right: 2px solid #ffffff;}
a.btn-bdr.bb_black:hover .txt{color: #ffffff;}
a.btn-bdr.bb_black:hover:before{border: 2px solid #ec268f;}


a.btn-bdr.bb_white:before{border: 2px solid #000000;}
a.btn-bdr.bb_white:after{background: #000000;}
a.btn-bdr.bb_white .txt{color: #000000;}
a.btn-bdr.bb_white .txt:before{background: #f7f7f7;}
a.btn-bdr.bb_white .arrow-1:before{background: #000000;}
a.btn-bdr.bb_white .arrow-1:after{border-top: 2px solid #000000;border-right: 2px solid #000000;}
a.btn-bdr.bb_white .arrow-2:before{background: #ec268f;}
a.btn-bdr.bb_white .arrow-2:after{border-top: 2px solid #ec268f;border-right: 2px solid #ec268f;}
a.btn-bdr.bb_white:hover .txt{color: #ec268f;}


a.btn-bdr.bb_gray:before{border: 2px solid #ffffff;}
a.btn-bdr.bb_gray:after{background: #ec268f;}
a.btn-bdr.bb_gray .txt{color: #ffffff;}
a.btn-bdr.bb_gray .txt:before{background: #464646;}
a.btn-bdr.bb_gray .arrow-1:before{background: #ffffff;}
a.btn-bdr.bb_gray .arrow-1:after{border-top: 2px solid #ffffff;border-right: 2px solid #ffffff;}
a.btn-bdr.bb_gray .arrow-2:before{background: #000000;}
a.btn-bdr.bb_gray .arrow-2:after{border-top: 2px solid #000000;border-right: 2px solid #000000;}
a.btn-bdr.bb_gray:hover .txt{color: #000000;}

a.btn-bdr.bf_green:before{background: #ec268f;border: 2px solid #ec268f;}
a.btn-bdr.bf_green:after{background: #ec268f;}
a.btn-bdr.bf_green .txt{color: #000;}
a.btn-bdr.bf_green .txt:before{background: black;display: none;}
a.btn-bdr.bf_green .arrow-1:before{background: #000000;}
a.btn-bdr.bf_green .arrow-1:after{border-top: 2px solid #000000;border-right: 2px solid #000000;}
a.btn-bdr.bf_green .arrow-2:before{background: #000000;}
a.btn-bdr.bf_green .arrow-2:after{border-top: 2px solid #000000;border-right: 2px solid #000000;}
a.btn-bdr.bf_green:hover .txt{color:#000000;}

a.btn-bdr.bf_white:before{border: 2px solid #ec268f;}
a.btn-bdr.bf_white:after{background: #ec268f;}
a.btn-bdr.bf_white .txt{color: #ffffff;}
a.btn-bdr.bf_white .txt:before{background: black;}
a.btn-bdr.bf_white .arrow-1:before{background: #ffffff;}
a.btn-bdr.bf_white .arrow-1:after{border-top: 2px solid #ffffff;border-right: 2px solid #ffffff;}
a.btn-bdr.bf_white .arrow-2:before{background: #000000;}
a.btn-bdr.bf_white .arrow-2:after{border-top: 2px solid #000000;border-right: 2px solid #000000;}
a.btn-bdr.bf_white:hover .txt{color:#000000;}

a.btn-bdr.footer_link:before{border: 2px solid #000000;width: 39px;height: 40px;}
a.btn-bdr.footer_link:after{background: #000000;}
a.btn-bdr.footer_link{font-size: 15px;height: 40px;padding: 10px 55px 12px 25px;}
a.btn-bdr.footer_link .txt{color: #000000;}
a.btn-bdr.footer_link .txt:before{background: #ec268f;}
a.btn-bdr.footer_link .arrow-1:before{background: #000000;}
a.btn-bdr.footer_link .arrow-1:after{border-top: 2px solid #000000;border-right: 2px solid #000000;}
a.btn-bdr.footer_link .arrow-2:before{background: #ec268f;}
a.btn-bdr.footer_link .arrow-2:after{border-top: 2px solid #ec268f;border-right: 2px solid #ec268f;}
a.btn-bdr.footer_link:hover{padding: 10px 25px 12px 55px;}
a.btn-bdr.footer_link:hover .txt{color: #ec268f;}

a.btn-bdr.bb_links{padding: 13px 55px 12px 1px;min-width: auto;}
a.btn-bdr.bb_links:before{border: 2px solid #ec268f;display: none;}
a.btn-bdr.bb_links:after{background: #ec268f;}
a.btn-bdr.bb_links .txt{color: #000000;}
a.btn-bdr.bb_links .txt:before{background: #f7f7f7;}
a.btn-bdr.bb_links .arrow-1:before{background: #000000;}
a.btn-bdr.bb_links .arrow-1:after{border-top: 2px solid #000000;border-right: 2px solid #000000;}
a.btn-bdr.bb_links .arrow-2:before{background: #000000;}
a.btn-bdr.bb_links .arrow-2:after{border-top: 2px solid #000000;border-right: 2px solid #000000;}
a.btn-bdr.bb_links:hover{color:#000000;padding: 13px 25px 12px 55px;}
a.btn-bdr.bb_links:hover .txt{color:#000000;}


section.publications-results{padding: 90px 0px 70px 0px;background: #ffffff;}
section.publications-results .results-slider{padding-top: 40px;padding-bottom: 60px;}
section.publications-results .results-slider .mr-box{text-align: center;padding: 30px 15px 30px 15px;border: 1px solid #000000;display: flex;flex-direction: column;align-items: center;margin: 20px 20px;box-shadow: 10px 10px 10px #00000036;}
section.publications-results .results-slider .mr-box img{max-width: 130px;margin-bottom: 20px;}
section.publications-results .results-slider .mr-box h4{color: #ec268f;font-size: calc(36px + 2vh);}
section.publications-results .results-slider .mr-box p{font-size: 16px;}

section.publications-results .results-slider button.slick-arrow{cursor: pointer;font-size: 0.1px;position: absolute;bottom:0px;left: 0;right: 0px;margin: auto;width: 30px;height: 20px;border: none;outline: none;}
section.publications-results .results-slider button.slick-arrow.slick-prev{right:60px;background: url("../img/slider-arrow-prev.png") no-repeat center center;background-size: contain;}
section.publications-results .results-slider button.slick-arrow.slick-next{left:60px;background: url("../img/slider-arrow-next.png") no-repeat center center;background-size: contain;}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) {
	
	.cursor{border:2px solid transparent;}
	.cursor2{background:transparent;}
	
	.menu-container{/* position:absolute; *//* z-index: -1; */}
	
	.menu-container .col-md-6.borders{border-left:none;}
	.menu-container .menu-address,
	.thoughts-quotes{display:none;}

	header{padding:25px 0px !important;}
	header .navbar-brand.bnf_logo img,
	header.stickyheader .navbar-brand.bnf_logo img{}
	.navbar-brand{}
	
	h1.heading-01{font-size: 48px;}
	h2.heading-01{font-size: 60px;}
	.heading-02{font-size: 40px;}
	.heading-03{font-size: 44px;}
	.heading-04{font-size: 24px;line-height: 1.1;}
	.heading-05{font-size: 21px;}

	.para-01{font-size:24px;}
	.para-02{font-size:21px;}
	.para-03{font-size:18px;}
	.para-04{font-size:16px;}
	.para-05{font-size:14px;}

	p{}

	a.btn-bdr{font-size:15px;padding-top: 16px;}
	
	footer{padding: 0px;}
	footer .top-footer{padding: 40px 0px 0px 0px !important;}
	footer nav{min-height: auto;}

	.footer-content{padding-top: 0px;padding-bottom: 20px;margin-top: 30px;width: 100%;}
	footer h3, footer h4{padding-bottom: 0px;}
	footer h4{margin-bottom: 0px;}
	
	footer .col-md-4:nth-child(2) h4{display: none;}
	ul.privacy_list{display: flex;flex-direction: column-reverse;}
	ul.privacy_list li{padding: 4px 0px !important;}

	footer ul.quicklinks li br{display:none;}
	
}
 
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
	
	header{padding-top:10px;padding-bottom: 10px;}
	header .navbar-brand.bnf_logo img{/* width: 180px; */}
	.navbar-brand{}

	h1.heading-01{font-size: 48px;}
	h2.heading-01{font-size: 60px;}
	.heading-02{font-size: 54px;}
	.heading-03{font-size: 44px;}
	.heading-04{font-size: 24px;line-height: 1.1;}
	.heading-05{font-size: 21px;}

	.para-01{font-size:24px;}
	.para-02{font-size:21px;}
	.para-03{font-size:18px;}
	.para-04{font-size:16px;}
	.para-05{font-size:14px;}

	p{}

	a.btn-bdr{font-size:15px;padding-top: 16px;}
	
	

}



@media (min-width: 320px) and (max-width: 1279px){ 
	.quote{display:inline !important;}
	.quote span{display:inline !important;}
	
	header{padding-left:0px !important;padding-right: 0px !important;}
	header li{border-bottom: 1px solid #000000;border-top: 1px solid #181717;width: 100%;flex-direction: column;}
	header li a{text-align:center;width: 100%;}

	header nav ul ul li{width:100%;}
	.navbar-collapse{background: #000000;border-top: 1px solid #000000;margin-top: 10px;padding: 15px;position:fixed!important;top:60px;left:0px;;width: 100%;}	
	.navbar-collapse ul{position: static;}	
	.navbar-collapse.collapse.show{display: block !important;}
	
	button.navbar-toggler {position:absolute;top:10px;right:0px;z-index: 2;/* background: white; */border-radius: 0px;padding: 4px;border:none;outline:none;}
	button.navbar-toggler.collapsed .navbar-toggler-icon:before{content: "";position: absolute;top: 12px;right: 0;width: 100%;height: 3px;background: #ec268f;transform: rotate(0deg);transition: all 200ms ease-in-out;}

	button.navbar-toggler.collapsed .navbar-toggler-icon:after{content: "";position: absolute;top: 23px;right: 0;width: 50%;height: 3px;background: #ec268f;transform: rotate(0deg);transition: all 200ms ease-in-out;}
	button.navbar-toggler .navbar-toggler-icon:before{content: "";position: absolute;top: 12px;right: 0;width: 100%;height: 3px;background: #ec268f;transform: rotate(45deg);transition: all 200ms ease-in-out;}
	button.navbar-toggler .navbar-toggler-icon:after{content: "";position: absolute;top: 13px;right: 0;width: 100%;height: 3px;background: #ec268f;transform: rotate(-45deg);transition: all 200ms ease-in-out;}

	/*header li a.nav-link{border-top:1px solid #000;}*/
	header li a.nav-link .menu-text{padding: 15px 0px 15px 0px;}
	header li.btn-musuem a span:before{display: inline-block;position: static;width: 70px;height: 70px;}
	
	nav.navbar.navbar-expand-lg.align-items-start {justify-content: space-between;}
	
	.navbar-expand-lg .navbar-toggler {display: block !important;}
	.navbar-expand-lg .collapse,
	.navbar-expand-lg .navbar-collapse {display: none !important;}
		 
	header li:nth-last-child(1) a{margin: 10px 0px;}
	 
	
}



/* Desktops and laptops ----------- */
@media only screen and (max-width : 1224px) {
	
	
	header li a{font-size: 15px;}
	header li a .menu-text{padding: 10px 10px;}
	
	footer{padding-top:330px;}
	footer:before{right: 0px;width: 100%;height: 300px;background-size: cover;}

	footer h3,
	footer h4{font-size: 28px;font-weight: 500;}

	footer ul.quicklinks{}
	footer ul.quicklinks li,	
	footer ul.quicklinks li a{min-width: 50%;}

	footer .footer-content h5{font-size:21px;}
	
	ul.social_media_footer>li>a{}
	ul.privacy_list li{padding: 0px;font-size: 16px;}
	
	
}

/* Large screens ----------- */
@media only screen and (min-width : 1660px) {

	
	.container.c_w1140{max-width: 1440px;}
	
} 


/* Large screens ----------- */
@media only screen and (min-width : 1200px) and (max-width : 1659px) { 

	
	body {font-size: 15px;}
	
	h1.heading-01{font-size: calc(55px + 5vh);} /* 75px */
	h2.heading-01{font-size:calc(100px + 10vh);} /* 100px */
	.heading-02{font-size: calc(48px + 5vh);} /* 72px */
	.heading-03{font-size: calc(36px + 3vh);} /* 50px */
	.heading-04{font-size: calc(24px + 2vh);} /* 30px */
	.heading-05{font-size:calc(20px + 2vh);} /* 20px */

	.para-01{font-size: 24px;} /* 36px */
	.para-02{font-size: 21px;} /* 30px */
	.para-03{font-size: 18px;} /* 24px */
	.para-04{font-size: 16px;} /* 21px */
	.para-05{font-size: 14px;} /* 18px */
	
	header{}
	header li a{font-size:15px;}
	header .navbar-brand.bnf_logo img{}
	.navbar-brand{max-width: 180px;}
	
	footer h4, footer h5{/* font-size:30px; */}
	footer ul.quicklinks li{/* font-size: 12px; */}
	footer ul.quicklinks li a{/* font-size: 12px; */}
	ul.privacy_list li{font-size: 11px;}
	
	ul.social_media_footer>li>a{font-size: 12px;}

}