a {
	color: rgb(255, 82, 66);
}
a:hover {
	color: rgb(0, 0, 0);
}
a.load-more {
	background: rgb(51, 51, 51); border-radius: 70px; border: 1px solid rgb(204, 204, 204); transition:0.2s cubic-bezier(0.645, 0.045, 0.355, 1); border-image: none; left: 50%; width: 140px; height: 140px; text-align: center; color: rgb(255, 255, 255); line-height: 140px; display: block; position: relative; transform: translateX(-50%) scale(0.9); -moz-border-radius: 70px; -webkit-border-radius: 70px;
}
a.load-more:hover {
	transform: translateX(-50%) scale(1);
}
.spacing {
	height: 20px; clear: both;
}
.two.spacing {
	height: 40px; clear: both;
}
.three.spacing {
	height: 60px; clear: both;
}
.four.spacing {
	height: 80px; clear: both;
}
h1 {
	text-transform: uppercase; line-height: 1.2em; letter-spacing: 0px; font-family: montserrat; font-weight: bold; margin-bottom: 40px;
}
h2 {
	text-transform: uppercase; line-height: 1.2em; letter-spacing: 0px; font-family: montserrat; font-weight: bold; margin-bottom: 40px;
}
h3 {
	text-transform: uppercase; line-height: 1.2em; letter-spacing: 0px; font-family: montserrat; font-weight: bold; margin-bottom: 40px;
}
h4 {
	text-transform: uppercase; line-height: 1.2em; letter-spacing: 0px; font-family: montserrat; font-weight: bold; margin-bottom: 40px;
}
h5 {
	text-transform: uppercase; line-height: 1.2em; letter-spacing: 0px; font-family: montserrat; font-weight: bold; margin-bottom: 40px;
}
h6 {
	text-transform: uppercase; line-height: 1.2em; letter-spacing: 0px; font-family: montserrat; font-weight: bold; margin-bottom: 40px;
}
h2 {
	font-size: 36px;
}
h3 {
	font-size: 24px;
}
h2.white {
	color: rgb(255, 255, 255);
}
.appraiser {
	font-family: montserrat; font-size: 13px; font-weight: bold; margin-bottom: 20px;
}
hr {
	border-bottom-color: rgb(0, 225, 182); border-bottom-width: 1px; border-bottom-style: solid; max-width: 100%;
}
.button {
	padding: 10px 30px; text-transform: uppercase; line-height: 1.4rem; letter-spacing: 1px; font-family: montserrat, sans-serif; position: relative; z-index: 1;
}
.button.boxed.white {
	background: none; border: 1px solid rgb(255, 255, 255); border-image: none; color: rgb(255, 255, 255);
}
.button.boxed.white:hover {
	color: rgb(51, 51, 51);
}
.button.boxed.black {
	background: none; border: 1px solid rgb(51, 51, 51); border-image: none; color: rgb(51, 51, 51);
}
.button.boxed.black:hover {
	background: rgb(51, 51, 51); color: rgb(255, 255, 255);
}
.full {
	background-position: 50% 50%; padding: 160px 10%; overflow: auto; clear: both; position: relative; background-size: cover;
}
.full-screen {
	height: 100%;
}
.full.black {
	background: rgb(0, 0, 0);
}
.full.no-bottom {
	padding-bottom: 0px;
}
.full.grey {
	background: rgb(238, 238, 238);
}
.full.light-grey {
	background: rgb(245, 245, 245);
}
.full.colored-bg {
	background: rgb(238, 238, 238); transition:background 0.2s ease-in;
}
.full.colored-bg.red.appear {
	background: rgb(252, 132, 121);
}
.full.colored-bg.purple.appear {
	background: rgb(110, 119, 198);
}
.full.colored-bg.orange.appear {
	background: rgb(242, 190, 140);
}
.full.footer-bg {
	background-position: center; background-image: url("../img/test/about-footer.png"); background-repeat: no-repeat; background-color: rgb(255, 255, 255);
}
.full.full-height {
	height: 100vh;
}
.centered-text {
	text-align: center;
}
.logo {
	left: 35px; top: 30px; position: absolute; z-index: 500;
}
.logo a {
	color: rgb(0, 0, 0); font-family: montserrat; font-size: 24px; font-weight: bold;
}
.box {
	width: 50%; height: 50%; overflow: hidden; display: block; position: absolute;
}
#about {
	right: 0px; top: 0px;
}
#about .header {
	background: rgb(255, 255, 255);
}
#works {
	top: 0px; left: 0px;
}
#works .header {
	background: rgb(245, 245, 245);
}
#milestones {
	left: 0px; bottom: 0px;
}
#milestones .header {
	background: rgb(245, 245, 245);
}
#contact {
	right: 0px; bottom: 0px;
}
#contact .header {
	background: rgb(233, 233, 233);
}
.header {
	width: 100%; height: 100%; overflow: hidden;
}
.header nav {
	width: 100%; height: 100%;
}
.header nav h2 {
	margin: 0px; width: 100%; height: 100%;
}
.header a {
	padding: 20px; width: 100%; height: 100%; display: block; position: relative;
}
.header span {
	bottom: 30%; color: rgb(0, 0, 0); text-transform: uppercase; line-height: 1em; font-family: montserrat; font-size: 20px; font-weight: 700; display: inline-block; position: absolute; z-index: 400; transition-property: left; transition-duration: 0.3s;
}
#about .header span {
	left: 60%;
}
#works .header span {
	left: 58%;
}
#milestones .header span {
	left: 57%;
}
#contact .header span {
	left: 56%;
}
.header .title span.c {
	letter-spacing: -30px;
}
.header .title span.w {
	letter-spacing: -140px;
}
.header .title span.b {
	letter-spacing: -45px;
}
.color-overlay {
	left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute; z-index: 200; opacity: 1; transition-property: opacity; transition-duration: 0.1s;
}
.color-overlay.orange {
	background-color: rgba(245, 104, 35, 0.9);
}
.color-overlay.green {
	background-color: rgba(38, 165, 86, 0.9);
}
.dark-overlay {
	left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute; z-index: 200; opacity: 1; transition-property: opacity; transition-duration: 0.1s; background-color: rgba(0, 0, 0, 0.85);
}
.header:hover .title {
	left: -20%; opacity: 0.2; transition-property: all; transition-duration: 0.3s; transition-timing-function: ease-in;
}
.header:hover .dark-overlay {
	opacity: 0; transition-property: opacity; transition-duration: 0.2s;
}
.header:hover .color-overlay {
	opacity: 0; transition-property: opacity; transition-duration: 0.2s;
}
#back {
	padding: 20px; top: 10px; right: 25px; color: rgb(0, 0, 0); line-height: 36px; font-size: 36px; position: fixed; z-index: 999; -webkit-tap-highlight-color: transparent;
}
#back:hover {
	transform: rotate(360deg); transition-property: transform; transition-duration: 0.6s; transition-timing-function: ease;
}
svg path {
	transform-origin: center 50%; transform: scale(0.9); transition-property: transform; transition-duration: 0.3s;
}
svg polygon {
	transform-origin: center 50%; transform: scale(0.9); transition-property: transform; transition-duration: 0.3s;
}
body.hover-about svg #svg-about path {
	transform-origin: center 50%; transform: scale(1.2); transition-property: transform; transition-duration: 0.3s;
}
body.hover-about svg #svg-about polygon {
	transform-origin: center 50%; transform: scale(1.2); transition-property: transform; transition-duration: 0.3s;
}
body.hover-works svg #svg-works path {
	transform-origin: center 50%; transform: scale(1.2); transition-property: transform; transition-duration: 0.3s;
}
body.hover-works svg #svg-works polygon {
	transform-origin: center 50%; transform: scale(1.2); transition-property: transform; transition-duration: 0.3s;
}
body.hover-milestones svg #svg-milestones path {
	transform-origin: center 50%; transform: scale(1.2); transition-property: transform; transition-duration: 0.3s;
}
body.hover-milestones svg #svg-blmilestonesog polygon {
	transform-origin: center 50%; transform: scale(1.2); transition-property: transform; transition-duration: 0.3s;
}
body.hover-contact svg #svg-contact path {
	transform-origin: center 50%; transform: scale(1.2); transition-property: transform; transition-duration: 0.3s;
}
body.hover-contact svg #svg-contact polygon {
	transform-origin: center 50%; transform: scale(1.2); transition-property: transform; transition-duration: 0.3s;
}
.box:hover .header span {
	bottom: 30%; transition-property: left; transition-duration: 0.3s;
}
#about:hover .header span {
	left: 70%;
}
#works:hover .header span {
	left: 68%;
}
#milestones:hover .header span {
	left: 67%;
}
#contact:hover .header span {
	left: 67%;
}
.header:hover .nav-video {
	filter: none;
}
svg #svg-about .path {
	transform-origin: center 50%; transition-property: transform; transition-duration: 0.3s;
}
.header svg {
	margin: 0px; transform-origin: center 50%; transition:none; left: 50%; top: 50%; display: block; position: absolute; z-index: 2; opacity: 1; transform: translate3d(-50%, -50%, 0px) scale(1.01);
}
svg#svg-graphic-about > rect {
	fill: #fff; mask: url("#about-mask"); -webkit-mask: url(#about-mask);
}
svg#svg-graphic-about .path {
	transform-origin: center 50%; fill: #000; transform: scale(1);
}
svg#svg-graphic-works > rect {
	fill: #f5f5f5; mask: url("#works-mask"); -webkit-mask: url(#works-mask);
}
svg#svg-graphic-works .path {
	transform-origin: center 50%; fill: #000; transform: scale(1);
}
svg#svg-graphic-milestones > rect {
	fill: #f5f5f5; mask: url("#milestones-mask"); -webkit-mask: url(#milestones-mask);
}
svg#svg-graphic-milestones .path {
	transform-origin: center 50%; fill: #000; transform: scale(1);
}
svg#svg-graphic-contact > rect {
	fill: #e9e9e9; mask: url("#contact-mask"); -webkit-mask: url(#contact-mask);
}
svg#svg-graphic-contact .path {
	transform-origin: center 50%; fill: #000; transform: scale(1);
}
body > svg {
	display: none;
}
.invisible {
	visibility: hidden;
}
.box {
	transition-duration: 0.3s; transition-timing-function: ease-out; -webkit-tap-highlight-color: transparent;
}
.box.inactive-w-0 {
	width: 0px;
}
.box.inactive-h-0 {
	height: 0px;
}
.box.inactive-h-w-0 {
	width: 0px; height: 0px;
}
.nav-video {
	margin: 0px; left: 50%; top: 50%; width: 600px; height: auto; display: block; position: absolute; transform: translate3d(-50%, -50%, 0px); object-fit: cover;
}
html.no-touchevents .nav-video {
	
}
.box.active {
	padding: 80px 20px 20px; width: 100%; height: 100%; -ms-overflow-y: hidden; transition-timing-function: ease-in; -webkit-overflow-scrolling: touch;
}
.box.active .header-title {
	left: 10%; top: 40%; color: rgb(255, 255, 255); padding-right: 10%; visibility: visible; position: absolute; z-index: 2;
}
.box.active .header-title h2 {
	font-family: montserrat; font-size: 60px; margin-bottom: 40px;
}
.box.active .header-title p {
	line-height: 1.3em; font-size: 24px; margin-bottom: 40px;
}
.box.active .content {
	visibility: visible;
}
.box.active .dark-overlay {
	display: none;
}
.box.active .header a {
	overflow: hidden; cursor: default;
}
.box.active .header h2 {
	overflow: hidden;
}
.box.active .header {
	width: 100%; overflow: visible; position: relative;
}
.box.active .header span {
	display: none;
}
.box.active .nav-video {
	transition:none;
}
.box.active#about svg {
	display: none;
}
.box.active#works svg {
	display: none;
}
.box.active#milestones svg {
	display: none;
}
.box.active#contact svg {
	display: none;
}
.box.active#about .nav-video {
	margin: 0px; left: 50%; top: 50%; width: 100%; height: 100%; display: block; filter: none; position: absolute; transform: translate3d(-50%, -50%, 0px); object-fit: cover;
}
.box.active#works .nav-video {
	margin: 0px; left: 50%; top: 50%; width: 100%; height: 100%; display: block; filter: none; position: absolute; transform: translate3d(-50%, -50%, 0px); object-fit: cover;
}
.box.active#milestones .nav-video {
	margin: 0px; left: 50%; top: 50%; width: 100%; height: 100%; display: block; filter: none; position: absolute; transform: translate3d(-50%, -50%, 0px); object-fit: cover;
}
.box.active#contact .nav-video {
	margin: 0px; left: 50%; top: 50%; width: 100%; height: 100%; display: block; filter: none; position: absolute; transform: translate3d(-50%, -50%, 0px); object-fit: cover;
}
.colored-title {
	color: rgb(255, 82, 66);
}
.big-text {
	line-height: 1.9em; font-size: 24px;
}
.action-hint {
	letter-spacing: 0px; font-family: montserrat; font-size: 13px;
}
.scroll-down i {
	color: rgb(0, 0, 0); line-height: 10px; font-size: 16px; display: inline-block; animation-name: scrolldown; animation-duration: 1s; animation-iteration-count: infinite; animation-fill-mode: both; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both; -webkit-animation-iteration-count: infinite; -webkit-animation-name: scrolldown;
}
.client {
	padding: 30px 0px; border: 1px solid rgb(255, 255, 255); border-image: none; width: auto; height: auto; text-align: center; overflow: hidden; position: relative;
}
.clients .columns {
	padding: 0px;
}
.clients-with-bg img {
	background: rgb(204, 204, 204); padding: 10px 0px; transition:all, 0.3s, ease-in-out; -webkit-transition: all, 0.3s, ease-in-out; -moz-transition: all, 0.3s, ease-in-out;
}
.clients-with-bg img:hover {
	background: rgb(51, 51, 51);
}
.client img {
	transition:transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); position: relative; transform: scale(1);
}
.client:hover img {
	transform: scale(0.95);
}
.client:hover::before {
	transform: scale(1.5);
}
.client::before {
	background: rgb(255, 82, 66); border-radius: 50%; transition:transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute; content: ""; transform: scale(0);
}
.client {
	background-position: left top; background-image: url("../img/test/client-bg.jpg"); background-repeat: no-repeat; background-color: rgb(0, 0, 0);
}
.circle-1 {
	background-position: center; border-radius: 50px; transition:0.4s cubic-bezier(0.645, 0.045, 0.355, 1); top: 400px; width: 100px; height: 100px; right: 15%; position: absolute; opacity: 0; transform: translateY(0px); background-image: url("../img/test/circle-1.png"); background-repeat: no-repeat; background-color: rgb(255, 255, 255); -moz-border-radius: 50px; -webkit-border-radius: 50px;
}
.circle-2 {
	border-radius: 20px; transition:0.4s cubic-bezier(0.645, 0.045, 0.355, 1); top: 100px; width: 40px; height: 40px; right: 30%; position: absolute; opacity: 0; transform: translateY(0px); background-color: rgb(255, 82, 66); -moz-border-radius: 20px; -webkit-border-radius: 20px;
}
.circle-3 {
	background-position: center; border-radius: 20px; transition:0.4s cubic-bezier(0.645, 0.045, 0.355, 1); left: 5%; width: 40px; height: 40px; bottom: 60px; position: absolute; opacity: 0; transform: translateY(0px); background-image: url("../img/test/circle-3.png"); background-repeat: no-repeat; background-color: rgb(255, 255, 255); -moz-border-radius: 20px; -webkit-border-radius: 20px;
}
.circle-4 {
	background-position: center; border-radius: 50px; transition:0.4s cubic-bezier(0.645, 0.045, 0.355, 1); left: 5%; top: 150px; width: 40px; height: 40px; position: absolute; opacity: 0; transform: translateY(0px); background-image: url("../img/test/circle-3.png"); background-repeat: no-repeat; background-color: rgb(255, 255, 255); -moz-border-radius: 50px; -webkit-border-radius: 50px;
}
.triangle-1 {
	transition:0.4s cubic-bezier(0.645, 0.045, 0.355, 1); width: 0px; height: 0px; right: 25%; bottom: 200px; border-right-color: transparent; border-bottom-color: red; border-left-color: transparent; border-right-width: 20px; border-bottom-width: 40px; border-left-width: 20px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; position: absolute; opacity: 0; transform: translateY(0px);
}
.triangle-2 {
	transition:0.4s cubic-bezier(0.645, 0.045, 0.355, 1); width: 0px; height: 0px; right: 25%; bottom: 50px; border-top-color: red; border-right-color: transparent; border-left-color: transparent; border-top-width: 40px; border-right-width: 20px; border-left-width: 20px; border-top-style: solid; border-right-style: solid; border-left-style: solid; position: absolute; opacity: 0; transform: translateY(0px) rotate(-90deg);
}
.circle-1.appear {
	opacity: 1; transform: translateY(-50px);
}
.circle-2.appear {
	opacity: 1; transform: translateY(-50px);
}
.circle-3.appear {
	opacity: 1; transform: translateY(-50px);
}
.circle-4.appear {
	opacity: 1; transform: translateY(-50px);
}
.triangle-1.appear {
	opacity: 1; transform: translateY(-50px);
}
.triangle-2.appear {
	opacity: 1; transform: translateY(-50px);
}
.icon-1 {
	width: 100px; height: 100px; background-image: url("../img/test/service-1.png"); background-color: rgb(255, 255, 255);
}
.icon-2 {
	width: 100px; height: 100px; background-image: url("../img/test/service-2.png"); background-repeat: repeat; background-color: rgb(255, 255, 255);
}
.icon-3 {
	width: 100px; height: 100px; background-image: url("../img/test/service-3.png"); background-repeat: repeat; background-color: rgb(255, 255, 255);
}
.icon-text h3 {
	margin-top: -50px; margin-left: 80px;
}
.icon-text ul {
	list-style: none; line-height: 1.9em; font-size: 18px; margin-top: 50px; margin-left: 60px;
}
.icon-text ul li::before {
	background: rgb(255, 82, 66); width: 10px; height: 1px; margin-right: 10px; display: inline-block; content: "";
}
.icon-text:hover .icon-2 {
	animation:BackgroundAnimated-l-r 2s linear infinite; -webkit-animation: BackgroundAnimated-l-r 2s linear infinite; -moz-animation: BackgroundAnimated-l-r 2s linear infinite; -o-animation: BackgroundAnimated-l-r 2s linear infinite;
}
.icon-text:hover .icon-1 {
	animation:BackgroundAnimated-t-b 2s linear infinite; -webkit-animation: BackgroundAnimated-t-b 2s linear infinite; -moz-animation: BackgroundAnimated-t-b 2s linear infinite; -o-animation: BackgroundAnimated-t-b 2s linear infinite;
}
.icon-text:hover .icon-3 {
	animation:BackgroundAnimated-r-l 2s linear infinite; -webkit-animation: BackgroundAnimated-r-l 2s linear infinite; -moz-animation: BackgroundAnimated-r-l 2s linear infinite; -o-animation: BackgroundAnimated-r-l 2s linear infinite;
}
.members .columns {
	padding: 0px;
}
.modBoxedTextSlider {
	background: rgb(0, 0, 0); width: 100%;
}
.modBoxedTextSlider .slidebox {
	background: rgb(233, 233, 233); color: rgb(255, 255, 255); position: relative; ransition: background 0.1s ease-in;
}
.big-letter {
	transition:opacity 0.2s ease-in; top: 0px; width: 100%; text-align: center; color: rgb(255, 82, 66); font-family: montserrat; font-size: 280px; font-weight: 700; position: absolute; opacity: 1;
}
.member-dec {
	background: rgb(0, 0, 0); padding: 60px 0px 60px 80px; transition:background 0.1s ease-in;
}
.member-dec h3 {
	text-transform: none; margin-bottom: 10px;
}
.member-dec p {
	color: rgb(204, 204, 204); letter-spacing: 1px;
}
.members .slidebox:hover .big-letter {
	opacity: 0;
}
ul.socials {
	list-style: none; margin: 30px 0px 0px;
}
ul.socials li {
	display: inline-block;
}
ul.socials li a {
	padding: 5px; color: rgb(255, 82, 66); display: inline-block;
}
ul.socials li a:hover {
	color: rgb(255, 255, 255);
}
.contact-email em {
	color: rgb(102, 102, 102); font-size: 18px; display: block;
}
.contact-email a {
	padding: 5px 0px; color: rgb(0, 0, 0); font-family: montserrat; font-size: 18px; font-weight: bold; display: block;
}
.contact-email a:hover {
	color: rgb(255, 82, 66);
}
.contact-details i {
	color: rgb(255, 82, 66); font-size: 36px;
}
.contact-details ul.socials {
	margin: 0px;
}
.contact-details ul.socials i {
	font-size: 22px;
}
.contact-details ul.socials a {
	padding: 8px 6px; display: inline-block;
}
.contact-details ul.socials a i {
	color: rgb(0, 0, 0);
}
.contact-details ul.socials a:hover i {
	color: rgb(255, 82, 66);
}
.contact-details p {
	margin-bottom: 5px;
}
.contact-details p a {
	color: rgb(0, 0, 0);
}
.contact-details p a:hover {
	color: rgb(255, 82, 66);
}
.contact-details a.google-map-button {
	padding: 5px 10px 9px 5px; color: rgb(0, 0, 0); font-family: montserrat, sans-serif; font-size: 11px;
}
.contact-details a.google-map-button i {
	top: 5px; color: rgb(0, 0, 0); font-size: 20px; font-weight: bold; position: relative;
}
.contact-details a.google-map-button:hover i {
	color: rgb(255, 255, 255);
}
.contact-details {
	min-height: 300px;
}
.contact-button {
	padding: 10px 80px; color: rgb(255, 255, 255) !important;
}
.contact-button:hover {
	color: rgb(204, 204, 204) !important;
}
.works {
	overflow: hidden; border-right-color: rgb(224, 224, 224); border-bottom-color: rgb(224, 224, 224); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid;
}
.works .columns {
	padding: 0px;
}
.item .details h2 {
	color: rgb(0, 0, 0); letter-spacing: 1px; font-family: lora; font-size: 18px; margin-bottom: 10px;
}
.item .details h3 {
	color: rgb(0, 0, 0); margin-bottom: 10px;
}
.item {
	transition:0.2s; width: 100%; height: 35vw; border-bottom-color: rgb(224, 224, 224); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
.item::before {
	background: rgb(224, 224, 224); width: 1px; height: 100%; display: block; position: absolute; content: "";
}
.item a {
	width: 100%; height: 100%; padding-top: 40px; display: block;
}
.circle-wrap {
	border-radius: 0px; transition:0.2s; width: 100%; height: 24.3vw; overflow: hidden; -webkit-mask-image: url(../img/test/circle.svg); -webkit-mask-position: center center; -webkit-mask-size: 70% 70%; -webkit-mask-repeat: no-repeat;
}
.circle-wrap .media {
	background-position: center; width: 100%; height: 100%; background-size: cover;
}
.circle-wrap .work-1 {
	background-image: url("../img/test/work-1.gif");
}
.circle-wrap .work-2 {
	background-image: url("../img/test/work-2.jpg");
}
.circle-wrap .work-3 {
	background-image: url("../img/test/work-3.jpg");
}
.circle-wrap .work-4 {
	background-image: url("../img/test/work-4.jpg");
}
.circle-wrap .work-5 {
	background-image: url("../img/test/work-5.jpg");
}
.circle-wrap .work-6 {
	background-image: url("../img/test/work-7.jpg");
}
.circle-wrap .work-7 {
	background-image: url("../img/test/work-11.gif");
}
.circle-wrap .work-8 {
	background-image: url("../img/test/work-8.jpg");
}
.circle-wrap .work-8 {
	background-image: url("../img/test/work-8.gif");
}
.circle-wrap .work-9 {
	background-image: url("../img/test/work-9.jpg");
}
.circle-wrap .work-10 {
	background-image: url("../img/test/work-10.jpg");
}
.circle-wrap .work-11 {
	background-image: url("../img/test/work-11.jpg");
}
.circle-wrap .work-12 {
	background-image: url("../img/test/work-12.jpg");
}
.circle-wrap .work-13 {
	background-image: url("../img/test/work-13.jpg");
}
.circle-wrap .work-14 {
	background-image: url("../img/test/work-12.gif");
}
.circle-wrap .work-15 {
	background-image: url("../img/test/work-15.gif");
}
.circle-wrap img {
	left: 0px; top: 40px; position: absolute;
}
.item .client-name {
	left: 50px; top: 82%; width: 30%; position: absolute;
}
.item .project {
	top: 82%; width: 30%; right: 20px; position: absolute;
}
.item a h2 {
	color: rgb(0, 0, 0); text-transform: uppercase; letter-spacing: 1px; font-size: 9px; margin-bottom: 10px;
}
.item a h2::before {
	background: rgb(0, 0, 0); left: -15px; top: 5px; width: 10px; height: 1px; display: block; position: absolute; content: "";
}
.item a h3 {
	color: rgb(0, 0, 0); text-transform: capitalize; letter-spacing: 1px; font-family: lora; font-size: 14px; font-weight: normal; margin-bottom: 30px;
}
.circle-wrap .details {
	transition:opacity 0.1s; top: 50%; width: 100%; text-align: center; position: absolute; z-index: 10; opacity: 0; transform: translateY(-50%);
}
.circle-wrap::after {
	left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute; content: ""; opacity: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='105' viewBox='0 0 80 105'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='death-star' fill='%23a8a963' fill-opacity='0.49'%3E%3Cpath d='M20 10a5 5 0 0 1 10 0v50a5 5 0 0 1-10 0V10zm15 35a5 5 0 0 1 10 0v50a5 5 0 0 1-10 0V45zM20 75a5 5 0 0 1 10 0v20a5 5 0 0 1-10 0V75zm30-65a5 5 0 0 1 10 0v50a5 5 0 0 1-10 0V10zm0 65a5 5 0 0 1 10 0v20a5 5 0 0 1-10 0V75zM35 10a5 5 0 0 1 10 0v20a5 5 0 0 1-10 0V10zM5 45a5 5 0 0 1 10 0v50a5 5 0 0 1-10 0V45zm0-35a5 5 0 0 1 10 0v20a5 5 0 0 1-10 0V10zm60 35a5 5 0 0 1 10 0v50a5 5 0 0 1-10 0V45zm0-35a5 5 0 0 1 10 0v20a5 5 0 0 1-10 0V10z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-color: rgb(249, 221, 167);
}
.item:hover .circle-wrap {
	-webkit-mask-size: 75% 75%;
}
.item:hover {
	background: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ff5242' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E") rgb(255, 255, 255);
}
.item:hover .circle-wrap .details {
	opacity: 1;
}
.posts {
	overflow: auto; border-top-color: rgb(224, 224, 224); border-left-color: rgb(224, 224, 224); border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid;
}
.posts .columns {
	padding: 0px;
}
.post {
	background: rgb(255, 255, 255); border-width: medium 1px 1px medium; border-style: none solid solid none; border-color: currentColor rgb(224, 224, 224) rgb(224, 224, 224) currentColor; padding: 80px 60px; border-image: none; height: 350px; position: relative;
}
.posts-right .post {
	border-left-color: currentColor; border-left-width: medium; border-left-style: none;
}
.posts-right :last-child.post {
	border-left-color: rgb(224, 224, 224); border-left-width: 1px; border-left-style: solid;
}
.post h2 {
	font-size: 28px; margin-bottom: 5px;
}
.post .info-author {
	color: rgb(102, 102, 102); font-size: 14px; font-style: italic; margin-bottom: 10px;
}
.post .info-others span {
	font-family: montserrat; font-size: 13px; margin-right: 20px;
}
.post .info-author a {
	color: rgb(102, 102, 102);
}
.post .info-others a {
	color: rgb(51, 51, 51);
}
.post-desc {
	position: relative; z-index: 10;
}
.post-image-wrap {
	left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: absolute;
}
.post-image {
	transition:0.5s; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; opacity: 0; transform: scale(1.1);
}
.post-image-1 {
	background: url("../img/test/work-9.jpg") no-repeat center / cover;
}
.post-image-2 {
	background: url("../img/test/work-10.jpg") no-repeat center / cover;
}
.post-image-3 {
	background: url("../img/test/work-1.gif") no-repeat center / cover;
}
.post-image-4 {
	background: url("../img/test/work-4.jpg") no-repeat center / cover;
}
.post-image-5 {
	background: url("../img/test/work-1.jpg") no-repeat center / cover;
}
.post-image-6 {
	background: url("../img/test/work-6.jpg") no-repeat center / cover;
}
.post-image-7 {
	background: url("../img/test/work-14.gif") no-repeat center / cover;
}
.post-image-8 {
	background: url("../img/test/work-3.jpg") no-repeat center / cover;
}
.post:hover {
	background: rgb(255, 82, 66); color: rgb(255, 255, 255);
}
.post.featured {
	background: rgb(255, 82, 66); color: rgb(255, 255, 255);
}
.post:hover .info-author {
	color: rgb(255, 255, 255);
}
.post.featured .info-author {
	color: rgb(255, 255, 255);
}
.post:hover a {
	color: rgb(255, 255, 255);
}
.post.featured a {
	color: rgb(255, 255, 255);
}
.post:hover a.button {
	border: 1px solid rgb(255, 255, 255); border-image: none; color: rgb(255, 255, 255);
}
.post.featured a.button {
	border: 1px solid rgb(255, 255, 255); border-image: none; color: rgb(255, 255, 255);
}
.post:hover a.button:hover {
	background: rgb(255, 255, 255); color: rgb(0, 0, 0);
}
.post.featured a.button:hover {
	background: rgb(255, 255, 255); color: rgb(0, 0, 0);
}
.post:hover .post-image {
	opacity: 0.9; transform: scale(1); mix-blend-mode: multiply;
}
.post.featured .post-image {
	opacity: 0.9; transform: scale(1); mix-blend-mode: multiply;
}
body.single .post {
	background: rgb(255, 82, 66); color: rgb(255, 255, 255); padding-top: 150px; min-height: 500px;
}
body.single .post .post-image {
	opacity: 0.9; transform: scale(1); mix-blend-mode: multiply;
}
body.single .post a {
	color: rgb(255, 255, 255);
}
body.single .post .info-author {
	color: rgb(255, 255, 255);
}
body.single .post h2 {
	font-size: 36px;
}
.post-content p:first-of-type {
	font-size: 24px;
}
body.single .post-content p {
	margin-bottom: 36px;
}
body.single .post-content blockquote {
	margin-bottom: 36px;
}
body.single .post-content h2 {
	margin-bottom: 36px;
}
body.single .post-content h3 {
	margin-bottom: 36px;
}
body.single .post-content h4 {
	margin-bottom: 36px;
}
body.single .post-content h5 {
	margin-bottom: 36px;
}
body.single .post-content ul {
	margin-bottom: 36px;
}
body.single .post-content ol {
	margin-bottom: 36px;
}
.tags a {
	padding-right: 3px;
}
.comments-wrapper ul.comments {
	margin-left: 0px;
}
.comments-wrapper ul.comments li {
	list-style: none; padding: 20px 0px 0px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.comments-wrapper ul.comments .meta .avatar {
	padding: 5px 10px 0px 0px; float: left;
}
.comments-wrapper ul.comments .meta .name {
	display: block;
}
.comments-wrapper ul.comments .meta .datetime {
	color: rgb(153, 153, 153); font-size: 0.87rem;
}
.comments-wrapper ul.comments ul.children li {
	border-top-color: rgb(238, 238, 238); border-bottom-color: currentColor; border-top-width: 1px; border-bottom-width: medium; border-top-style: solid; border-bottom-style: none;
}
nav.wrapper {
	background: rgb(245, 245, 245); padding: 100px 10%; overflow: hidden;
}
nav.wrapper a span.sub-title {
	color: rgb(0, 0, 0); display: block;
}
nav.wrapper a {
	white-space: nowrap;
}
nav.wrapper a span.title {
	color: rgb(0, 0, 0); text-transform: uppercase; overflow: hidden; font-family: montserrat; font-size: 24px; font-weight: bold; display: block; -ms-text-overflow: ellipsis;
}
nav.wrapper a.previous {
	width: 100%; float: left; display: block;
}
nav.wrapper a.next {
	width: 100%; text-align: right; float: right; display: block;
}
nav.wrapper a.previous i {
	left: -20px; top: 10px; color: rgb(0, 0, 0); line-height: 36px; font-size: 36px; float: left; display: block; position: relative;
}
nav.wrapper a.next i {
	top: 10px; right: -20px; color: rgb(0, 0, 0); line-height: 36px; font-size: 36px; float: right; display: block; position: relative;
}
nav.wrapper a:hover i {
	color: rgb(255, 82, 66);
}
nav.wrapper a:hover span {
	color: rgb(255, 82, 66);
}
.posts.archive .post {
	padding: 40px 40px 20px;
}
.posts.archive .post-image {
	display: none;
}
.posts.archive .post:hover {
	background: none;
}
.posts.archive .post:hover {
	background: none; color: rgb(255, 82, 66);
}
.posts.archive .post:hover .info-author {
	color: rgb(255, 82, 66);
}
.posts.archive .post:hover a {
	color: rgb(255, 82, 66);
}
.posts.tag-archive .post {
	padding: 40px 40px 20px;
}
.posts.tag-archive .post-image {
	display: none;
}
.posts.tag-archive .post:hover {
	background: none;
}
.posts.tag-archive .post:hover {
	background: none; color: rgb(255, 82, 66);
}
.posts.tag-archive .post:hover .info-author {
	color: rgb(255, 82, 66);
}
.posts.tag-archive .post:hover a {
	color: rgb(255, 82, 66);
}
.posts.category-archive .post {
	padding: 40px 40px 20px;
}
.posts.category-archive .post-image {
	display: none;
}
.posts.category-archive .post:hover {
	background: none;
}
.posts.category-archive .post:hover {
	background: none; color: rgb(255, 82, 66);
}
.posts.category-archive .post:hover .info-author {
	color: rgb(255, 82, 66);
}
.posts.category-archive .post:hover a {
	color: rgb(255, 82, 66);
}
input[type='text'] {
	padding: 15px; height: 3rem; margin-bottom: 1.87rem;
}
input[type='password'] {
	padding: 15px; height: 3rem; margin-bottom: 1.87rem;
}
input[type='date'] {
	padding: 15px; height: 3rem; margin-bottom: 1.87rem;
}
input[type='datetime'] {
	padding: 15px; height: 3rem; margin-bottom: 1.87rem;
}
input[type='datetime-local'] {
	padding: 15px; height: 3rem; margin-bottom: 1.87rem;
}
input[type='month'] {
	padding: 15px; height: 3rem; margin-bottom: 1.87rem;
}
input[type='week'] {
	padding: 15px; height: 3rem; margin-bottom: 1.87rem;
}
input[type='email'] {
	padding: 15px; height: 3rem; margin-bottom: 1.87rem;
}
input[type='number'] {
	padding: 15px; height: 3rem; margin-bottom: 1.87rem;
}
input[type='search'] {
	padding: 15px; height: 3rem; margin-bottom: 1.87rem;
}
input[type='tel'] {
	padding: 15px; height: 3rem; margin-bottom: 1.87rem;
}
input[type='time'] {
	padding: 15px; height: 3rem; margin-bottom: 1.87rem;
}
input[type='url'] {
	padding: 15px; height: 3rem; margin-bottom: 1.87rem;
}
textarea {
	padding: 15px; height: 3rem; margin-bottom: 1.87rem;
}
form input[type='text'] {
	background: none; border: 1px solid rgba(255, 255, 255, 0.7); border-image: none; color: rgb(255, 255, 255);
}
form input[type='password'] {
	background: none; border: 1px solid rgba(255, 255, 255, 0.7); border-image: none; color: rgb(255, 255, 255);
}
form input[type='date'] {
	background: none; border: 1px solid rgba(255, 255, 255, 0.7); border-image: none; color: rgb(255, 255, 255);
}
form input[type='datetime'] {
	background: none; border: 1px solid rgba(255, 255, 255, 0.7); border-image: none; color: rgb(255, 255, 255);
}
form input[type='datetime-local'] {
	background: none; border: 1px solid rgba(255, 255, 255, 0.7); border-image: none; color: rgb(255, 255, 255);
}
form input[type='month'] {
	background: none; border: 1px solid rgba(255, 255, 255, 0.7); border-image: none; color: rgb(255, 255, 255);
}
form input[type='week'] {
	background: none; border: 1px solid rgba(255, 255, 255, 0.7); border-image: none; color: rgb(255, 255, 255);
}
form input[type='email'] {
	background: none; border: 1px solid rgba(255, 255, 255, 0.7); border-image: none; color: rgb(255, 255, 255);
}
form input[type='number'] {
	background: none; border: 1px solid rgba(255, 255, 255, 0.7); border-image: none; color: rgb(255, 255, 255);
}
form input[type='search'] {
	background: none; border: 1px solid rgba(255, 255, 255, 0.7); border-image: none; color: rgb(255, 255, 255);
}
form input[type='tel'] {
	background: none; border: 1px solid rgba(255, 255, 255, 0.7); border-image: none; color: rgb(255, 255, 255);
}
form input[type='time'] {
	background: none; border: 1px solid rgba(255, 255, 255, 0.7); border-image: none; color: rgb(255, 255, 255);
}
form input[type='url'] {
	background: none; border: 1px solid rgba(255, 255, 255, 0.7); border-image: none; color: rgb(255, 255, 255);
}
form textarea {
	background: none; border: 1px solid rgba(255, 255, 255, 0.7); border-image: none; color: rgb(255, 255, 255);
}
input[type='text']:focus {
	background: none; border: 1px solid rgb(255, 255, 255); border-image: none;
}
input[type='password']:focus {
	background: none; border: 1px solid rgb(255, 255, 255); border-image: none;
}
input[type='date']:focus {
	background: none; border: 1px solid rgb(255, 255, 255); border-image: none;
}
input[type='datetime']:focus {
	background: none; border: 1px solid rgb(255, 255, 255); border-image: none;
}
input[type='datetime-local']:focus {
	background: none; border: 1px solid rgb(255, 255, 255); border-image: none;
}
input[type='month']:focus {
	background: none; border: 1px solid rgb(255, 255, 255); border-image: none;
}
input[type='week']:focus {
	background: none; border: 1px solid rgb(255, 255, 255); border-image: none;
}
input[type='email']:focus {
	background: none; border: 1px solid rgb(255, 255, 255); border-image: none;
}
input[type='number']:focus {
	background: none; border: 1px solid rgb(255, 255, 255); border-image: none;
}
input[type='search']:focus {
	background: none; border: 1px solid rgb(255, 255, 255); border-image: none;
}
input[type='tel']:focus {
	background: none; border: 1px solid rgb(255, 255, 255); border-image: none;
}
input[type='time']:focus {
	background: none; border: 1px solid rgb(255, 255, 255); border-image: none;
}
input[type='url']:focus {
	background: none; border: 1px solid rgb(255, 255, 255); border-image: none;
}
input[type='color']:focus {
	background: none; border: 1px solid rgb(255, 255, 255); border-image: none;
}
textarea:focus {
	background: none; border: 1px solid rgb(255, 255, 255); border-image: none;
}
form.dark input[type='text'] {
	background: none; border: 1px solid rgb(204, 204, 204); border-image: none; color: rgb(51, 51, 51);
}
form.dark input[type='password'] {
	background: none; border: 1px solid rgb(204, 204, 204); border-image: none; color: rgb(51, 51, 51);
}
form.dark input[type='date'] {
	background: none; border: 1px solid rgb(204, 204, 204); border-image: none; color: rgb(51, 51, 51);
}
form.dark input[type='datetime'] {
	background: none; border: 1px solid rgb(204, 204, 204); border-image: none; color: rgb(51, 51, 51);
}
form.dark input[type='datetime-local'] {
	background: none; border: 1px solid rgb(204, 204, 204); border-image: none; color: rgb(51, 51, 51);
}
form.dark input[type='month'] {
	background: none; border: 1px solid rgb(204, 204, 204); border-image: none; color: rgb(51, 51, 51);
}
form.dark input[type='week'] {
	background: none; border: 1px solid rgb(204, 204, 204); border-image: none; color: rgb(51, 51, 51);
}
form.dark input[type='email'] {
	background: none; border: 1px solid rgb(204, 204, 204); border-image: none; color: rgb(51, 51, 51);
}
form.dark input[type='number'] {
	background: none; border: 1px solid rgb(204, 204, 204); border-image: none; color: rgb(51, 51, 51);
}
form.dark input[type='search'] {
	background: none; border: 1px solid rgb(204, 204, 204); border-image: none; color: rgb(51, 51, 51);
}
form.dark input[type='tel'] {
	background: none; border: 1px solid rgb(204, 204, 204); border-image: none; color: rgb(51, 51, 51);
}
form.dark input[type='time'] {
	background: none; border: 1px solid rgb(204, 204, 204); border-image: none; color: rgb(51, 51, 51);
}
form.dark input[type='url'] {
	background: none; border: 1px solid rgb(204, 204, 204); border-image: none; color: rgb(51, 51, 51);
}
form.dark textarea {
	background: none; border: 1px solid rgb(204, 204, 204); border-image: none; color: rgb(51, 51, 51);
}
form.dark input[type='text']:focus {
	background: none; border: 1px solid rgb(153, 153, 153); border-image: none;
}
form.dark input[type='password']:focus {
	background: none; border: 1px solid rgb(153, 153, 153); border-image: none;
}
form.dark input[type='date']:focus {
	background: none; border: 1px solid rgb(153, 153, 153); border-image: none;
}
form.dark input[type='datetime']:focus {
	background: none; border: 1px solid rgb(153, 153, 153); border-image: none;
}
form.dark input[type='datetime-local']:focus {
	background: none; border: 1px solid rgb(153, 153, 153); border-image: none;
}
form.dark input[type='month']:focus {
	background: none; border: 1px solid rgb(153, 153, 153); border-image: none;
}
form.dark input[type='week']:focus {
	background: none; border: 1px solid rgb(153, 153, 153); border-image: none;
}
form.dark input[type='email']:focus {
	background: none; border: 1px solid rgb(153, 153, 153); border-image: none;
}
form.dark input[type='number']:focus {
	background: none; border: 1px solid rgb(153, 153, 153); border-image: none;
}
form.dark input[type='search']:focus {
	background: none; border: 1px solid rgb(153, 153, 153); border-image: none;
}
form.dark input[type='tel']:focus {
	background: none; border: 1px solid rgb(153, 153, 153); border-image: none;
}
form.dark input[type='time']:focus {
	background: none; border: 1px solid rgb(153, 153, 153); border-image: none;
}
form.dark input[type='url']:focus {
	background: none; border: 1px solid rgb(153, 153, 153); border-image: none;
}
form.dark input[type='color']:focus {
	background: none; border: 1px solid rgb(153, 153, 153); border-image: none;
}
form.dark textarea:focus {
	background: none; border: 1px solid rgb(153, 153, 153); border-image: none;
}
p#thanks {
	color: rgb(204, 204, 204); padding-bottom: 10px;
}
label.error {
	top: -20px; color: rgb(255, 82, 66); padding-bottom: 10px; position: relative;
}
form textarea {
	height: 200px;
}
input.button:hover {
	color: rgb(238, 238, 238);
}
p#thanks {
	padding: 40px 0px; color: rgb(204, 204, 204);
}
.back-to-all {
	top: 30px; right: 40px; position: absolute; z-index: 2;
}
.case-header {
	padding: 80px 20px 20px; left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute;
}
.media-wrapper {
	width: 100%; height: 100%; overflow: hidden; position: relative;
}
.case-header video {
	width: 100%; height: 100%; display: block; object-fit: cover;
}
.case-header .case-header-image {
	background: url("../img/test/work-7.jpg") no-repeat center / cover; width: 100%; height: 100%;
}
.case-header .image-overlay {
	background: rgb(0, 0, 0); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; opacity: 0.1;
}
.case-header .action-hint {
	right: 10%; bottom: 50px; color: rgb(255, 255, 255); position: absolute;
}
.case-header .action-hint i {
	color: rgb(255, 255, 255);
}
.case-header .case-title {
	left: 10%; top: 40%; color: rgb(255, 255, 255); padding-right: 10%; position: absolute;
}
.case-header .case-title h2 {
	color: rgb(255, 255, 255); font-family: montserrat; font-size: 60px; margin-bottom: 40px;
}
.case-header .case-title p {
	line-height: 1.3em; font-size: 24px; margin-bottom: 40px;
}
.case-study-content {
	top: 95vh; position: relative;
}
.case-study-content h3.meta-title {
	font-size: 16px; margin-bottom: 5px; position: relative;
}
.case-study-content h3.meta-title::before {
	background: rgb(255, 82, 66); left: -20px; top: 8px; width: 10px; height: 1px; display: block; position: absolute; content: "";
}
.case-study-content .launch i {
	top: 5px; font-size: 20px; position: relative;
}
.case-video-wrapper {
	width: 100%; height: 700px; position: relative;
}
.case-video-wrapper video {
	margin: 0px; left: 50%; top: 0px; width: 100%; height: 100%; display: block; position: absolute; transform: translateX(-50%); object-fit: cover;
}
.case-nav .columns {
	padding: 0px;
}
.item.small-nav {
	padding: 50px 50px 0px; border: currentColor; border-image: none; width: 100%; height: 300px;
}
.item.small-nav a {
	padding-top: 0px;
}
.item.small-nav .circle-wrap {
	width: 200px; height: 200px;
}
.item.small-nav::before {
	display: none;
}
.item.small-nav .nav-title span {
	display: block;
}
.item.small-nav .nav-title span.sub-title {
	color: rgb(153, 153, 153); text-transform: uppercase; font-family: montserrat;
}
.item.small-nav .nav-title span.title {
	color: rgb(0, 0, 0); font-size: 18px;
}
.item.small-nav.previous .nav-title {
	left: 270px; top: 130px; position: absolute;
}
.item.small-nav.next .circle-wrap {
	right: 50px; position: absolute;
}
.item.small-nav.next .nav-title {
	top: 130px; right: 270px; position: absolute;
}
.item.small-nav.next .nav-title span {
	text-align: right;
}

@media only screen and (min-width: 769px) {
	#works-header, #about-header, #contact-header, #timeline-header {
		 text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; 
	}
}