
.hero-area { padding-top: 0px; padding-bottom: 80px; }


/* NAVIGATION MENU */
#neubar { background: #e3f4e9; box-shadow: 4px 6px 12px rgba(0,0,0,0.4); }
.nav-item .active { border-radius: 6px; }
#neubar .dropdown-menu a:hover { color: #454545; background-color: #c7d8e6; }
#neubar .nav-item { margin : auto 4px; }
#neubar a { font-weight: 600; }
#neubar .dropdown-menu { background: #f7f5f5; }
#neubar .nav-link { font-weight: 700; }
#neubar .nav-link:hover { color: rgba(132, 8, 8, 0.55); }
a.navbar-brand { color: #454545; }


.full-width { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; }
.full-width img { width:100%; max-width: 100%; }

.page-content { padding-bottom: 60px; }

.client { width: 100%; height: 100%; background: #7F00FF; background: -webkit-linear-gradient(to right, #E100FF, #7F00FF); background: linear-gradient(to right, #E100FF, #7F00FF); }
.carousel-icon i { font-size: 5rem; color: rgba(255, 255, 255, 0.3); }
.carousel-item i { font-size: 1.6rem; color: rgba(255, 255, 255, 0.3); }
.t-card { padding: 1.8125rem 1.125rem; background-color: rgba(0, 0, 0, 0.5); border-radius: 1.25rem; color: #fff; height: auto; }
.arrow-down { width: 0; height: 0; border-left: 1.5625rem solid transparent; border-right: 1.5625rem solid transparent; border-top: 1.25rem solid rgba(0, 0, 0, 0.5); }
.marbot { margin-bottom: 120px; }

footer { background-color: #c7d8e6; padding: 0px 0px 60px; border-top: 1px solid black;	}


@media only screen and (max-width: 767px) {
	html, body { font-size: 13px; }
	h4 { font-size: 15px !important; line-height: 20px !important; }
	#neubar { background: #e3f4e9; box-shadow: 2px 2px 12px rgba(0,0,0,0.4); }
	.navbar-brand { max-height: 50px !important; }
	.logo-main { max-width: 90px !important; }
	.calculated td { font-size: 15px !important; }
	.section-group-title { font-size: 20px !important; }
	.marbot { margin-bottom: 80px; }

}