/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
/* dark: #5E81C2;
/* normal: #618EC9;
/* light: #90B2E1;

/* Global Styles */

html,
body {
  height: 100%;
	font-family: 'Open Sans', Open Sans, sans-serif;
	margin:0;
	padding: 0;
}

td {
}
.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

.curved {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

strong {
	font-weight: bold;
}

body {
    padding-top: 60px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

#body {
	position: relative;
	padding-bottom: 105px;
}

#holder {
	min-height: 100%;
	position: relative;
	overflow: hidden;
	left: 0%;
	right: 100%;
}

a.anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

.page-header {
	margin: 25px 0 10px 0;
}

li ul {
	margin-left: -25px;
}

@media (max-width: 990px) {
	.hidesmall {
		display: none;
	}
}
/* footer styles */

footer {
	margin: 75px 0;
}
#footer {
	width: 100%;
	left: 0;
	bottom: 0;
	background-color: #C1D5E4;
	position: absolute;
}

#footer p {
	text-align: center;
}

#footer h3 {
	text-align: center;
	font-size: 1.1em;
	padding-top: 5px;
	margin-top: 5px;
	margin-bottom: 2px;
	margin-left: 5px;
	margin-right: 5px;
	color: #064990;
}

.copyright {
	text-align: center;
	font-size: .9em;
	padding-top: 10px;
}

footer div {
}

#footer table {
	border: 0;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 1em;
}

.ls {
	list-style-type: none;
}

.ls li a {
	color: black;
}

/* contact support styles */

#hours table {
	border: none;
	width: 100%;
	text-align: center;
	padding: .6em;
}

#hours table td {
}

/* system requirements styles */

.warning {
	font-size: 20px;
	color: red;
	text-align: center;
	padding: 10px 80px;
}

@media (max-width: 768px) {
	.warning {
		padding: 10px 10px;
	}
}

.requirements {
	border-collapse: collapse;
	width: 100%;
}

.requirements th {
	padding: 1em 1em .4em 1em;
}

.requirements tr th {
	text-align: right;
	font-size: 1.2em;
}

.requirements thead th {
	text-align: center;
	font-size: 1.3em;
}

.requirements td table {
	border: none;
	width: 100%;
	text-align: center;
	padding: .6em;
}

.bordered {
	border: 1px solid black;
	padding: 5px 10px;
}

.subCell {
	font-size: .9em;
	font-style: italic;
  text-align: center;
  padding: 0 15px;
}

.grayed {
	background: #dddddd;
}

.single {
	text-align: center;
	padding: .6em;
	font-size: 1.2em;
}

/* carousels */

.carousel {
}
.carousel .item,
.carousel .item.active,
.carousel .carousel-inner {
    height: 100%;
}

.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.carousel-caption {
	color: #5E81C2;
}

.carousel-indicators-style li {
  border: 1px solid #000;
  border-radius: 10px;
  background-color: #ddd;
}
.carousel-indicators-style .active {
  background-color: #fff;
}
/* homepage carousels */
#homeSlides {
	height: 500px;
	display: block;
}
.slideImage {
	max-width: 90%;
	margin: 10% 0 10px 10%;
	max-height: 350px;
}
.slideImage2 {
	margin-top: 20%;
}
.slideText {
	text-align: center;
	padding: 5% 10% 0 10px;
}
.slideText p {
	font-size: 22px;
}
.slideText h1 {
	font-size: 48px;
}
.slideTitle {
	font-size: 62px;
}
.alignerSlide, .printerSlide {
	height: 100%;
	width: 100%;
	position: absolute;
	opacity: 0.75;
}
.hideImage, .hideImageMed {
	display: block;
}
.tenMargin {
	margin: 0 10vw 0;
}
.fifteenMargin {
	margin: 0 15vw 0;
}
.slideImageLarge {
	max-height: 98%;
	max-width: 98%;
}
.bgSlide {
	height: 120%;
	width: 100%;
	position: absolute;
	top: -25%;
	opacity: 0.3;
	background: url(../img/carousels/home/img/sandiego.jpg) no-repeat center;
	background-size: cover;
}
@media (max-width: 660px) {
	.xsSwitch {
		width: 100%;
	}
	.xsSwitchHide {
		display: none;
	}
	.footerHide {
		display: none;
	}
}
@media (max-width: 768px) {
	#homeSlides {
		height: 550px;
	}
	.slideImage {
		margin: 10px 10px 0 15%;
		max-height: 150px;
	}
	.slideImage2 {
		margin-top: 10px;
	}
	.slideText {
		padding: 10px;
	}
	h1 {
		font-size: 26px;
	}
	h2 {
		font-size: 20px;
	}
	h3 {
		font-size: 18px;
	}
	h4 {
		font-size: 18px;
	}
	.slideTitle {
		font-size: 40px;
	}
	.hideImageMed {
		display: none;
	}
	.printerSlide {
		background: url(../img/carousels/home/img/sixteen-up.jpg) no-repeat top;
		opacity: 0.65;
	}
	.tenMargin, .fifteenMargin {
		margin: 0 1vw 0;
	}
	.slideImageLarge {
		max-height: 325px;
	}
	.slideText p {
		font-size: 18px;
	}
	.slideText h1 {
		font-size: 28px;
	}
}
@media (max-width: 992px) {
  .mdSwitch {
		width: 100%;
	}
	.slideTitle {
		font-size: 45px;
	}
	.hideImage, .mdSwitchHide {
		display: none;
	}
	.alignerSlide {
		background: url(../img/carousels/home/img/three-aligners.jpg) no-repeat center;
	}
	.tenMargin, .fifteenMargin {
		margin: 0 2vw 0;
	}
	.slideText h1 {
		font-size: 40px;
	}
}
@media (max-width: 1200px) {
	.slideText h1 {
		font-size: 38px;
	}
	.slideText p {
		font-size: 19px;
	}
}

.fuzzyWhite {
  background-color: rgba(255,255,255,0.25);
  border-radius: 25px;
  box-shadow: 0 0 10px rgba(255,255,255,0.25);
}

#homeSlides ol.carousel-indicators-style {
	bottom: -30px;
	margin-bottom: 0;
}
#homeSlides .carousel-inner {
}
#homeSlides .item {
}
.homeSlide {
	margin: 25px 11% 0;
}

.meeting {
  color: white;
  position: relative;
  text-shadow: 0 0 5px black, 0 0 7px black, 0 0 8px black, 0 0 10px black;
}

.meeting h1, .meeting h2, .meeting h3, .meeting h4 {
  position: absolute;
}

.meeting1 {
  top: 2%;
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 86px;
}

.meeting2 {
  top: 70%;
  width: 100%;
  text-align: center;;
  font-size: 42px;
}

@media(max-width:992px) {
  .meeting1 {
    font-size: 48px;
  }

  .meeting2 {
    top: 60%;
    font-size: 24px;
  }

  .meeting img {
    min-height: 200px;
    min-width: 465px;
  }
}

@media(max-width:500px) {
  .meeting1 {
    font-size: 36px;
  }

  .meeting2 {
    top: 65%;
    font-size: 18px;
  }

  .meeting img {
    min-height: 200px;
    min-width: 465px;
  }
}

/* university carousels */
#quoteSlides {
	/*height: 100%;*/
	display: block;
	padding-bottom: 50px;
}
#quoteSlides ol.carousel-indicators-style{
	bottom: 0;
}
#quoteSlides .carousel-inner, #quoteSlides .item {
	height: auto;
}
#quoteSlides .carousel-control {
	width: 50px;
	font-size: 30px;
	color: #000;
	text-shadow: none;
	filter: alpha(opacity=30);
	opacity: .3;
}
#quoteSlides .carousel-control:hover {
	filter: alpha(opacity=75);
	opacity: .75;
}
#quoteSlides .carousel-control.left {
	background-image: none;
	filter: none;
	background-repeat: no-repeat;
}
#quoteSlides .carousel-control.right {
	background-image: none;
	filter: none;
	background-repeat: no-repeat;
}
.quoteSlide {
	margin: 25px 65px 0;
}
.quoteSlide span {
	font-weight: bold;
}
.quoteCaption {
	text-align: right;
	padding-top: 50px;
	/*height: 160px;*/
	width: 80%;
	display: block;
	float: left;
	position: relative;
}
@media (max-width: 992px) {
	.quoteCaption {
		width: 70%;
	}
}
@media (max-width: 768px) {
	.quoteCaption {
		padding-top: 5vw;
		width: 60%;
	}
}
.carousel .unilogos {
	background-size: contain;
	background-repeat: no-repeat;
}
#logoSlides .item {
	padding: 0 20%;
}
#logoSlides .carousel-inner {
	height: 60%;
	margin: 30px 0;
}
#logoSlides .carousel-indicators {
	z-index: 15;
	width: 100%;
	padding: 0;
}
#logoSlides .carousel-indicators li {
	list-style-type: none;
	padding: 6px;
}
#logoSlides .carousel-indicators .active {
	border: 1px solid blue;
	border-radius: 5px;
	background-color: none;
}
.bottom-indicators {
	z-index: 99;
}
.bottom-indicators li {
	margin-bottom: 30px;
	z-index: 99;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Products Page Styles */

.modules .row {
	padding: 25px 30px;
}
.modules .panel-title a:hover,
.modules .panel-title a:visited,
.modules .panel-title a:focus {
	text-decoration: none;
}
.modules .panel {
	margin: 5px 0;
}
.col-md-4 .panel-heading {
	padding: 15px 15px 0;
}
@media (max-width: 768px) {
	.oi-lite .panel-heading {
		padding: 5px;
	}
	.oi-lite .panel-heading h4 {
		margin: 2px 0;
	}
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}