/* *{outline:1px solid F04E2D;} */

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
/*   height: 60px; */
  padding: 15px;
}


/* General --------------------------------------------*/

body{
background-color: black;
background-image:url('../../graphics/crew/crew_bg.jpg');
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
color: #fff;
font-family: "open-sans",sans-serif;
font-style: normal;
font-weight: 400;
}


.bottom_space {
width: 100%;
height: 200px;
display:block;
}

.container{
padding-left:0;	
padding-right:0;
}

.row{
margin-left: 0;
margin-right: 0;
}

.align_center{text-align:center;}

.no_LR_padding{
padding-left: 0;
padding-right: 0;
}

.no_L_padding{padding-left: 0;}

.no_R_padding{padding-right: 0;}

.cookie{ padding:20px;}


/* text --------------------------------------------*/

h1,h2,h3,h4,h5,h6{
font-weight: 700;
font-style: normal;
font-family: "open-sans",sans-serif;
}

a{ 
color: #fbb03b;
text-decoration: none;
font-family: "open-sans",sans-serif;
}

a:hover{
color: white;
text-decoration: none;
}

hr{border-top: 1px solid #333;}

.tc_font{
font-size: .65em;
font-family: "open-sans",sans-serif;
}

.tc_font a{
font-family: "open-sans",sans-serif;
}

h4 a:hover{color:#fff;}


/* colors --------------------------------------------*/

.white{color:white;}
.white_bg{background-color:white;}	
.black{color:black;}
.black_bg{background-color:black;}

.transparent_bg{ background-color: rgba( 0,0,0, 0.8);}

/* top_nav  --------------------------------------------*/

.navbar{
margin-bottom:0;
}

.navbar-inverse{ 
background-color: transparent;
border-bottom: 0;
}

.navbar-fixed-top,
.navbar-fixed-bottom{
z-index:10000000000000;
}

.top_logo{
text-align:center;
margin-top:20px;
}

#top_navigation .navbar-brand{
margin:0;
float: none;
line-height: 1em;
height: auto;
display:inline-block;
}


#top_navigation .navbar-brand img{
width: 211px;
height: auto;
}

#top_navigation .navbar-header h2{
margin: 0;
display: block;
position: relative;
top: 0;
}

#top_navigation .navbar-header h2 a{ font-size: 1em; }

#top_navigation .navbar-header{
width: 100%;
text-align: center;
}

.navbar-header {position:relative;}


/* footer  --------------------------------------------*/

.footer {
background-color: black;
/* border-top: 1px solid #333; */
font-size: .8em;
}

.copyright {
top: 7px;
text-align:right;
}

.text_copyright_1{ 
margin-bottom:0;
display:inline-block;
}

.text_copyright_2{
margin: 5px 0;
display:inline-block;
}	


.footer_logo { 
top: 20px;
position: relative;
}



/* top area  --------------------------------------------*/

.top_logo{
margin:0 auto;
width: 345px;
height: auto;
display:block;
}

.top_image{ padding: 0;}

.top_text{ 
padding-top: 15px;
padding-bottom: 15px;
margin-bottom: 25px;
background-color: black;
color: white;
}

.top_text p { 
font-weight: 700;
text-align:center;
}

.top_content{margin-top:25px;}

.logo_video{
margin-bottom: 0px;
text-align:center;
}

.logo_video img{
display: inline-block;
padding: 130px 10px 0px 10px;
}

.video_area{ margin-bottom:15px;}

.video_iframe{padding:0 15px;}

.video_iframe h4 {text-align:center;}

.tc_content h4{ font-size: 1.2em;}

.tc_content{ font-size:1em; }

.social { margin: 15px 0;} 



/* Left  side  --------------------------------------------*/

.tryagain{color: #fbb03b;}

.left_side{ 
padding-top: 15px;
padding-bottom: 15px;
}

.left_side form{margin-bottom: 25px;}

.left_side form p { 
font-weight: 700;
font-size: 1.2em;
text-align:center;
}

.mandatory{
display:block;
text-align:center;
}

.mpu_content{
left: -5px;
position: relative;
width: 300px;
height: initial;
display:block;
padding:0;
text-align:center;
}




/* Right side  --------------------------------------------*/

.right_side .row{padding-top: 15px;}


.bx-wrapper{
overflow: hidden;
width: 100%;
margin-top: 15px;
border: 1px solid #333 !important;
}

.bx-wrapper .bx-prev{ left: 10px;}

.bx-wrapper .bx-next{ right: 10px;}


/* countdown  --------------------------------------------*/

#mycountdown{
display:inline-block;
}

.countdown {
    display: table-cell;
    font-weight: normal;
}
.countdown .item {
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    font-weight: 700;
    font-size: 36px;
    line-height:normal;
    text-align: center;
    color: #fff;
    border-radius: 10px;
    margin: 10px 5px;
    padding: 6px;
    background: #fbb03b;
    background: -webkit-linear-gradient(#fbb03b, #b57e2b);
    background: linear-gradient(#fbb03b, #b57e2b);
    overflow: hidden;
}

.countdown .item:after {
    content: '';
    display: block;
    height: 1px;
    border-top: 3px solid #fbb03b;
    width: 100%;
    position: absolute;
    top: 43%;
    left: 0;
}
.countdown .label {
    text-transform: uppercase;
    display: block;
    position: relative;
    font-size: 10px !important;
    font-weight: 700;
    bottom: 4px;
    font-size: 14px;
    color: #fff;
    width: 100%;
    text-align:center;
    padding:0;
    margin-top:3px;
}

/* Modal  --------------------------------------------*/

.modal{
z-index: 10000;
color:#000;
}

.modal-body li{ margin-bottom: 12px;}


/* Responsive  --------------------------------------------*/


/* *{outline:1px solid F04E2D;} */

@media screen and (min-width: 320px) and (max-width: 400px){	
	.mpu_content{ left: -20px;}	
}

@media screen and (min-width: 401px) and (max-width: 480px){

}

@media screen and (min-width: 481px) and (max-width: 538px){

}

@media screen and (min-width: 539px) and (max-width: 568px){
}

@media screen and (min-width: 569px) and (max-width: 639px){
}

@media screen and (min-width: 640px) and (max-width: 767px){
}


@media screen and (min-width: 768px) and (max-width: 768px){

}

@media screen and (min-width: 769px) and (max-width: 960px) {
	.image_carousel{margin: 30px auto;}
	.left_side p{ margin:15px 0;}
	.left_side{padding:0 30px;}
			
}


@media (max-width: 960px){
	html, body{ 
	overflow: hidden;
	overflow-y:auto;
	}
	.top_logo{width:90%;}
	.top_logo img{margin: 0 auto;}
	.top_content{margin-top:5px;}
	#top_navigation .navbar-header { margin-right:0; margin-left:0;	}
	.left_side{	
	margin-bottom:20px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 30px;	
	}
	.right_side{ margin-bottom:20px;	}
	.left_side .radio{margin-top: 25px; margin-bottom: 25px;}
	.mpu_content{ margin: 0 auto;}
	.image_carousel{margin: 0 auto;}
	#top_navigation .navbar-header h2{ top:0;}
	.navbar-brand{padding: 5px;}
	.logo_video img{	padding: 40px 0;	}
	body{background-position: center -110px;}
	.logo_video img{padding: 90px 0 0 0 ;}
	.footer, .copyright{
	text-align:right; 
	font-size: .8em;
	margin: 0 0 8px 0px ;
	}		
	.fb, .tw{ text-align:center;}
	.fb a, .tw a{display:inline-block;}
	.transparent_bg{ background-color: transparent;}
	.transparent_responsive{ background-color: rgba( 0,0,0, 0.8);}
}


@media(-webkit-min-device-pixel-ratio: 2) {

}