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


/* search ------------------------------------*/

.search_nav{ padding-right: 0;}

.search_nav form span{ color: #fff; }

.search_nav form .input-group-addon{
background-color: #3c3c3c;
border: 0;
padding: 11px;
}

.search_nav form .form-control{
background-color: #5c5c5c;
border: 0;
height: 40px;
color: white;
}

/* style nav ------------------------------------*/

nav .container { position:relative;}

.navbar .container-fluid { padding:0;}

.navbar { 
min-height: 40px;
margin-bottom:0;
z-index: 100001;
}

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

.navbar-inverse .navbar-toggle {border-color: transparent;}

.navbar-inverse .navbar-toggle:hover, 
.navbar-inverse .navbar-toggle:focus {
background-color: transparent;
}

.navbar-collapse { padding:0;}


.first_area > div:nth-of-type(1),
.first_area > div:nth-of-type(2){ 
background-color: #222;
}

	.ie8 .first_area .order_1{ height: 40px;}

	.ie8 .first_area .order_1,
	.ie8 .first_area .order_2{ 
	background-color: #222;
	}

.second_area { 
background-color:#FFF;
padding:0;
margin-top: 40px;
}

.second_nav{ 
background-color:#e83843;
width: 100%;
}

.second_bar .navbar-nav > li > a{ color: #fff;}

.menu_bar, 
.menu_bar:hover, 
.menu_bar:focus {
color: #fff;
}

.menu_bar {
display: inline-block;
padding: 8px 8px 6px 8px;
position: relative;
font-size: 17px;
}

.menu{ 
position:absolute;
top: 0;
left: 30px;
}

.menu .navbar-nav li a { color:#fff;}

.navbar-nav > li > a{
font-family: Lato, sans-serif;
padding: 0;
}

.first_nav li a,
.second_nav li a{ 
padding: 10px;
font-size: 13px;
}


.logo_area,
.sponsor_area img {
display: inline-block;
}

.sponsor_area{
height: 68px;
position:relative;
display: table;
}

.sponsor_area a {
display: table-cell;
vertical-align: bottom;
width: 180px; 
padding-bottom: 5px;
}

.sponsor_area img  { width: 180px; }


.sponsor_area small{ 
padding-right: 5px;
padding-bottom: 5px;
display: table-cell;
vertical-align: bottom;
}

.logo_svg{
background-image: url("/xpose/assets/graphics/xpose_new.svg");
/* background-image: url("/xpose/assets/graphics/xmas_xpose.ie_logo.png"); /* xmas logo*/
background-repeat: no-repeat;
background-position: left top;
background-size: 190px;
width: 190px;
height: 60px;
margin-top: 3px;
display: inline-block;
display: none\0; /* IE8, IE9 */
}


.logo_area a:first-of-type{ display: none\0; /* IE8, IE9 */}

.logo_area .logo_ie{
display:none;
display: block\0; /* IE8, IE9 */
height: 60px;
width: 190px;	
}


.first_nav li .logo_first_nav { padding: 6px;} 

.logo_first_nav img{height: 28px;	}

.logo_second_nav img{height: 24px;	}

.navbar-brand {display: none;}

.second_nav li:last-of-type { border-left: 1px solid white;	}

	.ie8 .first_nav li a {   padding: 10px 10px 0px 10px;}
	
	.ie8 .second_nav li a {   padding: 6px 10px;}
	
	.ie8 logo_first_nav { padding: 0 10px;}

@media screen and (min-width: 1050px){
	.second_nav li{ margin: 7px 0;}
	.first_nav li a{
	  padding: 10px 14px;
	  font-size: 14px;	
	}
	.second_nav li a {
	  padding: 0 10px;
	  font-size: 14px;
	}
	.ie8 .first_nav li a {   padding: 10px 10px 2px 10px;}
	
	.ie8 .second_nav li a {   padding: 6px 10px;}
	
	.ie8 .first_nav li .logo_first_nav { padding: 6px 10px 0 10px;}
}

@media screen and (min-width: 320px) and (max-width: 990px){
	
/* 	*{ outline: 1px solid;} */
	.content_area { padding: 50px 0 15px 0; }	
	.navbar {
		position: fixed !important;
		right: 0;
		left: 0;
		z-index: 10000030;
		overflow-y: scroll;
	}
	.navbar-collapse.in {
	 	 overflow-y: scroll;
	 	 position: relative;
	}
	.navbar-collapse {
		padding:0; 
		margin-top: 20px;
		max-width: 100vw;
		min-height: 80vh;
	}	
	.navbar-header {
		background-color: #e83843;
		z-index: 10000;
	}
	.navbar{z-index: 10000;	}
	.navbar-nav { margin:0;}
	.bar_btn{
		text-align: center;
		margin: 0;
		padding: 0;
	}
	.navbar-toggle{
		margin: 0;
	 	padding: 9px 0;
		position: relative;
		float: none;			
	}
	.navbar-inverse {	background-color: #e83843;		}
	.navbar-inverse .navbar-collapse, 
	.navbar-inverse .navbar-form{
		border-color: transparent;
		border:0;
		-webkit-box-shadow: none;
		box-shadow: none;
	
	}	
	.nav > li {
		display: inline-block;
		width: 48%;
	}
	.navbar-brand { 
		display:inline-block;
		padding:0;
		height: 37px; /* Same height as logo_svg*/
	}
	.first_nav li:nth-of-type(1){ width:100%;}
	.logo_svg{
		background-image: url("/xpose/assets/graphics/xpose_new.svg");
	 	background-position: left -40px;
		background-size: 124px;
		width: 124px;
		height: 39px;
		margin-top:0;
		margin-left: 10px;
 	}
 	.first_nav li .logo_first_nav {   padding: 6px 14px;	}
	.first_nav { background-color: #222222;}
	.sponsor { text-align:center;}
	.second_area { 
		background-color: transparent;
		margin-top:0;
	}

	.menu {
		position:relative;
		left:0;
	}
	
	.order_1{
		position:absolute;
		height: 100;
		margin-top: 280px;
		padding:20px 0;
	}
	.order_2{
		position:absolute;
		margin:10px 0;
		background-color: transparent !important;
	}
	.order_3{
		position:absolute !important;
		margin-top:55px;
	}
	.search_nav{ padding-right: 10px;}
	.sponsor_area_rwd img{ padding: 6px 0;}

			
}

@media (min-width: 991px){
	.navbar-right {
	
	     margin-right: 0; 
	}
}

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

}


@media screen and (min-width: 768px) and (max-width: 768px){
	.content_area { padding: 40px 0 15px 0; }
	.second_nav li:last-of-type { border-left: 0;	}
	.sponsor_area_rwd img{ 
		height: 39px;
		display: inline-block;
	}
	
}

@media screen and (min-width: 320px) and (max-width: 767px){
	.second_nav li:last-of-type { border-left: 0;	}
	.sponsor_area_rwd img{ 
		height: 39px;
		display: inline-block;
	}
}


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

	
		
}

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


}

/* Samsung Tab */
@media screen and (min-width: 600px) and (max-width: 600px){

}


/* IPhone 6 portrait + Sony xperia */
@media screen and (min-width: 360px) and (max-width: 375px){

}


/* For landscape Ipad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 
	.first_area > div:nth-of-type(2) {	padding-right: 17px;	}
}