body{
	overflow-x:hidden;
	color:#505962;
}

 .narrow h1, .narrow h2, .narrow h3, .narrow h4, .narrow h6{
	 color:#87CEFA;
	 color:#00BFFF;
	 color:#1ebba3
	 }
.carousel-indicators li {height:10px}

.offset:before{
	height:6rem;
	margin-top:-6rem;
	content: "";
	display:block;
}

.navbar{
	text-transform:uppercase;
	font-weight: 700;
	font-size: .9rem;
	letter-spacing: .1rem;
	background: rgba(0,0,0, .6)!important;
	 
	
}
.navbar-brand img{
	height: 4.5rem;
	
}
.navbar-nav li{
	padding:.7rem;
}
.navbar-dark .navbar-nav .nav-link{
	color:white;
	padding-top: .8rem;
}

.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link:hover{
	color: #1ebba3;
}

.carousel-item{
	height: 100vh;
}

.carousel-caption{
	position: absolute;
	top: 38%;
	left:0;
	right:0
}
.carousel-caption h1{
	font-size: 3.8rem;
	font-weight:700;
	letter-spacing: .3rem;
	text-shadow: .1rem .1rem .8rem black;
	padding-bottom:1rem;
	
}

.carousel-caption h3{
	font-size: 2rem;
	font-weight:700;
	letter-spacing: .3rem;
	text-shadow: .1rem .1rem .5rem black;
	padding-bottom:1.6rem;
	
}
.btn-lg{
	border-width:medium;
	border-radius: 0px;
	font-size:1.1rem;
	
}

.jumbotron{
	border-radius:0;
	padding: 3rem 0 2rem;
	padding: 3rem 0 5rem;
	margin-bottom: 60px;
	background:#fff;
}
.jumb1{
	padding-top:0px;
	padding-bottom:0px;
}
h3.heading{
	font--size: 1.9rem;
	font-weight: 700;
	text-transform: uppoercase;
	padding-bottom:1.9rem;
}

.heading-underline{
	width:3rem;
	height:.2rem;
	background:#1ebba3;
	margin: 0 auto 2rem;
}

.services img{
	max-width: 100%;
	mmax-width: 70%; /* temp*/
	transition:transform .5s ease;
}

.row.no-padding [class*=col-]{
	padding:0
}
	
.services img:hover{
	transform: scale(1.1);
	ccursor: zoom-in
}
.services{
	overflow:hidden;
	text-align:center; /* temp*/
}


.card{
	margin:2rem;
}


.animname{
	position: absolute;
	bottom: 50px;
	text-align: center;
	right: 20%;
	font-size:3rem;
	}
.card2 {margin-top: -20px;}

.backgroundash{background:#e9ecef}
 
.lineargray{	
	background-color: #e9ecef;  
	bbackground: -moz-linear-gradient(top, rgba(255,255,255,1) 39%, rgba(249,249,249,1) 58%, rgba(246,246,246,1) 66%, rgba(237,237,237,1) 100%);
	bbackground: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 35%, rgba(246,246,246,1) 58%, rgba(237,237,237,1) 100%);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 28%, rgba(237,237,237,1) 100%);
}

/*============= COURSE SECTION =============*/

.narrow {
  width: 75%;
  margin: 0 auto;
  padding-top: 2rem;
}
.btn-md {
  border-width: medium;
  border-radius: 0;
  padding: .6rem 1.1rem;
  text-transform: uppercase;
  margin: 1rem;
}

footer{
	background:#40474e;
	background:#333;
	color: white;
	padding:2rem 0 3rem;
	margin-top:1rem;
	text-align:center;
}

footer img{
	height:3rem;
	margin: 1.5rem 0;
}
footer a {
	color: white;
}
footer svg.svg-inline--fa{
	font-szie:1.6rem;
	margin:1.2rem .5rem 00;
}

footer svg.svg-inline--fa:hover{
	font-szie:#1ebba3;
	 
}
.mission {

    padding-top: 5em;
    padding-bottom: 5em;

}

.socket{
	border-top:.2rem solid #666b71;
	border-top:.2rem solid #1ebba3;
	width:100%;
	
}

.unq{background:#fff; color:gray}
.card_holder{position:relative;}
.blind{position:absolute;top:0;bottom:0;right:0;left:0;bbackground:blue}

.carousel-item .active .bk_1{background-image:url(../img/visualize.jpg)!important;}











/* media queries*/

@media (max-width:767px){	
	.carousel-caption{
	position: absolute;
	top: 38%;
	left:0;
	right:0
}
.carousel-caption h1{
	font-size: 2.3rem;
	letter-spacing: .15rem;
	padding-bottom:.5rem;
	
}

.carousel-caption h3{
	font-size: 1.2rem;	
	letter-spacing: .3rem;	
	padding-bottom:1.2rem;
	
}
	
.btn-lg{
		font-size:1rem;	
}	
	
.narrow h1{
	font-size: 1.5rem;
}
.narrow{
	width: 95%;
}	
.center{text-align:center;}	
.animname{
	font-size:1.5rem
}
	
}

/* media queries*/

@media (max-width:942px){
.animname{
	font-size:1.5rem
}

}

/* media queries*/

@media (max-width:1024px){
.animname{
	font-size:1.5rem
}

}


/* media queries*/

@media (max-width:1280px){
.animname{
	font-size:2rem
}
.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0rem;
    padding-left: 0rem;
}

}




/*============ BOOTSTRAP BREAK POINTS:

Extra small (xs) devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap

Small (sm) devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

Medium (md) devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

Large (lg) devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

Extra (xl) large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

=============*/