/* CSS Document */

body{
  font-family: "Archivo", sans-serif;
  font-optical-sizing: auto;
  font-size:1.125 rem;
  
}


.bg-1{ background:#F1F4F6}
.bg-2{ background:#F5FAFF}
.bg-3{ background:#FAFAFF}
.bg-4{ background:#E9E9E9}
.bg-5{ background:#0B0B0B}
.bg-6{ background:#181818}
.btn-blue{ background:#397BC0; color:#fff}
.btn-blue:hover{ background:#24252A; color:#fff}
.btn-dark{ background:#24252A}
.btn-dark:hover{ background:#397BC0}
.text-blue { color:#397BC0}
.text-orange { color:#FF4405}
.text-purple{ color:#7A5AF8}
.bg-top{ background:url(../images/bg_top.png) center top repeat;}
.bg-what{ background:url(../images/img_what_we_do_banner.png) center top no-repeat;   background-size: cover;}
.navbar-light .navbar-nav .nav-link{ 
	text-transform:uppercase; 
	font-weight:500; 
	color:#24252A; 
	margin-right:10px}
	
.navbar-light .navbar-nav .nav-link.active{
	color:#397BC0;
	border-bottom:solid 1px #397BC0;
	padding-bottom:.2rem;
	
}
@media (max-width: 767px) {
		.carousel-inner .carousel-item > div {
			display: none;
		}
		.carousel-inner .carousel-item > div:first-child {
			display: block;
		}
		
		.m-m-l-33{ margin-left:33%}
		
		.navbar-light .navbar-nav .nav-link.active{ display: inline-block;}
	}

	.carousel-inner .carousel-item.active,
	.carousel-inner .carousel-item-next,
	.carousel-inner .carousel-item-prev {
		display: flex;
	}

	/* medium and up screens */
	@media (min-width: 768px) {

		.carousel-inner .carousel-item-end.active,
		.carousel-inner .carousel-item-next {
			transform: translateX(25%);
		}

		.carousel-inner .carousel-item-start.active, 
		.carousel-inner .carousel-item-prev {
			transform: translateX(-25%);
		}
	}

	.carousel-inner .carousel-item-end,
	.carousel-inner .carousel-item-start { 
		transform: translateX(0);
	}
	
	
.card { border:none; background:none}
.card .card-img img{
border-radius:1rem !important;
}
@media (min-width: 992px) { 
h1{ font-size:4.875rem}
h2{ font-size:2.25rem}
h4{ font-size:1.5rem; font-weight:400}

.t-25{ padding-top:25%}
}