@import url(http://fonts.googleapis.com/css?family=Glegoo);

.flag-icon {
width: 5em;
line-height: 5em;
}

.team_section_title{
border-bottom: 1px solid #EAEAEA;
padding: 14px 0;		
}

.EURO_loader {
    text-align: center;
    background-color: #0D112E;
    cursor: pointer;
    padding: 10px;
    color: #fff;
    text-transform: uppercase;
}

/* header ------------------------------------------------------------ */

.header_election{
position: relative;
padding: 0 5px;
margin-bottom: 15px;
margin-top: 8px;
}

.header_election .focuspoint {    height: 384px;}

.header_election .image_caption  { padding: 0 5px;}

.header_election .image_caption_content { 
	padding: 6px;
	font-size: 14px;
}

.header_election .image_caption a h2{

color: white;
text-underline: none;
text-transform: none;
font-size: 24px;
margin: 0;
}


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


.grid_area{
position: relative;	
margin-top: 20px;
}

.grid_section_title{
position: relative;
padding: 0 5px;
margin: 20px 0 0 0 ;
clear: both;		
}

.grid_section_title_footer_t{
	position: relative;
	padding: 0 5px;
	margin: 4px 0 0 0 ;
	clear: both;
}

.grid_section_title_footer_b{
	position: relative;
	padding: 0 5px;
	margin: 0px 0 0 0 ;
	clear: both;
}

.grid_section_title h2,
.grid_section_title p{ 
display: inline-block;	
}

.grid_section_title h2 a{
font-size: 24px;
margin-bottom: 0;
color: #0d112e;
text-underline: none;
text-transform: none;
float: left;	
}

.grid_section_title p,
.grid_section_title p a { 
padding: 2px 0 0 0;
color: #a4a6b4;
font-size: 15px;
text-transform: none;
text-decoration: underline;
float: right;
}

.grid_section_title p a:hover {color: #e31d3e;}

.grid_section_title_footer_t h2,
.grid_section_title_footer_t p{ 
display: inline-block;	
}

.grid_section_title_footer_t h2 a{
font-size: 24px;
margin-bottom: 0;
color: #0d112e;
text-underline: none;
text-transform: none;
float: left;	
}

.grid_section_title_footer_t p,
.grid_section_title_footer_t p a { 
padding: 2px 0 0 0;
color: #a4a6b4;
font-size: 15px;
text-transform: none;
text-decoration: underline;
float: right;
}

.grid_section_title_footer_t p a:hover {color: #e31d3e;}

.grid_section_title_footer_b h2,
.grid_section_title_footer_b p{ 
display: inline-block;	
}

.grid_section_title_footer_b h2 a{
font-size: 24px;
margin-bottom: 0;
color: #0d112e;
text-underline: none;
text-transform: none;
float: left;	
}

.grid_section_title_footer_b p,
.grid_section_title_footer_b p a { 
padding: 2px 0 0 0;
color: #a4a6b4;
font-size: 15px;
text-transform: none;
text-decoration: underline;
float: right;
}

.grid_section_title_footer_b p a:hover {color: #e31d3e;}


.grid .focuspoint{ height: 170px;}

.grid_content{
padding: 10px;
background-color: #f3f8fd;	
height: 181px;
}

.grid_content a {
text-decoration: none;
}

.grid_title{
position: relative;
overflow: hidden;
margin-bottom: 5px;
padding-left: 1px;	
}

.grid_text {
position: relative;
overflow: hidden;
padding-left: 1px;	
}

.grid_title h4{ 
height: 67px; 
overflow: hidden;
}

.grid_title h4:after{
content: '';	
position: absolute;
width: 40px;
height: 25px;
/* background-color: red; */
bottom: 10px;
right: 0;

background: -webkit-gradient(linear, left top, right top, from(rgba(235, 240, 246, 0)), to(#f3f8fd), color-stop(50%, #f3f8fd));
background: -moz-linear-gradient(to right, rgba(235, 240, 246, 0), #f3f8fd 50%, #f3f8fd);			
background: -o-linear-gradient(to right, rgba(235, 240, 246, 0), #f3f8fd 50%, #f3f8fd);
background: -ms-linear-gradient(to right, rgba(235, 240, 246, 0), #f3f8fd 50%, #f3f8fd);
background: linear-gradient(to right, rgba(235, 240, 246, 0), #f3f8fd 50%, #f3f8fd); 

} 

.grid_title h4 a {
font-size: 20px;
margin-bottom: 0;
color: #0d112e;
text-underline: none;
text-transform: none;
}


.grid_text p, 
.grid_text p a { 
color: #a4a6b4;
font-size: 15px;
text-transform: none;
height: 32px;
}

.grid_text:after {
content: "";  		
position: absolute;
width: 50px;
height: 25px;
bottom: 0;
right: 0; 		
text-align: right;
padding:0 24px;
color:#f3f8fd;
/* background-color: red;  */
background: -webkit-gradient(linear, left top, right top, from(rgba(235, 240, 246, 0)), to(#f3f8fd), color-stop(50%, #f3f8fd));
background: -moz-linear-gradient(to right, rgba(235, 240, 246, 0), #f3f8fd 50%, #f3f8fd);			
background: -o-linear-gradient(to right, rgba(235, 240, 246, 0), #f3f8fd 50%, #f3f8fd);
background: -ms-linear-gradient(to right, rgba(235, 240, 246, 0), #f3f8fd 50%, #f3f8fd);
background: linear-gradient(to right, rgba(235, 240, 246, 0), #f3f8fd 50%, #f3f8fd); 

}

/* Team title ------------------------------------------------------------ */

.team_profile_title { margin: 10px 0 0 0;}

.team_profile_title .flag-icon {
width: 5em;
line-height: 5em;
}


.euro_title h1,
.team_profile_title h2{ 
color: #466687;
font-weight: 100;
margin-top: 15px;
min-width: 170px;
text-transform: uppercase;
font-family: "azo-sans-web", arial, sans-serif;
font-size: 30px;
}

.team_profile_title h2{
position: relative;
top: 20px;
margin: 0 0 0 10px;
}

.team_profile_title flag-icon,
.team_profile_title h2{  
display: inline-block;
}


/* team header imagee ------------------------------------------------------------ */

.team_header_img{
position: relative;
padding: 0 5px;
margin-bottom: 15px;
margin-top: 8px;
}

.team_header_img .caption  {
color: silver;
font-size: .8em;
}


/* Team squad ------------------------------------------------------------ */

.team_squad { margin-bottom: 20px;}

.team_squad_title { 
margin: 0;
padding: 8px;
color: white;
background-color: #0d112e;
font-size: 1.4em;
text-transform: uppercase;
font-family: "azo-sans-web", arial, sans-serif;
}



.team_squad_item:nth-of-type(4n+0),
.team_squad_item:nth-of-type(4n-1){
background-color: #f8f8f8;
background-clip: content-box;
}

.team_squad_item p { 
font-size: 1.1em;
margin: 0;
padding-top: 8px;
padding-bottom: 8px;
text-transform: uppercase;
}

.team_squad_number p {
text-align: center;
}

.team_squad_name p{

}

.team_squad_position p {
color: #e31d3e;
text-align: center;
}

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

.team_colors {
position: absolute;
top: 0;    
right: 8px;
padding: 8px;
}

.team_color_home{
margin-right: 2px;
}

.team_color_home,
.team_color_away{
display: inline-block;
padding-left: 4px;
}

.team_color_home .fa,
.team_color_away .fa{
position: relative;
top: 1px;
padding-right: 2px;
}

/* Team content ------------------------------------------------------------ */

.team_content {
margin: 0 0 20px 0;
}

.team_content h2 { padding-top: 0;}

.team_content_img{
position: relative;
width: 90px;
height: 90px;
overflow: hidden;
float: left;
margin: 0 10px 0 10px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}


/* Team quote ------------------------------------------------------------ */


.team_quote { 
position: relative;
font-family: 'Glegoo', serif;
color: #466687;
}

.team_quote blockquote {
position: relative;
margin: 20px 40px;
font-size: 26px;
line-height: 37px;
padding: 40px;
border-left: 5px solid #466687;
font-weight: bold;
}

.team_quote blockquote h3 {
margin: 10px 0 20px 0;
color: #466687;	
}

.team_quote blockquote span {
display: none;
text-align: right;
font-size: 24px;
line-height: 40px;
margin-top: 10px;
text-transform: uppercase;
font-weight: normal;
}

/* Team statistics ------------------------------------------------------------ */


.team_statistics {
margin: 20px 0;
font-size: 1.3em;
}


.team_statistics strong,
.team_statistics small {
display: block;
padding: 4px 0;	
}

.team_statistics strong span{
font-weight: normal;
font-size: .8em;
}

.team_statistics_1,
.team_statistics_2,
.team_statistics_3{
margin-bottom: 14px;
}

.team_11{ 
margin-bottom: 20px;
font-size: 1.2em;
}

/* Teams ------------------------------------------------------------ */


.group_title h2{
font-size: 1.4em;
text-transform: uppercase;
font-family: "azo-sans-web", arial, sans-serif;
}

.teams_wrap { 
position: relative;
margin-bottom: 10px;
}

.teams_img { height: 180px; }

.teams_specs { 
position: absolute;
left: 0;
bottom: 0;
z-index: 10;
width: 100%;
padding: 0 5px;
}

.teams_specs_bg {
position: relative;
background-color: rgba(0,0,0,0.7);
overflow: hidden;
height: 37px;
}

.teams_specs .flag-icon{
position: absolute;
top: -16px;	
left: -1px;
}

.teams_specs span,
.teams_specs h3 {
display: inline-block;
}

.teams_specs h3{ 
color: white;
left: 77px;
margin: 0;
position: relative;
font-size: 1.3em;
padding: 8px 4px;
}

/* standings ------------------------------------------------------------ */

.euro2016 .mpu { 	margin-top: 10px;}


/* article page -------------------------------------------------- */ 

.opta_widget_article .Opta h2 { 
	background-color: #0d112e;
    height: 43px;
    margin-bottom: 16px;
}

.opta_widget_article .Opta h2>span {
    height: 43px;
    line-height: 43px;
}



/* tab panel article page -------------------------------------------------- */ 



.match_tabs{
position: relative;
float: left;
}

.match_tabs .nav-tabs { 
position: relative;
overflow: hidden;
border-bottom: 0;
padding: 0 5px;
margin-bottom: 10px;
background-color: #0d112e;
background-clip: content-box;

}

.match_tabs .match_3_tab > li {
margin-bottom: 0;
width: 33%;
}

.match_tabs .match_3_tab > li:last-of-type{ width: 34%;}

.match_tabs .match_2_tab > li {
margin-bottom: 0;
width: 50%;
}

.match_tabs .match_2_tab > li:last-of-type{ width: 50%;}


.match_tabs .match_1_tab > li {
margin-bottom: 0;
width: 100%;
}

.match_tabs .match_1_tab > li:last-of-type{ width: 100%;}




.match_tabs .nav-tabs > li > a{
color:#fff;
text-transform: uppercase;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.05em;
border-bottom: 5px solid #0d112e;
}

.match_tabs .nav-tabs > li.active > a, 
.match_tabs .nav-tabs > li.active > a:hover, 
.match_tabs.nav-tabs > li.active > a:focus{
border-color: transparent;
background-color: transparent;
border-bottom: 5px solid #e31d3e;
color:#fff;
margin: 0;
}

.match_tabs .nav-tabs > li > a:hover {
border-color: #0d112e;
background-color: transparent;
}

.match_tabs .nav-tabs > li.active > a:before,
.match_tabs .nav-tabs > li.active > a:hover:before,
.match_tabs.nav-tabs > li.active > a:focus:before{
content: '';
position: absolute;
width: 100%;
height: 1px;
border-bottom: 1px solid #e31d3e;
left: 0;
bottom: -6px;
} 


/* triangle most popular tab */
.match_tabs .nav-tabs > li > a:after,
.match_tabs .nav-tabs > li.active > a:after, 
.match_tabs .nav-tabs > li.active > a:hover:after, 
.match_tabs.nav-tabs > li.active > a:focus:after {
content: '';
position: absolute;
width: 0;
height: 0;
bottom: 0;
left: 17px;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 9px solid #e31d3e;
z-index: 1;
}


.match_tabs .tab-content p img{
display: block;
max-width: 100%;
height: auto;
}



/* team dropdown ------------------------------------------------------------ */

#euro_team_select{
position: absolute;
top: 0px;
right: 0px;
}

#euro_team_select button{
width: 200px;
height: 27px;
padding: 3px 12px;
border: 0;
border: 1px solid #466687;
outline: 0;
background-color: #fff;
/* color: #0d112e; */
text-align: left;
}

#euro_team_select button .caret{
position: absolute;
top: 10px;
right: 10px;
}


#euro_team_select ul{
width: 199px;
/* background-color: #0d112e; */
background-color: #466687;
border: 1px solid #466687;
color: #fff;
border: 0;
outline: 0;
padding: 0px 0 0 0;
margin: 0;
}

#euro_team_select ul li a { 
color: #fff;
padding: 7px 10px;
}

#euro_team_select ul li a:hover,
#euro_team_select ul li a:focus {
background-color: transparent;
border: 0;
outline: 0;	
}

#euro_team_select ul li { 
border-bottom: 1px solid #0d112e;
width: 100%;
text-align: left;
}

#euro_team_select ul li:nth-of-type(2) { 
background-color: green;
}


.match_tabs .nav-tabs > li > a:after{ border-bottom: 9px solid #0d112e; }



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

@media (max-width: 980px){
	
	.team_squad_item:nth-of-type(4n+0),
	.team_squad_item:nth-of-type(4n-1){
		background-color: transparent;
	}
	
	.team_squad_item:nth-of-type(2n){
		background-color: #f8f8f8;
	}
	
	.order_title_noborder{
		border: 0;
	}
}


@media (max-width: 800px){
	.grid { width: 50%;	}	
}

@media (min-width: 800px){
	#live iframe{ height: 1300px !important;}
}

@media (max-width: 768px){
	
}


@media (max-width: 763px) {
	.grid { width: 100%;}	
}

@media (max-width: 414px) {

	#live iframe{ width: 85% !important;}
	.team_quote blockquote {
	    margin: 10px 20px;
	    font-size: 18px;
	    line-height: 24px;
	    padding: 20px;
	}
	
}

@media (max-width: 320px) {
	.teams_specs h3 { 
		font-size: 1.1em; 
		left: 57px;
		padding: 12px 4px 6px 4px;
	}
	.teams_specs .flag-icon {  width: 4em;}	
	
}