html, body{
	margin: 0;
	padding: 0;
}

*{
		margin: 0;
	padding: 0;
}


body {
	font-family: 'Open Sans', sans-serif;

}

/* ==================== 5.0 PRELOADER ==================== */


#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    z-index: 10001;
}

#loading-animation {
    width: 120px;
    height: 128px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image:url(../images/loading-animation.GIF); 
    background-repeat: no-repeat;
    background-position: center;
    margin: -60px 0 0 -64px;
}


/* ==================== 9.0 HOME SECTION - SLIDER ==================== */

.apps{
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: center;
	
}
.apps li{padding: 0 17px;}
.apps li a{list-style: none; color: #282828; font-weight: 600;}
.apps li img{max-width: 220px; width: 100%;}
.heart{width: 12px; margin-left: 10px; padding-right: 10px;}



.site-main{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    padding: 0px;
	flex-direction: column;
	height: 100vh;
}

 h1{
	color: #000;
	font-size: 45px;
	margin-bottom: 30px;
	font-weight: bold;
}

 h3{
	color: #2c2827;
	font-size: 26px;
	margin-bottom: 0px;
	font-weight: bold;
	margin-top: 50px;
	margin-bottom: 50px;
}

.logo-main{
	margin-top: 80px;
	margin-bottom: 50px;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}
.content-slide-left{
	width: 100%;
	max-width: 600px;
	flex: 0 0 600px;
	padding-top: 30px;
	margin:0 auto;
	text-align: center;
}
.content-bottom{
	margin-top: auto;
	padding: 40px 0;
}

.content-bottom li a{font-size: 16px; font-weight: 600; color: #282828; text-decoration: none; transition: all ease 0.2s;}
.content-bottom li a:hover, .content-bottom li a:active, .content-bottom li a:focus{ color: #fd4986;}


.social-link{list-style: none; padding:0; text-align: center; margin-top: 50px;}
.social-link li{display: inline-block; padding: 5px 8px;}
.social-link li img{width: 30px;}

.NewLogo{
	max-width: 200px;
	margin-bottom: 40px;
}

.container{
	max-width: 1170px;
	padding: 20px 15px;
	margin: auto;
}

.mb-3{margin-bottom: 30px}
.mb-4{margin-bottom: 40px}
.mb-5{margin-bottom: 50px}

p{margin-bottom: 20px;}

.section ul{padding-left: 20px; margin-bottom: 20px;}

@media (max-width:767px){
	.logo-main {
		margin-right: 0;
	}

	.site-main{padding: 0 20px;}
	.site-main h3 {
		font-size: 20px;
	}
	.content-bottom li a {
		font-size: 14px;
	}
	.apps li {
		padding: 0 12px;
	}
}