/*video style */

/*
.video-container {
	position: relative;
}

#myVideo {
	min-width: 100%;
	min-height: 100%
}

.content {
	position: absolute;
	bottom: 40%;
	left: 25%;
	background: rgba(0,0,0,0.5);
	color: #f1f1f1;
	width: 50%;
	padding: 20px;	
}
*/


@media (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }

	.navbar-nav > li {
		float: none;
		/*
		margin-left: 16.5em;
		*/
    }

}




/* navbar hover effect */
.link-1 {
	transition: 0.2s ease;
  border-top: 4px solid white;
  border-bottom: 4px solid white;
}

.link-1:hover {
  border-top: 4px solid rgb(76,166,220);
  border-bottom: 4px solid rgb(76,166,220);
}

/* Gets rid of grey background when you hover on navbar links */
.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: transparent;
}

.header-container {
	position: relative;
}

.centered {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-color: rgb(0,0,0,0.75);
	color: white;
	padding: 3em;
	text-align: center;
}

.centered-mobile {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-color: rgb(0,0,0,0.75);
	color: white;
	text-align: center;
}


/*home page hover style */

.hovereffect {
  	position: relative;
}

.hover-img {
	display: block;
  	width: 100%;
  	height: auto;
}

.overlay {
  	position: absolute;
  	top: 0;
  	bottom: 0;
  	left: 0;
  	right: 0;
  	height: 100%;
  	width: 100%;
  	opacity: 0;
  	transition: .5s ease;
  	background-color: #008CBA;
}

.hovereffect:hover .overlay {
  	opacity: 0.9;
}

.text {
  	color: white;
  	font-size: 20px;
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	-webkit-transform: translate(-50%, -50%);
  	-ms-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);
  	text-align: center;
}

/* navbar style */

.icon-bar {
	background-color: rgb(76,166,220);
}

.mobile-nav {
	/*
	text-align: center;
	*/
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 1.2em;
	padding-left: 1em;
}

/* client portal button style */

#portal {
	border-radius: 0;
	background-color: rgb(76,166,220);
	color: white;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 1.2em;
}

#portal:hover {
	background-color: rgb(255,255,255);
	color: rgb(76,166,220);
	border: 0.1em solid rgb(76,166,220);
}

/* video overlay button style*/
.overlay-btn {
	border-radius: 0;
	background: none;
	border: 0.1em solid white;
	margin-top: 1em;
	color: white;
	padding: 1em;
}

.overlay-btn:hover {
	background-color: white;
	color: black;
	border: 0.1em solid rgb(76,166,220);
}

/* video overlay text style */

.header-p {
	font-size: 1.5em;
}


/* learn more button for services section */
.services-btn {
	border-radius: 0;
	background: none;
	border: 0.1em solid black;
	color: black;
}

.services-btn:hover {
	background-color: rgb(76,166,220);
	color: white;
	border: 0.1em solid rgb(76,166,220);
}

/*services columns */
.services-div {
	padding: 1em;
}

/* home page testimonial carousel style */

.carousel-content {
    color:black;
    display:flex;
    align-items:center;
}

#text-carousel {
  	width: 100%;
  	height: auto;
  	padding: 2em;
	background-color: rgba(76,166,220,0.6);
}

h1 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

h2 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: rgb(76,166,220);
	margin-top: 1em;
}

h3 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

h4 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

.nav-option {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 1.2em;
}

.page-heading {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: rgb(76,166,220);
	margin-top: 1em;
	margin-bottom: 1em;
}

p {
	font-size: 1.2em;
}

a:link {
	text-decoration: none;
	color: black;
}

a:visited {
	color: black;
}

a:hover {
	text-decoration: none;
}

.h2-subheading {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 1.2em;
	color: black;
}

.pic-thumbnail {
	padding: 0.5em;
}

/*
.testimonial-panel {
	padding: 1em;
	background-color: rgb(235,235,235);
	font-size: 1.2em;
}
*/

#footer-text {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 1.2em;
}


.deliverable {
	border-width: 0.05em;
	border-style: solid;
	border-color: rgb(220,220,220);
	padding: 1em;
}

.li-paragraph {
	font-size: 1.2em;
}


.overlay-btn-mobile {
	border-radius: 0;
	background: none;
	border: 0.1em solid black;
	margin-bottom: 1em;
	color: black;

}


@media all and (max-width:768px) {
	.overlay-btn-mobile {
		width: 100%;
		display: block;
	}
	.overlay-btn {
		width: 100%;
		display: block;
	}
}