/* Tooltips */
.introjs-tooltip-header {
	background: #2b77c7;
}

body .introjs-skipbutton {
	color: white;
	position: absolute;
	top: 0;
	right: 5px;
	font-size: 30px;
}

h1.introjs-tooltip-title {
	color: white;
	font-size: 22px;
	line-height: 26px;
	padding: 20px 0 !important;
}

.introjs-tooltip {
	font-family: "Montserrat", sans-serif;
	color: #333;
	max-width: 450px !important;
	width: 450px;
}

/* Footer Bar */
.tour-bar.rise-fall {
	opacity: 1;
}

.tour-bar {
	position: fixed;
	top: 10vw;
	right: -65px;
	width: inherit;
	background: transparent;
	padding: 5px;
	transform: rotate(-90deg);
	z-index: 999;
	opacity: 0;
}

.tour-bar .us-btn-style_12 {
	background: #ff604b;
	padding: 7px 25px;
}

.tour-bar img {
	position: absolute;
	bottom: 19px;
	left: -12px;
	max-width: 36px;
	transform: rotate(90deg);
}

@keyframes bounceInDown {
	0% {
		opacity: 0;
		display: none;
		top: -500px;
	}
	
	1% {
		display: block !important;
	}
	
	60% {
		opacity: 1;
		top: 1vw;
	}
	
	80% {
		top: 5vw;
	}
	
	100% {
		opacity: 1;
		top: 10vw;
	}
}

.rise-fall {
	-webkit-animation: bounceInDown 3s linear;
	-moz-animation: bounceInDown 3s linear;
	-o-animation: bounceInDown 3s linear;
	animation: bounceInDown 3s linear;
}

.tb-wrap {
	max-width: 100%;
	margin: auto;
	text-align: center;
}

.tb-wrap div {
	cursor: pointer;
}

.tb-wrap .us-btn-style_12 {
	font-size: 13px;
}

.tour-body-padding {}

@media (max-width: 767px) {
	html body .tour-bar.rise-fall {
		display: none !important;
	}
	
	html body.tour-body-padding .tour-bar.rise-fall {
		padding-bottom: 0 !important;
	}
	
	body .introjs-tooltip {
		max-width: 100vw !important;
		width: 100vw;
	}
}