.navbar{margin-bottom: 0;}

.navbar-static-top {border: 0;}

.navbar-fixed-top{border:0;}

.navbar-default {background-color:#FFF;}

.navbar-header{
position: relative;
width: 100%;
height: 97px;
margin-right: 0 !important;
margin-left: 0 !important;
}

.navbar-brand{ 
float: none;
display: inline-block;
margin-top: 25px;
margin-bottom: 10px;
padding:0;
height: auto;
width: auto;
}

.navbar-brand img{ display:inline-block; }


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

.navbar-default .navbar-nav > li > a{
color: #5a78a0;
font-size: 11px;
font-weight: normal;
letter-spacing: 0.08em;
text-transform: uppercase;
padding: 14px;
padding: 14px 12px\9; /* IE 7 & 8*/
font-family: "azo-sans-web", arial, sans-serif;
}

.navbar-default .navbar-nav > .active a{ color:#e31d3e;}


.top_social {
position: absolute;
top: 37px;
right: 0;
}

.top_social a { 
position: relative;
padding: 0px 5px 0px 7px;
}

.top_social .tw{ color:#45bcf6;}

.top_social .otb{ color:#222222;}

.top_social .otb .iconText{ 
position: absolute;
width: 68px;
top: 30px;
left: -8px;
}

.top_social .listen .iconText{ 
position: absolute;
top: 30px;
left: 6px;
}

.top_social .watch .iconText{ 
position: absolute;
top: 30px;
left: 9px;
}

.iconText{
color: #a4a6b4; 
font-size: 13px; 
text-align: center; 
display: inline-block; 
line-height: 1;
}

.top_social .otb .fa-futbol-o{
color:#222222; 
font-size: 32px;
}

.top_social .yt{ color:#e63127;}

.top_social .fb{ color:#4e69b8;}

.navbar .form-control {
border: 0;
background-color: #dfe4e8;
color: #888f97;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}

.navbar .input-group-addon{
border: 0;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
background-color: #dfe4e8;
color: #888f97;

}

.ted {
text-align:center;
width: 69px;
}

.ted img{ 
position: relative;
top: -2px;
width: 75%;
}


.nav_order{ 
border-top: 1px solid #e0e9f5;
border-bottom: 1px solid #e0e9f5;
	border-top: 0\9; /* IE 7 & 8*/
}

.ie .nav_order{ 
	border-top: 0;
}


.ie #navbar,
.ie .nav_order_3{ 
	border-bottom: 0;

}

/* Search ----------------------------------------------- */

.search_btn_area{
width: 100%;
max-width: 77px;
	max-width: 57px\9; /* IE 7 & 8*/
text-align: right;

}

.posAbsolute .search_btn_area{
	
	border-bottom: none;
	
}

.search_btn { 
padding: 12px 7px 12px 0;
color: #5a78a0;
display: inline-block;
}

.search_btn:hover,
.close_search:hover{
color: #5a78a0;
}


#search_area{
position:relative;
display:none; 
}

.close_btn{ display:none;}    	

.posAbsolute{
position:absolute;
top: 0;
left: 0;
width: 100%;
height: 46px;
padding: 8px 0 6px 0;
	padding: 4px 0 6px 0\9; /* IE 7 & 8*/
background-color: white;
z-index: 10000000;
}  

.nav_float{ float: left;} 	

.nav_order{ width:100% } 	

.nav_order_1 {height:50px\0;}	/* ie css hack - for search */	


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

.navbar-brand img{ 
display:none;
display: block\0; /* IE8, IE9 */
}



@media screen and (min-width: 320px) and (max-width: 980px){
	.navbar-fixed-top .navbar-collapse,
	.navbar-fixed-bottom .navbar-collapse{ height: 100vh;}
	.navbar-header{ 
		text-align: left;
		height: auto;
	}
	.navbar-brand{ margin-top:10px; }
	.navbar-default .navbar-toggle:hover, 
	.navbar-default .navbar-toggle:focus { 
		background-color: transparent;
	}
	.navbar-toggle {
		border:0;
		padding: 20px 0;
	}
	.navbar-form .input-group {	width: 100%;	}
	.top_social .otb { padding: 0 4px;}
	.top_social .listen .iconText {		left: 8px;	}
	.iconText{ font-size: 12px;}
	.main_container {margin-top: 85px !important;}
	.navbar-brand img {
		width: 140px; 
		margin-top: 9px;
	}
	.navbar-nav li{ 
		display: inline-block;
		width: 48%;
		vertical-align: top;	
	}
	.second_menu li	{
		display: inline-block;
		width: 48%;
		vertical-align: top;
	}
	.second_menu a { padding: 20px;}
	.navbar-default .navbar-nav > li > .ted {
		padding-left: 0;
		width: 65px;
	}
	.nav_order_1,
	.nav_order_2{
		border-bottom:0;
	}
	
	.navbar-header,
	.nav_order_2 .row{
		border-bottom: 0\9; /* IE 7 & 8*/
		border-bottom: 0\0/IE9;  /* IE9 */
	}
	
	
	/* search ------------------------------------*/
	.nav_order{ 
		float: left; 
		padding-top: 60px;
	}
	.nav_order{ 
		border-top: 0;
		border-bottom: 0;
	}
	.nav_order_2 {
		position:absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 50px;
		padding: 8px 0;
		background-color: white;
	}
	#search_area{ display:block; }



}


@media screen and (min-width: 768px) and (max-width: 768px){
	.top_social {
	  top: 23px;
	  right: 40px;
	}

	
}

@media screen and (min-width: 320px) and (max-width: 767px){
	.logo_svg{  		background-position: left -120px; 	}
	.top_social .otb .fa-futbol-o { font-size: 29px;}
	.top_social .otb .iconText{ width: auto; left: 0;}
	.top_social .watch .iconText{ left: 6px; }
	.top_social .fa-stack { width: 33px; height: 33px;}
	
	
}


@media screen and (min-width: 568px) and (max-width: 667px){
	.logo_svg{  		background-position: left -60px; 	}

	
}


@media screen and (min-width: 480px) and (max-width: 767px){
	.top_social {
	  top: 23px;
	  right: 40px;
	}
	
}



@media screen and (min-width: 320px) and (max-width: 414px){
	.logo_svg{ 
 		background-position: left -120px;
 		width: 60px;
 		margin: 0;
 	}
	.top_social {
		position: relative;
		top: inherit;
		left: inherit;
		border-top: 1px solid #e0e9f5;
		padding: 10px 0 25px 0;
		text-align: center;
	}
	.top_social a { 
		position: relative;
		padding: 0px 5px 0px 7px;
 		font-size: 13px;  	
 	} 	 

}

/* Samsung Tab */
@media screen and (min-width: 600px) and (max-width: 600px){
	.navbar-collapse{ padding-bottom: 100px;}
}


/* 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) { 

}

/* Desktop */
@media only screen and (min-width: 1024px) { 


	
}