/* 1. FORMATTING
----------------------------------------------------------------------------------------*/
body, html {
  font-family: 'Open Sans', 'Noto Sans', sans-serif;
  font-weight: 400;
  color: #000;
  background-color: #222;
  font-size: 1em;
}
.navbar-brand {
  padding: 15px;
}
.rsna {
  color: #fff;
  text-align: right;
  padding: 16px 15px 0 0;
  font-family: 'Roboto', sans-serif;
  display: block;
}
.formstyle {
  background-color: transparent;
  padding: 0 !important;
  margin: 0 !important;
}
.wrapper {
  background-color: #fff;
}
.tp30 {
  padding-top: 30px;
}
.tp20 {
  padding-top: 20px;
}
.tp15 {
  padding-top: 15px;
}
.tp10 {
  padding-top: 10px;
}
.tp0 {
  padding-top: 0px;
}
.bp30 {
  padding-bottom: 30px;
}
.bp20 {
  padding-bottom: 20px;
}
.bp15 {
  padding-bottom: 15px;
}
.bp10 {
  padding-bottom: 10px;
}
.bp0 {
  padding-bottom: 0px;
}
.tm30 {
  margin-top: 30px;
}
.tm20 {
  margin-top: 20px;
}
.tm15 {
  margin-top: 15px;
}
.tm10 {
  margin-top: 10px;
}
.tm0 {
  margin-top: 0px;
}
.bm30 {
  margin-bottom: 30px;
}
.bm20 {
  margin-bottom: 20px;
}
.m15 {
  margin-bottom: 15px;
}
.bm10 {
  margin-bottom: 10px;
}
.bm0 {
  margin-bottom: 0px;
}
/* Carousel Control */
.carousel-control {
  position: absolute;
  top: 32%;
  bottom: 68%;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: none;
  filter: alpha(opacity=100);
  opacity: 1;
}
.fa-chevron-left {
  padding-right: 3px;
}
.fa-chevron-right {
  padding-left: 3px;
}
.fa-stack:hover, .fa:hover, .fa-stack:active, .fa:active {
  color: #f58025 !important;
}
.carousel-indicators {
  bottom: -20px;
}
.carousel-indicators li {
  border: none;
  background-color: #3e77b1;
  border-radius: 0;
  width: 20px;
  height: 20px;
  margin: 3px;
}
.carousel-indicators .active {
  width: 20px;
  height: 20px;
  margin: 3px;
  background-color: #f58025;
}
.carousel-caption {
  position: relative;
  left: auto;
  right: auto;
  text-shadow: none;
  color: #000;
  margin-top: 15px;
}
.carousel-control.left {
  left: 0;
  left: auto;
  background-image: none;
  color: #3e77b1;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: none;
  color: #3e77b1;
}
.vid {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden; /*margin-bottom: 20px;*/
}
.vid iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.title {
  padding-top: 20px;
}
/* 2. LINKS / BUTTONS
----------------------------------------------------------------------------------------*/
a {
  outline: none;
  color: #3e77b1;
  text-decoration: none;
}
a:hover {
  outline: none;
  color: #f38025;
  text-decoration: none;
}
a:visited {
  outline: none;
  color: #3e77b1;
  text-decoration: none;
}
a:active, a:focus {
  outline: none;
}
.btn-primary {
  color: #ffffff;
  background-color: #3E77B1;
  border-color: transparent;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #f38025;
  border-color: transparent;
}
.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
  background-color: #3E77B1;
  border-color: transparent;
}
.btn-primary .badge {
  color: #3E77B1;
}
#contact {
  background-color: #ffffff;
}
/* 3. BANNER
----------------------------------------------------------------------------------------*/
#banner {
  padding: 0;
  background-color: transparent;
  width: 100%;
  margin: 0 auto;
}
.banner {
  background-repeat: no-repeat;
  background-color: transparent;
  min-height: 425px;
  margin-top: 50px;
  padding: 0 15px;
}
/* Use this for image and text */
.subject-image {
  padding: 20px 0;
}
/* Use this for image and opacity text */
.opacity-subject-image {
  padding: 20px 0;
}
/*.banner-image {
	display: table;
	width: 100%;
	height: auto;
	padding: 0;
	text-align: left;
	color: #fff;
	background-image: url(../img/banner.jpg);
	background-color: #000;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}*/
.dark-banner-bg .vid {
  border-top: 3px solid #000;
  border-right: 5px solid #000;
  border-bottom: 3px solid #000;
  border-left: 5px solid #000;
  margin: 20px 0;
}
.banner-image .vid {
  border-top: 3px solid #000;
  border-right: 5px solid #000;
  border-bottom: 3px solid #000;
  border-left: 5px solid #000;
  margin: 30px 0;
}
.banner-text {
  padding: 70px 20px;
  text-align: left;
  color: #fff;
}
.banner-text .btn-primary, .opacity-block .btn-primary {
  margin: 15px 0;
}
.opacity-block {
  margin: 30px 0 20px 0;
  padding: 20px 30px;
  border-radius: 10px;
  background: rgba(0, 0, 0, .5);
  z-index: -5;
  color: #fff;
}
.box {
  text-align: left;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
/* 4. FOOTER
----------------------------------------------------------------------------------------*/
#footer {
  text-align: center;
  padding: 20px 0 60px;
  background-color: #222;
  color: #666;
  min-height: 250px;
}
#footer a {
  outline: none;
  color: #3e77b1;
  text-decoration: none;
}
#footer a:hover {
  outline: none;
  color: #fff;
  text-decoration: none;
}
#footer a:visited {
  outline: none;
  color: #3e77b1;
  text-decoration: none;
}
.socialIcons li {
  margin: 10px 10px 0 0;
  padding: 0;
  float: left;
}
.social {
  max-width: 35px;
  height: 35px;
}
.terms {
  text-align: right;
}
#footer a {
  -webkit-transition: all 150ms ease;
  -moz-transition: all 150ms ease;
  -ms-transition: all 150ms ease;
  -o-transition: all 150ms ease;
  transition: all 150ms ease;
}
#footer a:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
  filter: alpha(opacity=50); /* IE7 */
  opacity: 0.6;
  text-decoration: none;
}
/* 5. COLORS
----------------------------------------------------------------------------------------*/
.orange-band {
  background-color: #f38025;
}
.dark-banner-bg {
  background-color: #222;
  padding: 10px 0;
  margin-top: 50px;
}
.white-bg {
  background-color: #fff;
  padding: 50px 0;
}
.orange-bg {
  background-color: #f38025;
  padding: 50px 0;
}
.dark-gray-bg {
  background-color: #222;
  padding: 50px 0;
}
.med-gray-bg {
  background-color: #555;
  padding: 50px 0;
}
.lt-gray-bg {
  background-color: #efefef;
  padding: 50px 0;
}
.white {
  color: #fff;
}
.orange {
  color: #f38025;
}
.dark-gray {
  color: #222;
}
.med-gray {
  color: #666;
}
.lt-gray {
  color: #efefef;
}
.black {
  color: #000;
}
/* 6. MEDIA QUERY
----------------------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  .banner {
    background-repeat: no-repeat;
    background-color: transparent;
    min-height: 350px;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .white-bg, .lt-gray-bg {
    padding: 30px 0;
  }
  .scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
  }
  .socialIcons {
    text-align: center;
    padding-bottom: 25px;
    margin: 0 10px;
  }
  .socialIcons li {
    margin: 0 auto;
    padding: 8px;
    float: none;
    text-align: center;
  }
  .social {
    max-width: 45px;
    height: 45px;
  }
  .terms {
    padding: 0;
    margin-top: 15px;
    text-align: center;
    float: none;
  }
  .opacity-block {
    margin: 70px 0 15px 0;
    padding: 20px;
  }
  .banner-text {
    padding-top: 0;
  }
  /* Use this for image and opacity text */
  .opacity-subject-image {
    padding: 0;
    margin-top: 70px;
  }
  .tm0 {
    margin-top: 0px !important;
  }
  #thanks {
    padding-top: 20px !important;
  }
}
@media screen and (min-width: 1024px) {
  .banner-image {
    height: 20%;
  }
}
@media screen and (max-device-width: 1024px) {
  .banner-image {
    background-attachment: scroll;
  }
}
@media screen and (max-width: 992px) {
  .banner-text {
    padding: 0 15px 20px;
  }
}