@charset "utf-8";

@import url("fonts/fonts.css");

body{width:100%; height:100%; padding:0; margin:0; font-family:'unicredit-regular'; font-size:14px;}
html{width:100%; height:100%;}
*, *:before, *:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.main-container:before, .main-container:after, .content-container:before, .content-container:after, .footer:before, .footer:after{content:""; display:table;}
.main-container:after, .content-container:after, .footer:after{clear:both;}
.main-container{width:100%; height:100%;}

/* Header Style | Start */
.header{height:80px; width:100%; position:fixed; z-index:9999;}
.header > *{float:left;}
.header > .logo{width:289px; height:100%; background-color:#FFFFFF; padding:26px 26px 0 26px;}
.header > .logo > img{display:block; width:100%;}
.header > .menu-nav{width:calc(100% - 289px); height:100%; background-color:#e2001a;}
.menu-nav{display:block;}
/* Header Style | End */

/* Content Style | Start */
.content-container{display:table; width:100%;}
.new-site{width:100%; text-align:center; display:table-cell; vertical-align:middle;background:url('i/bg.jpg') no-repeat center center;}
.new-site > h1{font-size:55px; margin:0 0 30px 0; font-weight:normal; padding:20px 20px 0 20px;color:#FFFFFF;}
.breadcrumb-menu{text-align:center;}
.breadcrumb-menu > a{color:#00afd0; font-size:14px; margin:0 10px; text-decoration:none; outline:0; position:relative;}
.breadcrumb-menu > a:after{content:""; display:inline-block; width:10px; height:14px; background:url('i/arrow-right.png') no-repeat center center / 7px auto; position:absolute; right:-17px; top:50%; transform:translateY(-50%);}
.breadcrumb-menu > a:last-child:after{width:0px;}
/* Content Style | End */


/* Footer Style | Start */
.footer{background-color:#666666; display:block; width:100%; position:absolute; bottom:0; left:0;}
.footer ul{list-style-type:none; letter-spacing:1px; display:table; width:100%; padding:0; margin:27px 0;}
.footer ul li{display:table-cell; width:25%; padding:0 15px;}
.footer ul li:first-child{padding-left:27px;} 
.footer ul li:last-child{padding-right:27px;}
.footer ul li h3{font-size:16px; font-family:'unicredit-bold'; color:#fff; margin:7px 0; font-weight:normal;}
.footer ul li p{font-size:14px; font-family:'unicredit-light'; color:#fff; margin-top:0; line-height:1.2;} 
.footer ul li p a:link, .footer ul li p a:active, .footer ul li p a:visited{text-decoration:none; color:#ffffff} 
.footer ul li p a:hover{text-decoration:underline;} 
.footer ul li p:last-child{margin:0;} 
	.logoUefa{position: absolute;right:10px;top:0px;border:0;}
/* Footer Style | End */

@media(max-width:768px){
	.header > .logo{width:100%; padding: 26px 0 0;}
	.header > .logo > img{width:280px; margin:0 auto;}
	.menu-nav{display:none;}

	.content-container{height:375px !important;}

	.footer{position:relative; bottom:auto; left:auto;}
	.footer ul li{display:block; width:100%; text-align:center; margin:15px 0 30px 0; padding:0;}	
	.footer ul li:first-child, .footer ul li:last-child{padding:0px;}

	.logoUefa {position:relative;display: block;margin:10px auto;}
}