html,
body{
    height: 100%;
    width: 100%;
	display: flex;
	background: #ebebeb;
	align-items: center;
	font-family: 'Roboto', sans-serif;
}
.container-h100 {
	min-height:100%;
	font-family: 'Roboto', sans-serif;
}
.btn-lang {
  width: 170px;
	font-size: 16px;
	max-width: 100%;
	height: 40px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: #000;
	font-weight: bold;
	font-family: iCiel Century Gothic Pro,'sans-serif';
	background:#fff;
}

.btn-lang {
	margin-bottom: 15px;
}

@media(max-width:767px) {
	.btn-lang {
		width: 140px;
		font-size: 14px;
		height: auto;
	}
}

@media(max-width:380px) {
	.btn-lang {
		width: 100%;
		font-size: 14px;
		height: auto;
	}
}

.btn-lang:hover {
	border-color:#000 !important;
	background: #000 !important;
	color:#fff !important;
}
.btn-lang:hover span{
	color:#fff !important;
}

ul.list-social {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.list-social li {

	margin: 0 3px;

	color: #000;
	transition: all 170ms ease-in-out;
}

ul.list-social li a {
	width: 30px;
	height: 30px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	color: #000;
	border-radius: 50%;
	font-size: 13px;
	transition: all 170ms ease-in-out;
	border: 0;
	text-decoration: none;
	padding:6px;
}
ul.list-social li a img {
	max-width: 100%;
}
ul.list-social li a i.fa-brands.fa-facebook-f {
	font-size: 13px;
}

ul.list-social:hover li a {
	opacity: .4;
}

ul.list-social li:hover a {
	background: #222;
	opacity: 1;
	color: #fff !important;
}

.image-link img {
	transition: all 0.3s;
	transform: scale(1);
}

.image-link:hover img {
	transform: scale(1.03);
}

.logo-image {
	display: inline-block;
	position: relative;
}

.logo-image img {
	width: 350px;
	max-width: 100%;
	height:auto;
}

/* ====================== [ Start Preloader ] ====================== */
.pace {
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 99999999999999;
	position: fixed;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 400px;
	border: 0px;
	height: 1px;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.05);
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.pace .pace-progress {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	max-width: 300px;
	position: fixed;
	z-index: 99999999999999;
	display: block;
	position: absolute;
	top: 0;
	right: 100%;
	height: 100%;
	width: 100%;
	background: #000000;
	background: -webkit-gradient(linear, left top, right top, from(#444), color-stop(#ffffff), to(#4a4a4a));
	background: -webkit-linear-gradient(left, #444, #ffffff, #4a4a4a);
	background: -o-linear-gradient(left, #444, #ffffff, #4a4a4a);
	background: linear-gradient(to right, #444, #ffffff, #4a4a4a);
}

.pace.pace-inactive {
	width: 100vw;
	opacity: 0;
}

.pace.pace-inactive .pace-progress {
	max-width: 100vw;
}

#preloader {
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position: fixed;
	z-index: 9999999;
}

#preloader:after,
#preloader:before {
	content: '';
	position: fixed;
	left: 0;
	height: 50%;
	width: 100%;
	background: #ffffff;
	-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

#preloader:before {
	top: 0;
}

#preloader:after {
	bottom: 0;
}

#preloader.isdone {
	visibility: hidden;
	-webkit-transition-delay: 0.5s
	-o-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

#preloader.isdone:after,
#preloader.isdone:before {
	height: 0;
	-webkit-transition: all 0.7s cubic-bezier(1, 0, 0.55, 1);
	-o-transition: all 0.7s cubic-bezier(1, 0, 0.55, 1);
	transition: all 0.7s cubic-bezier(1, 0, 0.55, 1);
	-webkit-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.loading {
	color: #fff;
	position: fixed;
	left: 0;
	top: calc(50% - 90px);
	font-weight: 300;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 10px;
	z-index: 9999999999;
	display:block;
}

.loading.isdone {
	top: 50%;
	opacity: 0;
	-webkit-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s;
	-webkit-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s;
	visible:hidden;
	z-index:-1;
}
.loading img {
	width: 220px !important;
	height: auto !important;
}
.loading span {
	-webkit-animation: loading 0.5s infinite alternate;
	animation: loading 0.5s infinite alternate;
}

.loading span:nth-child(1) {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}

.loading span:nth-child(2) {
	-webkit-animation-delay: 0.0.5s;
	animation-delay: 0.0.5s;
}

.loading span:nth-child(3) {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

.loading span:nth-child(4) {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

.loading span:nth-child(5) {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

.loading span:nth-child(6) {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

.loading span:nth-child(7) {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}

@-webkit-keyframes loading {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes loading {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-webkit-keyframes fixedAnim {
	0% {
		right: 125%;
	}

	125% {
		right: 0;
	}
}

@-moz-keyframes fixedAnim {
	0% {
		right: 125%;
	}

	125% {
		right: 0;
	}
}

@keyframes fixedAnim {
	0% {
		right: 125%
	}

	125% {
		right: 0;
	}
}

.effect {
	display: block;
	overflow: hidden;
	position: relative;
}

.effect::before {
	background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%) repeat scroll 0 0;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	right: -75%;
	top: 0;
	transform: skewX(-25deg);
	width: 50%;
	z-index: 2;
}

.effect:hover::before {
	animation: 0.5s ease 0s normal none 1 running fixedAnim;
	animation: 0.5s ease 0s normal none 1 running fixedAnim;
	-webkit-animation: 0.5s ease 0s normal none 1 running fixedAnim;
	-moz-animation: 0.5s ease 0s normal none 1 running fixedAnim;
}

/* ====================== [ End Preloader ] ====================== */
.btn-effect {
	position: relative;
	overflow: hidden;
}

.btn-effect>span:after,
.btn-effect>span:before {
	background-color: #ffffff;
	content: "";
	height: 100%;
	left: -110%;
	opacity: 0.12;
	position: absolute;
	top: 0;
	transform: skewX(25deg);
	-o-transform: skewX(25deg);
	-ms-transform: skewX(25deg);
	-webkit-transform: skewX(25deg);
	-ms-transform: skewX(25deg);
	transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	width: 100%;
	z-index: 1;
}

.btn-effect-white>span:after,
.btn-effect-white>span:before {
	background-color: #000000;
}

.btn-effect:hover>span:before,
.btn-effect:hover>span:hover:before {
	left: -10%;
	transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-webkit-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	-ms-transition: all .3s ease 0s;
}

.btn-effect:hover>span:after,
.btn-effect:hover>span:after {
	left: -20%;
}
.jarallax-keep-img{position:relative;z-index:0}
.jarallax-keep-img>.jarallax-img{position:absolute;object-fit:cover;top:0;left:0;width:100%;height:100%;z-index:-1}

#stars-js {
	position: fixed;
	width: 100%;
	height: 100%;
	min-height: 100vh;
	background-color: transparent;
	z-index: 1000;
	pointer-events: none;
}