.loader-wrapper{
	position: fixed;
	z-index: 20;
	background-color: #000;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	color:white;
}
.loader-wrapper .loader{
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%)
}
.loader-wrapper span{
	position: absolute;
	top: 60%;
	left: 50%;
	transform:translate(-50%,0%);
	font-size:30px;
	
}
@keyframes moveToLeft{
	from{
		left: -100px;
		opacity: 0;
	}
	to{
		left: 0;
		opacity: 1;
	}
}
@keyframes moveToRight{
	from{
		right: -100px;
		opacity: 0;
	}
	to{
		right: 0;
		opacity: 1;
	}
}
body{
	overflow-x: hidden;	
	position: relative;
}
.bg-dark{
	background-color: transparent !important;
}
.bar{
	display: block;
	width: 25px;
	margin-top: 8px;
	height: 5px;
	background-color: #fff;
	margin-bottom: 4px;
	transition: 0.6s ease;
}
.bar:first-child,.bar:last-child{
	transition-duration: 0.4s;
}
.bar-first{
	transform:rotate(330deg)  translate(-6px,2.5px);
}
.bar-second{
	transform:scaleX(1.3) rotate(180deg);
}
.bar-last{
	transform:rotate(210deg)  translate(7px,2.5px);
}
nav{
	background-color: #191919 !important;
	top: 0;
	z-index: 3;
	position: fixed !important;
	transition: 0.6s ease;
}
.fixed{
	background-color: #191919 !important;
	z-index:50;
}
.nav-link:hover span{
	border-bottom:solid 3px green;
}
.nav-link>span{
	border-bottom:solid 3px transparent;
}
.nav-link span.fa{
	border:none;
}
.active span{
	border-bottom:solid 3px green;
	transition: 0.6s ease;
}
.nav-link{
	position: relative;
}
.nav-link span.new{
	position: absolute;
	top: 10px;
	right: 0;
	background-color: red;
	color:white;
	font-size:10px;
	padding: 2px 5px;
	border-radius: 3px;	
	transition: 0.6s ease;
	border:none;
}
/*.nav-link span.new:hover{
	background-color: #200;	
}*/
nav>.row,.navbar-collapse,.navbar-nav,.nav-item{
	background-color: inherit !important;
}
.dropdown-toggle{
	position: relative;
}
.dropdown-menu{
	background-color: inherit !important;
	border:none;	
	padding: 0;
}
.navbar-expand-md .navbar-nav .dropdown-menu{
	left: 28%;
}
.dropdown-item:first-child{
	border-top: solid 2px green;
}
.dropdown-item{
	color:white;
	background: rgba(0,0,0,0.2);
	border-bottom: solid 2px green;
	padding: 20px 20px;
	font-size:18px;
	font-weight: bold;	
	background-color: inherit;
	position: relative;
}
.dropdown-item span.fa{
	font-size:12px;
	position: absolute;
	right:5px;
	top:50%;
	transform: translateY(-50%);
}
.dropdown-item .submenu{
	position: absolute;
		display: none;
	left: 100%;
	top: 50%;	
	padding: 0;
	background-color: inherit;
}
.dropdown-item .submenu .submenu-item:first-child{
	border-top: solid 2px green;
}
.dropdown-item .submenu .submenu-item{
	list-style-type: none;
	color:white;
	background: rgba(0,0,0,0.2);
	border-bottom: solid 2px green;
	padding: 20px 40px;
	font-size:18px;
	font-weight: bold;	
	background-color: inherit;
	
}
.swiper-container {
  width: 100%;
  height: 100vh;      
}
.swiper-slide {
  background-position: center;
  background-size: cover;
  width: 100%;
  height: auto;
}

.swiper-slide{
	position: relative;
}
.caption{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color:white;
	width: 100%;
	padding-left: 140px;
	padding-right: 140px;
}
.caption-heading{
	font-size:60px;
	text-align: center;
}
.caption-text{
	margin-top: 40px;
	text-align: center;
	font-size:20px;
	margin-bottom: 50px;
}
.hvr-custom{
	position: relative;
	overflow: hidden;
}
.hvr-custom .text{
	opacity: 0;
	position: absolute;
	z-index: 2;
	left: 48px;
	color:black;
	
}
.hvr-custom:hover .text{
	opacity: 1;
	transition: all 0.6s 1.2s;
}
.hvr-custom:hover::after,.hvr-custom:hover::before{
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	transition: top 0.6s ease,left 0.6s ease,padding 0.6s 1s ease;
	padding: 130px;
}
.hvr-custom::before,.hvr-custom::after{
	content: '';
	display: block;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	background-color: aqua;
	position: absolute;	
}
.hvr-custom::before{
	left: -50%;
}
.hvr-custom::after{
	left: 150%;
	top: 0;
}
.btn-danger{
	border-color:white;
	border-width: 2px;
	background: transparent;
}
.btn-danger:hover{
	background-color: transparent;
	color:black;
	border-color:white;
}
.btn-danger::before,.btn-danger::after{
	background-color: #fff;
}
/*.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	background: none;
}*/
.dropdown-item.active, .dropdown-item:active,.dropdown-item:focus, .dropdown-item:hover{
	background-color: black;
	color:white;
}
.caption-heading,.caption-text,.caption a.btn{
	opacity: 0;
	transition: 0.6s ease 1s;
}
.caption-text{
	transition: 0.6s ease 2s;
}
.caption a.btn{
	transition: 0.6s ease 3s;
}
.counters-wrapper{
	background-color: #dfdfdf;
}
.counter img{
	width: 120px;
	height: 120px;
}
.counter span{
	font-size:50px;
	font-weight: bold;
}
.theme img{
	width: 100%;
	height: auto;
}
.green{
	color:green;
}
.theme-caption-wrapper h2{
	font-size: 52px;	
}
.theme-caption-wrapper h2::after{
	content: '';
	width: 60px;		
	height: 2px;	
	background-color: green;
	display: block;
	margin: 35px auto;
}
.theme-caption-wrapper p{	
	font-size: 30px;
}
.theme:hover .theme-caption{
	color:green;
}
.theme{
	position: relative;	
	border-radius: 10px;
	overflow: hidden;
	background-color: #efefef;
	box-shadow: 0 0 8px 0px rgba(0,0,0,0.4);
}
.theme:hover{
	box-shadow: 0 0 10px 1px rgba(0,0,0,0.4);
}
.theme .over{	
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);		
	position: relative;
	overflow: hidden;
	transition: 0.6s ease;
	cursor: pointer;
}
.theme .over .after{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);
	top: 100%;	
	display: block;
	left: 0;
	transition: 0.6s ease;
}
.theme .over .after span.fa{
	color:white;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size:20px;
	background-color: #00422A;
	padding: 10px;
	border-radius: 10px;
}
.theme:hover .over .after{
	top: 0;
}
.theme:hover .over{
	transform: translateY(-20px);
}
.theme-caption{
	font-size:22px;
	margin-top: 20px;
}
.iso-wrapper{
	background-color: #dfdfdf;
}
.iso-wrapper .nav-item .nav-link{
	color:black;
	border-bottom:solid 1px #999;
	font-size:20px;
}
.nav-item.active .nav-link{
	color:green;	
}
.dropdown-menu{
	background-color: #333 !important;
}
.feature-wrapper{
	text-align: center;
	position: relative;
	opacity: 0;
}
.animate-left{
	animation: moveToLeft 1.5s;	
	animation-fill-mode: both;	
	animation-iteration-count: 1;
}
.animate-right{
	animation: moveToRight 1.5s;	
	animation-fill-mode: both;	
	animation-iteration-count: 1;
}
.feature-img-wrapper{
	width: 100px;
	height: 100px;
	background-color: #dfdfdf;
	border-radius: 50%;
	text-align: center;
	line-height: 100px;
	margin: 20px auto;
}
#gradient{
	background:linear-gradient(90deg, rgba(75,171,251,1) 0%, rgba(199,249,57,1) 100%);
}
#gradient p{
	font-size:36px;
}
.review{
	background-color: #f0f0f0;
	border-radius: 10px;
	box-shadow: 0 0 8px 1px rgba(0,0,0,0.5);
}
.review span.text-secondary{
	font-size:18px;	
}
.like-box span.border{	
	padding: 1px;
	border:solid 2px #ccc !important;
	border-radius: 5px;
}
.grids-text{	
	padding-top: 200px !important;
}
.grids-img-wrapper{
	position: relative;
	overflow: hidden;
	padding-bottom: 200px;
	padding-top: 200px;
}
.grids-img-wrapper img{
	position: absolute;
	width: 400px;
	height: auto;
	top: 200%;
	left: -5%;
	z-index:1;	
}
.grids-img-wrapper img:first-child{
	left:50%;
	z-index: 4;
}
.grids-img-wrapper img:nth-child(2){
	left:50%;
	transform: translateX(-50%);
	z-index:0;
}
.grids-img-wrapper img:nth-child(3){
	left:50%;
	transform: translateX(-50%);
	z-index: 2;
}
.footer-wrapper{
	background: radial-gradient(circle, rgba(28,123,9,1) 31%, rgba(4,15,1,1) 93%);
}
.bg-img{
	background:url(../img/texture.png);
}
.info-list li{
	list-style-type: none;
	margin-top: 15px;
}
.info-list li a{
	color:white;
}
.info-list li a:hover{
	text-decoration: none;
}
.info-heading{
	padding-left: 1.2em;
}
.contact-info-heading{
	margin-bottom: 10px;
}
.contact-info ul,.contact-info-heading {
	padding: 0;
}
.contact-info li{
	margin-top: 0;
	margin-bottom: 20px;
}
.social-wrapper{
	position: relative;
}
.social-wrapper ul{
	display: flex;
	justify-content: flex-start;
	list-style: none;
	padding: 0;
}
.scroll-top{
	display: inline-block;
	position: fixed;
	bottom: 20px;
	right: 20px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background:linear-gradient(to bottom right,#251,#5f2,#251);
	padding: 20px;
	color:white;
	cursor: pointer;
}

.socialnetwork svg{
	width: 60px;
	height: 60px;
}

.socialnetwork svg .picto{
	fill: transparent;

	transition: fill 0.3s ease-out;
}

.socialnetwork:hover svg .picto{
	fill: rgba(255, 220, 26, 1);
}

.socialnetwork svg .square{
	fill: #E1D9A5;

	transition: fill 0.3s ease-out;
}

.socialnetwork:hover svg .square{
	fill: transparent;
}

.socialnetwork svg .border{
	fill: transparent;

	transition: fill 0.3s ease-out;
}

.socialnetwork:hover svg .border{
	stroke-dasharray: 50;
	stroke: rgba(255, 220, 26, 1);
	stroke-width: 5px;
	stroke-dashoffset: 1000;
	animation: dash 5s linear infinite;
}

.social-wrapper li{
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}
.social-wrapper li:nth-child(2) {
	transform: scale(0.8) ;
}
.social-wrapper li:nth-child(3) {
	transform: scale(0.8) ;
}
.social-wrapper li:nth-child(4) {
	transform: scale(0.8) ;
}
.social-wrapper li:nth-child(5) {
	transform: scale(0.8) ;
}
@keyframes dash{
	to{
		stroke-dashoffset: 0;
	}
}
@media only screen and (max-width: 992px){
	.navbar-dark{
		background-color: #191919 !important;
	}
}
@media only screen and (max-width:800px){	
	.caption{
		padding: 0 !important;
	}
	.caption .btn-danger.ml-4{
		margin: 10px 0 !important;		
	}
	.caption>a{
		
	}
	.caption .caption-heading{
		font-size:30px;
		padding-right: 50px;
		padding-left: 50px;
	}
	.caption .caption-text{
		margin-top: 20px !important;
		margin-bottom: 20px !important;		
		font-size:16px;
		padding-right: 50px;
		padding-left: 50px;
	}
}
@media only screen and (max-width:576px)
{
	.logo-wrapper{
		transform: translateX(-150%);
	}
}

/*********************/


.cssload-thecube {
	width: 73px;
	height: 73px;
	margin: 0 auto;
	margin-top: 49px;
	position: relative;
	transform: rotateZ(45deg);
		-o-transform: rotateZ(45deg);
		-ms-transform: rotateZ(45deg);
		-webkit-transform: rotateZ(45deg);
		-moz-transform: rotateZ(45deg);
}
.cssload-thecube .cssload-cube {
	position: relative;
	transform: rotateZ(45deg);
		-o-transform: rotateZ(45deg);
		-ms-transform: rotateZ(45deg);
		-webkit-transform: rotateZ(45deg);
		-moz-transform: rotateZ(45deg);
}
.cssload-thecube .cssload-cube {
	float: left;
	width: 50%;
	height: 50%;
	position: relative;
	transform: scale(1.1);
		-o-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
}
.cssload-thecube .cssload-cube:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(43,160,199);
	animation: cssload-fold-thecube 2.76s infinite linear both;
		-o-animation: cssload-fold-thecube 2.76s infinite linear both;
		-ms-animation: cssload-fold-thecube 2.76s infinite linear both;
		-webkit-animation: cssload-fold-thecube 2.76s infinite linear both;
		-moz-animation: cssload-fold-thecube 2.76s infinite linear both;
	transform-origin: 100% 100%;
		-o-transform-origin: 100% 100%;
		-ms-transform-origin: 100% 100%;
		-webkit-transform-origin: 100% 100%;
		-moz-transform-origin: 100% 100%;
}
.cssload-thecube .cssload-c2 {
	transform: scale(1.1) rotateZ(90deg);
		-o-transform: scale(1.1) rotateZ(90deg);
		-ms-transform: scale(1.1) rotateZ(90deg);
		-webkit-transform: scale(1.1) rotateZ(90deg);
		-moz-transform: scale(1.1) rotateZ(90deg);
}
.cssload-thecube .cssload-c3 {
	transform: scale(1.1) rotateZ(180deg);
		-o-transform: scale(1.1) rotateZ(180deg);
		-ms-transform: scale(1.1) rotateZ(180deg);
		-webkit-transform: scale(1.1) rotateZ(180deg);
		-moz-transform: scale(1.1) rotateZ(180deg);
}
.cssload-thecube .cssload-c4 {
	transform: scale(1.1) rotateZ(270deg);
		-o-transform: scale(1.1) rotateZ(270deg);
		-ms-transform: scale(1.1) rotateZ(270deg);
		-webkit-transform: scale(1.1) rotateZ(270deg);
		-moz-transform: scale(1.1) rotateZ(270deg);
}
.cssload-thecube .cssload-c2:before {
	animation-delay: 0.35s;
		-o-animation-delay: 0.35s;
		-ms-animation-delay: 0.35s;
		-webkit-animation-delay: 0.35s;
		-moz-animation-delay: 0.35s;
}
.cssload-thecube .cssload-c3:before {
	animation-delay: 0.69s;
		-o-animation-delay: 0.69s;
		-ms-animation-delay: 0.69s;
		-webkit-animation-delay: 0.69s;
		-moz-animation-delay: 0.69s;
}
.cssload-thecube .cssload-c4:before {
	animation-delay: 1.04s;
		-o-animation-delay: 1.04s;
		-ms-animation-delay: 1.04s;
		-webkit-animation-delay: 1.04s;
		-moz-animation-delay: 1.04s;
}



@keyframes cssload-fold-thecube {
	0%, 10% {
		transform: perspective(136px) rotateX(-180deg);
		opacity: 0;
	}
	25%,
				75% {
		transform: perspective(136px) rotateX(0deg);
		opacity: 1;
	}
	90%,
				100% {
		transform: perspective(136px) rotateY(180deg);
		opacity: 0;
	}
}

@-o-keyframes cssload-fold-thecube {
	0%, 10% {
		-o-transform: perspective(136px) rotateX(-180deg);
		opacity: 0;
	}
	25%,
				75% {
		-o-transform: perspective(136px) rotateX(0deg);
		opacity: 1;
	}
	90%,
				100% {
		-o-transform: perspective(136px) rotateY(180deg);
		opacity: 0;
	}
}

@-ms-keyframes cssload-fold-thecube {
	0%, 10% {
		-ms-transform: perspective(136px) rotateX(-180deg);
		opacity: 0;
	}
	25%,
				75% {
		-ms-transform: perspective(136px) rotateX(0deg);
		opacity: 1;
	}
	90%,
				100% {
		-ms-transform: perspective(136px) rotateY(180deg);
		opacity: 0;
	}
}

@-webkit-keyframes cssload-fold-thecube {
	0%, 10% {
		-webkit-transform: perspective(136px) rotateX(-180deg);
		opacity: 0;
	}
	25%,
				75% {
		-webkit-transform: perspective(136px) rotateX(0deg);
		opacity: 1;
	}
	90%,
				100% {
		-webkit-transform: perspective(136px) rotateY(180deg);
		opacity: 0;
	}
}

@-moz-keyframes cssload-fold-thecube {
	0%, 10% {
		-moz-transform: perspective(136px) rotateX(-180deg);
		opacity: 0;
	}
	25%,
				75% {
		-moz-transform: perspective(136px) rotateX(0deg);
		opacity: 1;
	}
	90%,
				100% {
		-moz-transform: perspective(136px) rotateY(180deg);
		opacity: 0;
	}
}