html,  body {
	margin: 0 !important;
	padding: 0 !important;
	height: 100% !important;
	width: 100% !important;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}

.body_table {
	border-collapse: collapse;
	font-family: 'Fira+Sans', sans-serif;
	background-color: #FFF;
	width:100%;
	color:#FFF;
}

.container {
	background-color:transparent;
	font-size:12px;
	font-weight: 300;
	color:#000;
	text-align: center;
    width: 100%;
	z-index: -100000;
}

/*BANNER*/
.mainContent {
	margin-top: 10px;
}

.mainContent .banner {
	position: relative;
	font-family: 'Outfit', sans-serif;
	color:#000;
	background:linear-gradient(#FFF 0%, #D0EBED);
	padding: 0px;
	width: 100%;
}

.mainContent .banner .slides {
    max-width: 100%;
	max-height: 500px;
    text-align: left;
    padding: 30px;
    color: #202659;
    cursor: pointer;
    background-position: right 0px bottom 0px;
    background-size: 30%;
    background-repeat: no-repeat;
}

.banner .slides .title {
    font-size: 60px;
	font-weight: 500;
	color:#1D1E1E;
	letter-spacing: 2px;
	position: relative;
	top:-10px;
}

.banner .slides .subtitle {
    font-size: 20px;
	font-weight: 300;
	color:#000;
	position: relative;
	top:-60px;
}

.banner .slides .banner_button {
	vertical-align: middle;
	width: 200px;
	padding: 10px 15px 10px 15px;
	text-align: center;
	background-color: #202659;
	color:#FFF;
	transition: all 0.2s linear;
	border-radius: 15px;
	font-size: 20px;
	font-weight: 600;
	position: relative;
	top:-50px;
}

.banner .banner_button:hover {
	background-color:#7095CE;
	color: #202659;
	cursor: pointer;
}

.banner .slides .note {
    font-size: 14px;
	font-weight: 300;
	color:#000;
	position: relative;
	top:-50px;
}

.slides {display: none}

.prev, .next {
    position: absolute;
    bottom: 1%;
    width: auto;
    padding: 15px;
    color: #FFF;
    font-weight: 300;
    font-size: 30px;
    transition: 0.3s ease;
    user-select: none;
	text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
}

.prev {
    left: 45%;
}

.next {
    right: 45%;
}

.prev:hover, .next:hover {
    cursor: pointer;
    color: #1D1E1E;
}

.fade {
	animation-name: fade;
	animation-duration: 0.2s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
/*END-BANNER*/

/* Media query for tablets */
@media screen and (max-device-width : 1024px) { 
}

/* Media query for tablets2 */
@media screen and (max-device-width : 1180px) { 
}

/*media query for small screen devices */
@media screen and (max-width:480px) {  
}