.displaynone{

	display: none !important;

}

/* 10 - Preloader

---------------------------------------------------------------------- */

#preloader{

	position: fixed;

	width: 100%;

	background: rgba(255,255,255,.97);

	height: 100%;

	z-index: 99999999999;



}



#loader {

 	position: absolute;

 	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	width: 175px;

	height: 175px;

	margin: auto;

}

#loader .dot {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	width: 87.5px;

	height: 100%;

	margin: auto;

}

#loader .dot:before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	width: 87.5px;

	height: 87.5px;

	border-radius: 100%;

	-webkit-transform: scale(0);

	   -moz-transform: scale(0);

	    -ms-transform: scale(0);

	     -o-transform: scale(0);

	        transform: scale(0);

}

#loader .dot:nth-child(7n+1) {

	-webkit-transform: rotate(45deg);

	   -moz-transform: rotate(45deg);

	    -ms-transform: rotate(45deg);

	     -o-transform: rotate(45deg);

	        transform: rotate(45deg);

}

#loader .dot:nth-child(7n+1):before {

	background: #00ff80;

	-webkit-animation: load 0.8s linear 0.1s infinite;

	   -moz-animation: load 0.8s linear 0.1s infinite;

	    -ms-animation: load 0.8s linear 0.1s infinite;

	     -o-animation: load 0.8s linear 0.1s infinite;

	        animation: load 0.8s linear 0.1s infinite;

}

#loader .dot:nth-child(7n+2) {

	-webkit-transform: rotate(90deg);

	   -moz-transform: rotate(90deg);

	    -ms-transform: rotate(90deg);

	     -o-transform: rotate(90deg);

	        transform: rotate(90deg);

}

#loader .dot:nth-child(7n+2):before {

background: #00ffea;

	-webkit-animation: load 0.8s linear 0.2s infinite;

	   -moz-animation: load 0.8s linear 0.2s infinite;

	    -ms-animation: load 0.8s linear 0.2s infinite;

	     -o-animation: load 0.8s linear 0.2s infinite;

	        animation: load 0.8s linear 0.2s infinite;

}

#loader .dot:nth-child(7n+3) {

	-webkit-transform: rotate(135deg);

	   -moz-transform: rotate(135deg);

	    -ms-transform: rotate(135deg);

	     -o-transform: rotate(135deg);

	        transform: rotate(135deg);

}

#loader .dot:nth-child(7n+3):before {

background: #00aaff;

	-webkit-animation: load 0.8s linear 0.3s infinite;

	   -moz-animation: load 0.8s linear 0.3s infinite;

	    -ms-animation: load 0.8s linear 0.3s infinite;

	     -o-animation: load 0.8s linear 0.3s infinite;

	        animation: load 0.8s linear 0.3s infinite;

}

#loader .dot:nth-child(7n+4) {

	-webkit-transform: rotate(180deg);

	   -moz-transform: rotate(180deg);

	    -ms-transform: rotate(180deg);

	     -o-transform: rotate(180deg);

	        transform: rotate(180deg);

}

#loader .dot:nth-child(7n+4):before {

	background: #0040ff;

	-webkit-animation: load 0.8s linear 0.4s infinite;

	   -moz-animation: load 0.8s linear 0.4s infinite;

	    -ms-animation: load 0.8s linear 0.4s infinite;

	     -o-animation: load 0.8s linear 0.4s infinite;

	        animation: load 0.8s linear 0.4s infinite;

}

#loader .dot:nth-child(7n+5) {

	-webkit-transform: rotate(225deg);

	   -moz-transform: rotate(225deg);

	    -ms-transform: rotate(225deg);

	     -o-transform: rotate(225deg);

	        transform: rotate(225deg);

}

#loader .dot:nth-child(7n+5):before {

	background: #2a00ff;

	-webkit-animation: load 0.8s linear 0.5s infinite;

	   -moz-animation: load 0.8s linear 0.5s infinite;

	    -ms-animation: load 0.8s linear 0.5s infinite;

	     -o-animation: load 0.8s linear 0.5s infinite;

	        animation: load 0.8s linear 0.5s infinite;

}

#loader .dot:nth-child(7n+6) {

	-webkit-transform: rotate(270deg);

	   -moz-transform: rotate(270deg);

	    -ms-transform: rotate(270deg);

	     -o-transform: rotate(270deg);

	        transform: rotate(270deg);

}

#loader .dot:nth-child(7n+6):before {

	background: #9500ff;

	-webkit-animation: load 0.8s linear 0.6s infinite;

	   -moz-animation: load 0.8s linear 0.6s infinite;

	    -ms-animation: load 0.8s linear 0.6s infinite;

	     -o-animation: load 0.8s linear 0.6s infinite;

	        animation: load 0.8s linear 0.6s infinite;

}

#loader .dot:nth-child(7n+7) {

	-webkit-transform: rotate(315deg);

	   -moz-transform: rotate(315deg);

	    -ms-transform: rotate(315deg);

	     -o-transform: rotate(315deg);

	        transform: rotate(315deg);

}

#loader .dot:nth-child(7n+7):before {

	background: magenta;

	-webkit-animation: load 0.8s linear 0.7s infinite;

	   -moz-animation: load 0.8s linear 0.7s infinite;

	    -ms-animation: load 0.8s linear 0.7s infinite;

	     -o-animation: load 0.8s linear 0.7s infinite;

	        animation: load 0.8s linear 0.7s infinite;

}

#loader .dot:nth-child(7n+8) {

	-webkit-transform: rotate(360deg);

	   -moz-transform: rotate(360deg);

	    -ms-transform: rotate(360deg);

	     -o-transform: rotate(360deg);

	        transform: rotate(360deg);

}

#loader .dot:nth-child(7n+8):before {

	background: #ff0095;

	-webkit-animation: load 0.8s linear 0.8s infinite;

	   -moz-animation: load 0.8s linear 0.8s infinite;

	    -ms-animation: load 0.8s linear 0.8s infinite;

	     -o-animation: load 0.8s linear 0.8s infinite;

	        animation: load 0.8s linear 0.8s infinite;

}



@-webkit-keyframes load {

	100% {

		opacity: 0;

		-webkit-transform: scale(1);

	}

}

@-moz-keyframes load  {

	100% {

		opacity: 0;

		-moz-transform: scale(1);

	}

}

@-ms-keyframes load {

	100% {

		opacity: 0;

		-ms-transform: scale(1);

	}

}

@-o-keyframes load {

	100% {

		opacity: 0;

		-o-transform: scale(1);

	}

}

@keyframes load {

	100% {

		opacity: 0;

		transform: scale(1);

	}

}



/* 10 - Preloader End

---------------------------------------------------------------------- */



.bg-primary{



	background-color:#fefefe !important;

	color:#686868!important;

}





.ball-wrapper {

    position: absolute;

    width: 120px;

    height: 300px;

    top: 20%;

}



.ball {

    position: absolute;

    width: 236px;

    height: 342px;

	background-image:url(../images/home/hotAir.png);

  

    -webkit-animation: jump 10s infinite;

    -moz-animation: jump 10s infinite;

    animation: jump 10s infinite;

}



.ball::after {

    content: "";

    position: absolute;

    left: 30px;

    top: 10px;

    

}







/**

 *	animation

 */



@-webkit-keyframes jump {

    0% {

	top: 0;

	-webkit-animation-timing-function: ease-in;

    }

    40% {}

    50% {

	top: 140px;

	//height: 120px;

	-webkit-animtion-timing-function: ease-out;

    }

    55% {

	top: 160px;

	//height: 100px;

	border-radius: 70px/60px;

	-webkit-animation-timing-function: ease-in;

    }

    65% {

	top: 110px;

	//height: 120px;

	border-radius: 0%;

	-webkit-animation-timing-function: ease-out;

    }

    95% {

	top: 0;

	-webkit-animation-timing-function: ease-in;

    }

    100% {

	top: 0;

	-webkit-animation-timing-function: ease-in;

    }

}



@-moz-keyframes jump {

    0% {

	top: 0;

	-moz-animation-timing-function: ease-in;

    }

    40% {}

    50% {

	top: 140px;

	//height: 120px;

	-moz-animtion-timing-function: ease-out;

    }

    55% {

	top: 160px;

	//height: 100px;

	//border-radius: 70px/60px;

	-moz-animation-timing-function: ease-in;

    }

    65% {

	top: 110px;

	//height: 120px;

	//border-radius: 50%;

	-moz-animation-timing-function: ease-out;

    }

    95% {

	top: 0;

	-moz-animation-timing-function: ease-in;

    }

    100% {

	top: 0;

	-moz-animation-timing-function: ease-in;

    }

}





@-webkit-keyframes shrink {

    0% {

	bottom: 0;

	margin-left: -30px;

	width: 60px;

	//height: 75px;

	background: rgba(20, 20, 20, .1);

	box-shadow: 0px 0 20px 35px rgba(20,20,20,.1);

	//border-radius: 30px / 40px;

	-webkit-animation-timing-function: ease-in;

    }

    50% {

	bottom: 30px;

	margin-left: -10px;

	width: 20px;

	//height: 5px;

	background: rgba(20, 20, 20, .3);

	box-shadow: 0px 0 20px 35px rgba(20,20,20,.3);

	//border-radius: 20px / 20px;

	-webkit-animation-timing-function: ease-out;

    }

    100% {

	bottom: 0;

	margin-left: -30px;

	width: 60px;

	//height: 75px;

	background: rgba(20, 20, 20, .1);

	box-shadow: 0px 0 20px 35px rgba(20,20,20,.1);

	//border-radius: 30px / 40px;

	-webkit-animation-timing-function: ease-in;

    }

}

@-moz-keyframes shrink {

    0% {

	bottom: 0;

	margin-left: -30px;

	width: 60px;

	//height: 75px;

	background: rgba(20, 20, 20, .1);

	box-shadow: 0px 0 20px 35px rgba(20,20,20,.1);

	//border-radius: 30px / 40px;

	-moz-animation-timing-function: ease-in;

    }

    50% {

	bottom: 30px;

	margin-left: -10px;

	width: 20px;

	//height: 5px;

	background: rgba(20, 20, 20, .3);

	box-shadow: 0px 0 20px 35px rgba(20,20,20,.3);

	//border-radius: 20px / 20px;

	-moz-animation-timing-function: ease-out;

    }

    100% {

	bottom: 0;

	margin-left: -30px;

	width: 60px;

	//height: 75px;

	background: rgba(20, 20, 20, .1);

	box-shadow: 0px 0 20px 35px rgba(20,20,20,.1);

	//border-radius: 30px / 40px;

	-moz-animation-timing-function: ease-in;

    }

}



/* Move it (define the animation) */

@-moz-keyframes vertically {

 0%   { -moz-transform: translateY(70%); }

 100% { -moz-transform: translateY(0%); }

}

@-webkit-keyframes vertically {

 0%   { -webkit-transform: translateY(70%); }

 100% { -webkit-transform: translateY(0%); }

}

@keyframes vertically {

 0%   { 

 -moz-transform: translateY(70%); /* Browser bug fix */

 -webkit-transform: translateY(70%); /* Browser bug fix */

 transform: translateY(70%); 		

 }

 100% { 

 -moz-transform: translateY(0%); /* Browser bug fix */

 -webkit-transform: translateY(0%); /* Browser bug fix */

 transform: translateY(0%); 

 }

}

.mapboxgl-ctrl-attrib-inner{

	display:none;

}

#map{

	z-index: 3;

	height: 350px;

	width: 100%;

	padding: 0px;

	border-width: 0px;

	margin: 0px;

	left: 0px;

	top: 0px;

}