a,
body,
center,
div,
footer,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
img,
menu,
object,
p,
section {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

footer,
menu,
section {
	display: block
}

body {
	line-height: 1
}

a {
	text-decoration: none !important
}

a:link {
	text-decoration: none !important
}

.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9 {
	transition-duration: .5s
}

body {
	font-family: Montserrat, sans-serif;
	overflow-x: hidden;
	background-color: #161616
}

html {
	font-size: 12pt
}

::-moz-selection {
	color: #fff;
	background: #000
}

::selection {
	color: #fff;
	background: #000
}

.title {
	font-size: .8rem;
	letter-spacing: .1rem
}

.id-h2 {
	font-weight: 400;
	font-size: 1rem;
	margin-bottom: 1rem
}

.id-h3 {
	transition-duration: .5s;
	font-weight: 400;
	font-size: 2.5rem;
	margin-bottom: 1rem
}

.id-h4 {
	transition-duration: .5s;
	font-size: 3rem;
	font-weight: 300;
	margin-bottom: 1rem
}

.id-h5 {
	font-size: 2rem;
	font-weight: 300;
	margin-bottom: 1rem;
	line-height: 2.5rem
}

.id-h6 {
	transition-duration: .5s;
	font-weight: 400;
	font-size: 1.2rem;
	margin-bottom: 1rem
}

.id-h7 {
	font-weight: 400;
	font-size: .8rem;
	margin-bottom: 1rem
}

.p-text {
	font-weight: 300;
	font-size: 1;
	line-height: 1.5rem;
	margin-bottom: 1rem
}

.p-text-menu {
	font-weight: 300;
	font-size: .8rem;
	line-height: 1.2rem;
	margin-bottom: 1rem
}

.language img{width:40px;}
.language{text-align:right;width: 100%;padding: 23px;}

@-webkit-keyframes storyelementone {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, 80%) scale(1);
		-webkit-transform-origin: center center
	}

	50% {
		opacity: 0;
		-webkit-transform: translate(0, 80%) scale(1);
		-webkit-transform-origin: center center
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0) scale(1);
		-webkit-transform-origin: center center
	}
}

@keyframes storyelementone {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, 80%) scale(1);
		-webkit-transform-origin: center center
	}

	50% {
		opacity: 0;
		-webkit-transform: translate(0, 80%) scale(1);
		-webkit-transform-origin: center center
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0) scale(1);
		-webkit-transform-origin: center center
	}
}

#title1 {
	animation: titleone 1s cubic-bezier(0, .93, .53, 1.13);
	-webkit-animation: titleone 1s cubic-bezier(0, .93, .53, 1.13)
}

@-webkit-keyframes titleone {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, 80%) scale(1);
		-webkit-transform-origin: center center
	}

	50% {
		opacity: 0;
		-webkit-transform: translate(0, 80%) scale(1);
		-webkit-transform-origin: center center
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0) scale(1);
		-webkit-transform-origin: center center
	}
}

@keyframes titleone {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, 80%) scale(1);
		-webkit-transform-origin: center center
	}

	50% {
		opacity: 0;
		-webkit-transform: translate(0, 80%) scale(1);
		-webkit-transform-origin: center center
	}

	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0) scale(1);
		-webkit-transform-origin: center center
	}
}

@-webkit-keyframes headerdescription {
	0% {
		opacity: 0;
		transform: translate(0, 80%) scale(1);
		transform-origin: center center;
		-webkit-transform: translate(0, 80%) scale(1);
		-moz-transform: translate(0, 80%) scale(1);
		-ms-transform: translate(0, 80%) scale(1);
		-o-transform: translate(0, 80%) scale(1)
	}

	50% {
		opacity: 0;
		transform: translate(0, 80%) scale(1);
		transform-origin: center center;
		-webkit-transform: translate(0, 80%) scale(1);
		-moz-transform: translate(0, 80%) scale(1);
		-ms-transform: translate(0, 80%) scale(1);
		-o-transform: translate(0, 80%) scale(1)
	}

	100% {
		opacity: 1;
		transform: translate(0, 0) scale(1);
		transform-origin: center center;
		-webkit-transform: translate(0, 0) scale(1);
		-moz-transform: translate(0, 0) scale(1);
		-ms-transform: translate(0, 0) scale(1);
		-o-transform: translate(0, 0) scale(1)
	}
}

@keyframes headerdescription {
	0% {
		opacity: 0;
		transform: translate(0, 80%) scale(1);
		transform-origin: center center;
		-webkit-transform: translate(0, 80%) scale(1);
		-moz-transform: translate(0, 80%) scale(1);
		-ms-transform: translate(0, 80%) scale(1);
		-o-transform: translate(0, 80%) scale(1)
	}

	50% {
		opacity: 0;
		transform: translate(0, 80%) scale(1);
		transform-origin: center center;
		-webkit-transform: translate(0, 80%) scale(1);
		-moz-transform: translate(0, 80%) scale(1);
		-ms-transform: translate(0, 80%) scale(1);
		-o-transform: translate(0, 80%) scale(1)
	}

	100% {
		opacity: 1;
		transform: translate(0, 0) scale(1);
		transform-origin: center center;
		-webkit-transform: translate(0, 0) scale(1);
		-moz-transform: translate(0, 0) scale(1);
		-ms-transform: translate(0, 0) scale(1);
		-o-transform: translate(0, 0) scale(1)
	}
}

@-webkit-keyframes headerbtn {
	0% {
		opacity: 0;
		transform: translate(0, 80%) scale(1);
		transform-origin: center center;
		-webkit-transform: translate(0, 80%) scale(1);
		-moz-transform: translate(0, 80%) scale(1);
		-ms-transform: translate(0, 80%) scale(1);
		-o-transform: translate(0, 80%) scale(1)
	}

	50% {
		opacity: 0;
		transform: translate(0, 80%) scale(1);
		transform-origin: center center
	}

	100% {
		opacity: 1;
		transform: translate(0, 0) scale(1);
		transform-origin: center center;
		-webkit-transform: translate(0, 0) scale(1);
		-moz-transform: translate(0, 0) scale(1);
		-ms-transform: translate(0, 0) scale(1);
		-o-transform: translate(0, 0) scale(1)
	}
}

@keyframes headerbtn {
	0% {
		opacity: 0;
		transform: translate(0, 80%) scale(1);
		transform-origin: center center;
		-webkit-transform: translate(0, 80%) scale(1);
		-moz-transform: translate(0, 80%) scale(1);
		-ms-transform: translate(0, 80%) scale(1);
		-o-transform: translate(0, 80%) scale(1)
	}

	50% {
		opacity: 0;
		transform: translate(0, 80%) scale(1);
		transform-origin: center center
	}

	100% {
		opacity: 1;
		transform: translate(0, 0) scale(1);
		transform-origin: center center;
		-webkit-transform: translate(0, 0) scale(1);
		-moz-transform: translate(0, 0) scale(1);
		-ms-transform: translate(0, 0) scale(1);
		-o-transform: translate(0, 0) scale(1)
	}
}

.box-max-300 {
	/*! max-width: 300px; */
}

.box-max-500 {
	/*! max-width: 500px; */
}

.box-max-700 {
	max-width: 700px
}

.box-max-800 {
	max-width: 800px
}

.h15vh {
	height: 15vw;
	min-height: 180px
}

.h20vh {
	height: 25vw;
	min-height: 250px
}

.h30vh {
	/*! height: 25vw; */
	/*! min-height: 350px; */
	/*! max-height: 450px */
	padding-bottom: 46px;
}

.h35vh {
	height: 35vw;
	min-height: 400px;
	max-height: 550px
}

.h40vh {
	height: 40vw;
	min-height: 300px
}

.h50vh {
	height: 50vw;
	min-height: 400px
}

.h60vh {
	height: 60vw;
	min-height: 500px
}

.h70vh {
	height: 60vh;
	min-height: 600px
}

.id-dark-box-img {
	color: #fff
}

.id-dark-box {
	background-color: #212121;
	color: #fff
}

.id-middark-box {
	background-color: #2b2b2b;
	color: #fff
}

.id-red-box {
	background-color: #1843a4;
	color: #fff !important
}

.id-white-box {
	background-color: #fff;
	color: #212121
}

.id-grey-box {
	background-color: #1843a4c9;
	color: #fff
}

.color-id-white {
	color: #fff !important
}

.color-id-red {
	color: #cd3e3a !important
}

.color-id-grey {
	color: #878787 !important
}

.id-icon {
	text-decoration: none !important;
	color: #fff
}

.btn-dark-bg {
	transition-duration: .5s;
	font-size: 9pt;
	font-weight: 400;
	letter-spacing: .3em;
	border: 1px #1843a4 solid;
	cursor: pointer;
	padding-right: 3rem;
	padding-left: 3rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	text-align: center;
	color: #fffeff !important;
	text-decoration: none;
	max-height: 60px;
	display: inline-block;
	background: #1843a4
}

.btn-dark-bg:hover {
	transition-duration: .5s;
	font-size: 9pt;
	font-weight: 400;
	border: 1px #fffeff solid;
	cursor: pointer;
	padding-right: 3rem;
	padding-left: 3rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	text-align: center;
	color: #161616 !important;
	background-color: #fffeff;
	text-decoration: none;
	max-height: 60px
}

.btn-white-bg {
	transition-duration: .5s;
	font-size: 9pt;
	font-weight: 400;
	letter-spacing: .3em;
	border: 1px #161616 solid;
	cursor: pointer;
	padding-right: 3rem;
	padding-left: 3rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	text-align: center;
	color: #161616;
	text-decoration: none;
	max-height: 60px;
	display: inline-block;
	margin-bottom: 1rem;
	background-color: #fffeff
}

.btn-white-bg:hover {
	transition-duration: .5s;
	font-size: 9pt;
	font-weight: 400;
	border: 1px #fffeff solid;
	cursor: pointer;
	padding-right: 3rem;
	padding-left: 3rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	text-align: center;
	color: #fffeff;
	background-color: #161616;
	text-decoration: none;
	max-height: 60px
}

.logo {
	width: 323px;
	position: relative;
	margin-bottom: 15px;
}

.head {
	position: absolute;
	z-index: 200;
	height: 80px;
	color: #dedddf;
	display: inline-block
}

.text-title {
	transition-duration: .5s;
	font-size: 4rem;
	font-weight: 400;
	margin-bottom: 1rem
}



@keyframes menubtn1 {
	0% {
		opacity: 0;
		transform: translateY(100%);
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%)
	}

	50% {
		opacity: 0;
		transform: translateY(100%);
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%)
	}

	100% {
		opacity: 1;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0)
	}
}

@keyframes menubtn2 {
	0% {
		opacity: 0;
		transform: translateY(100%);
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%)
	}

	60% {
		opacity: 0;
		transform: translateY(100%);
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%)
	}

	100% {
		opacity: 1;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0)
	}
}

@keyframes menubtn3 {
	0% {
		opacity: 0;
		transform: translateY(100%);
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%)
	}

	70% {
		opacity: 0;
		transform: translateY(100%);
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%)
	}

	100% {
		opacity: 1;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0)
	}
}

@keyframes menubtn4 {
	0% {
		opacity: 0;
		transform: translateY(100%);
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%)
	}

	80% {
		opacity: 0;
		transform: translateY(100%);
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%)
	}

	100% {
		opacity: 1;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0)
	}
}

@keyframes menubtn5 {
	0% {
		opacity: 0;
		transform: translateY(100%);
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%)
	}

	90% {
		opacity: 0;
		transform: translateY(100%);
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%)
	}

	100% {
		opacity: 1;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0)
	}
}

@keyframes menutext1 {
	0% {
		opacity: 0;
		transform: translateY(-100%);
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%)
	}

	90% {
		opacity: 0;
		transform: translateY(-100%);
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%)
	}

	100% {
		opacity: 1;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0)
	}
}

@keyframes menutext2 {
	0% {
		opacity: 0;
		transform: translateY(100%);
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%)
	}

	90% {
		opacity: 0;
		transform: translateY(100%);
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%)
	}

	100% {
		opacity: 1;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0)
	}
}

.hover-text-project {
	text-decoration: none
}

.normal,
.project-box {
	background-repeat: no-repeat;
	background-attachment: fixed;
	overflow: hidden;
	text-decoration: none;
	cursor: pointer
}

.project-box img {
	transition-duration: .4s;
	max-width: 100%;
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
	position: absolute;
	transform-origin: center bottom;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.06);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1)
}

.project-box:hover img {
	transform: scale(1);
	filter: grayscale(100%);
	transform-origin: center center;
	opacity: .1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-filter: grayscale(100%)
}

.normal:hover img {
	filter: none !important
}

.project-box .id-h2,
.project-box .id-h7 {
	opacity: 0;
	transition-duration: .4s;
	transform: translatey(-300%);
	-webkit-transform: translatey(-300%);
	-moz-transform: translatey(-300%);
	-ms-transform: translatey(-300%);
	-o-transform: translatey(-300%)
}

.project-box:hover .id-h2,
.project-box:hover .id-h7 {
	opacity: 1;
	transform: translatey(0);
	-webkit-transform: translatey(0);
	-moz-transform: translatey(0);
	-ms-transform: translatey(0);
	-o-transform: translatey(0)
}

.project-box .p-text {
	opacity: 0;
	transition-delay: .2s;
	transition-duration: .4s;
	transform: translatey(-50%);
	-webkit-transform: translatey(-50%);
	-moz-transform: translatey(-50%);
	-ms-transform: translatey(-50%);
	-o-transform: translatey(-50%)
}

.project-box:hover .p-text {
	opacity: 1;
	transform: translatey(0);
	-webkit-transform: translatey(0);
	-moz-transform: translatey(0);
	-ms-transform: translatey(0);
	-o-transform: translatey(0)
}

.zi100 {
	z-index: 100
}

@keyframes slide1 {
	0% {
		opacity: 0
	}

	6.25% {
		opacity: 1
	}

	31.25% {
		opacity: 1
	}

	37.25% {
		opacity: 0
	}

	62.50% {
		opacity: 0
	}

	68.75% {
		opacity: 0
	}

	93.75% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

@keyframes slide2 {
	0% {
		opacity: 0
	}

	6.25% {
		opacity: 0
	}

	31.25% {
		opacity: 0
	}

	37.25% {
		opacity: 1
	}

	62.50% {
		opacity: 1
	}

	68.75% {
		opacity: 0
	}

	93.75% {
		opacity: 0
	}

	100% {
		opacity: 0
	}
}

@keyframes slide3 {
	0% {
		opacity: 1
	}

	6.25% {
		opacity: 0
	}

	31.25% {
		opacity: 0
	}

	37.25% {
		opacity: 0
	}

	62.50% {
		opacity: 0
	}

	68.75% {
		opacity: 1
	}

	93.75% {
		opacity: 1
	}

	100% {
		opacity: 1
	}
}

.followbtn {
	transition-duration: .6s;
	font-size: 10pt;
	font-weight: 400;
	color: #fffeff;
	text-decoration: none !important;
	text-align: center;
	background-color: #222;
	height: 50px;
	padding: 18px
}

.followbtn:hover {
	color: #222;
	background-color: #fffeff
}

.emblem-footer {
	height: 70px
}

.footer-btn {
	transition-duration: .6s;
	color: #fffeff
}

.footer-btn:hover {
	transition-duration: .6s;
	color: #cd3e3a
}

.footer-element {
	height: 250px
}

.final-footer {
	height: 249px;
}

@media only screen and (max-width:991px) {
	.id-h2 {
		font-size: .8rem
	}
}

@media only screen and (max-width:991px) {
	.id-h3 {
		font-size: 1.9rem
	}
}

@media only screen and (max-width:991px) {
	.id-h4 {
		font-size: 2.2rem
	}
}

@media only screen and (max-width:991px) {
	.id-h5 {
		font-size: 1.5rem;
		line-height: 2rem
	}
}

@media only screen and (max-width:991px) {
	.p-text {
		font-size: .8rem
	}
}

@media only screen and (max-width:991px) {
	.text-title {
		font-size: 2.5rem;
		font-weight: 400
	}
}

@media only screen and (max-width:991px) {
	.box-max-300 {
		max-width: 100%
	}
}