/* font-family: 'Exo', Helvetica, sans-serif; */

/* CSS Document */

body { max-width: 100%; margin: 0 auto;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4 { font-weight: bold; font-family: 'Exo', Helvetica, sans-serif;}

h1, .h1 { font-weight: 900; font-size: 46px; line-height: 50px;}

h3 a, h4 a { color: #000;}
h3 a:hover, h4 a:hover { color: #333; text-decoration: underline;}

.detail p { text-align: justify;}

.btn { border-radius: 0 !important;}

.table tr.fkp td, .table-striped tr.fkp td { background-color: #f7b70b !important;}

.navbar-default { background-color: #001b3a; border: none; color: #fff;}
.navbar-brand { padding: 5px 0 0; font-family: 'Exo', Helvetica, sans-serif;}
.navbar-brand > img { height: 80px; margin: 15px 10px -15px;}
.navbar-brand span { position: relative; top: 9px; display: inline-block;}
.navbar-brand p { font-size: 30px; font-weight: bold;}
	.navbar-brand p small { font-weight: normal; color: rgba(255,255,255,.5); font-size: .5em;}
.navbar-nav	{ margin: 29px 0 0;}

#Navigation { margin: 0; padding: 0px 0 0; background: #fff; position: relative;}
#Navigation:before, #Navigation:after	{ position: absolute; content: ''; z-index: 9999;}
#Navigation:after	{ background-color: #0059B2; width: 25%; top: 0; left: 0; height: 10px;}
#Navigation:before	{ background-color: #f7b70b; width: 55%; top: 22px; right: 0; height: 7px;}
#Navigation ul li { font-weight: bold; font-family: 'Exo', Helvetica, sans-serif;}
	#Navigation ul ul li { font-weight: normal;}
#Navigation ul li ul li a { color: #333;}
ul#SocialShorcuts { margin-right: -450px; margin-left:50px;}
#SocialShorcuts .fb { margin-right: -5px; padding-top: 10px;}
#SocialShorcuts .in { padding-top: 10px;}
#SocialShorcuts .fa-stack-2x { font-size: 3rem;}
#SocialShorcuts .fa-2x { font-size: 2rem;}
#SocialShorcuts .fa-inverse { color: #001a3b; padding-top: 4px;}
#SocialShorcuts .fa-instagram { padding-top: 0px;}
#SocialShorcuts .fa-facebook { font-size: 2.3rem;}

.home-on #BodyCol1 { height: 0; padding: 0; margin-top: -1px;}

#Events { padding: 0; margin-bottom: 20px; color: #fff; background: #001a3b; position: relative;}
#Events .container { position: relative; overflow: hidden;}
#Events:before, #Events:after	{ position: absolute; content: ''; z-index: 0;}
/*#Events:after	{ background-color: #0059B2; width: 25%; bottom: 30px; left: 0; height: 7px;}*/
#Events:before	{ background-color: #f7b70b; width: 45%; bottom: 30px; right: 0; height: 5px;}

#Events .window h3, #Events .window h3 a { color: rgba(255,255,255,.75); position: relative; z-index: 2;}
#Events .text-muted { color: rgba(255,255,255,.65);}
#Events h4 { color: #fff; font-size: 25px;}

.eventLine .eventLine-date, .eventLine .eventLine-img, .eventLine .eventLine-title, .eventLine .eventLine-time, .eventLine .eventLine-more { border-bottom: none; padding: 15px 20px 30px;}
.eventLine .eventLine-img {}
.eventLine .eventLine-img a { background-color: transparent; transform: rotateX(45deg) rotateY(10deg) rotateZ(-30deg) skewX(10deg) scale(3); position: absolute; bottom: 0; opacity: .25; left: 20%; width: 15%; height: auto;}
.eventLine .eventLine-img img { transform: none; position: relative;}
.eventLine .eventLine-title { position: relative;}


#Footer { background: inherit url(../img/logo-bg-footer.png) top right no-repeat; background-size: 350px; padding: 50px;}

#Stadium { background-color: #09f; position: relative; padding: 50px 0 140px; color: #333; margin: 30px 0;}
	#Stadium .container { position: relative; z-index: 999;}

/* Effect */
#Body { overflow: hidden;}
.header_fader_wrapper {
  margin-top: -50px;
  width: 100%;
  display: block;
  margin-bottom: 0px;
  max-width: 100%;
  height: 50px;
  position: relative;
}
/* line 821, ../_sass/screen.scss */
.header_fader_wrapper .fade {
  display: block;
  background: white;
  opacity: 0.8;
  height: 180px;
  width: 150%;
  margin-left: -25%;
  position: absolute;
}
/* line 830, ../_sass/screen.scss */
.header_fader_wrapper .fade.one {
  transform: rotate(3deg);
}
/* line 834, ../_sass/screen.scss */
.header_fader_wrapper .fade.two {
  transform: rotate(-1deg);
}
/* line 838, ../_sass/screen.scss */
.header_fader_wrapper .fade.three {
  opacity: 0.5;
  margin-top: -20px;
  transform: rotate(2deg);
}
/* line 844, ../_sass/screen.scss */
.header_fader_wrapper .fade.four {
  opacity: 0.5;
  margin-top: -30px;
  transform: rotate(3deg);
}
/* line 850, ../_sass/screen.scss */
.header_fader_wrapper .fade.five {
  opacity: 0.5;
  transform: rotate(-4deg);
}
/* line 855, ../_sass/screen.scss */
.header_fader_wrapper .fade.six {
  opacity: 0.4;
  transform: rotate(-1deg);
  margin-top: -25px;
}

/* --- */

#BackToTop { bottom: 10px; position: fixed; right: 0;}
#BackToTop a { background-color: rgba(0, 0, 0, 0.25); color: rgba(255, 255, 255, 0.75); cursor: pointer; font-size: 20px; font-weight: bold; padding: 7px 15px; text-align: center; transition: all 0.5s ease 0s;}
#BackToTop a:hover { background-color: rgba(0, 0, 0, 0.75); color: rgba(255, 255, 255, 1);}
/* ADVERTISMENT*/

#AdsSquare { margin: 20px 0; width: 100%;}
#AdsSquare img { width: 100%;}
#TopBanner {}
#TopBanner img { margin-bottom: 20px;}

/* Ads */

#AdsPartner { padding: 40px 0; border-top: 1px solid #ccc;}
#AdsPartner div.type_4, #AdsPartner div.type_6, #AdsPartner div.type_7, #AdsPartner div.type_10, #AdsPartner div.type_13, #AdsPartner div.type_14, #AdsPartner div.type_15 { display: inline-block; width: auto; margin: 0; background: none;}

#AdsPartnerCol2 { margin: 30px 0;}
#AdsPartnerCol2 { margin: 20px 0;}
#AdsPartnerCol2 { margin-bottom: 40px;}

div.type_10 { text-align: center; margin: 10px;}
div.type_10 img { width: 160px;}

#AdsPartner div.type_4 img { max-height: 90px; margin: 15px 20px;}
#AdsPartner div.type_13 img { max-height: 60px; margin: 15px 20px;}
#AdsPartner div.type_14 img { max-height: 35px; margin: 15px 20px;}
#AdsPartner div.type_15 img { max-height: 30px; margin: 15px 20px;}

#AdsPartner div.type_4 img, #AdsPartner div.type_6 img, #AdsPartner div.type_7 img, #AdsPartner div.type_10 img, #AdsPartner div.type_13 img, #AdsPartner div.type_14 img, #AdsPartner div.type_15 img	{ filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: grayscale(100%); -webkit-filter: grayscale(100%); transition: all 0.5s ease 0s; opacity: .75;}
#AdsPartner div.type_4 img:hover, #AdsPartner div.type_6 img:hover, #AdsPartner div.type_7 img:hover, #AdsPartner div.type_10 img:hover, #AdsPartner div.type_13 img:hover, #AdsPartner div.type_14 img:hover, #AdsPartner div.type_15 img:hover, #AdsPartner.no-filter div.type_4 img	{ filter: none; -webkit-filter: none; transition: all 0.5s ease 0s; opacity: 1;}


.detail #AdsSquare { margin: 15px 0;}
.detail #AdsSquare .type_7 { margin: 5px 0;}

#AdsSquare .type_6 { width: 100%;}

/* NAVIGATION Backup */
/*.navbar-brand > img { height: 70px;}
.navbar-brand span { position: relative; top: 10px;}
.navbar-brand p { font-size: 20px; font-weight: 900;}
	.navbar-brand p small { font-size: .75em; font-weight: normal; color: rgba(0,0,0,.5);}
.navbar-nav	{ margin: 15px 0;}

#Navigation ul li { font-weight: bold;}
	#Navigation ul ul li { font-weight: normal;}
*/

/* NEWS TOP */ 

#NewsTopRow { max-width: 100% !important; margin: 0;}
#NewsTopRow .extra .txtHolder { position: absolute; min-width: 300px; right: 25%; bottom: 50px; text-align: center;}
#NewsTopRow .extra p.h1 a { color: #fff; font-size: 3.5rem; line-height: 1.3; font-family: 'Exo', Helvetica, sans-serif; font-weight: 700;}
#NewsTopRow .extra .imgHolder2 { max-width: 100%; background-position: center 25%;}

/* NEWS */

.window.news .item_container { height: 35em; box-shadow: 0 30px 60px -12px rgba(50,50,93,.25),0 18px 36px -18px rgba(0,0,0,.3),0 -12px 36px -8px rgba(0,0,0,.025); margin-bottom: 30px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px;}
	.window.news .item_container .imgHolder { margin: 0; background-color: #333;}
	.window.news .item_container .txtHolder { padding: 15px; margin: 0; background-color: #fff;}
		.window.news .item_container .txtHolder p.small { display: none;}
		.window.news .item_container .txtHolder h4 { height: 4em;}
		.window.news .item_container .txtHolder p { height: 5em;}
		.window.news .item_container .txtHolder > p { height: .75em; font-size: .9em;}

.news.detail .imgHolder { margin: 15px 0;}

.news.detail .window.news .item_container {
    height: 32em;
}

/* PAGE NAVIGATION */

.detail #PageNavList ul { margin: 0;}

/* PAGE DETAIL NAVIGATION */	
.detail.page ul.nav.navbar-nav	{ margin: 15px 0; padding: 0; width: 100%; background-color: #dadada;}
.detail.page ul.nav.navbar-nav li	{ float: none; display: none;}
.detail.page ul.nav.navbar-nav li.active a	{ background-color: #0059a8; color: #FFF;}
.detail.page ul.nav.navbar-nav li.active ul li a	{ background-color: #fafafa; color: #555;}
.detail.page ul.nav.navbar-nav li.active ul li a:hover	{ background-color: #dadada; color: #888;}
.detail.page ul.nav.navbar-nav li.active ul li.active a	{ background-color: #eaeaea; color: #000; font-weight: bold;}
.detail.page ul.nav.navbar-nav li.active, .detail.page ul.nav.navbar-nav li.active ul, .detail.page ul.nav.navbar-nav li.active ul li, .detail.page ul.nav.navbar-nav li.active ul li a	{ float: none; display: block;}
.detail.page ul.nav.navbar-nav li a	{}

.detail.page ul.nav.navbar-nav li ul	{ margin: 0; padding: 0; list-style: none;}
.detail.page ul.nav.navbar-nav ul li	{}
.detail.page ul.nav.navbar-nav ul li a	{ display: block; padding: .75em; margin: 1px 0;}

.detail.page ul.nav.navbar-nav ul ul	{ padding: 0 0 0 15px;}
.detail.page ul.nav.navbar-nav ul ul li	{}
.detail.page ul.nav.navbar-nav ul ul li a	{ display: block; background-color: transparent; padding: .5em;}

/* PAGES */

.page.detail .imgHolder	{ display: block; float: none; width: 100%; overflow: hidden; margin-bottom: 10px; max-height: 350px;}
	.page.detail .imgHolder:hover img	{ transform: scale(1.1);}
	.page.detail .imgHolder img	{ max-width: 100%; margin-top: -5%; color: rgba(0,0,0,0); transition: all 2s ease 0s;}



@media screen and (max-width: 768px) {
	table.table th, table.table td {display: table-cell;}
	.navbar-brand > img { height: 35px;}
	.navbar-brand span { top: 3px;}
	.navbar-brand p { font-size: 16px; font-weight: 900;}
		.navbar-brand p small { display: none;}

	#NewsTopRow .extra p.h1 a { font-size: 30px;}
#Navigation:before, #Navigation:after, #Events:before, #Events:after	{ display: none;}

}

/* BOARD */

.window.board .item_container	{ height: auto; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted rgba(255,255,255,.25);}
.window.board h3	{ color: rgba(255,255,255,.5); padding-left: 0;}
.window.board h3 .small	{ font-size: 1.15em;}
.window.board .item_container > a	{ color: #fff;}


/* FOOTER NAVIGATION */

#Footer .footerNav { margin: 10px -15px 30px;}
#Footer .footerNav ul { display: flex;}
#Footer .footerNav ul li { display: inline-block; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; -o-flex: 1; flex: 1;vertical-align: top; margin: 0 1%;}
#Footer .footerNav ul li ul { display: block; margin: 1em 0;}
#Footer .footerNav ul ul li { display: block; width: 100%; margin: .5em 0;}
#Footer .footerNav ul ul ul { display: none;}
#Footer .footerNav ul li a { text-transform: uppercase; font-weight: bold;}
#Footer .footerNav ul ul li a { text-transform: none; font-weight: normal;}