/* NicheMinds Color pallate
Niche green: #bfc340 
Green dark: #86882d
Parrot green: #57c340
Parrot green dark: #3d882d
Blue office: #425fc3
Blue dark: #2e4388
Red rustic: #c34440
Violet: #9d40c3
Dark purple: #6e2d88
Light yellow: #feffd4

Niche grey: #636466
Dark grey: #454647

Text heading: #1b1b1b
*/

@font-face {
	font-family: 'Aino';
	src: url('../fonts/aino/Aino.eot');
	src: url('../fonts/aino/Aino.eot?#iefix') format('embedded-opentype'), url('../fonts/aino/Aino.woff2') format('woff2'), url('../fonts/aino/Aino.woff') format('woff'), url('../fonts/aino/Aino.svg#Aino-Headline') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto Condensed';
	src: url('../fonts/roboto-condensed/RobotoCondensed-Regular.eot');
	src: url('../fonts/roboto-condensed/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-condensed/RobotoCondensed-Regular.woff2') format('woff2'), url('../fonts/roboto-condensed/RobotoCondensed-Regular.woff') format('woff'), url('../fonts/roboto-condensed/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto Condensed';
	src: url('../fonts/roboto-condensed/RobotoCondensed-Italic.eot');
	src: url('../fonts/roboto-condensed/RobotoCondensed-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-condensed/RobotoCondensed-Italic.woff2') format('woff2'), url('../fonts/roboto-condensed/RobotoCondensed-Italic.woff') format('woff'), url('../fonts/roboto-condensed/RobotoCondensed-Italic.svg#RobotoCondensed-Italic') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Roboto Condensed';
	src: url('../fonts/roboto-condensed/RobotoCondensed-Bold.eot');
	src: url('../fonts/roboto-condensed/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-condensed/RobotoCondensed-Bold.woff2') format('woff2'), url('../fonts/roboto-condensed/RobotoCondensed-Bold.woff') format('woff'), url('../fonts/roboto-condensed/RobotoCondensed-Bold.svg#RobotoCondensed-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto Condensed';
	src: url('../fonts/roboto-condensed/RobotoCondensed-BoldItalic.eot');
	src: url('../fonts/roboto-condensed/RobotoCondensed-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-condensed/RobotoCondensed-BoldItalic.woff2') format('woff2'), url('../fonts/roboto-condensed/RobotoCondensed-BoldItalic.woff') format('woff'), url('../fonts/roboto-condensed/RobotoCondensed-BoldItalic.svg#RobotoCondensed-BoldItalic') format('svg');
	font-weight: bold;
	font-style: italic;
}

 :root {
	--color-niche-green: #bfc340;
	--color-niche-dark-green: #86882d;
	--color-niche-parrot-green: #57c340;
	--color-niche-parrot-green-dark: #3d882d;
	--color-niche-blue: #425fc3;
	--color-niche-navy-blue: #2e4388;
	--color-niche-rustic-red: #c34440;
	--color-niche-violet: #9d40c3;
	--color-niche-dark-purple: #6e2d88;
	--color-niche-light-yellow: #feffd4;
	--color-niche-grey: #636466;
	--color-niche-dark-grey: #454647;
	--color-text-heading: #1b1b1b;
	--color-text: #4b4b4b;
	--header-height: 6rem;
}

html {
	color: #222;
	font-size: 1em;
	line-height: 1.4;
}

body,
html {
	width: 100%;
	overflow-x: hidden;
}

body {
	color: var(--color-text);
	font-family: 'Roboto Condensed', serif;
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	background-image: url(../images/collab-full.svg);
}
#content::before{
	content: "";
   position: absolute;
   z-index: -1;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background-image: url(../images/collab-full.svg);
   opacity: 0.08;
   height: 100%;
   width: 100%;
}

.overflow-hidden {
	overflow: hidden !important;
}

*:focus,
*:active {
	outline: transparent;
}

button:focus {
	outline: none;
}

div {
	position: relative;
	display: block;
}

p {
	padding: 0;
	margin: 0;
}

a {
	color: var(--color-niche-blue);
	text-decoration: none;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

a:hover,
a:focus {
	color: var(--color-niche-grey);
	text-decoration: none;
}

h1,
h2 {
	font-family: 'Aino';
	font-weight: normal;
	margin: 0;
	line-height: 1.2;
	color: var(--color-niche-green);
}
h6, .h6{
	font-size: 1.375rem;
	line-height: 1.3;
}

.r-mb-0 {
	margin-bottom: 0.25rem !important;
}

.r-mb-1 {
	margin-bottom: 0.5rem !important;
}

.r-mb-2 {
	margin-bottom: 1rem !important;
}

.r-mb-3 {
	margin-bottom: 1.5rem !important;
}

.r-mb-4 {
	margin-bottom: 2rem !important;
}

.r-mb-5 {
	margin-bottom: 2.5rem !important;
}

.r-mb-6 {
	margin-bottom: 3rem !important;
}

.r-mb-7 {
	margin-bottom: 3.5rem !important;
}

.r-mb-8 {
	margin-bottom: 4rem !important;
}

.r-mb-9 {
	margin-bottom: 4.5rem !important;
}

.r-mb-10 {
	margin-bottom: 5rem !important;
}

.r-mb-11 {
	margin-bottom: 5.5rem !important;
}

.r-mb-12 {
	margin-bottom: 6rem !important;
}

.r-mb-13 {
	margin-bottom: 6.5rem !important;
}

.r-mb-14 {
	margin-bottom: 7rem !important;
}

.r-mb-15 {
	margin-bottom: 7.5rem !important;
}

.r-mb-16 {
	margin-bottom: 8rem !important;
}

.r-mt-1 {
	margin-top: 0.5rem !important;
}

.r-mt-2 {
	margin-top: 1rem !important;
}

.r-mt-3 {
	margin-top: 1.5rem !important;
}

.r-mt-4 {
	margin-top: 2rem !important;
}

.r-mt-5 {
	margin-top: 2.5rem !important;
}

.r-mt-6 {
	margin-top: 3rem !important;
}

.r-mt-7 {
	margin-top: 3.5rem !important;
}

.r-mt-8 {
	margin-top: 4rem !important;
}

.r-mt-9 {
	margin-top: 4.5rem !important;
}

.r-mt-10 {
	margin-top: 5rem !important;
}

.r-mt-11 {
	margin-top: 5.5rem !important;
}

.r-mt-12 {
	margin-top: 6rem !important;
}

.r-mt-13 {
	margin-top: 6.5rem !important;
}

.r-mt-14 {
	margin-top: 7rem !important;
}

.r-mt-15 {
	margin-top: 7.5rem !important;
}

.r-mt-16 {
	margin-top: 8rem !important;
}

.r-mr-1 {
	margin-right: 0.5rem !important;
}

.r-mr-2 {
	margin-right: 1rem !important;
}

.r-mr-3 {
	margin-right: 1.5rem !important;
}

.r-mr-4 {
	margin-right: 2rem !important;
}

.r-mr-5 {
	margin-right: 2.5rem !important;
}

.r-mr-6 {
	margin-right: 3rem !important;
}

.r-mr-7 {
	margin-right: 3.5rem !important;
}

.r-mr-8 {
	margin-right: 4rem !important;
}

.r-mr-9 {
	margin-right: 4.5rem !important;
}

.r-mr-10 {
	margin-right: 5rem !important;
}

.r-mr-11 {
	margin-right: 5.5rem !important;
}

.r-mr-12 {
	margin-right: 6rem !important;
}

.r-mr-13 {
	margin-right: 6.5rem !important;
}

.r-mr-14 {
	margin-right: 7rem !important;
}

.r-mr-15 {
	margin-right: 7.5rem !important;
}

.r-mr-16 {
	margin-right: 8rem !important;
}
.font-light{
	font-weight: 300!important;
}
.font-regular{
	font-weight: 400!important;
}
.font-bold{
	font-weight: 700!important;
}
.color-gray {
    color: #979797!important;
}
.bg-gray{
	background-color: #f2f2f2!important;
}


.txt-white {
	color: #fff !important;
}
.txt-parrot-green {
	color: var(--color-niche-green) !important;
}

body>nav.navbar {
	margin-bottom: 0;
}

.section-title-default h2 {
	font-weight: normal;
}

.main-bar-container.headroom--not-top,
.main-bar-container {
	background-color: #ffffff !important;
}

.main-header--style-salisbury .headroom--not-top .main-nav>li>a,
.main-header--style-salisbury .main-nav>li>a,
.main-header--style-salisbury .main-nav>li.current-menu-item>a {
	color: #1b1b1b;
}

.main-bar-container.headroom--not-top .main-nav.underlined .link-txt:after,
.secondary-bar.headroom--not-top .main-nav.underlined .link-txt:after {
	bottom: -0.5em;
}

.main-bar .navbar-brand {
	width: 100px;
	padding: 0;
    margin-top: 10px;
}

.main-header .navbar-brand img {
	width: 100%;
}

.rella-row-overlay {
	background: rgba(0, 0, 0, 0.4);
}
.typed.md {
    font-size: 2.75rem;
}
.preloader-wrap {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	z-index: 2000;
	max-width: 0%;
	background: #fff;
	background-image: linear-gradient(to bottom, #ffffff, #f9f9f9);
	opacity: 0;
	pointer-events: none;
	-webkit-transition: opacity 0.5s .1s, max-width 0s 1.3s;
	transition: opacity 0.5s .1s, max-width 0s 1.3s;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
}

.preloader-wrap.visible {
	max-width: 100%;
	display: block;
	pointer-events: auto;
	opacity: 1;
	-webkit-transition-delay: .1s, 0s;
	transition-delay: .1s, 0s;
	-webkit-transition-duration: .1s, 0s;
	transition-duration: .1s, 0s;
}

.preloader-wrap.seethrough {
	opacity: 0.85;
}

.preloader-img {
	width: 400px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0 0 0 0;
	text-align: center;
	opacity: 1;
	transform-origin: 50% 50%;
}

.preloader-img svg {
	width: 100%;
}

.preloader-img .cls-1 {
	fill: #636466;
	stroke: #636566;
}

.preloader-img .cls-1,
.preloader-img .cls-2 {
	stroke-miterlimit: 10;
}

.preloader-img .cls-2 {
	fill: #bec531;
	stroke: #bec531;
}

.preloader-img .logo-path {
	stroke-dasharray: 0px, 999999px;
	fill: transparent;
}

.tabs-title-naked .nav-tabs li.active a:after{
	height: 5px;
}
.tabs-title-naked .nav-tabs li a:before{
	border-width: 10px 10px 0;
}

.tabs-title-naked .nav-tabs li a:before {
	bottom: -25px;
}

.tabs-title-naked .nav-tabs li a:after {
	bottom: -16px;
}

.niche-btn,
.contact-default-alt2 .niche-btn {
	cursor: pointer;
	background: -webkit-linear-gradient(47deg, #bfc340 0%, #3d882d 100%);
	background: linear-gradient(137deg, #bfc340 0%, #3d882d 100%);
}

.lightbox-play-button.btn-md>i {
	background-color: var(--color-niche-green);
}
.portfolio-info.style-classic h3 {
    line-height: 1.5em;
}

.latest-post-hover {
	-webkit-backface-visibility: hidden;
}

.latest-post-bg-1 {}

.latest-post-hover.gradient-1 .latest-hover-box,
.latest-post-hover.gradient-1 .latest-hover-image,
.latest-post-hover.gradient-1 .latest-hover-line {
	background-image: -webkit-linear-gradient(30deg, #425fc3 0%, #2e4388 100%);
	background-image: linear-gradient(120deg, #425fc3 0%, #2e4388 100%);
}

.dude-wrap {
	width: 100%;
	margin: 0 auto;
}

.btn {
	font-size: 0.825rem;
}
.footer-logo{
	width: 100px;
}

.titlebar-bg-about  {
    background-image: url(../images/about.jpg);
}
/*.titlebar-bg-team  {
    background-image: url(../images/collab-full.svg);
}*/
.titlebar-bg-team  {
    background-image: url(../images/team.jpg);
}
.titlebar-bg-work{
	background-image: url(../images/work.jpg);
}
.titlebar-height-xxlg .titlebar-inner {
    padding-top: 250px;
    padding-bottom: 205px;
}
.titlebar-height-xxlg .titlebar-inner{
	padding-top: 320px;
}
.titlebar .titlebar__masked-text h1, 
.titlebar .titlebar__masked-text text{
	font-weight: 400;
}
.philosophy-img{
	width: 80%;
	margin: 0 auto;
	position: relative;
	display: block;
}
.header-copy-1{
	font-size: 2rem;
	font-weight: 700;
	color: var(--color-text-heading);
	line-height: 1.2;
}
.titlebar .titlebar__masked-text__svg-text-container.is-ready{

}
.about-page .main-bar-container,
.team-page .main-bar-container,
.white-header .main-bar-container{
	background-color: #fff;
}
.about-page .main-bar-container .main-nav>li>a,
.team-page .main-bar-container .main-nav>li>a,
.white-header .main-bar-container .main-nav>li>a{
	color: #1b1b1b;
}
.team-mem-wrap{
	width: 100%;
    height: 100%;
    
    display: block;
}
.team-mem-video-wrap{
	width: 100%;
    height: 100%;
}
.team-mem-video{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
    height: 100%;
    overflow: hidden;
}

.flip-div{
	transform: rotateY(180deg);
}
.separatorline{
	width: 12px;
    height: 3px;
    background: #1b1b1b;
    margin-top: .8rem;
    margin-bottom: .8rem;
}

.main-footer--style-centro a:not(.btn) {
    font-weight: 700;
    font-size: 16px;
}

.tabs-title-naked .nav-tabs li{
	font-size: 3.8rem;
	letter-spacing: 0;
}

.btn{
	padding: .375rem .75rem;
}
.video-bg__inner{
	position: absolute;
    width: 100vw;
    height: 100vh;
    top: 0px;
    left: 0px;
    z-index: 0;
    overflow: hidden;
}
.video-bg {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: -100;
    min-width: 100%;
    min-height: 100%;
    max-width: inherit;
    width: auto;
    height: auto;
    vertical-align: middle;
}

.poem-wrap{
	margin-top: 64px;
    border-left: 6px solid #000;
    padding: 16px 24px;
	
}
.poem-wrap:after{
	content: "";
	display: block;
	position: relative;
	width: 2px;
	height: 100%;
	background-color: #000;
}
.poem-wrap p{
	font-size: 1.5rem;
	letter-spacing: 0.5px;
	line-height: 1.6;
}
.poem-wrap span{
	
}
.poem-wrap span.pixels{
	background-color: #8BCBE2;
}
.poem-wrap span.html5{
	background-color: #F5B6C2;
}
.poem-wrap span.java{
	background-color: #F1E835;
}
.poem-wrap span.typography{
	background-color: #42BBA5;
}
.portfolio-item .portfolio-overlay-link{
	z-index: 22;
}
.section-margin{
	margin-top: 100px;
	min-height: 
}
.section-margin[data-enable-fullheight] {
    min-height: calc(100vh - 100px)!important;
}
.title-overlay{

}
.carousel-nav-style3 .flickity-page-dots .dot{
	height: 3px;
}
.titlebar{
	background-position: 50% 0;
}
.map-wrap {
    position: relative;
    margin: 0 auto;
    width: 80.78%;
    padding-bottom: calc(80.78% / 2.064);
}
.map-brands-wrap-container{
	position: absolute;
	width: 100%;
	height: 100%;
}
.map-dots-wrap,
.map-brands-wrap,
.signup-brands-wrap{
	position: absolute;
	width: 100%;
	height: 100%;
	
}
.map-brands-wrap{
	display: none;
}
.map-dots-main{
	width: 100%;
	height: 100%;
	background-image: url(../images/collab/mapdots.svg);
	-webkit-background-size: cover;
	background-size: cover;
}
.brand-dots{
	position: absolute;
	width: 100%;
	height: 100%;
	
	top: 0;
}
.brand-dots-1{

}
.brand-dots-2{
	display: none;
}
.brand-dots-3{
	display: none;
}
.brand-dots-4{
	display: none;
}
.map-brands-wrap .circle-1,
.map-brands-wrap .circle-2,
.map-brands-wrap .circle-3,
.signup-brands-wrap .circle-1,
.signup-brands-wrap .circle-2,
.signup-brands-wrap .circle-3{
	position: absolute;
	border-radius: 50%;	
	background-color: var(--color-niche-green);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	display: none;
	-webkit-box-shadow: -20px 20px 40px 0 rgba(0, 0, 0, 0.2);
	box-shadow: -20px 20px 40px 0 rgba(0, 0, 0, 0.2);
}
.map-brands-wrap .circle-1,
.signup-brands-wrap .circle-1{
	width: 300px;
	height: 300px;
	background-size: cover;
	-webkit-transform: scale(0.010666);
	transform: scale(0.010666);
}
.map-brands-wrap .circle-2,
.signup-brands-wrap .circle-2{
	width: 225px;
	height: 225px;
	/*display: flex;*/
    align-items: center;
    justify-content: center;
	-webkit-transform: scale(0.017777);
	transform: scale(0.017777);
}
.circle-title{
	font-weight: 600;
	font-size: 1.25rem;
	color: var(--color-text-heading);
	text-align: center;
	width: 100%;
}
.map-brands-wrap .circle-2 .circle-links{

	display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
    padding: 16px;
}
.map-brands-wrap .circle-2 a{
	position: relative;
	display: inline-block;
	margin: 4px;
	color: var(--color-text-heading);
}
.map-brands-wrap .circle-2.white a,
.map-brands-wrap .circle-2.white .circle-title{
	color: #fff;
}
.map-brands-wrap .circle-2 a:hover{

    color: var(--color-niche-grey);
}
.brand-0{
	
}
.brand-1{
	
}
.brand-2{
	
}
.brand-3{
	
}
.brand-0 .circle-1{
	top: 87px;
    left: 457px;
}
.brand-0 .circle-2{	
	left: 508px;
    top: 131px;
}

.brand-1 .circle-1{
	
	top: 93px;
    left: 535px;
}
.brand-1 .circle-2{
	
    left: 567px;
    top: 117px;
}


.brand-2 .circle-1{
	
	top: 113px;
    left: 579px;

}
.brand-2 .circle-2{
	
    top: 150px;
    left: 626px;
}


.brand-3 .circle-1{
	
	top: 120px;
    left: 481px;

}
.brand-3 .circle-2{
	
    left: 514px;
    top: 149px;
}
.brand-4 .circle-1{
	
	top: 60px;
    left: 392px;

}
.brand-4 .circle-2{
	
    left: 436px;
    top: 104px;
}
.brand-5 .circle-1{
	
	top: 139px;
    left: 528px;

}
.brand-5 .circle-2{
	
    left: 574px;
    top: 183px;
}
.brand-6 .circle-1{
	
	top: 113px;
    left: 288px;

}
.brand-6 .circle-2{
	
    left: 319px;
    top: 143px;
}

.brand-7 .circle-1{
	
	top: 125px;
    left: 373px;

}
.brand-7 .circle-2{
	
    left: 403px;
    top: 169px;
}

.brand-8 .circle-1{
	
	top: 112px;
    left: 372px;

}
.brand-8 .circle-2{
	
    left: 417px;
    top: 143px;
}

.brand-9 .circle-1{
	
	top: 53px;
    left: 353px;

}
.brand-9 .circle-2{
	
    left: 384px;
    top: 98px;
}


.map-nav-wrap{
	position: absolute;
	width: 44px;
	height: 100px;
	left: -40px;
    bottom: 44px;
    z-index: 2;
}
.map-nav{
	width: 44px;
	height: 44px;
	cursor: pointer;
	transition: all 0.3s ease-out;
}
.down-nav{
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.up-nav{
	margin-bottom: 12px;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.up-nav:hover{
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
}
.down-nav:hover{
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}
.up-nav svg .inner-arrow{
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.map-nav svg .inner-arrow{
	stroke:#BE0000;
}
.map-nav:hover svg .inner-arrow{
	stroke:#fff;
}
.map-nav:hover svg .circle-fill{
	fill:#BE0000;
}
.portfolio-info strong {
    color: #302f2f;
    font-weight: 600;
}
.tabs-title-naked .nav-tabs li a{
    
    background-repeat: repeat;
    background-position: 50% 50%;
    background-size: contain;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}
.tabs-title-naked .nav-tabs li a.india{
	background-image: url(../images/india.png);
}
.tabs-title-naked .nav-tabs li a.dubai{
	background-image: url(../images/dubai.png);
}
.tabs-title-naked .nav-tabs li a.singapore{
	background-image: url(../images/singapore.png);
}
.tabs-title-naked .nav-tabs li a.kenya{
	background-image: url(../images/kenya.png);
}
.tabs-title-naked .nav-tabs li a div{
	
}
.text-slide-activated .typed-keywords .keyword{
	color: #fff;
	background-color: var(--color-niche-green);
	padding:0 8px;
}
.text-slide-activated .typed-keywords .keyword.active{
	
}
.masonry.style-hover.hover-bottom-shadow .portfolio-content:before {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(45%, rgba(0,0,0,0.7)), to(rgba(0,0,0,0.9)));
    background: linear-gradient(to bottom, rgba(0,0,0,0.7) 51%, rgba(0,0,0,0.9) 100%);
}
.titlebar .titlebar__masked-text h1{
	font-size: 85px;
}

.invalid-tip {
	font-size: 0.825rem;
	display: none;
	color: #c34440;
	position: absolute;
    bottom: -30px;     
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.animated.infinite {
    animation-iteration-count: infinite;
}

.animated.hinge {
    animation-duration: 2s;
}
.shake {
    animation-name: shake;
}

@keyframes shake {

    from,
    to {
        transform: translate3d(0, 0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-10px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
        transform: translate3d(10px, 0, 0);
    }
}

.thankyou-wrap h2{
	color: var(--color-text-heading);
}