@charset "utf-8";
/* SHARED */
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background-color: #f0f0f0;
}

a:link, a:visited, a:active, a:focus {
	color: #414141;
	text-decoration: none;
	font-size:18px;
	font-weight:normal;
	line-height: normal;
	padding: 18px 20px 18px 20px;
}

a:hover {
	opacity: 0.75;
	text-decoration: none;
}

a img {
	border: none;
}

p {
	font-size:14px;
	font-weight:normal;
	color: #414141;
	margin: 0 0 0px;
}

h1, h2, h3, h4 {
  color: #414141;
  margin:0 0 0px;
}

h1 {
  color: #ffffff;
  margin:0 0 0px;
  font-size:42px;
}

h2 {
  font-size:14px;
  line-height: 1.72;
  padding: 20px 20px 18px 20px;
}

h3 {
  font-size:22px;
}

h4 {
  line-height: 1.5;
}

.container{
	padding:0px;
}

/* NAV BAR */
.navbar-bg {
	width:100%;
	background-color: #FFFFFF;
}

.navbar {
	margin:0px;
	min-height: 56px;
}

.navbar-default {
	background-color: #ffffff;
	border:none;
}

.navbar-header{
	max-height: 56px;
}

.navbar-header a img{
	margin-top: 6px;
}

.navbar-header button{
	border:none;
	background-color:transparent !important;
}

.navbar-header .icon-bar{
	background-color: #414141 !important;
}

.navbar-toggle:hover{
	opacity: 0.75 !important;
}

.navbar-toggle {
	margin-top: 11px;
	margin-bottom: 11px;
}

.nav >li>a {
	color: #414141 !important;
	padding: 16px 20px !important;
}

.nav >li>a:hover {
	opacity: 75%;
}

.nav .navbar-right>li>a {
	padding: 13px 10px !important;
}

.hiddenText {
	height:0px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#footer-inner{
	padding-top: 30px;
	padding-bottom: 30px;
	width: 50%;
	margin: 0 auto;
	text-align:center;
}

@media only screen and (max-width: 767px) {

	h1{
	  font-size:28px;
	}
	
	.navbar-right>li {
	  float: left;
	  padding-left: 10px;
	}
}

/* ------------------------------------ MAIN SITE ------------------------------------ */
.content {
	width: 100%;
	min-width:320px;
	background-color: #141414;
	margin: 0 auto;
}

.header {
	background-image:url('../img/BG_Header.jpg');
	background-size:cover;
	background-repeat: no-repeat;
	background-color: #000000;
	background-position:bottom;
	text-align:center;
}

.header .inner{
	width: 100%;
	max-width:735px;
	display: inline-block;
	position: relative;
}

.header .inner:after{
	padding-top: 50%;
	display: block;
	content: '';
}

.header .inner .contain{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}

.header img.logo {
    position: absolute;
	width:100%;
	height:auto;
	top:5%;
	margin: 0 auto;
	left:0px;
	right:0px;
	z-index: 8;
}

.header img.sub {
    position: absolute;
	width:75%;
	height:auto;
	bottom:38%;
	margin: 0 auto;
	left:0px;
	right:0px;
	z-index: 6;
}

.header .downloads {
    position: absolute;
	bottom:15%;
	margin: 0 auto;
	left:0px;
	right:0px;
	z-index: 10;
}

.header .download{
	display:inline-block;
}

.header .spacer{
	display:inline-block;
	width:2%; /* older browsers */
	width:calc(7% - 25px);
}

.header a:hover{
	opacity:0.7;
}

@media only screen and (max-width: 767px) {
.header .fourthbutton {
	display:none;
}
}

@media only screen and (max-width: 550px) {
.header .thirdbutton {
	display:none;
}
}

.media{
	background-image:url('../img/BG_Gray.jpg');
	background-repeat: repeat;
	margin-top:0px;
}

.trailer {
	display:block;
	max-width:735px;
	padding-top: 60px;
	padding-bottom: 60px;
	margin: 0 auto;
}

@media only screen and (max-width: 767px) {
.trailer {
	max-width:90%;
	max-height:100%;
	padding-top: 5%;
	padding-bottom: 5%;
}
}

.trailer .contain {
    position: relative;
    padding-bottom: 56.2%;
    height: 0;
    overflow: hidden;
}

.trailer .contain iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.screens {
	padding-top: 0px;
	padding-bottom: 60px;
	height:100%;
	text-align:center;
}

.screens img {
	display:inline-block;
}

.screens img.padscreen {
	margin-right: 30px;
	margin-left: 30px;
}

.screens a{
	padding: 0px !important;
}

.screens a:hover{
	opacity:0.7;
}

@media only screen and (max-width: 767px) {
.screens {
	padding-top: 0px;
	padding-bottom: 5%;
}

.screens img {
	width:90%;
	height:auto;
}

.screens img.padscreen {
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 5%;
	padding-bottom: 5%;
}
}

/* ------------------------------------ SUPPORT SITE ------------------------------------ */

/* SEARCH */
.search-bg {
	background-image:url('../Support/img/title_bg.jpg');
	  background-size:cover;
	  background-repeat: no-repeat;
	  background-color: #ffffff;
	  background-position:bottom;
}

.title-container{
height:275px;
}

.title {
text-align: center;
padding-top: 50px;
padding-bottom: 50px;
}

.section-title {
color: #414141;
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

#accordion_search_bar_container {
position: relative;
width: 50%;
margin: 0px auto;
}

#accordion_search_bar_container #search_clear, #accordion_search_bar_container #search_icon{
font-size: 14px;
width: 25px;
height: 25px;
line-height: 1.8;
position: absolute;
right: 12px;
bottom: 0px;
top: 0px;
margin:auto;
text-align: center;
}

#accordion_search_bar_container #accordion_search_bar {
font-size: 14px;
line-height: 1.42857143;
display: block;
margin: 0px auto;
width: 100%;
padding: 10px 40px 10px 20px;
border: 0px solid #cacaca;
border-radius: 50px;
outline: 0;
}

/* FAQ */
.panel {
	border: 0px;
}

.panel-group {
	padding: 0px 0px 0px 0px;
	margin-bottom: 30px;
}

.panel-heading {
	padding: 20px 20px 18px 20px;
}

.panel-body {
	padding: 0px 15px 20px 20px;
}

.panel-group .panel {
	border-radius: 0px;
	margin-top: 2px;
	box-shadow: none;
}

.panel-group .panel+.panel {
	margin-top: 2px;
}

.panel-group .panel-heading+.panel-collapse>.panel-body {
	border-top: 0px solid #f0f0f0;
}

.panel-title a {
	display: block;
}

.panel-body a {
	padding: 0px !important;
	font-weight: bold !important;
	font-size:14px;
}

.panel-body img {
	display:block;
	margin:auto;
	max-width: 100%;
	padding-top: 10px;
}

/* CONTACT */
#contact {
	left:0px;
	right:0px;
	text-align: center;
	background-color: #FFFFFF;
}

#contact h4>a {
	padding: 0px !important;
	font-weight: bold !important;
}

a.btn, a.btn:hover{
	color: #ffffff !important;
}

.btn{
	margin-top: 40px;
	margin-bottom: 46px;
	border: none;
}

@media only screen and (max-width: 767px) {

.search-bg {
	height:225px;
}

.title-container{
	height:225px;
}

#accordion_search_bar_container {
	width: 60%;
}

}