@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);

/*====================================================================
Background
======================================================================*/

html, body {
  height: 100%;
  margin: 0;
  font-family: "Open Sans",Arial,sans-serif;
}
body {
	background-color:#000000;
	box-sizing: border-box;
}
.background {
	background: url(../images/bg.jpg) repeat-x center top #c0c9cd;
	background-size: 496px 983px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -55px;
}

/*====================================================================
Menu
======================================================================*/

.ttmenu .navbar-default {
	border:0;
    width: 100% !important;
    border-radius: 0;
	height:80px;
	background: #3b3b3b;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.2);
	z-index:9999;
}
.ttmenu .navbar-default .container {
	background-color: #3b3b3b;
}
.ttmenu .navbar-header {
	float:left;
	margin:0px;
	position: relative;
	left:-15px;
}
.ttmenu .navbar-brand {
    float: left;
    font-size: 20px;
	padding:0;
	position: relative;
	text-indent:-9999px;
	overflow:hidden;
	margin-left:0px;
}
.bb-logo-bar {
	width:50%;
	position:absolute;
	z-index:-1;
}
.ttmenu .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 0px;
}
.ttmenu .lgfl {
	float:right;
}
.ttmenu .lgfl-logo {
	display:block;
	float:left;
}

/* RESPONSIVE */

@media (min-width: 992px) {
	.ttmenu .navbar-brand {
		width:223px;
		height:54px;
		background:url(../images/menu/logo.jpg) no-repeat;
		background-size: 223px 54px;
		top: 13px;
	}
	.bb-logo-bar {
		height:54px;
		background:url(../images/menu/logo-bar.jpg) repeat-x;
		background-size: 15px 54px;
		top:13px;
	}
	.ttmenu .lgfl {
		padding-top:13px;
		width:111px;
	}
	.ttmenu .lgfl-logo img {
		width:111px;
		height:54px;
	}
}
@media only screen and (min-width: 581px) and (max-width: 991px) {
	.ttmenu .navbar-brand {
		width:223px;
		height:54px;
		background:url(../images/menu/logo.jpg) no-repeat;
		background-size: 223px 54px;
		top: 13px;
	}
	.bb-logo-bar {
		height:54px;
		background:url(../images/menu/logo-bar.jpg) repeat-x;
		background-size: 15px 54px;
		top:13px;
	}
	.ttmenu .lgfl {
		padding-top:13px;
		width:111px;
	}
	.ttmenu .lgfl-logo img {
		width:111px;
		height:54px;
	}
}
@media only screen and (min-width: 481px) and (max-width: 580px) {
	.ttmenu .navbar-brand {
		width:177px;
		height:42px;
		background:url(../images/menu/logo-md.jpg) no-repeat;
		background-size: 177px 42px;
		top: 19px;
	}
	.bb-logo-bar {
		height:42px;
		background:url(../images/menu/logo-bar.jpg) repeat-x;
		background-size: 12px 42px;
		top:19px;
	}
	.ttmenu .lgfl {
		padding-top:19px;
		width:86px;
	}
	.ttmenu .lgfl-logo img {
		width:86px;
		height:42px;
	}
	.nav-pills > li > a::after,
    .dropme-left:after{
        content: "\f107";
    }
    .ttmenu .nav-pills {
        width: 100%;
        padding:0;
        max-width: 100%;
    }
}
@media only screen and (min-width: 431px) and (max-width: 480px) {
	.ttmenu .navbar-brand {
		width:154px;
		height:36px;
		background:url(../images/menu/logo-sm.jpg) no-repeat;
		background-size: 154px 36px;
		top: 22px;
	}
	.bb-logo-bar {
		height:36px;
		background:url(../images/menu/logo-bar.jpg) repeat-x;
		background-size: 10px 36px;
		top:22px;
	}
	.ttmenu .lgfl {
		padding-top:22px;
		width:74px;
	}
	.ttmenu .lgfl-logo img {
		width:74px;
		height:36px;
	}
}
@media (max-width: 430px) {
	.ttmenu .navbar-brand {
		width:111px;
		height:25px;
		background:url(../images/menu/logo-xs.jpg) no-repeat;
		background-size: 111px 25px;
		top: 27px;
	}
	.bb-logo-bar {
		height:25px;
		background:url(../images/menu/logo-bar.jpg) repeat-x;
		background-size: 7px 25px;
		top:27px;
	}
	.ttmenu .lgfl {
		padding-top:24px;
		width:64px;
	}
	.ttmenu .lgfl-logo img {
		width:64px;
		height:31px;
	}
} 
@media (max-width: 318px) {
	.ttmenu .navbar-brand {
		width:103px;
		height:23px;
		background:url(../images/menu/logo-xxs.jpg) no-repeat;
		background-size: 103px 23px;
		top: 28px;
	}
	.bb-logo-bar {
		height:23px;
		background:url(../images/menu/logo-bar.jpg) repeat-x;
		background-size: 6px 23px;
		top:28px;
	}
	.ttmenu .lgfl {
		padding-top:24px;
		width:64px;
	}
	.ttmenu .lgfl-logo img {
		width:64px;
		height:31px;
	}
} 
.navbar {
	margin-bottom:0px;
}
.navbar-nav {
    margin: 0 auto;
	width:100px;
	float:none;
}
.ttmenu-full {
	width:100px;
	text-align:center;
}
li.ttmenu-full a {
	line-height:18px !important;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
}
.navbar-default .navbar-nav > li > a {
    padding-bottom: 20px;
    padding-top: 23px;
	font-family: "Open Sans",Arial,sans-serif;
	color:#ffffff;
	font-size: 20px;
	line-height:27px;
	height:80px;
    font-weight: 400;
}
.dropme:after {
    content: "\f0d7";
    color:#ffffff;
	font-weight:normal;
    font-family: 'FontAwesome';
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:focus .dropme:after, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:focus .dropme:after {
	color:#ffffff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:hover .dropme:after {
	color:#999999;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background-color:transparent;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover {
	color:#999999;
}
.navbar-default .navbar-nav > .open > a > .dropme:after, .navbar-default .navbar-nav > .open > a:hover > .dropme:after {
	color:#999999;
	content: "\f0d8";
}
.ttmenu .navbar-default .dropdown-menu {
    box-shadow:none;
	border:0;
	position:absolute !important;
}
.ttmenu .navbar-default .dropdown-menu,
.ttmenu .navbar-default .dropdown-menu li a {
	list-style:none;
    background-color: transparent;
}
.white-style .navbar-brand i {
    color:#ffffff !important;
}
.ttmenu .navbar-default .navbar-toggle span {
	color:#fff !important;
	background:#fff !important;
}
.ttmenu .navbar-default .navbar-toggle {
	border-color:#111;
	color:#fff !important;
	margin-top:15px;
}
.ttmenu .navbar ul {
	padding-left:0;
	list-style:none;
}
.ttmenu .navbar ul.numbered {
	list-style:decimal;
	list-style-position:inside; 
}
.ttmenu .navbar ul.credits li {
	color:#ffffff; 
}
.ttmenu .navbar ul.credits i {
	color:#e5383b; 
}
.ttmenu .navbar-collapse {
    border: 0  !important;
}
.ttmenu .navbar-default .navbar-nav > li > .dropdown-menu {
    margin-top:0;
}
.ttmenu .navbar-default .nav,
.ttmenu .navbar-default .collapse,
.ttmenu .navbar-default .dropup,
.ttmenu .navbar-default .dropdown {
    position: static;
}
.ttmenu .navbar-default .container {
    /*position: relative;*/
}
.ttmenu .navbar-default .dropdown-menu {
    left: auto;
    background-color: #3b3b3b !important;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.2);
}
.ttmenu-content .box li,
.ttmenu .navbar-default .dropdown-menu li a {
	text-decoration:none !important;
}
.ttmenu .navbar-default .dropdown-menu,
.ttmenu-content .dropdown-menu {
	padding:0 !important
}
.navbar-default .dropdown-menu li a  {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: #ffffff;
    font-size: 13px;
    font-weight: 400;
	font-family: "Open Sans",Arial,sans-serif;
    padding: 13px 10px 13px 15px !important;
    position: relative;
	text-decoration:none;
    text-transform: none;
}
.ttmenu .navbar-default li .widget a {
	padding:0 !important;
}
.ttmenu-content .box li a {
    color: #ffffff;
    font-size: 13px;
	border-bottom:none;
	border-bottom:0 !important;
    font-weight: 400;
	font-family: "Open Sans",Arial,sans-serif;
    padding: 0 !important;
    position: relative;
	text-decoration:none;
    text-transform: none;
}
.ttmenu .dropdown-menu,
.ttmenu .navbar-default .ttmenu-content {
    padding:30px 0px;
}
.ttmenu .navbar-default .ttmenu-full .dropdown-menu {
    left: 0;
    right: 0;
}
.ttmenu .nav li span.label {
	color:#fff !important;
    margin-left: 5px;
    margin-top: 2px !important;
    padding: 5px 10px;
}
.ttmenu .navbar-default .navbar-nav > .active > a, 
.ttmenu .navbar-default .navbar-nav > .active > a:hover, 
.ttmenu .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
}
.ttmenu-content .widget {
    padding:0;
    margin:0;
}
.ttmenu-content,
.ttmenu-content .widget,
.ttmenu-content .widget .thumb {
    position: relative;
}
.ttmenu-content .widget .title h4 {
    font-size:14px;
    text-transform: uppercase;
    font-weight: 400;
}
.ttmenu-content .box li {
    position: relative;
	padding:13px 10px 0 0;
	line-height:18px;
	margin-bottom:5px;
}
.ttmenu-content .box li:last-child {
	padding-bottom:14px;
}
.ttmenu-content .box li a {
	font-size:14px;
	font-weight:bold;
}
.ttmenu-content .box li a:hover {
	color:#999999;
}
.dropme-left:after{
    content: "\f105";
    color:#1a1a1a;
    font-family: 'FontAwesome';
    display:block;
	right:10px;
    width:0;
	position:absolute;
    height:0;
	top:13px;
    margin-top:0;
    margin-right:10px;
}
.ttmenu-content .box li.subheading {
	color:#ffffff;
	font-weight:bold;
	text-transform: uppercase;
	border-bottom: 1px solid #bebebe;
	padding:13px 10px 12px 0;
}
.ttmenu-content .box li.subheading a {
	color:#a11c1f;
}
.ttmenu-content .box li.subheading a:hover {
	color:#999999;
}
.ttmenu-content .box li.subtitle {
	color:#e5383b;
	font-size: 14px;
    font-weight: bold;
}
.box p {
    color:#1a1a1a;
    font-weight: 400;
    padding-top:10px;
    font-size:13px;
}
.box h4 {
    color:#1a1a1a;
    font-weight: bold;
    font-size:14px;
}
.box ul li span {
	float:right;
	margin-top:4px;
}
.ttmenu .form-control {
	font-family: "Open Sans",Arial,sans-serif;
    background-color: #f9f9f9;
    border: 1px solid #a11c1f;
	border-radius:4px;
    box-shadow: none;
    font-size:14px;
    height: 34px;
    margin: 5px 0px 15px;
	-webkit-appearance: none;
}
.ttmenu .form-control:hover, .ttmenu .form-control:focus {
	border-color:#999999;
}
.ttmenu textarea.form-control {
	margin-top:0px;	
	height: 132px;
	padding-top:6px;
}
.ttmenu .feedback-left {
	padding-right:7px;
}
.ttmenu .feedback-right {
	padding-left:8px;
}
@media (max-width: 991px) {
	.ttmenu .feedback-left {
		padding-right:15px;
	}
	.ttmenu .feedback-right {
		padding-left:15px;
	}
	.ttmenu .feedback-right .form-control  {
		margin-top:0px;
	}		
}
.ttmenu form .btn {
	cursor: pointer;
	border:0;
	font-weight: bold;
	text-transform: uppercase ;
	background-color:#a11c1f;
	line-height:14px;
	color:#ffffff;
	border-radius:4px;
    font-family: "Open Sans",Arial,sans-serif;
    font-size: 13px;
    padding: 10px 15px;
}
.ttmenu form .btn:hover {
	background-color:#999999;
}
.nav-pills > li {
	float: none;
	margin-top:0;
	cursor: pointer;
	margin:0 0 5px 0;
}
.ttmenu .navbar-default .dropdown-menu li .nav-pills > li > a {
	cursor: pointer !important;
	border:0 !important;
	position: relative;
	font-weight: bold !important;
	text-transform: uppercase !important;
	margin-right: 0;
	background-color:#a11c1f;
	line-height:14px;
	color:#ffffff;
	cursor:default;
}
.nav-pills > li > a:after{
    content: "\f0da";
    color:#ffffff;
    font-family: 'FontAwesome';
    display:block;
    right:10px;
    width:0;
    position:absolute;
    height:0;
    top:14px;
    margin-top:0;
    margin-right:10px;
	font-size:15px;
}
.nav-pills > li.home > a:after{
	content: "\f015";	
	font-size:12px;
	margin-right:13px;
}
.nav-pills > li.go > a:after{
	content: "\f090";	
	font-size:14px;
	margin-right:13px;
}
.ttmenu .navbar-default .dropdown-menu li .nav-pills > li.active > a {
	background-color:#e5383b;
}
.ttmenu .navbar-default .dropdown-menu li .nav-pills > li.active.home > a {
	background-color:#a11c1f;
	cursor:pointer;
}
.ttmenu .navbar-default .dropdown-menu li .nav-pills > li > a:hover, .ttmenu .navbar-default .dropdown-menu li .nav-pills > li.active.home > a:hover {
	background-color:#999999;
}
.ttmenu .dropdown-submenu {
    position:relative;
}
.ttmenu .dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:0;
    margin-left:0;
    border-radius:0;
}
.ttmenu .dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.ttmenu .dropdown-submenu.pull-left {
    float:none;
}
.ttmenu .dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}
.ttmenu .open > .dropdown-menu {
	animation-name: slidenavAnimation;
	animation-duration:.5s;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
	-webkit-animation-name: slidenavAnimation;
	-webkit-animation-duration:.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: slidenavAnimation;
	-moz-animation-duration:.5s;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: forwards;
}

/* ACCORDION TABS */

.ttmenu-content .accordian-tab {
	display:none;
}
@media (max-width: 991px) {
	.ttmenu-content .standard-tab {
		display:none;
	}	
	.ttmenu-content .accordian-tab {
		display:block;
	}	
}
.accordian-tab .tab-pane {
	display:none;
}
.nav-pills > li > a.tab-item:after {
    content: "\f0d7";
	font-size:14px;
	margin-right:12px;
}
.nav-pills > li > a.tab-item.tab-up:after {
    content: "\f0d8";
	font-size:14px;
	margin-right:12px;
}

/*====================================================================
Main
======================================================================*/

.main-border {
	width:100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5383b+0,a11c1f+100 */
	background: #3b3b3b;
	margin:50px 0px;
	padding:2px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
}
@media (max-width: 767px) {
	.main-border {
		margin:15px 0px;
	}
}
.front-banner {
	height:295px;
	background: url(../images/front_image.png) no-repeat top right;
	background-size:630px 293px;
}
.front-text {
	width:540px;
	text-align:center;
	font-family: "Open Sans",Arial,sans-serif;
	font-weight:bold;
	font-size:30px;
	color:#ffffff;
	padding-top:55px;
}
.front-text span {
	font-size:38px;
}
.front-text a {
	color:#ffffff;
	display: inline-block;
	border:1px solid #ffffff;
	border-radius:4px;
	padding:10px;
	font-size:20px;
	margin-top:30px;
}
.front-text a:hover {
	text-decoration:none;
	background-color:#999999;
	box-shadow: 0 0 8px rgba(210, 50, 0, 1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.front-banner {
		height:245px;
		background-size:523px 243px;
	}
	.front-text {
		width:440px;
		font-size:26px;
		padding-top:40px;
	}
	.front-text span {
		font-size:30px;
	}
	.front-text a {
		padding:8px;
		font-size:16px;
		margin-top:26px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.front-banner {
		height:190px;
		background-size:403px 188px;
	}
	.front-text {
		width:332px;
		font-size:20px;
		padding-top:30px;
	}
	.front-text span {
		font-size:24px;
	}
	.front-text a {
		padding:6px;
		font-size:14px;
		margin-top:18px;
	}
}
@media only screen and (min-width: 421px) and (max-width: 767px) {
	.front-banner {
		height:auto;
		background:none;
	}
	.front-text {
		width: 100%;
		font-size:20px;
		padding:10px 40px 10px;
	}
	.front-text br {
		display:none;
	}
	.front-text span {
		font-size:24px;
		white-space:nowrap
	}
	.front-text a {
		display: block;
		font-size: 14px;
		margin: 20px auto;
		padding: 6px;
		width: 200px;
	}
}
@media (max-width: 420px) {
	.front-banner {
		height:auto;
		background:none;
	}
	.front-text {
		width: 100%;
		font-size:16px;
		padding:10px 40px 10px;
	}
	.front-text br {
		display:none;
	}
	.front-text span {
		font-size:20px;
		white-space:nowrap
	}
	.front-text a {
		display: block;
		font-size: 12px;
		margin: 20px auto;
		padding: 6px;
		width: 140px;
	}
}
.main {
	background-color:#ffffff;
	width:100%;
	padding:0px 40px 20px;
}
.frontpage .main {
	padding-top:20px;
}
.main h2 {
	color:#a11c1f;
	border-bottom:1px solid #a11c1f;
	padding-bottom:10px;
	margin-bottom:20px;
}
.main h3 {
	margin-top:0px;
	margin-bottom:20px;
}
.main p, .main b {
	color:#1d1e22;
}
.main a {
	color:#a11c1f;
	font-weight:bold;
}
.main ul li b {
	color:#000;
}
.main ul {
	padding-left:13px;
}
.main p:last-child, .main ul:last-child {
	margin-bottom:20px;
}
.main-page-text-bottom {
 	border-top: 1px solid #a11c1f;
    margin: 10px 0px 0px;
	padding-top:20px;
}


.main-page-text-top, .main-page-text-top-bullets, .main-page-text-top-full {
	float:left;
}
.main-page-heading-link, .main-page-heading-link-double {
	float:left;
	margin: 0px 0px 20px 20px;
}
.main-page-heading-link a, .main-page-heading-link-double a {
	border:1px solid #a11c1f;
}
.main-page-heading-link img, .main-page-heading-link-double img {
	width: 308px;
	height: 172px;
}	
.main-page-heading-link-item {
	display:none;
}
@media (min-width: 1200px) {
	.main-page-text-top, .main-page-text-top-bullets {
		width: 726px;
	}
}
@media only screen and (min-width:991px) and (max-width:1199px) {
	.main-page-text-top, .main-page-text-top-bullets {
		width: 526px;
	}
}
@media only screen and (min-width:768px) and (max-width:991px) {
	.main-page-text-top, .main-page-text-top-bullets {
		width: 326px;
	}
	.main-page-heading-link img {
		width: 288px;
		height: 161px;
	}	
}
@media only screen and (max-width:767px) {
	.main-page-text-top, .main-page-text-top-full {
		width: 100%;
		text-align:center;
	}
	.main-page-heading-link {
		display:none;
	}
	.main-page-heading-link-item {
		display: block;
	}
}



.image-tag {
	position:absolute;
	left:0px;
	top:0px;
}


.main-page-links {
    border-top: 1px solid #a11c1f;
    margin: 0px 15px 20px;
}
.main-page-links a {
	border:1px solid #a11c1f;
}
.main-page-links .link-item {
	width:33.333%;
	margin-top:20px;
	float:left;
}
.main-page-links .link-item .img {
	float:left;
	width:100%;
	text-align:center;
	margin:0
}
.main-page-links .link-item .img img {
    width: 308px;
	height: 172px;
}
@media only screen and (min-width:991px) and (max-width:1199px) {
.main-page-links .link-item {
	width:33.333%;
}
.main-page-links .link-item .img img {
	width:258px;
	height: 144px;
}
}
@media only screen and (min-width:741px) and (max-width:991px) {
.main-page-links .link-item {
	width:50%;
}
.main-page-links .link-item .img img {
	width:288px;
	height: 161px;
}
}
@media only screen and (min-width:680px) and (max-width:740px) {
.main-page-links .link-item {
	width:50%;
}
.main-page-links .link-item .img img {
	width:258px;
	height: 144px;
}
}
@media only screen and (min-width:600px) and (max-width:679px) {
.main-page-links .link-item {
	width:50%;
}
.main-page-links .link-item .img img {
	width:218px;
	height: 121px;
}
}
@media only screen and (min-width:500px) and (max-width:599px) {
.main-page-links .link-item {
	width:50%;
}
.main-page-links .link-item .img img {
	width:178px;
	height: 99px;
}
}
@media only screen and (min-width:440px) and (max-width:499px) {
.main-page-links .link-item {
	width:100%;
}
.main-page-links .link-item .img img {
	width:288px;
	height: 161px;
}
}
@media only screen and (min-width:360px) and (max-width:439px) {
.main-page-links .link-item {
	width:100%;
}
.main-page-links .link-item .img img {
	width:218px;
	height: 121px;
}
}
@media only screen and (max-width:359px) {
.main-page-links .link-item {
	width:100%
}
.main-page-links .link-item .img img {
	width:178px;
	height: 99px;
}
}
.main-page-links .link-item .title {
	float: left;
    text-align: center;
    width: 100%;	
}
.main-page-links .link-item .title p {
	font-family: "Open Sans",Arial,sans-serif;
	color: #1B1F22;
    font-size: 12px;
    margin: 0 20px 10px;
    padding-top: 10px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.main-page-links .link-item .title b {
    font-size: 14px;
}
.main-nav {
	border-top:1px solid #a11c1f;
}
.main-nav a {
	line-height:20px;
	font-family: "Open Sans",Arial,sans-serif;
    font-size: 13px;
    font-weight: bold;
  	text-transform: uppercase;
	border: none;
	border-radius:4px;
	color:#ffffff;
	background-color:#a11c1f;
	padding:5px 10px;
	margin-top:20px;
}
.main-nav a:hover, .get-resources a:hover {
	text-decoration:none;
	background-color:#999999;	
}
@media (max-width: 991px) {
	.main-nav a {
		width:100%;
	}
}
.main-button-right {
	float:right;
	text-align:right;	
}
.main-button-right i {
	padding-left:10px;
}
.main-button-left {
	float:left;	
}
.main-button-left i {
	padding-right:10px;
}
.get-resources {
	float:left;
	width:100%;
	border-bottom:1px solid #009fe1;
	margin-bottom:20px;
}
.get-resources a {
	float:left;
	line-height:20px;
	font-family: "Open Sans",Arial,sans-serif;
    font-size: 13px;
    font-weight: bold;
  	text-transform: uppercase;
	border: none;
	border-radius:4px;
	color:#ffffff;
	background-color:#2fac67;
	padding:5px 10px;
	margin-bottom:20px;
}
.rollover-mobile {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
	font-size:18px;
    width: 100%;
}
.rollover-mobile span {
	color:#ffffff;
    position: absolute;
    top: 50%;
	left:0;
    /* adjust top up half the height of a single line */
    margin-top: -0.5em;
    /* force content to always be a single line */
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
	text-align:center;
    text-overflow: ellipsis;
 	opacity: 0.7;
}
.video_frame {
	border:1px solid #009fe1;
	margin-bottom:20px;	
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.2);
}
.video_frame a {
	display: block;
    height: auto;
    max-width: 100%;
}
.img-thumbnail {
	border-radius:0px;
	border:1px solid #000000;
	padding:2px;
	margin-bottom:10px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.2);
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
	.img-thumbnail {
		transform: rotate(0deg) !important;
		-ms-transform: rotate(0deg) !important; /* IE 9 */
		-webkit-transform: rotate(0deg) !important; /* Safari and Chrome */
		-o-transform: rotate(0deg) !important; /* Opera */
		-moz-transform: rotate(0deg) !important; /* Firefox */	
	}
}
.rotate-left {
	transform:rotate(-1.5deg);
}
.clip {
	position:absolute;
	right:-45px;
	top:15px;
	z-index:100;
}
.clip-2 {
	position:absolute;
	left:-60px;
	top:35px;
	z-index:100;
}
@media (max-width: 460px) {
	.img-thumbnail, .clip, .clip-2 {
		display: none;
	}
	.text-justify {
		text-align:left !important;
	}
}
.table-bordered {
    border: 1px solid #000000;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #000000;
}
.table-bordered > thead > tr > th {
	background:#424242;
	color:#ffffff;
}
.ks_yes {
	background:#d9e9d2;
	cursor:pointer;
}
.ks_no {
	text-indent:-9999px;
	overflow:hidden;
}
table ul, table ul:last-child {
	margin:0 0 0 14px;
	padding:0;
}
table ul li {
	padding:0 0 8px 0px;
	list-style: outside;
}
.caption {
	display:none !important;
}

/*====================================================================
Glossary
======================================================================*/

ul#letters {
	padding:0;
	margin-bottom:40px;
}
ul#letters li {
	display:inline-block;
	margin-right:5px;
	color:#CCC;	
	font-size:16px;	
}
ul#letters li a {	
	text-decoration:none;
	font-size:20px;
	color:#a11c1f;
}
ul#letters li a:hover  {
	color:#999999;
	text-decoration:none;
}
hr {	
	border-top:0;
	border-bottom:1px #a11c1f solid;
}

/*====================================================================
Footer
======================================================================*/

.push {
	height: 55px;
}
.footer, .push {
	clear: both;
}
.footer {
	width: 100%;
	/* Set the fixed height of the footer here */
	height:55px;
	background:url("../images/Footer/footer_background.jpg") repeat-x;
	color:#ffffff;
	font-size:12px;
	line-height:55px;
}
.footer p {
	margin:0px;
}
.footer a {
	color: #ffffff;
	text-decoration: none;
}
.footer a:hover {
	text-decoration: underline;
}
.footerLeft, .footerLeft p {
	float:left;
}
.footerRight {
	float:right;
}
.footerRight p {
	float:left;
}
.atomwide {
	background:url("../images/Footer/Atomwide_logo.jpg") no-repeat;
	background-size:113px 9px;
	float:left;
	margin:24px 0px 0px 13px;
	width:113px;
	height:9px;
	display:block;
	text-indent:9999px;
	overflow: hidden;
}
.atomwide_small {
	display:none;
}
.licence {
	background:url("../Images/Footer/licence.jpg") no-repeat;
	background-size:82px 26px;
	float:left;
	margin:14px 0px 0px 5px;
	width:82px;
	height:26px;
	display:block;
	text-indent:9999px;
	overflow: hidden;
}
@media (max-width: 991px) {
	.footer {
		font-size:11px;
		line-height:22px;
	}
	.footerLeft {
		width:100%;
		padding-top:5px;
	}
	.footerRight {
		float:left;
		width:100%;
	}
	.atomwide {
		margin-top:7px;
	}
	.licence {
		display:none !important;
	}
}
@media (max-width: 578px) {
	.footerRight {
		display:none;
	}
	.atomwide_small {
		display: inline-block !important;
	}
}
@media (max-width: 460px) {
	.footer {
		font-size:10px;
		line-height:13px;
	}
	.footerLeft {
		padding-top:7px;
	}
} 