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

@font-face {
	font-family: 'Mazzard';
	src: url('../dist/fonts/Mazzard/Bold/MazzardH-Bold.eot');
	src: url('../dist/fonts/Mazzard/Bold/MazzardH-Bold.eot?#iefix') format('embedded-opentype'),
		 url('../dist/fonts/Mazzard/Bold/MazzardH-Bold.svg#MazzardH-Bold') format('svg'),
		 url('../dist/fonts/Mazzard/Bold/MazzardH-Bold.ttf') format('truetype'),
		 url('../dist/fonts/Mazzard/Bold/MazzardH-Bold.woff') format('woff'),
		 url('../dist/fonts/Mazzard/Bold/MazzardH-Bold.woff2') format('woff2');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Mazzard';
	src: url('../dist/fonts/Mazzard/Regular/MazzardM-Regular.eot');
	src: url('../dist/fonts/Mazzard/Regular/MazzardM-Regular.eot?#iefix') format('embedded-opentype'),
		 url('../dist/fonts/Mazzard/Regular/MazzardM-Regular.svg#MazzardM-Regular') format('svg'),
		 url('../dist/fonts/Mazzard/Regular/MazzardM-Regular.ttf') format('truetype'),
		 url('../dist/fonts/Mazzard/Regular/MazzardM-Regular.woff') format('woff'),
		 url('../dist/fonts/Mazzard/Regular/MazzardM-Regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Mazzard';
	src: url('../dist/fonts/Mazzard/Medium/MazzardH-Medium.eot');
	src: url('../dist/fonts/Mazzard/Medium/MazzardH-Medium.eot?#iefix') format('embedded-opentype'),
			url('../dist/fonts/Mazzard/Medium/MazzardH-Medium.svg#MazzardH-Medium') format('svg'),
			url('../dist/fonts/Mazzard/Medium/MazzardH-Medium.ttf') format('truetype'),
			url('../dist/fonts/Mazzard/Medium/MazzardH-Medium.woff') format('woff'),
			url('../dist/fonts/Mazzard/Medium/MazzardH-Medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
}

  
*,
*::after,
*::before {
	font-family: "Mazzard";
	font-weight: 500;
	box-sizing: border-box;
}

/* Scroll bar */

::-webkit-scrollbar {
	display: none !important;
}
body {
	-ms-overflow-style: none !important;  /* IE and Edge */
	scrollbar-width: none !important;  /* Firefox */
}

/* body, body *, html, html * {
	overflow: auto;
    -ms-overflow-style: none;
	scrollbar-width: none;
} */

/* */

:root {
	font-size: 18px;
}

body {
	overflow: hidden;
	margin: 0;
	--color-text: #fff;
	--color-bg: #000;
	--color-link: #5a5a5a;
	--color-link-hover: #3eaaf1;
	--color-alt: #3ba2e5;
	--color-info: #e93f3b;
	color: var(--color-text);
	background-color: var(--color-bg);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.hidefunc {
	opacity: 1;
	transition: all .5s ease-in-out;
	transform: translate(0, 0);
}
.hidefunc.hiddenel {
	transform: translate(0, -100%);
	opacity: 0;
}

/* Page Loader */
.js .loading::before,
.js .loading::after {
	content: '';
	position: fixed;
	z-index: 1000;
}

.js .loading::before {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--color-bg);
}

.js .loading::after {
	top: 50%;
	left: 50%;
	width: 60px;
	height: 60px;
	margin: -30px 0 0 -30px;
	opacity: 0.4;
	background: var(--color-link);
	animation: loaderAnim 0.7s linear infinite alternate forwards;
}

@keyframes loaderAnim {
	to {
		opacity: 1;
		transform: scale3d(0.5,0.5,1) rotate3d(0,0,1,180deg);
		border-radius: 50%;
	}
}

a {
	text-decoration: none;
	color: var(--color-link);
	outline: none;
}

a:hover,
a:focus {
	color: var(--color-link-hover);
	outline: none;
}

.txt, .txt * {
	font-family: "Jacksilver" !important;
	font-weight: normal !important;
}
.txt {
	position: relative;
}

.txt .glitch {
	position: absolute;
}
.txt .glitch, .hidden .txt .hidden {
	opacity: 0;
	transition: opacity .5s ease-in-out;
}
.hidden .txt .glitch, .txt .hidden {
	opacity: 1;
}
.txt .glitch.last {
	top: 0 !important;
	right: 88px !important;
}
.txt .glitch.first {
	left: -3px;
}
@media (max-width: 1279px) {
	.txt .glitch.last {
		right: unset !important;
	}
	.txt .glitch.first {
		left: unset !important;
	}
}

#header {
	padding: 20px;
	text-align: center;
	position: absolute;
	width: 100%;
	z-index: 1000;
	background: black;
    padding-top: 50px;
    padding-bottom: 50px;
}
.header__wrap {
	position: relative;
    width: 100%;
    height: inherit;
}
.header__wrap h2 {
	pointer-events: none;
	position: absolute;
    margin: 0;
    left: 50%;
	top: 50%;
	-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(-50%, -50%);
    font-size: 44px;
	letter-spacing: 3px;
	width: auto;
}
.header__wrap h2 p {
	display: inline-table;
	margin: 0;
}
.header__wrap h2 p:not(.hidden) {
	overflow: visible !important;
	width: 100px;
	margin-left: -27px;
}
.header__wrap h2 p.hidden:last-child {
	overflow: visible !important;
	width: 100px;
	margin-right: -25px;
	margin-left: -27px;
}
@media (max-width: 767px) {
	.header__wrap h2 p.hidden:last-child {
		margin-left: -37px;
		margin-right: -35px;
	}
	.header__wrap h2 p:not(.hidden) {
		margin-left: -37px;
	}
}
.header__wrap img {
	position: absolute;
    right: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.header__wrap #bglogo.hovered {
	-webkit-transform: translate(0, -50%) scale(1.11);
    -ms-transform: translate(0, -50%) scale(1.11);
    transform: translate(0, -50%) scale(1.11);
}

.template {
    z-index: 1;
	overflow-y: scroll;
	overflow-x: hidden !important;
	width: 100%;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.template > div {
	width: 75%;
    margin: 0 auto;
}
.template .first {
	height: 100vh;
    display: flex;
	position: relative;
	justify-content: center;
}
/* .second::after {
	content: '';
	width: 3px;
	height: 75%;
	position: absolute;
	right: 0;
	top: -150px !important;
	background: #E9002A;
} */
/* .first::before {
	content: '';
	width: 3px;
	height: 50px;
	position: absolute;
	left: -50px;
	bottom: 50px !important;
	background: #22C0F1;
} */
.template .second {
	height: 1000px;
	position: relative;
	padding-top: 150px;
	margin-bottom: -150px;
	z-index: 10;
}
.template .second h2 {
	text-align: center;
	font-size: 40px;
}
.template .second h3 {
	text-align: center;
	font-size: 30px;
	padding-top: 75px;
}

.template .third {
	padding-top: 150px;
    display: flex;
	position: relative;
	justify-content: center;
	align-self: center;
	align-items: center;
	flex-direction: column;
}
.template .third .social {
	display: flex;
    justify-content: space-between;
	width: 250px;
	margin-bottom: 50px;
}
.template .third .social a:hover img {
	-webkit-transform: scale(1.11);
    -ms-transform: scale(1.11);
    transform: scale(1.11);
}
.template .third .social a img {
	transition: all .25s ease-in-out;
}
.template .third a {
	display: block;
	height: fit-content;
	color: white;
	font-size: 55px;
	font-family: 'Jacksilver';
	width: 100%;
    text-align: center;
}
.template .third a:hover .glitch {
	top: -57px;
	left: -2px;
	opacity: 1;
	transition: opacity .5s ease-in-out;
}
.template .third a .glitch {
	opacity: 0;
}
@media(max-width: 1200px) {
   .template .third .glitch {
       display: none !important;
   } 
}

#content {
	display: flex;
	flex-direction: column;
	width: 100vw;
	height: calc(100vh - 13rem);
	position: relative;
	justify-content: flex-start;
	align-items: center;
	overflow-y: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

#content h1 {
	font-size: 70px;
	line-height: 100px;
	opacity: 1;
	transition: opacity .5s ease-in-out;
}
.hidden #content h1 {
	opacity: 0;
}
#content h1 span {
	font-size: 70px;
}
#content h1 span:last-child {
	margin-top: -25px !important;
    display: block;
}

.content__title-wrap {
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
	text-align: center;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#app {
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position: absolute;
}

canvas {
	width: 100%;
	height: 100%;
}

@media screen and (min-width: 53em) {
	.message {
		display: none;
	}
	#content {
		height: 100vh;
		justify-content: center;
	}
}

.desc {
	margin-top: 200px !important;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.75) 49%,rgba(0,0,0,0.01) 100%); 
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.75) 49%,rgba(0,0,0,0.01) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.75) 49%,rgba(0,0,0,0.01) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9002a', endColorstr='#037db9e8',GradientType=0 ); 
	width: 100% !important;
	padding: 100px 0;
}
.mynameis {
	text-align: center;
	font-size: 55px;
    line-height: 65px;
}
.iam {
	text-align: center;
    font-size: 40px;
    margin: 0;
	margin-top: -20px;
	line-height: 65px;
}
.iam .txt {
	font-size: 55px;
}
.lang {
	display: flex;
    justify-content: space-evenly;
    text-align: center;
    font-size: 40px;
    line-height: 45px;
	padding-top: 20px;
	display: none;
}
.lang div {
	align-self: center;
}
.stats {
	display: flex;
    justify-content: space-evenly;
	text-align: center;
	font-size: 40px;
	line-height: 45px;
	padding-top: 20px;
}
.stats .txt {
	font-size: 55px;
}
/* .graf {
	font-family: "Jacksilver" !important;
	font-weight: normal !important;
} */

/* Glitch Effect */

.glitch {
	display: inline-table;
	margin: 0;
	position: relative;
	color: white;
	/*animation: glitch-skew 5s infinite linear alternate-reverse; */
}
.glitch::before {
	content: attr(data-text);
	font-family: "Jacksilver" !important;
	font-weight: normal !important;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	left: -2px;
	text-shadow: -2px 0 #E9002A;
	clip: rect(44px, 450px, 56px, 0);
	animation: glitch-anim 7s infinite linear alternate-reverse;
}
.glitch::after {
	content: attr(data-text);
	font-family: "Jacksilver" !important;
	font-weight: normal !important;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	left: 2px;
	text-shadow: -2px 0 #22C0F1, 2px 2px #E9002A;
	clip: rect(44px, 450px, 56px, 0);
	animation: glitch-anim2 5s infinite linear alternate-reverse;
}

.content .glitch::after {
	animation-duration: 15s !important;
}
.content .glitch::before {
	animation-duration: 25s !important;
}

@keyframes glitch-anim {
	0% {
		clip: rect(69px, 9999px, 47px, 0);
		transform: skew(0.75deg);
   }
	5% {
		clip: rect(11px, 9999px, 34px, 0);
		transform: skew(0.21deg);
   }
	10% {
		clip: rect(91px, 9999px, 87px, 0);
		transform: skew(0.76deg);
   }
	15% {
		clip: rect(13px, 9999px, 87px, 0);
		transform: skew(0.13deg);
   }
	20% {
		clip: rect(83px, 9999px, 99px, 0);
		transform: skew(0.93deg);
   }
	25% {
		clip: rect(38px, 9999px, 90px, 0);
		transform: skew(0.42deg);
   }
	30% {
		clip: rect(97px, 9999px, 61px, 0);
		transform: skew(0.1deg);
   }
	35% {
		clip: rect(62px, 9999px, 28px, 0);
		transform: skew(0.77deg);
   }
	40% {
		clip: rect(58px, 9999px, 84px, 0);
		transform: skew(0.02deg);
   }
	45% {
		clip: rect(79px, 9999px, 19px, 0);
		transform: skew(0.46deg);
   }
	50% {
		clip: rect(56px, 9999px, 32px, 0);
		transform: skew(0.68deg);
   }
	55% {
		clip: rect(71px, 9999px, 21px, 0);
		transform: skew(0.2deg);
   }
	60% {
		clip: rect(79px, 9999px, 85px, 0);
		transform: skew(0.69deg);
   }
	65% {
		clip: rect(99px, 9999px, 8px, 0);
		transform: skew(0.79deg);
   }
	70% {
		clip: rect(18px, 9999px, 22px, 0);
		transform: skew(0.06deg);
   }
	75% {
		clip: rect(11px, 9999px, 20px, 0);
		transform: skew(0.93deg);
   }
	80% {
		clip: rect(46px, 9999px, 5px, 0);
		transform: skew(0.34deg);
   }
	85% {
		clip: rect(25px, 9999px, 13px, 0);
		transform: skew(0.7deg);
   }
	90% {
		clip: rect(66px, 9999px, 5px, 0);
		transform: skew(0.98deg);
   }
	95% {
		clip: rect(4px, 9999px, 96px, 0);
		transform: skew(0.6deg);
   }
	100% {
		clip: rect(36px, 9999px, 32px, 0);
		transform: skew(0.26deg);
   }
}
@keyframes glitch-anim2 {
	0% {
		clip: rect(37px, 9999px, 14px, 0);
		transform: skew(0.5deg);
   }
	5% {
		clip: rect(21px, 9999px, 73px, 0);
		transform: skew(0.78deg);
   }
	10% {
		clip: rect(18px, 9999px, 5px, 0);
		transform: skew(0.96deg);
   }
	15% {
		clip: rect(38px, 9999px, 80px, 0);
		transform: skew(0.49deg);
   }
	20% {
		clip: rect(62px, 9999px, 18px, 0);
		transform: skew(0.54deg);
   }
	25% {
		clip: rect(3px, 9999px, 58px, 0);
		transform: skew(0.19deg);
   }
	30% {
		clip: rect(100px, 9999px, 72px, 0);
		transform: skew(0.53deg);
   }
	35% {
		clip: rect(8px, 9999px, 6px, 0);
		transform: skew(0.99deg);
   }
	40% {
		clip: rect(87px, 9999px, 89px, 0);
		transform: skew(0.02deg);
   }
	45% {
		clip: rect(2px, 9999px, 15px, 0);
		transform: skew(0.12deg);
   }
	50% {
		clip: rect(7px, 9999px, 61px, 0);
		transform: skew(0.15deg);
   }
	55% {
		clip: rect(17px, 9999px, 100px, 0);
		transform: skew(0.22deg);
   }
	60% {
		clip: rect(83px, 9999px, 64px, 0);
		transform: skew(0.77deg);
   }
	65% {
		clip: rect(85px, 9999px, 43px, 0);
		transform: skew(0.48deg);
   }
	70% {
		clip: rect(80px, 9999px, 25px, 0);
		transform: skew(0.39deg);
   }
	75% {
		clip: rect(33px, 9999px, 9px, 0);
		transform: skew(0.96deg);
   }
	80% {
		clip: rect(20px, 9999px, 92px, 0);
		transform: skew(0.32deg);
   }
	85% {
		clip: rect(50px, 9999px, 34px, 0);
		transform: skew(0.42deg);
   }
	90% {
		clip: rect(95px, 9999px, 22px, 0);
		transform: skew(0.82deg);
   }
	95% {
		clip: rect(16px, 9999px, 57px, 0);
		transform: skew(0.77deg);
   }
	100% {
		clip: rect(5px, 9999px, 43px, 0);
		transform: skew(0.79deg);
   }
}
@keyframes glitch-skew {
	0% {
		transform: skew(5deg);
   }
	10% {
		transform: skew(-1deg);
   }
	20% {
		transform: skew(3deg);
   }
	30% {
		transform: skew(1deg);
   }
	40% {
		transform: skew(1deg);
   }
	50% {
		transform: skew(4deg);
   }
	60% {
		transform: skew(2deg);
   }
	70% {
		transform: skew(4deg);
   }
	80% {
		transform: skew(4deg);
   }
	90% {
		transform: skew(-3deg);
   }
	100% {
		transform: skew(5deg);
   }
}

/* Scroll down */

.scroll_down {
	position: absolute;
	bottom: 65px;
	width: 24px;
	height: 24px;
	opacity: 1;
	transition: opacity .75s ease-in-out;
}
.hidden .scroll_down {
	opacity: 0;
}
  
.chevron {
	position: absolute;
	width: 28px;
	height: 8px;
	opacity: 0;
	transform: scale3d(0.5, 0.5, 0.5);
	animation: move 3s ease-out infinite;
}
.chevron:first-child {
	animation: move 3s ease-out 1s infinite;
}
.chevron:nth-child(2) {
	animation: move 3s ease-out 2s infinite;
}
.chevron:before,
.chevron:after {
	content: ' ';
	position: absolute;
	top: 0;
	height: 100%;
	width: 51%;
	background: #fff;
}
.chevron:before {
	left: 0;
	transform: skew(0deg, 30deg);
}
.chevron:after {
	right: 0;
	width: 50%;
	transform: skew(0deg, -30deg);
}

@keyframes move {
25% {
	opacity: 1;

}
33% {
	opacity: 1;
	transform: translateY(30px);
}
67% {
	opacity: 1;
	transform: translateY(40px);
}
100% {
	opacity: 0;
	transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
}
}

.text {
	display: block;
	margin-top: 75px;
	margin-left: -30px;
	font-family: 'Mazzard';
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	white-space: nowrap;
	opacity: .25;
	animation: pulse 2s linear alternate infinite;
}

@keyframes pulse {
to {
	opacity: 1;
}
}

.scroll .header__wrap img {
	animation: rotate 1s linear infinite;
	animation-fill-mode: both;
}
  
@keyframes rotate {
	to {
		transform: translate(0, -50%) rotate(360deg);
	}
}

/* Scroll horizontal animation */
.marquee {
	position: relative;
	width: 100vw !important;
	max-width: 100%;
	height: 200px;
	padding-top: 200px;
}
.marquee.bottom {
	margin-top: 350px !important;
}

.track {
	position: absolute;
	white-space: nowrap;
	will-change: transform;
	animation: marquee 75s linear infinite;
}

.content {
	font-family: 'Jacksilver';
	font-size: 50px;
}

.content span {
	font-family: 'Jacksilver' !important;
	font-size: 50px !important;
}

@keyframes marquee {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}

.br_mob {
	display: none;
}
  
/* */

/*
Loader 
*/

#loader {
	width: 100%;
	height: 100vh;
	transition: all .75s ease-in-out;
	position: absolute;
	top: 0;
	z-index: 9999;
	background: black;
}
#loader::after { 
	content: '';
	height: 100vh;
	width: 100%;
	transition: all .25s ease-in-out;
	position: absolute;
	background: -moz-linear-gradient(top,  rgba(233,0,42,1) 0%, rgba(34,192,241,0.51) 49%, rgba(125,185,232,0.01) 100%); 
	background: -webkit-linear-gradient(top,  rgba(233,0,42,1) 0%,rgba(34,192,241,0.51) 49%,rgba(125,185,232,0.01) 100%);
	background: linear-gradient(to bottom,  rgba(233,0,42,1) 0%,rgba(34,192,241,0.51) 49%,rgba(125,185,232,0.01) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9002a', endColorstr='#037db9e8',GradientType=0 ); 
	transform: translate(0, 100%);
	opacity: .75;
}
#loader.disabled {
	transform: translate(0, -200%);
}
/* #loader.disabled::after {
	transform: translate(0, -100%);
} */
#loader.disabled .percent {
	opacity: 0;
}
.percent {
	font-family: "Jacksilver" !important;
	font-weight: normal !important;
	font-size: 100px;
	letter-spacing: 3px;
	position: absolute;
    top: 50%;
    left: 50%;
	transform: translate(-50%, -50%);
	opacity: 1;
	transition: all .5s ease-in-out;
	padding: 30px !important;
}
@media (max-width: 767px) {
	.percent {
		font-size: 65px;
	}
}

/* */

/* Portfolio */
#portfolio {
	margin-top: 100px;
}
#portfolio .row {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#portfolio .row .item {
	align-self: center;
	width: 33%;
	display: flex;
    justify-content: center;
}
#portfolio .row .item a {
	padding: 25px;
}
#portfolio .row .item a:hover img {
	-webkit-transform: scale(1.11);
    -ms-transform: scale(1.11);
    transform: scale(1.11);
}
#portfolio .row .item a img {
	transition: all .25s ease-in-out;
}
#portfolio .row .item a.disabled {
	pointer-events: none;
	cursor: normal;
}

@media (max-width: 1279px) {
	.no_br {
		display: none !important;
	}
}

@media (min-width: 768px) and (max-width: 1279px) {
	.glitch {
		margin-top: 16px;
		margin-bottom: 35px;
	}
	#content h1 {
		line-height: 70px;
	}
	#content {
		height: 100vh;
	}
	.template .second {
		width: 90% !important;
	}
	#portfolio .row .item a img {
		width: 175px !important;
	}
	.mynameis {
		font-size: 40px;
		line-height: 48px;
	}
	.iam {
		font-size: 32px;
		line-height: 48px;
	}
	.iam .txt {
		font-size: 36px;
	}
	.desc {
		padding-left: 50px;
		padding-right: 50px;
	}
	.stats {
		font-size: 22px;
		line-height: 28px;
	}
	.stats .txt {
		font-size: 36px;
	}
	.stats + div {
		padding: 0 10px;
	}
	.marquee.bottom {
		margin-top: 0 !important;
	}
}

@media (max-width: 767px) {
	.desc {
		margin-top: 0 !important;
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
	.iam {
		font-size: 26px;
		line-height: 46px;
		margin-top: 0;
	}
	.iam .txt {
		font-size: 38px;
	}
	.stats {
		flex-direction: column;
	}
	.stats .txt {
		font-size: 38px;
	}
	.stats {
		font-size: 26px;
		line-height: 38px;
	}
	.stats > div:not(:first-child) {
		margin-top: 30px;
	}
	.mynameis {
	 	font-size: 36px;
		line-height: 42px;
	}
	#portfolio .row .item a:hover img {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	.template .third a {
		font-size: 40px;
	}
	.template .first {
		height: 100vh !important;
	}
	.template .third {
		padding-top: 85px;
		padding-bottom: 100px !important;
	}
	.template .second {
		padding-top: 50px;
		margin-bottom: 40px;
		width: 100% !important;
	}
	.first, .second {
		overflow: hidden !important;
		height: auto !important;
	}
	#portfolio .row {
		padding-top: 0 !important;
	}
	#portfolio .row:first-child {
		padding-top: 25px !important;
	}
	#portfolio .row .item a * {
		width: 200px !important;
		display: block;
	}
	#portfolio .row .item {
		width: 100% !important;
		margin-top: 35px !important;
	}
	.scroll_down {
		bottom: 100px;
	}
	.marquee {
		overflow: hidden !important;
		padding-top: 100px;
	}
	.br_mob {
		display: block;
	}
	#content {
		height: calc(100vh - 0rem);
	}
	#content .template .first {
		width: 100%;
	}
	#content .template .first * {
		font-size: 40px;
		line-height: 46px;
	}
	#content .template .first span:not(.txt) {
		margin-top: -3px !important;
	}
	#header {
		padding-top: 35px;
		padding-bottom: 35px;
	}
	#header .txt {
		font-size: 27px;
		width: 100%;
	}
	#header a img {
		width: 25px;
	}
	.first .scroll_down .text {
		display: none !important;
	}
	.template .second h2 {
		font-size: 36px;
		line-height: 42px;
		padding-left: 25px;
		padding-right: 25px;
	}
	#portfolio .row .item a {
		padding: 10px;
	}
	#portfolio {
		margin-top: 0;
	}
	.marquee.bottom {
		margin-top: 0 !important;
	}
}

::-moz-selection {
	color: #E9002A;
	background: transparent;
}
::selection {
color: #E9002A;
background: transparent;
}