@charset "UTF-8";
/* CSS Document */

/* colors */
.background-ligntgray {
	background-color:#f1f1f1;
}
/*.background-tcblue {
	background-color:#0092D0;
}*/

.background-tcblue {
	background-color:#0093d0;
}
.white {color:#FFFFFF;
}
.lightgraytext {
color:#939598;
}


/* images */



/* buttons */
 /*.btn {
  border: 1px solid;
  border-color: #fff;
  background-color: none;
}*/
.btn-home {
  width: 220px;
}



/* typography */

body {
  font-family:  "Roboto", Open Sans, Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif; /* sets font-family for page/site*/
  font-size: 16px; /* sets body copy font-size for page/site*/
  line-height: 1.42857143;
  color: #080808;
  background-color: #fff;
}

h1  {font-family: "Montserrat", Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight:300;
color:#0093d0}

h2  {font-family: "Montserrat", Helvetica Neue, Helvetica, Arial, sans-serif;}

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

.centertext {
	text-align: center;
}
.impact-number {
	font-family: "Montserrat", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size:36px;
	font-weight:700;
	margin-bottom:0;
	text-align:center;
	/*color:#939598;*/
	color:#080808;
	font-stretch:condensed;
}

.impact-text {
	margin-top:0;
	text-align:center;
	color:#080808;
	line-height:0.8em;  
}
.testimonial-org {
	/*font-family: "Helvetica Neue", Montserrat, Helvetica, Arial, sans-serif;*/
	font-family: "Montserrat", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size:26px;
	font-weight:700;
	margin-top:10px;
	margin-bottom:0;
	line-height:1em;
	text-align:center;
	color:#080808; 
	font-stretch:condensed
}

.testimonial-org-white {
	/*font-family: "Helvetica Neue", Montserrat, Helvetica, Arial, sans-serif;*/
	font-family: "Montserrat", Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size:26px;
	font-weight:700;
	margin-top:10px;
	margin-bottom:0;
	line-height:1em;
	text-align:center;
	color:#ffffff; 
	font-stretch:condensed
}



/* horizontal rules */

.fancyheaderrule {
	margin-top:10px;
	margin-bottom:20px;
	width:790px;
	height:14px;
}


.borderleftwhite {border-left-color:#ffffff; border-left-style:solid; border-left-width: 1px;
padding-left:20px;padding-right:20px}

.borderleftgray {border-left-color:#A8AAAD; border-left-style:solid; border-left-width: 1px;
padding-left:20px;padding-right:20px}


/* divs */

 .maincontainer {
	padding-top:30px;padding-bottom:30px;
}
.container-fluid {
	padding-top:30px;padding-bottom:30px;
}

/* navbar */
.navbar-inverse {
  background-color: #0093D0;/* this is color of top nav bar background*/
  border-color: #0093D0;/* this is color of top nav bar border*/
}
.navbar-inverse .navbar-brand {
  color: #FFFFFF;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color: #FFFFFF;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #FFFFFF;/* this is color of text when rollover on top level nav link*/
  background-color:#00638D;/* this is color back change when rollover on top level nav link*/
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color:#0A1E3E;
/* background-color: #008ea2; old color*/ 
  background-color:#24bce7; /*this is top nav button background color when on a page*/
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #ffffff; /*this is color of rule under small sreen toggle nav main level*/
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #00638D; /* this is color back change when click on top level nav link*/
  color: #cccccc; /* this is color text change when click on top level nav link*/
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #008ea2;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #008ea2;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #FFFFFF;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #0A1E3E;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #0A1E3E;
  /* background-color: #008ea2; old color*/ 
  background-color: #2cd2f5;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #FFFFFF;
}
.navbar-inverse .navbar-link:hover {
  color: #0A1E3E;
}
.navbar-inverse .btn-link {
  color: #FFFFFF;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #0A1E3E;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}



/* THE CAROUSEL
-------------------------------------------------- */
/* ------------------- Carousel Styling ------------------- */
.carousel-inner {
  border-radius: 0;
}
.carousel-caption {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 30;
  right: -30;
  bottom: -30;
  z-index: 10;
  padding: 10px 10px 10px 19px;
  color: #fff;
  text-align: center;
}
.carousel-indicators {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 15;
  margin: 0;
  padding: 0 25px 25px 0;
  text-align: right;
}
.carousel-control.left,
.carousel-control.right {
  background-image: none;
}
/* ------------------- HOME PAGE SPEAKER HOVER & OVERLAYS ------------------- */
.containerHMSPK {
  position: relative;
  width: 100%;
}
.imageHMSPK {
  display: block;
  width: 100%;
  height: auto;
}
.overlayHMSPK {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-image: url('http://techconnectworld.com/World2018_Dev/img/HMSPK_overlay.png');
}
.containerHMSPK:hover .overlayHMSPK {
  opacity: 1;
}
.textHMSPK {
  color: white;
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}