@import url("../../reverie-master/css/style.css");

@font-face {
    font-family: 'Graphik';
    src: url('../font/Graphik-Regular.woff2') format('woff2'),
        url('../font/Graphik-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Graphik';
    src: url('../font/Graphik-Medium.woff2') format('woff2'),
        url('../font/Graphik-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Graphik';
    src: url('../font/Graphik-Semibold.woff2') format('woff2'),
        url('../font/Graphik-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Graphik';
    src: url('../font/Graphik-SemiboldItalic.woff2') format('woff2'),
        url('../font/Graphik-SemiboldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Graphik';
    src: url('../font/Graphik-Bold.woff2') format('woff2'),
        url('../font/Graphik-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Chap';
    src: url('../font/Chap-Black.woff2') format('woff2'),
        url('../font/Chap-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/*
	***
		***
			****************************************** Defaults ******************************************
		***
	***
*/
img {
	max-width: 100%;
	height: auto;
}
body {
	background: #FAEED9;
	font-family: 'Graphik';
	font-weight: 400;
}
h1, .h1 {
	font-family: 'Chap';
}
section {
	padding: 40px 0;
}
section.reverse .row .col-12:first-child {
	order: 2;
}
section.reverse .row .col-12:last-child {
	order: 1;
}
.imageHolder {
	position: relative;
}
.imageHolder > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.lined {
	color: #000;
	font-size: 18px;
	font-weight: 600;
	text-decoration: none;
	padding: 0 40px 5px 0 !important;
	position: relative;
	line-height: 1;
	transition: 0.5s;
	margin: 0 0 12px 0;
	display: block;
	width: max-content;
}
.lined:after {
	content: '';
	background-color: #000;
	display: block;
	height: 2px;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
}
.lined:hover {
	color: #000;
	padding-right: 70px !important;
}
.lined.r:hover {
	margin-right: -30px;
}

.lined.no_animation:hover {
	padding-right: 40px;
	margin-right: 0;
}


/*
	***
		***
			****************************************** Menu ******************************************
		***
	***
*/
.menuHolder {
	background-color: #F7E1C5;
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: start;
	top: -100vh;
	position: fixed;
	transition: 0.5s;
	z-index: 9999;
}
.menuHolder .back {
	position: absolute;
	left: 55px;
	top: 50px;
	cursor: pointer;
	transition: 0.5s;
}
.menuHolder .back:hover {
	left: 50px;
}
ul.main-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.main-menu li {
	font-size: 80px;
	font-weight: 500;
	margin: 25px 0;
}
ul.main-menu li a {
	color: #000;
	text-decoration: none;
	transition: 0.5s;
	position: relative;
	top: 0;
	left: 0;
}
ul.main-menu li a:hover {
	color: #F7E1C5;
	mix-blend-mode: multiply;
}
ul.main-menu li:first-child a:hover {
	top: -20px;
}
ul.main-menu li:nth-child(2) a:hover {
	left: 20px;
}
ul.main-menu li:nth-child(3) a:hover {
	left: -20px;
}
ul.main-menu li:nth-child(4) a:hover {
	left: 20px;
}
ul.main-menu li:nth-child(5) a:hover {
	left: -20px;
}
ul.main-menu li:last-child a:hover {
	left: 0 !important;
	top: 20px;
}
.menuHolder .logo {
	position: absolute;
	right: 85px;
	bottom: 70px;
}


/*
	***
		***
			****************************************** Wrapper ******************************************
		***
	***
*/
.wrapper {
	position: relative;
	top: 0;
	transition: 0.5s;	
}


/*
	***
		***
			****************************************** Header ******************************************
		***
	***
*/
header {
	margin: 0;
	padding: 65px 0;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 99;
	background-color: transparent;
	position: relative;
	opacity: 0;
	top: -40px;
	transition: 0.5s;
}
header.loaded {
	opacity: 1;
	top: 0;
}
body.home header {
	position: fixed;
}
header .logo {
	transition: 0.5s;
	opacity: 1;
}
.mobile-menu-btn {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: end;
	cursor: pointer;
	width: 80px;
	padding: 20px 15px;
}
.bar1 {
	width: 30px;
	height: 3px;
	display: block;
	background-color: #000;
	margin: 2px 0;
	transition: 0.5s;
}
.bar2 {
	width: 45px;
	height: 3px;
	display: block;
	background-color: #000;
	margin: 2px 0;
	transition: 0.5s;
}
.mobile-menu-btn:hover .bar1 {
	width: 45px;
}
.mobile-menu-btn:hover .bar2 {
	width: 30px;
}

/* Sticky */
header.sticky {
	position: fixed;
	mix-blend-mode: difference;
}
header.sticky .logo {
	opacity: 0;
}
header.sticky .bar1 {
	background-color: #FFF1D8;
	mix-blend-mode: difference;
}
header.sticky .bar2 {
	background-color: #FFF1D8;
	mix-blend-mode: difference;
}

body.menu-active .menuHolder {
	top: 0;
}
body.menu-active .wrapper {
	top: 100vh;
}


/*
	***
		***
			****************************************** Hero ******************************************
		***
	***
*/
.hero .h1 {
	font-size: 112px;
	line-height: 124px;
}
.hero .h1 span {
	display: block;
} 
.hero .h1 span:first-child {
	text-align: left;
}
.hero .h2 {
	font-size: 70px;
	line-height: 77px;
}
.hero .sub_heading {
	font-size: 24px;
	font-weight: 500;
	max-width: 380px;
	line-height: 36px;
}
.hero p {
	font-size: 30px;
	line-height: 42px;
}

/* Main */
.hero_main .h1 {
	font-size: 100px;
	line-height: 115px;
}

/* Work */
.hero_work p {
	font-size: 24px;
	line-height: 33px;	
}

/* About */
.hero_about .contentHolder {
	max-width: 510px;
	margin: auto;
}

/* Contact */
.hero_contact p {
	max-width: 415px;
}


/* Home */
.hero.home {
	position: relative;
	z-index: 1;
	min-height: 100vh;
	display: flex;
	align-items: center;
	padding: 0;
}
.hero.home > .imageHolder {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	opacity: 0;
	transition: 0.5s;
}
.hero.home .imageHolder.active {
	opacity: 1;
}
.hero.home .container {
	position: relative;
	z-index: 1;
}
.hero.home .sub_heading {
	font-size: 33px;
	font-weight: 400;
	text-decoration: underline;
	max-width: 100%;
}
.hero.home .contentHolder {
	transform: scale(0.8);
	transition: 0.5s;
	position: relative;
	top: -50px;
}
.hero.home .contentHolder.active {
	transform: scale(1);
}
#scroller_one {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 47vh;
	margin: 0 auto;
	opacity: 0;
	transition: 0.5s;
}
#scroller_one.active {
	opacity: 1;
}
#scroller_one .innerScrollArea {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
#scroller_one ul {
    padding: 0;
    margin: 0;
    position: relative;
    height: 100%;
}
#scroller_one li {
    padding: 0;
    margin: 0;
    list-style-type: none;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    padding: 0 30px;
    width: 700px;
    height: 100%;
    text-align: center;
}
#scroller_one li .imageHolder {
	position: absolute;
	transition: 0.5s;
	transform: scale(0.9);
	background-color: #F7E1C5;
	width: 310px !important;
}
#scroller_one li .imageHolder:hover {
	transform: scale(1.1) !important;
}
#scroller_one li .imageHolder > img {
	/*max-width: 310px !important;
	width: auto;
	height: auto;
	object-fit: unset;*/
	position: relative;
	object-position: center center;
	opacity: 0;
	transition: 0.5s;
}
#scroller_two {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 45vh;
	margin: 0 auto;
	opacity: 0;
	transition: 0.5s;
}
#scroller_two.active {
	opacity: 1;
}
#scroller_two .innerScrollArea {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
#scroller_two ul {
    padding: 0;
    margin: 0;
    position: relative;
    height: 100%;
}
#scroller_two li {
    padding: 0;
    margin: 0;
    list-style-type: none;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    padding: 0 30px;
    width: 700px;
    height: 100%;
    text-align: center;
}
#scroller_two li .imageHolder {
	position: absolute;
	transition: 0.5s;
	transform: scale(0.9);
	background-color: #F7E1C5;
	width: 310px !important;
}
#scroller_two li .imageHolder:hover {
	transform: scale(1.1) !important;
}
#scroller_two li .imageHolder > img {
	/*max-width: 310px !important;
	width: auto;
	height: auto;
	object-fit: unset;*/
	object-position: center center;
	position: relative;
	opacity: 0;
	transition: 0.5s;
}	

#scroller_one li:nth-child(1) .imageHolder,
#scroller_one li:nth-child(9) .imageHolder {
	bottom: -30px;
    height: 493px;
}
#scroller_one li:nth-child(2) .imageHolder,
#scroller_one li:nth-child(10) .imageHolder {
	bottom: 30%;
    height: 206px;
}
#scroller_one li:nth-child(3) .imageHolder,
#scroller_one li:nth-child(11) .imageHolder {
	top: 0;
	left: 10%;
    height: 464px;
}
#scroller_one li:nth-child(4) .imageHolder,
#scroller_one li:nth-child(12) .imageHolder {
	top: 0;
	height: 464px;
}
#scroller_one li:nth-child(5) .imageHolder,
#scroller_one li:nth-child(13) .imageHolder {
	bottom: 0;
	height: 352px;
}
#scroller_one li:nth-child(6) .imageHolder,
#scroller_one li:nth-child(14) .imageHolder {
	top: 0;
	height: 387px;
}
#scroller_one li:nth-child(7) .imageHolder,
#scroller_one li:nth-child(15) .imageHolder {
	bottom: 20%;
	height: 206px;
}
#scroller_one li:nth-child(8) .imageHolder,
#scroller_one li:nth-child(16) .imageHolder {
	bottom: 0;
	height: 343px;
}
#scroller_two li:nth-child(1) .imageHolder,
#scroller_two li:nth-child(9) .imageHolder {
	top: 30%;
	left: 30%;
	height: 343px;
}
#scroller_two li:nth-child(2) .imageHolder,
#scroller_two li:nth-child(10) .imageHolder {
	bottom: 0;
	left: 30%;
	height: 243px;
}
#scroller_two li:nth-child(3) .imageHolder,
#scroller_two li:nth-child(11) .imageHolder {
	bottom: 0;
	left: 20%;
	height: 465px;
}
#scroller_two li:nth-child(4) .imageHolder,
#scroller_two li:nth-child(12) .imageHolder {
	bottom: 30%;
	left: 10%;
	height: 400px;
}
#scroller_two li:nth-child(5) .imageHolder,
#scroller_two li:nth-child(13) .imageHolder {
	top: 34%;
	height: 300px;
}
#scroller_two li:nth-child(6) .imageHolder,
#scroller_two li:nth-child(14) .imageHolder {
	top: 0;
	height: 232px;
}
#scroller_two li:nth-child(7) .imageHolder,
#scroller_two li:nth-child(15) .imageHolder {
	top: 0;
	height: 465px;
}
#scroller_two li:nth-child(8) .imageHolder,
#scroller_two li:nth-child(16) .imageHolder {
	bottom: 0;
	height: 465px;
}



/*
	***
		***
			****************************************** Huge Ideas ******************************************
		***
	***
*/
.columns.huge_ideas {
	padding: 120px 0 90px 0;
}
.columns.huge_ideas .row .col-12:first-child {
	text-align: center;
}

.columns.huge_ideas .h2 {
	font-family: 'Chap';
	font-size: 61px;
}
.columns.huge_ideas p:not(.h2) {
	font-size: 24px;
}
.columns.huge_ideas strong {
	text-decoration: underline;
}
.columns.huge_ideas .imageHolder {
	max-width: 314px;
	height: auto;
	margin: auto;
}


/*
	***
		***
			****************************************** Team Intro ******************************************
		***
	***
*/
.columns.team-intro {
	padding: 90px 0 90px 0;
}
.columns.team-intro .contentHolder {
	padding: 0 62px 0 30px;
}
.columns.team-intro p:not(.h2) {
	font-size: 24px;
	line-height: 33px;
	margin-bottom: 45px;
}
.columns.team-intro .imageHolder {
	max-width: 500px;
	margin: auto;	
}


/*
	***
		***
			****************************************** Services - Simple ******************************************
		***
	***
*/
.services.simple {
	background-color: rgba(255, 255, 255, 0.5); 
}
.services.simple .row {
	justify-content: space-between;
}
.services.simple .row .item {
	flex-shrink: unset;
	width: auto;
}
.services.simple .item .headingHolder .h1 {
	font-size: 24px;
	font-weight: 400;
	margin: 0;
	padding: 0;
	font-family: 'Graphik';
}
.services.simple.home > .container {
	--gap: 1rem;
	position: relative;
	display: flex;
	overflow: hidden;
	user-select: none;
	gap: var(--gap);
	max-width: 100%;
}
.services.simple.home > .container > .row {
	flex-shrink: 0;
	display: flex;
	justify-content: space-around;
	gap: var(--gap);
	min-width: 100%;
	animation: scroll 25s linear infinite;
}
@keyframes scroll {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(calc(-100% - var(--gap)));
	}
}


/*
	***
		***
			****************************************** Services - Fancy ******************************************
		***
	***
*/
.services.fancy {
	background-color: #212121;
	color: #FAEED9;
	padding: 160px 0 55px 0;
	overflow: hidden;
}
.services.fancy .item {
	display: flex;
	padding: 20px 0;
	cursor: pointer;
}
.services.fancy .item .headingHolder {
	display: flex;
	flex: 0 0 auto;
	width: 100%;
	justify-content: center;	
	transition: 0.6s ease;
}
.services.fancy .item .headingHolder .h1 {
	font-size: 80px;
	font-family: 'Graphik';
}
.services.fancy .item .contentHolder {
	flex: 0 0 auto;
	width: 66.6666%;
	padding: 25px 105px 0 105px;
	font-size: 18px;
	line-height: 25px;
	opacity: 0;
	visibility: hidden;
	transition: 1.5s;
}
.services.fancy .item:hover .headingHolder {	
	width: 33.3333%;	
}
.services.fancy .item:hover .contentHolder {
	opacity: 1;
	visibility: visible;
}


/*
	***
		***
			****************************************** Featured ******************************************
		***
	***
*/
.featured {
	padding: 150px 0 0 0;
}
.featured .h2 {
	font-size: 48px;
	font-weight: 400;
}
.featured .special {
	position: relative;
	margin-top: 125px;
	margin-bottom: 125px;
}
.featured .special a {
	text-decoration: none;
	display: block;
	position: relative;
}
.featured .special .title {
	font-size: 24px;
	color: #000;
	font-weight: 500;
	position: absolute;
	z-index: -1;
	padding: 0 35px 3px 0;
	line-height: 1;
	transition: 0.5s;
}
.featured .special .title:after {
	content: '';
	background-color: #000;
	display: block;
	height: 2px;
	width: 100%;
	transition: 0.5s;
	position: absolute;
	bottom: 0;
	left: 0;
}
.featured .special .lined_holder {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;	
	background-color: rgba(255, 255, 255, 0.7); 
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: 0.5s;
}
.featured .special a:hover .lined_holder {
	opacity: 1;
}
.featured .special .anim {
	position: absolute;
}
.featured .special.item1 {
	align-items: flex-end;	
}
.featured .special.item1 .large_image .imageHolder {
	margin-bottom: 130px;
}
.featured .special.item1 .small_image .imageHolder {
	max-width: 320px;
	margin-right: 45px;
	margin-left: auto;
}
.featured .special.item1 .anim {
	left: 80px;
	top: 50px;
	max-width: 295px;
	height: auto;
	opacity: 0;
	transition: 0.5s;
}
.featured .special.item1 a:hover ~ .anim {
	left: 103px;
	opacity: 1;
}
.featured .special.item1 .title {
	transform: rotate(90deg);
	top: 95px;
	left: -50px;
}
.featured .special.item1 a:hover .title {
	top: -120px;
}
.featured .special.item2 {
	align-items: flex-end;	
}
.featured .special.item2 .large_image .imageHolder {
	margin-right: 45px;
}
.featured .special.item2 .small_image .imageHolder {
	max-width: 387px;
	margin-bottom: 150px;
}
.featured .special.item2 .anim {
	right: 300px;
	top: -50px;
	max-width: 213px;
	height: auto;
	opacity: 0;
	transition: 0.5s;
}
.featured .special.item2 a:hover ~ .anim {
	top: 0;
	opacity: 1;
}
.featured .special.item2 .title {
	right: 0;
	bottom: 100px;
	padding: 0 0 3px 80px;
}
.featured .special.item2 a:hover .title {
	right: -186px;
}
.featured .special.item3 {
	margin-bottom: 0;
}
.featured .special.item3 .large_image .imageHolder {
	margin-top: 80px;
}
.featured .special.item3 .small_image .imageHolder {
	max-width: 235px;
}
.featured .special.item3 .anim {
	right: 185px;
	top: -45px;
	max-width: 250px;
	height: auto;
	z-index: -1;
	transition: 0.5s;
	transform: rotate(-150deg);
}
.featured .special.item3 a:hover ~ .anim {
	transform: none;
}
.featured .special.item3 .title {
	bottom: 100px;
	left: 0;
	padding: 0 80px 5px 0;
}
.featured .special.item3 a:hover .title {
	left: -229px;
}


/*
	***
		***
			****************************************** Headings ******************************************
		***
	***
*/
.headings {
	padding: 140px 0 0 0;
}
.panel {
	position: relative;
	height: 60vh;
	display: flex;
	align-items: center;
	justify-content: center;
}
.headings .h1 {
	text-align: center;
	font-weight: 400;
	font-family: 'Graphik', sans-serif;
	font-size: 56px;
	background-color: #faeed9;
}
.headings .h1 b {
	font-weight: 600;
	font-style: italic;	
}
.headings .lined {
	margin: 200px auto 12px;
}


/*
	***
		***
			****************************************** Our Work ******************************************
		***
	***
*/
.dynamic_content.work {
	padding: 80px 0 130px 0;
}
.grid {
	display: flex;
	flex-wrap: wrap;
}
.grid-item {
	width: 33.3333%;
}
.grid-item a {
	text-decoration: none !important;
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 100%;
}
.grid-item:nth-child(3n+1) a {
	margin-left: 25px;
	margin-right: auto;
}
.grid-item:nth-child(3n+3) a {
	margin-right: 25px;
	margin-left: auto;
}
.grid-item .imageHolder {
	display: block;
	overflow: hidden;
	transition: 0.5s;
	margin: auto;
	width: 100%;
	height: 100%;
	background-color: #f7e1c5;
	transform: scale(0.9);
}
.grid-item .imageHolder img {
	z-index: 2;
	position: relative;	
	transition: 0.5s;
	opacity: 0;	
}
.grid-item .overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.7);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: 0.3s;
	z-index: 2;	
}
.grid-item .lined_holder {
	position: absolute;
	bottom: 0;
	left: 0;	
	transition: 0.5s;
	opacity: 0;
}
.grid-item:nth-child(3n+3) .lined_holder {
	right: 0;
}
.grid-item .lined_holder .lined {
	padding: 0 0 5px 40px !important;
}
.grid-item:nth-child(3n+3) .lined_holder .lined {
	padding: 0 40px 5px 0 !important;
}
.grid-item:nth-child(1) a {
	max-width: 193px;
	height: 275px;
	margin-top: 130px;
}
.grid-item:nth-child(1) .lined_holder {
	top: 146px;
}
.grid-item:nth-child(2) a {
	max-width: 359px;
	height: 218px;
}
.grid-item:nth-child(2) .lined_holder {
	top: 10px;
}
.grid-item:nth-child(3) a {
	max-width: 231px;
	height: 236px;
	margin-top: 130px;
}
.grid-item:nth-child(4) a {
	max-width: 231px;
	height: 236px;
	margin-top: 170px;
}
.grid-item:nth-child(5) a {
	max-width: 278px;
	height: 312px;
	margin-top: -45px;
}
.grid-item:nth-child(5) .lined_holder {
	bottom: 125px;
}
.grid-item:nth-child(6) a {
	max-width: 304px;
	height: 219px;
	margin-top: 225px;
}
.grid-item:nth-child(6) .lined_holder {
	bottom: 38px;
}
.grid-item:nth-child(7) a {
	max-width: 303px;
	height: 218px;
	margin-top: 340px;
}
.grid-item:nth-child(7) .lined_holder {
	bottom: 140px;
}
.grid-item:nth-child(8) a {
	max-width: 371px;
	height: 264px;
	margin-top: 40px;
}
.grid-item:nth-child(8) .lined_holder {
	bottom: 120px;
}
.grid-item:nth-child(9) a {
	max-width: 195px;
	height: 275px;
	margin-top: 286px;
}
.grid-item:nth-child(9) .lined_holder {
	bottom: 70px;
}
.grid-item:nth-child(10) a {
	max-width: 216px;
	height: 259px;
	margin-top: 220px;
}
.grid-item:nth-child(10) .lined_holder {
	bottom: 160px;
}
.grid-item:nth-child(11) a {
	max-width: 216px;
	height: 259px;
	margin-top: -90px;
}
.grid-item:nth-child(11) .lined_holder {
	bottom: 50px;
}
.grid-item:nth-child(12) a {
	max-width: 304px;
	height: 339px;
	margin-top: 185px;
}
.grid-item:nth-child(12) .lined_holder {
	bottom: 220px;
}
.grid-item:nth-child(13) a {
	max-width: 304px;
	height: 219px;
	margin-top: 225px;
}
.grid-item:nth-child(14) a {
	max-width: 282px;
	height: 401px;
	margin-top: -140px;
}
.grid-item:nth-child(14) .lined_holder {
	bottom: 80px;
}
.grid-item:nth-child(15) a {
	max-width: 282px;
    height: 401px;
    margin-top: 185px;
}
.grid-item:nth-child(15) .lined_holder {
	bottom: 80px;
}
.grid-item:nth-child(16) a {
	max-width: 193px;
	height: 275px;
	margin-top: 130px;
}
.grid-item:nth-child(16) .lined_holder {
	top: 146px;
}
.grid-item:nth-child(17) a {
	max-width: 359px;
	height: 218px;
}
.grid-item:nth-child(17) .lined_holder {
	top: 10px;
}
.grid-item:nth-child(18) a {
	max-width: 231px;
	height: 236px;
	margin-top: 130px;
}
.grid-item:nth-child(19) a {
	max-width: 231px;
	height: 236px;
	margin-top: 170px;
}
.grid-item:nth-child(20) a {
	max-width: 278px;
	height: 312px;
	margin-top: -45px;
}
.grid-item:nth-child(20) .lined_holder {
	bottom: 125px;
}
.grid-item:nth-child(21) a {
	max-width: 304px;
	height: 219px;
	margin-top: 225px;
}
.grid-item:nth-child(21) .lined_holder {
	bottom: 38px;
}

.grid-item:nth-child(3n+3) a:hover .lined_holder {
	left: auto;
	right: 92%;
}
.grid-item a:hover .imageHolder {
	border-radius: 100px;	
}
.grid-item a:hover .overlay {
	opacity: 1;	
}
.grid-item a:hover .lined_holder {
	left: 92%;
	opacity: 1;
}


.grid-item.active .imageHolder {
	transform: scale(1);
	transition: 0.5s;
	opacity: 1;
}
.grid-item.active .imageHolder img {
	opacity: 1;
}

.grid-item.disabled .lined_holder {
	opacity: 0;
}
/*
.grid-item .imageHolder img.lazyloaded {
	opacity: 1;
	transform: scale(1.0);
}
*/



/*
	***
		***
			****************************************** Single Project ******************************************
		***
	***
*/
.single-project section.details {
	padding-top: 15px;
}
.single-project section.details .h1 {
	font-family: 'Graphik';
	font-weight: 600;
	margin: 0 0 60px 0;
}
.stats .head {
	font-size: 20px;
	font-weight: 500;
	margin: 0 0 7px 0;
	line-height: 26px;
}
.stats .head:after {
	content: '';
	display: block;
	background-color: #000;
	width: 100%;
	height: 2px;
}
.single-project .intro p {
	font-size: 24px;
	line-height: 33px;
}
.module .imageHolder {
	height: 100%;
}
.module_one  {
	padding-top: 0;
	margin-top: 0;
}
.module_one .row > div:last-child img {
	margin-bottom: 221px;
}
/*
.module_one iframe {
	width: 100% !important;
    height: auto !important;	
}
*/
.pattern {
	text-align: right;
	overflow: hidden;
	margin: -60px 0 60px 0;
}
.pattern img {
	max-width: 800px;
	margin-right: -100px;
}
.post_nav ul {
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: center;
	align-items: end;
	margin: 0;
}
.post_nav ul li {
	margin: 0 80px;
}
.post_nav ul li a {
	text-decoration: none;
}
.our_work {
	width: 222px;
}
.our_work .holder {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	width: 158px;
	margin: 0 auto 50px;
}
.our_work .holder span {
	background-color: #F7E1C5;
	display: block;
	transition: 0.5s;
}
.our_work .holder span:nth-child(1) {
	width: 28px;
	height: 40px;
	margin: 14px 10px 10px 0;
}
.our_work .holder span:nth-child(2) {
	width: 53px;
	height: 32px;
	margin: 0 10px 10px 10px;
}
.our_work .holder span:nth-child(3) {
	width: 33px;
	height: 33px;
	margin: 17px 0 10px 10px;
}
.our_work .holder span:nth-child(4) {
	width: 33px;
	height: 33px;
	margin: 10px 10px 10px 8px;
}
.our_work .holder span:nth-child(5) {
	width: 38px;
	height: 43px;
	margin: -8px 5px 10px 5px;
}
.our_work .holder span:nth-child(6) {
	width: 44px;
	height: 30px;
	margin: 10px 0 10px 10px;
}
.our_work .holder span:nth-child(7) {
	width: 53px;
	height: 38px;
	margin: 4px auto 0;
}
.our_work a:hover .holder span {
	border-radius: 18px;
}
.our_work a:hover .lined {
	color: #000;
	padding-right: 70px !important;
}
.next_project {
	width: 180px;
}
.next_project .holder {
	margin: 0 0 50px;
}
.next_project .holder span {
	background-color: #F7E1C5;
	display: block;
	width: 116px;
	height: 61px;
	transition: 0.5s;
}
.next_project a:hover .holder span {
	border-radius: 18px;
}
.next_project a:hover .lined {
	color: #000;
	padding-right: 70px !important;
}


/*
	***
		***
			****************************************** Content ******************************************
		***
	***
*/
.content {
	padding: 50px 0;
}
.content .contentHolder {
	max-width: 700px;	
}
.content p {
	font-size: 24px;
	line-height: 33px;
}
.content.intro .contentHolder {
	max-width: 650px;
	margin: auto;
	text-align: center;
}
.content.intro .contentHolder p {
	font-size: 18px;
	line-height: 27px;	
}
.content.special .contentHolder {
	max-width: 855px;
	margin: auto;
}
.content.special .contentHolder p {
	font-size: 64px;
	line-height: 77px;
}
.content.special span {
	position: relative;	
}
.content.special .dreaming:after {
	content: '';
	background-image: url('../img/dreaming.svg');
	background-repeat: no-repeat;
	background-size: 100% auto;
	width: 61px;
	height: 32px;
	position: absolute;
	bottom: 100%;
	left: -4px;
}
.content.special .designing:after {
	content: '';
	background-image: url('../img/designing.svg');
	background-repeat: no-repeat;
	background-size: 100% auto;
	width: 67px;
	height: 32px;
	position: absolute;
	bottom: -3px;
	left: -25px;
}
.content.special .directing:after {
	content: '';
	background-image: url('../img/directing.svg');
	background-repeat: no-repeat;
	background-size: 100% auto;
	width: 25px;
	height: 52px;
	position: absolute;
	bottom: -27px;
	right: -16px;
}
.content.special .beautiful:after {
	content: '';
	background-image: url('../img/beautiful.svg');
	background-repeat: no-repeat;
	background-size: 100% auto;
	width: 25px;
	height: 25px;
	position: absolute;
	top: 22px;
	left: -2px;
}
.content.special .playful:after {
	content: '';
	background-image: url('../img/playful.svg');
	background-repeat: no-repeat;
	background-size: 100% auto;
	width: 27px;
	height: 27px;
	position: absolute;
	top: 0;
	left: 4px;
}
.content.special .popups {
	position: relative;
	top: -10px;
}
.content.special .lighting:after {
	content: '';
	background-image: url('../img/lighting.svg');
	background-repeat: no-repeat;
	background-size: 100% auto;
	width: 44px;
	height: 34px;
	position: absolute;
	top: -4px;
	right: -13px;
}
.content.special .fun:after {
	content: '';
	background-image: url('../img/fun.svg');
	background-repeat: no-repeat;
	background-size: 100% auto;
	width: 92px;
	height: 42px;
	position: absolute;
	bottom: -4px;
	left: 4px;
}
.content.middle .contentHolder {
	margin: auto;
}


/*
	***
		***
			****************************************** Images ******************************************
		***
	***
*/
.images.col2 img {
	max-width: 388px;
}
.images.col2 .col-12:last-child {
	justify-content: end;
	display: flex;
	padding-right: 9.2%;
}
.images.middle {
	text-align: center;
}
.images.medium img {
	max-width: 60%;
}
.images.right img {
	float: right;
}
.images.small img {
	max-width: 230px;
}


/*
	***
		***
			****************************************** About - Intro ******************************************
		***
	***
*/
.content.about.intro {
	padding: 70px 0;
}
.content.about.special {
	padding: 70px 0;
}
.images.about {
	padding: 70px 0;
}



/*
	***
		***
			****************************************** Team - Fancy ******************************************
		***
	***
*/
.team.fancy .item {
	background-color: #F7E1C5;
	padding: 40px 70px;
	margin: 15px 0;
}
.team.fancy .item .col-md {
	flex: 0 0 auto;
}
.team.fancy .item .image {
	width: 22%;
	position: relative;
}
.team.fancy .item .imageHolder {
	border-radius: 115px;
	overflow: hidden;
	max-width: 200px;
	height: 250px;
}
.team.fancy .item .default {
	z-index: 2;
	position: relative;
	transition: 0.5s;
	opacity: 1;
}
.team.fancy .item .hover {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	transition: 0.5s;
	opacity: 0;
}
.team.fancy .item .tool {
	position: absolute;
	bottom: 0;
	left: 100%;
	width: 100%;
	transition: 0.5s;
	opacity: 0;
}
.team.fancy .item .tool .head {
	font-weight: 500;
}
.team.fancy .item .tool p {
	margin: 0;
	font-size: 14px;
	font-weight: 400;
}
.team.fancy .item .details {
	width: 30%;
}
.team.fancy .item .name {
	font-size: 18px;
	font-weight: 500;
	margin: 0;
	position: relative;
	text-align: right;
}
.team.fancy .item .name:after {
	content: '';
	background-color: #000;
	height: 2px;
	width: 100%;
	display: block;
}
.team.fancy .item .position {
	text-align: right;
	margin: 5px 0 0 0;
	font-size: 15px;
	max-width: 161px;
	float: right;
	line-height: 20px;
}
.team.fancy .item .bio {
	width: 48%;
	padding-left: 70px;
}
.team.fancy .item .bio p {
	font-size: 16px;
	line-height: 22px;
}
.team.fancy .item:hover .default {
	opacity: 0;
}
.team.fancy .item:hover .hover {
	opacity: 1;
}
.team.fancy .item:hover .tool {
	opacity: 1;
}


/*
	***
		***
			****************************************** Team - Simple ******************************************
		***
	***
*/
.team.simple .item {
	position: relative;
	padding-top: 25px;
	padding-bottom: 25px;
	width: 28%;
}
.team.simple .item .name {
	font-weight: 500;
	margin: 0;
}
.team.simple .item .name:after {
	content: '';
	background-color: #000;
	height: 2px;
	width: 100%;
	display: block;
}
.team.simple .item .position {
	margin: 5px 0 0 0;
	font-size: 15px;
	line-height: 20px;
}
.team.simple .item .imageHolder {
	width: 85px;
	border-radius: 114px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: -16px;
	opacity: 0;
	transition: 0.5s;
	height: 130px;
	background-color: #f7e1c5;
}
.team.simple .item img {
	/*width: 90px;
	border-radius: 114px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: -16px;
	opacity: 0;
	transition: 0.5s;*/
}
.team.simple .item:hover .imageHolder {
	opacity: 1;
}


/*
	***
		***
			****************************************** Contact ******************************************
		***
	***
*/
.nf-form-cont .nf-form-fields-required {
	display: none;
}
.nf-form-cont .nf-form-content label {
	font-weight: 500;
	color: #212121;
}
.nf-form-cont .nf-form-content input:not([type="button"]) {
	background-color: #F7E1C5 !important;
	border-color: #F7E1C5;
}
.nf-form-cont .nf-form-content textarea {
	background-color: #F7E1C5 !important;
	border-color: #F7E1C5;
	height: 270px;
}


/*
	***
		***
			****************************************** Instagram Feed ******************************************
		***
	***
*/
.instagram_feed {
	padding: 107px 0;
}
.feed {
	width: 100%;
	height: 100%;
	display: block;
}
.instagram {
	color: #000 !important;
	font-weight: 500;
	text-decoration: none;
	display: flex;
	align-items: center;
	font-size: 18px;
	width: max-content;
}
.instagram .icon {
	margin-right: 35px;
}
.instagram .arrowHolder {
	width: 55px;
	overflow: hidden;
	position: relative;
	margin-left: 25px;
	transition: 0.5s;
}
.instagram .arrow {
	float: right;
	width: 61px;
	height: 25px;
}
.instagram:hover .arrowHolder {
	width: 61px;
}


/*
	***
		***
			****************************************** Footer ******************************************
		***
	***
*/
footer .brand {
	padding: 50px;
}
.say_hello {
	font-family: 'Chap';
	font-size: 50px;
	color: #000 !important;
	text-decoration: none;
	display: flex;
	align-items: center;
	position: relative;
	padding-left: 127px;
}
.say_hello .smile {
	position: absolute;
	left: -53px;
	top: -17px;
	opacity: 0;
	transition: 0.5s;
}
.say_hello span {
	margin-right: 0;
	transition: 0.5s;
}
.say_hello .arrow {
	position: absolute;
	right: 0;
	top: 21px;
	opacity: 0;
	transition: 0.5s;
}
.say_hello:hover span {
	margin-right: 79px;
}
.say_hello:hover .arrow {
	opacity: 1;
}
.say_hello:hover .smile {
	opacity: 1;
	left: 0;
}
footer .services.simple {
	background-color: transparent;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.copyright {
	padding: 20px 0;
}
.copyright p {
	margin: 0;
	font-size: 12px;
}
.copyright svg {
	position: relative;
	top: -3px;
}
.copyright svg path {
	fill: #000;
}


/*
	***
		***
			****************************************** @media MIN-WIDTH 1400px ******************************************
		***
	***
*/
@media (min-width: 1400px) {

	.container, .container-lg,
	.container-md, .container-sm,
	.container-xl, .container-xxl {
	  max-width: 1200px;
	}

}

@media (max-width: 1200px) {
	
	.services.simple .item .headingHolder .h1 {
		font-size: 18px;
		padding: 20px 15px;
	}

	.images.col2 img {
		max-width: 100%;
	}	
	
}

@media (max-width: 990px) {

	.featured .special.item1 a .title {
		top: -85px !important;
	}
	.featured .special.item1 .anim {
		opacity: 1;
		max-width: 200px;
		left: 45px !important;
	}
	.featured .special.item1 .large_image .imageHolder {
		margin-bottom: 90px;
	}
	.featured .special.item1 .small_image .imageHolder {
		max-width: 200px;
	}
	.featured .special.item2 a .title {
		right: -150px !important;
		bottom: 30px;
	}
	.featured .special.item2 .anim {
		opacity: 1;
		max-width: 110px;
		right: 196px;
		top: 0 !important;
	}
	.featured .special.item2 .small_image .imageHolder {
		max-width: 235px;
		margin-bottom: 80px;
	}
	.featured .special.item3 a .title {
		left: -179px !important;
	}
	.featured .special.item3 .anim {
		transform: none;	
	}
	

	.services.fancy .item .headingHolder {
		width: 30% !important;
	}
	.services.fancy .item .headingHolder .h1 {
		font-size: 45px;
	}
	.services.fancy .item .contentHolder {
		width: 70% !important;
		opacity: 1;
		visibility: visible;
		padding: 8px 15px 0 60px;
	}

	.module_one .row > div:last-child img {
		margin-bottom: 160px;
	}

	.pattern img {
		margin-left: 58%;
	}

	.team.fancy .item {
		padding: 35px 30px;
	}
	.team.fancy .item .tool {
		width: calc(100% + 50px);
		opacity: 1;
	}
	.team.fancy .item .bio p {
		font-size: 18px;
		line-height: 25px;
	}
	
	.team.simple .item {
		width: 32%;
	}
	.team.simple .item .imageHolder {
		opacity: 1;
		width: 67px;
		top: 0;
	}	

}


@media (max-width: 768px) {

	section > .container {
		padding-left: 30px;
		padding-right: 30px;
	}

	header {
		padding: 15px 8px 10px 18px;
	}
	header .logo img,
	header .logo svg {
		max-width: 150px;
	}

	.mobile-menu-btn {
		width: 69px;
		padding: 15px 10px;
	}

	.menuHolder .back {
		left: 30px;
		top: 30px;
	}
	.menuHolder .back img {
		width: 40px;	
	}
	ul.main-menu li {
		font-size: 40px;
		margin: 20px 20px;
	}

	.menuHolder .logo {
		right: 25px;
		bottom: 70px;
	}
	.menuHolder .logo img {
		max-width: 120px;
	}

	.hero .h1 {
		font-size: 60px;
		line-height: 69px;
	}
	.hero .h2 {
		font-size: 48px;
		line-height: 54px;
	}
	.hero p {
		font-size: 16px;
		line-height: 28px;
	}
	
	.hero_main .h1 {
		font-size: 50px;
		line-height: 70px;
	}

	.hero_about .contentHolder {
		margin: 0 auto 50px;
	}
	
	.hero.home {
		height: calc(100vh - 69px);
		margin: 0;
		min-height: 0;
	}
	#scroller_one {
		height: 35vh;
	}
	#scroller_one li .imageHolder {
	    width: 150px !important;
	}
	#scroller_one li img {
		max-width: 150px !important;
		max-height: 150px !important;
	}
	#scroller_one li {
	    width: 350px;
	}
	#scroller_two {
		height: 35vh;
	}
	#scroller_two li .imageHolder {
	    width: 150px !important;
	}
	#scroller_two li img {
		max-width: 150px !important;
		max-height: 150px !important;
	}
	#scroller_two li {
	    width: 350px;
	}
	
	
	#scroller_one li:nth-child(1) .imageHolder,
	#scroller_one li:nth-child(9) .imageHolder {
		height: 150px;
	}
	#scroller_one li:nth-child(2) .imageHolder,
	#scroller_one li:nth-child(10) .imageHolder {
		height: 150px;
	}
	#scroller_one li:nth-child(3) .imageHolder,
	#scroller_one li:nth-child(11) .imageHolder {
		height: 150px;
	}
	#scroller_one li:nth-child(4) .imageHolder,
	#scroller_one li:nth-child(12) .imageHolder {
		height: 150px;
	}
	#scroller_one li:nth-child(5) .imageHolder,
	#scroller_one li:nth-child(13) .imageHolder {
		height: 150px;
	}
	#scroller_one li:nth-child(6) .imageHolder,
	#scroller_one li:nth-child(14) .imageHolder {
		height: 150px;
	}
	#scroller_one li:nth-child(7) .imageHolder,
	#scroller_one li:nth-child(15) .imageHolder {
		height: 150px;
	}
	#scroller_one li:nth-child(8) .imageHolder,
	#scroller_one li:nth-child(16) .imageHolder {
		height: 150px;
	}

	#scroller_two li:nth-child(1) .imageHolder,
	#scroller_two li:nth-child(9) .imageHolder {
		height: 150px;
	}
	#scroller_two li:nth-child(2) .imageHolder,
	#scroller_two li:nth-child(10) .imageHolder {
		height: 150px;
	}
	#scroller_two li:nth-child(3) .imageHolder,
	#scroller_two li:nth-child(11) .imageHolder {
		height: 150px;
	}
	#scroller_two li:nth-child(4) .imageHolder,
	#scroller_two li:nth-child(12) .imageHolder {
		height: 150px;
	}
	#scroller_two li:nth-child(5) .imageHolder,
	#scroller_two li:nth-child(13) .imageHolder {
		height: 150px;
	}
	#scroller_two li:nth-child(6) .imageHolder,
	#scroller_two li:nth-child(14) .imageHolder {
		height: 150px;
	}
	#scroller_two li:nth-child(7) .imageHolder,
	#scroller_two li:nth-child(15) .imageHolder {
		height: 150px;
	}
	#scroller_two li:nth-child(8) .imageHolder,
	#scroller_two li:nth-child(16) .imageHolder {
		height: 150px;
	}

	
	.columns.huge_ideas .h2 {
		font-size: 40px;
	}
	.columns.huge_ideas p:not(.h2) {
		font-size: 20px;
		max-width: 240px;
		margin: 14px auto 60px;
	}
	.columns.huge_ideas .imageHolder {
		max-width: 100%;
	}
	.columns.team-intro {
		padding: 0 0 65px 0;
	}
	.columns.team-intro .contentHolder {
		padding: 0 12px 0 12px;
	}
	.columns.team-intro .imageHolder {
		margin: 50px 0 0;
	}
	
	section.reverse .row .col-12:first-child {
		order: 1;
	}
	section.reverse .row .col-12:last-child {
		order: 2;
	}
	
	.services.simple.home {
		margin-top: 0;
		padding: 30px 0;
	}
	.services.simple .item .headingHolder .h1 {
		padding: 20px 0;
	}

	.services.fancy {
		padding: 60px 0 40px 0;
	}
	.services.fancy .item {
		flex-direction: column;
	}
	
	.services.fancy .item .headingHolder {
		width: 100% !important;
		justify-content: start;
		padding: 0 12px;
	}
	.services.fancy .item .contentHolder {
		padding: 10px 12px;
		width: 100% !important;
		font-size: 16px;
	}
	
	.featured {
		padding: 80px 0 50px;
	}
	.featured .h2 {
		font-size: 33px;
		margin: 0 0 30px 0;
	}
	.featured .special {
		margin: 50px 0 70px;
	}
	.featured .special .anim {
		display: none;
	}
	.featured .special .small_image {
		display: none !important;
	}
	.featured .special .lined_holder {
		display: none !important;
	}
	.featured .special.item1 .large_image .imageHolder,
	.featured .special.item2 .large_image .imageHolder,
	.featured .special.item3 .large_image .imageHolder {
		margin: 0 -42px 0;
		width: calc(100% + 84px);
		height: 290px;
		padding: 0 0 46px 0;
	}
	.featured .special.item1 a .title,
	.featured .special.item2 a .title,
	.featured .special.item3 a .title {
		position: absolute;
		top: auto !important;
		left: 0 !important;
		right: auto !important;
		bottom: 0 !important;
		transform: rotate(0);
		padding: 0 0 3px 30px;
		font-size: 18px;
		font-weight: 600;
	}
	
	.headings {
		padding: 90px 0 30px 0;
	}
	.panel {
		height: auto;
	}
	.panel .h1 {
		font-size: 40px;
		max-width: 327px;
		margin: auto;
	}

	footer .brand {
		padding: 30px 10px;
		text-align: center;
	}
	.say_hello {
		font-size: 35px;
		padding-left: 0;
		width: auto;
		margin: 20px auto;
		max-width: 300px;
		display: flex;
		align-items: center;
	}
	.say_hello .smile {
		opacity: 1;
		left: 0;
		width: 41px;
		top: 0;
		position: relative;
		margin: 0 15px 0 0;
	}
	.say_hello span {
		margin-right: 0 !important;
	}
	.say_hello .arrow {
		opacity: 1;
		top: 0;
		width: 40px;
		position: relative;
		margin: 0 0 0 15px;
	}
	
	.instagram .icon {
		margin-right: 12px;
		width: 20px;
	}
	.instagram .arrowHolder {
		width: 40px !important;
		margin-left: 15px;
	}



	/* PAGE - OUR WORK */
	.dynamic_content.work {
		padding: 40px 0 0 0;
	}
	.grid {
		margin: 0 -30px;
	}
	.grid-item {
		width: 100%;
		margin: 0 0 60px 0;
	}
	.grid-item a {
		margin: 0 !important;
		height: 250px !important;
		padding-bottom: 45px;
		width: 100%;
		max-width: 100% !important;
	}
	.grid-item .overlay {
		display: none !important;
	}
	.grid-item .imageHolder {
		border-radius: 0 !important;
	}
	.grid-item .lined_holder {
		bottom: auto !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		width: 100%;
		position: relative !important;
		margin: 20px 0 0 0;
	}
	.grid-item .lined_holder .lined,
	.grid-item:nth-child(3n+3) .lined_holder .lined {
		padding: 0 0 5px 30px !important;
		margin: 8px 0 0 0;
		text-align: right;
	}
	.grid-item:nth-child(3n+1) a {
		margin-left: 0;
	}
	.grid-item:nth-child(3n+3) a {
		margin-right: 0;
	}
	
	.stats {
		margin-bottom: 45px;
	}
	.single-project .intro p {
		font-size: 20px;
	}
	.module_one {
		padding-top: 20px;
		margin-top: 0;
	}
	.module_one .row > div:last-child img {
		margin-bottom: 60px;
	}
	.pattern {
		margin: 0;
	}
	.pattern img {
		max-width: 300px;
	}
	.module_two {
		padding: 20px 0 40px 0;
	}
	.our_work .holder {
		display: none;
	}
	.our_work a:hover .lined {
		padding-right: 40px !important;
	}
	.next_project .holder {
		display: none;
	}
	.next_project a:hover .lined {
		padding-right: 40px !important;
	}
	.post_nav ul {
		justify-content: space-between;
	}
	.post_nav ul li {
		margin: 0;
		width: auto;
	}
	.post_nav ul li .lined {
		font-size: 14px;
	}
	
	.content {
		padding: 30px 0;
	}
	.content p {
		font-size: 16px;
	}
	.content.about.intro {
		padding: 40px 0;
	}
	.content.intro .contentHolder p {
		font-size: 14px;
	}
	.content.about.special {
		padding: 20px 0;
	}

	.content.special .contentHolder p {
		font-size: 25px;
		line-height: 39px;
		max-width: 330px;
	}
	.content.special .dreaming:after {
		width: 30px;
		height: 20px;
	}
	.content.special .designing::after {
		width: 45px;
		height: 32px;
		bottom: -15px;
		left: -10px;
	}
	.content.special .directing::after {
		width: 12px;
		height: 30px;
	}	
	.content.special .beautiful::after {
		width: 14px;
		height: 17px;
		top: 5px;
	}
	.content.special .playful::after {
		width: 9px;
		height: 15px;
	}
	.content.special .lighting::after {
		width: 18px;
		height: 20px;
		right: -7px;
		top: -5px;
	}
	.content.special .fun::after {
		width: 37px;
		height: 21px;
		left: 1px;
		bottom: -6px;
	}
	
	.images.about {
		padding: 40px 0;
	}
	.images.col2 .col-12:last-child {
		padding-right: 12px;
	}
	.images.medium img {
		max-width: 100%;
	}
	
	.team.fancy .item {
		padding: 20px 20px;
	}
	.team.fancy .item .tool {
		left: 40%;
		width: 100%;
		bottom: auto;
		top: 40%;
		padding-left: 20px;
		max-width: 165px;
	}
	.team.fancy .item .tool p {
		font-size: 11px;
	}
	.team.fancy .item .image {
		width: 100%;
	}
	.team.fancy .item .imageHolder {
		max-width: 40%;
		margin: 0 0 15px 0;
		height: auto;
	}
	.team.fancy .item .details {
		width: 100%;
		margin: 30px 0 0 0;
	}
	.team.fancy .item .name {
		text-align: left;
	}
	.team.fancy .item .position {
		text-align: left;
		max-width: 100%;
		float: left;
	}
	.team.fancy .item .bio {
		width: 100%;
		padding: 20px 12px 0;
	}
	.team.fancy .item .bio p {
		font-size: 16px;
	}
	
	.team.simple .item {
		width: 100%;
		padding: 30px 12px;
	}
	.team.simple .item .imageHolder {
		top: 4px;
		right: 12px;
		height: 100px;
	}	

}