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

/* Import Section
====================================================================== */

@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700");


/* resets
====================================*/

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 600;
}

body, h1, h2, h3, h4, h5, h6, .button {
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    line-height:20px;
    color:#555;
}

/* helper classes
====================================*/

.pull-top{
	margin-top:40px;
}

/* iframe container
====================================*/

#help_iframe_container{position:absolute;top:51px;bottom:0px;left:0px;right:0px;}
#help_iframe{position:absolute;top:0%;left:0%;height:100%;width:100%;}

/* T5 CSS Logo
====================================*/

body, html, .main-ajax-wrapper{
font-weight:300;
height:100% !important;
min-height:100% !important;
}

.navbar-default .navbar-brand {
    color: #000;
    font-weight: 600;
}

.header-overlay{
background: rgba(255, 255, 255, 0.6) url(../images/background_01.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

padding-top:30px;	
height:100%;
min-height:100%;	
}

.hexagon sup {
  top: -.25em;
}

.hexagon {
    position: relative;
    width: 70px;
    height: 70px;
    margin: 70px auto;
    background-color: #1EAAE6;
  	box-shadow: 0 0 10px rgba(0,0,0,0.35);
}

.hexagon i {
  font-weight: bold;
  color: #fff;
  position: absolute;
  z-index: 10;
  letter-spacing: -1px;
  font-style: normal;
}

.hexagon.hexagon-30 {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 10px 5px 0 0;
}

.T5-logo h1,
.T5-logo h2,
.T5-logo h3,
.T5-logo h4 {
	display:inline-block;
	vertical-align: top;
}

.hexagon.hexagon-30 i {
  font-size: 28px;
  left: 2px;
  top: 4px;
  font-weight: 600;
}

.hexagon.hexagon-40 {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 25px 5px 0 0;
}

.hexagon.hexagon-40 i {
  font-size: 38px;
  left: 2px;
  top: 10px;
}

.hexagon.hexagon-70 {
  width: 70px;
  height: 70px;
  top: -0;
  right: 0;
}

.hexagon.hexagon-70 i {
  font-size: 60px;
  left: 6px;
  top: 25px;
}

/* Buttons
====================================*/

.navbar-toggle{
  border-radius: 0;
}

.help-page-title{color:#000 !important}

#header-results .main-head h2, #header .main-head h4{
font-weight:300;
}
#header-results .main-head h4{
line-height:40px;
}

/* Main Heading Style Starts */

.main-head{
text-align:center;
padding:0 0 40px;
}
.main-head h2, .main-head p{
}
.main-head h2{
padding:0 0 20px;
}
.main-head p{
font-size:24px;
line-height:36px;
}


/* KEEP NAVBAR COLLAPSED */
@media (max-width: 5000px) {
	/* Header */

	#header{
		min-height: 50px !important;
	}
	
	#header {
	clear: both;
	}
	
	#header > .container {
	margin-bottom: 0;
	height: 50px;
	}
	
	#header .header-top, #header .social-icons, #header .search {
	display: none;
	}
	
	#header .nav-collapse {
	background: #171717;
	width: 100%;
	clear: both;
	width: 100%;
	}
	
	#header .nav-collapse .container .nav-main {
	float: left;
	width: 100%;
	}
	
	#header .nav-main-collapse {
	top: 8px;
	position: relative;
	background: #171717;
	max-height: none;
	width: 100%;
	overflow: hidden;
	overflow-y: hidden;
	overflow-x: hidden;
	}
	
	#header .nav-main-collapse.collapse {
	display: none !important;
	}
	
	#header .nav-main-collapse.in {
	width: 100%;
	overflow: hidden;
	overflow-y: hidden;
	overflow-x: hidden;
	display: block !important;
	}
	
	#header .nav-main {
	padding: 10px 0;
	clear: both;
	display: block;
	float: none;
	width: 100%;
	}
	
	#header .nav-main ul {
	padding: 0;
	margin: 0;
	}
	
	#header .nav-main ul li {
	padding: 0;
	margin: 0;
	clear: both;
	float: none;
	display: block;
	border-bottom: 1px solid #2A2A2A;
	}
	
	#header .nav-main ul li:last-child {
	border-bottom: none;
	}
	
	#header .nav-main ul ul {
	margin-left: 20px !important;
	}
	
	#header .nav-main ul.nav-main {
	float: none;
	position: static;
	margin: 8px 0;
	margin-right: -10px;
	}
	
	#header .nav-main ul.dropdown-menu {
	position: static;
	clear: both;
	float: none;
	display: none !important;
	}
	
	#header .nav-main li.resp-active > ul.dropdown-menu {
	display: block !important;
	}
	
	#header .nav-main li.dropdown a.dropdown-toggle.extra {
	float: right;
	position: relative;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	margin: 3px 0 -38px 0;
	z-index: 10;
	display: block;
	}
	
	#header .nav-main li a.dropdown-toggle.disabled .fa {
	display: none;
	}
	
	#header nav ul.nav-main > li + li {
	margin-left: 0;
	}
	
	#header nav ul.nav-main li a {
	color: #FFF;
	clear: both;
	float: none;
	display: block;
	padding: 9px 8px !important;
	border: 0;
	border-top: 0;
	margin: 0;
	}
	
	#header nav ul.nav-main li a i.fa-angle-down {
	position: absolute;
	right: 5px;
	top: 10px;
	}
	
	#header nav ul.nav-main li.dropdown:hover > a {
	margin: 0;
	padding: 9px 8px !important;
	}
	
	#header nav ul.nav-main ul.dropdown-menu {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	}
	
	#header nav ul.nav-main ul.dropdown-menu li > a {
	padding: 9px 8px;
	border: 0;
	border-top: 0;
	margin: 0;
	border-bottom: none;
	}
	
	#header nav ul.nav-main ul.sub-menu {
	padding: 0;
	margin: 0 0 10px 0;
	}
	
	#header nav ul.nav-main .dropdown-submenu > a:after {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #FFF;
	}
	
	#header nav ul.nav-main .dropdown-submenu:hover > a:after {
	border-left-color: transparent;
	}
	
	body #header nav ul.nav-main ul.dropdown-menu {
	background: none !important;
	background-color: transparent !important;
	}
	
	body #header nav ul.nav-main li.dropdown.open .dropdown-toggle, body #header nav ul.nav-main li a, body #header nav ul.nav-main li > a:hover, body #header nav ul.nav-main li.active a, body #header nav ul.nav-main li.dropdown:hover a {
	background: none !important;
	background-color: transparent !important;
	}
	
	body #header nav ul.nav-main ul.dropdown-menu li:hover > a, body #header nav ul.nav-main li.dropdown:hover ul.dropdown-menu li > a:hover {
	background: none !important;
	background-color: transparent !important;
	}
	
	body.sticky-menu-active #header .nav-main-collapse,
	#header.fixed .nav-main-collapse {
	max-height: 300px;
	}
	
	body.sticky-menu-active #header .nav-main-collapse.in,
	#header.fixed .nav-main-collapse.in {
	overflow: hidden !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	}
	
	body.sticky-menu-active #header .logo img,
	#header.fixed .logo img {
	margin-top: -12px;
	}
	
	/* Responsive Button Nav */
	.btn-responsive-nav {
	background: #171717;
	top: 3px !important;
	display: block;
	position: absolute;
	left: 20px;
	color: #FFF;
	z-index: 1;
	}
	
	.btn-responsive-nav:hover, .btn-responsive-nav:active, .btn-responsive-nav:focus {
	color: #CCC;
	outline: none;
	}
	
	/* Logo */
	#header .logo img {
	max-width: 180px;
	max-height: none !important;
	height: auto !important;
	}
	
	/* Nav Top */
	#header .header-top ul.nav-top {
	float: left;
	margin: 7px 0 0 -15px;
	min-height: 5px;
	}
}