/* Template: Leno - Mobile App HTML Landing Page Template
   Author: Inovatik
   Created: Mar 2019
   Description: Master CSS file
*/

/*****************************************
Colors:

- Text, navbar links - white #f1f1f8 --> B1B4BE -->
- Buttons, bullets, icons - turquoise #00c9db --> 12afd8 --> CCE4EA --> A58542 --> fcd739
- Navbar - navy #4633af --> 282d35 --> 144A5E -- > 396289 --> 88a9c3
- Backgrounds - dark denim #262431 --> 1D4553 --> 00596D --> 2b4257
- Backgrounds - denim #2f2c3d --> 53616E --> 446171 --> 88a9c3 --> 345e7d
- small highlights - 990228 --> D20337 --> B7352D --> fcd739
- rotating text - 40e0ee --> B7352D --> B7352D --> fcd739
******************************************/


/*************************/
/*        Preloader      */
/*************************/
.spinner-wrapper {
	position: fixed;
	z-index: 999999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #345e7d;
}

.spinner {
	position: absolute;
	top: 50%; /* centers the loading animation vertically one the screen */
	left: 50%; /* centers the loading animation horizontally one the screen */
	width: 3.75rem;
	height: 1.25rem;
	margin: -0.625rem 0 0 -1.875rem; /* is width and height divided by two */
	text-align: center;
}

.spinner > div {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	border-radius: 100%;
	background-color: #fff;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0); }
	40% { -webkit-transform: scale(1.0); }
}

@keyframes sk-bouncedelay {
	0%, 80%, 100% {
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
	} 40% {
		-webkit-transform: scale(1.0);
		-ms-transform: scale(1.0);
		transform: scale(1.0);
	}
}

/**************************/
/* 	    	Copyright     	*/
/**************************/
.copyright {
	padding-top: 1rem;
	padding-bottom: 0.5rem;
	background-color: #2b4257;
	text-align: center;
}

.copyright .p-small {
	color: #f1f1f8;
	opacity: 0.6;
}

/**********************************/
/*      Back To Top Button    *** */
/**********************************/
a.back-to-top {
	position: fixed;
	z-index: 999;
	right: 0.75rem;
	bottom: 0.75rem;
	display: none;
	width: 2.625rem;
	height: 2.625rem;
	border-radius: 1.875rem;
	background: #fcd739 url("../../../../images/up-arrow.webp") no-repeat center 47%;
	background-size: 1.125rem 1.125rem;
	text-indent: -9999px;
}

a:hover.back-to-top {
	background-color: #fcd739;
}