*{
	font-family: 'Roboto';
}
body{
	background: #15110c;
	font-family: 'Roboto';
}
img{
	width: 100%;
}
div.logo img{
	width: 35%;
}

.typewriter p{
	color: #333;
	font-family: monospace;
	overflow: hidden; /* Ensures the content is not revealed until the animation */
	border-right: .15em solid orange; /* The typwriter cursor */
	white-space: nowrap; /* Keeps the content on a single line */
	margin: 0 auto; /* Gives that scrolling effect as the typing happens */
	animation: 
	typing 3.5s steps(300, end),
	blink-caret .5s step-end infinite;
}

@keyframes typing {
	from { width: 0 }
	to { width: 100% }
}

@keyframes blink-caret {
	from, to { border-color: transparent }
	50% { border-color: orange }
}
.carousel-inner .carousel-item {
	transition: transform 1s ease;
	text-align: center;
}

.top-banner {
	background: #f9dc1b;
	height: 60px;
	padding: 12px;
}
span#note {
	font-size: 22px;
	color: #20665f;
}
span#el {
	padding-left: 25px;
	color: #20665f;
	font-size: 14px;
}
a.login {
	text-decoration: none;
	color: #20665f;
	position: relative;
	top: 5px;
	float: right;
}
a.login:hover{
	color:#212121;
	transition: .4s;
}
.col-lg-3.col-md-3.left.order-1 {
	background: #fff;
	text-align: center;
	padding: 50px 0;
}
.play-now {
	padding: 50px 0 30px 0;
}
.play-now h2,.contact-us h2{
	font-size: 1.75rem;
	color: #212121;
	line-height: 25px;
	line-height: 50px;
}
.contact-us {
	padding: 20px 0 0 0;
}
.carousel-indicators [data-bs-target]{
	width: 10px;
	height: 10px;
}
.play-now img {
	padding-right: 8px;
}

.contact-us img {
	padding-right: 15px;
}
a.btn.btn-ios,a.btn.btn-android,a.btn.btn-website {
	background: #40a218;
	border: 2px solid #f9dc1b;
	border-radius: 12px;
	color: #f9dc1b;
	font-weight: bold;
}
a.btn.btn-website{
	background:#0976ee ;
}

a.btn.btn-ios:hover,a.btn.btn-android:hover,a.btn.btn-website:hover{
	background: #212121;
	transition: .4s;
}
footer#footer {
	background: #15110c;
	height: 108px;
	padding: 20px 0;
}
footer#footer div.logo img {
	width: 28%;
}
.col-lg-6.col-md-6.socials {
	text-align: center;
	padding-top: 20px;
}
.col-lg-6.col-md-6.socials span a {
	padding: 0 20px;
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	letter-spacing: 0.7px;
	transition: color 0.3s;
}
.col-lg-6.col-md-6.socials span a:hover{
	color:#f9dc1b ;
	transition: .4s;
}
.col-lg-3.col-md-3.copyright {
	padding-top: 22px;
	text-align: center;
}
.col-lg-3.col-md-3.copyright p {
	color: #fff;
	font-size: 14px;
	letter-spacing: 0.7px;
	transition: color 0.3s;
}
.col-md-12.mb a.login,.col-md-12.mb{
	display: none;
}
.col-md-12.mb {
	height: 30px;
	padding: 0 20px;
	background: #f9dc1b;
}
.carousel-inner > .item {
    position: relative;
    display: none;
    -webkit-transition: 0.2s ease-in-out left;
    -moz-transition: 0.2s ease-in-out left;
    -o-transition: 0.2s ease-in-out left;
    transition: 0.2s ease-in-out left;
}*/
@media only screen and (max-width: 768px){
	.col-lg-6.col-md-6.socials span a {
		padding: 0 10px;
	}
	footer#footer div.logo img {
		width: 40%;
	}
}
@media only screen and (max-width: 767px){
	.col-lg-9.col-md-9.order-2{
		order: 0!important;
		padding: 0;
	}
	.col-lg-12.col-md-12.top-banner.order-0 {
		order: 1!important;
	}
	.col-lg-3.col-md-3.flogo {
		display: none;
	}
	.top-banner {
		height: 80px;
	}
	.col-md-2.web a.login{
		display: none;
	}
	.col-md-12.mb a.login,.col-md-12.mb{
		display: block;
		font-size: 12px;
	}
}
@media only screen and (max-width: 568px){
	.col-lg-6.col-md-6.socials span a {
		padding: 0 9px;
		font-size: 12px;
	}
	.col-lg-3.col-md-3.copyright p {
		color: #fff;
		font-size: 12px;
	}
	.top-banner {
		height: 105px;
	}
}