/*----------------------------------MAIN BODY STYLE----------------------------------*/
*{padding: 0px;	margin: 0px auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body{font-family: 'Roboto Condensed', sans-serif; font-size: 14px; color: #000; background-color: #fff; -webkit-animation: bugfix infinite 1s; position: relative;}
a{outline: none; text-decoration: none; color: #000;}
a:hover{text-decoration: underline;}
a img{outline:none; border: none;}
hr { color:#ffffff; }

#wrapper{width: 100%; height: auto; overflow: hidden; position: relative;}
.new-line{display: block;}
.cf:before,
.cf:after{content: " "; display: table;}
.cf:after{clear: both;}
.cf{*zoom: 1;}
.inner{max-width: 980px; position: relative;}
.btn{display: inline-block;}
.btn a{font-size: 17px; color: #fff; text-decoration: none; padding: 0 30px; line-height: 29px; background-color: #2267ac; display: block;}
.football-icon{width: 54px; height: 54px; border-radius: 54px; display: table; position: absolute; left: 50%; margin-left: -27px; z-index: 100;}
.football-icon .icon{width: 27px; height: 27px; background: url(/mvc/public/frontend/images/football-icon.png) no-repeat center center; display: table-cell;}
.clear { clear:both; }
/*----------------------------------
	HEADER STYLES
	---------------------------------------------------------------------------------*/
.site-header{width: 100%; height: auto;}

.site-header .header-top{width: 100%; height: auto; background-color: #2267ac;}
.site-logo{width: 160px; height: 100px; background: url(/mvc/public/frontend/images/logo-wit-klein.png) no-repeat center center; background-size: contain; float: left; margin: 15px 0;}
.site-logo a{width: 100%; height: 100%; display: block;}

.site-header .header-top .right{float: right; width: 325px;}
.site-header .header-top .top-links{width: 325px; height: 50px; background: url(/mvc/public/frontend/images/top-links-bg.png) no-repeat center center; text-align: center;}
.site-header .header-top .top-links ul{font-size: 0;}
.site-header .header-top .top-links ul li{display: inline-block; list-style: none; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 17px; line-height: 22px; position: relative; padding: 9px 40px 11px 40px;}
.site-header .header-top .top-links ul li:first-child{padding: 9px 40px 11px 0;}
.site-header .header-top .top-links ul li:last-child{padding: 9px 0 11px 40px;}

.site-header .header-top .social-links{width: auto; height: auto; overflow: hidden; text-align: center; font-size: 0; margin-top: 15px;}
.site-header .header-top .social-links .social-link{width: auto; height: 24px; background-size: contain; background-repeat: no-repeat; background-position: center bottom; display: inline-block; margin-right: 15px;}
.site-header .header-top .social-links .social-link:last-child{margin-right: 0;}
.site-header .header-top .social-links .social-link a{width: 100%; height: 100%; display: block;}
.site-header .header-top .social-links .social-link.facebook{width: 12px; background-image: url(/mvc/public/frontend/images/facebook-icon.png);}
.site-header .header-top .social-links .social-link.twitter{width: 28px; background-image: url(/mvc/public/frontend/images/twitter-icon.png);}
/*----------------------------------
	SITE NAVIGATION STYLES
	---------------------------------------------------------------------------------*/
.site-navigation{width: 100%; height: auto; font-family: 'Open Sans', sans-serif;}
.site-navigation ul li{list-style: none; float: left; padding: 28px 0 27px 34px; font-size: 21px; color: #495372; font-weight: 400;}
.site-navigation ul li:first-child{padding: 28px 0 27px 0;}
.site-navigation ul li:last-child{padding: 28px 0 27px 31px;}
.site-navigation ul li a{line-height: 22px; color: #495372;}

/*----------------------------------
	SLIDER STYLES
	---------------------------------------------------------------------------------*/
#slider{top: 0px; z-index: 1; position: relative; width: 100%; height: 100%; overflow: hidden; text-align: center;}
.hero-viewport, .bx-wrapper{position: relative; width: 100%; height: 100% !important; top: 0; left: 0;}
.hero-content, .hero-content li{height: 590px !important;}
.hero-content li{background-size: cover; background-position: center center; background-repeat: no-repeat;}
.bx-wrapper .hero-viewport{border: none !important;}
.hero{width: 100%; height: 100%; position: relative;}
.hero .hero-viewport{-webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0);}
.hero-controls-direction{display: none;}

/* BULLETS */
.bx-has-pager{position: relative; max-width: 1100px; height: auto; display: none;}

/*----------------------------------
	SITE MAIN STYLES
	---------------------------------------------------------------------------------*/
.site-main{width: 100%; height: auto; margin-top: -26px;}
.site-main .main-content{width: 100%; height: auto; /*background-image: url(/mvc/public/frontend/images/main-content-bg.jpg);*/ background-color:#2267ac; background-size: cover; background-repeat: no-repeat; background-position: center center; padding-bottom: 40px; padding-top: 48px; position: relative;}
.site-main .main-content .football-icon{top: -30px;}
.site-main .main-content .left-content{width: 71.428571%; float: left; height: auto; padding-right: 20px;}
.site-main .main-content .left-content h1{font-size: 48px; font-weight: 400; color: #fff; margin-bottom: 22px;}
.site-main .main-content .left-content p{font-size: 19px; font-weight: 300; line-height: 30px; color: #fff; margin-bottom: 49px;}

.site-main .main-content .right-content{width: 28.571428%; float: right; height: auto; margin-top: -254px; position: relative; z-index: 100;}
.site-main .main-content .right-content .block{width: 100%; height: auto; background-color: #fff; overflow: hidden; padding: 18px 10px 12px 20px; margin-bottom: 17px;}
.site-main .main-content .right-content .block h2{font-size: 27px; line-height: 28px; color: #fa3600; font-weight: 400; margin-bottom: 3px;}
.site-main .main-content .right-content .block span{font-size: 17px; font-weight: 400; line-height: 28px; display: block; margin-bottom: 8px;}
.site-main .main-content .right-content .block .btn{float: right;}
.site-main .main-content .right-content .block img{display: block; width: 100%;}

.site-main .player-profile{width: 100%; height: auto; position: relative; padding: 46px 0 43px 0;}
.site-main .player-profile .football-icon{top: -28px; background-color: #fff;}
.site-main .player-profile .one-third{height: auto; float: left;}
.site-main .player-profile .one-third.first{width: 34.693877%; padding-top: 33px;}
.site-main .player-profile .one-third.middle{width: 32.653061%;}
.site-main .player-profile .one-third.player-image{background-size: contain; background-repeat: no-repeat; background-position: center bottom; min-height: 340px;}
.site-main .player-profile .one-third.last{width: 32.653061%; padding-top: 80px; padding-left: 4.081632%; }
.site-main .player-profile .one-third.last p { color: #000; }
.site-main .player-profile .one-third h2{font-size: 29px; line-height: 32px; font-weight: 400; color: #2267ac;}
.site-main .player-profile .one-third dl{overflow: hidden; width: 100%; font-size: 18px; font-weight: 300; line-height: 29px;}
.site-main .player-profile .one-third dl .bold{font-weight: 400;}
.site-main .player-profile .one-third dt{float: left; width: 32.352941%;}
.site-main .player-profile .one-third dd{float: left; width: 67.647059%;}
.site-main .player-profile .one-third p{font-size: 17px; font-weight: 300; line-height: 26px; position: relative; margin-bottom: 20px;}
.site-main .player-profile .one-third p::before{content: '“'; font-size: 46px; font-weight: 500; vertical-align: top; opacity: 0.5; padding-right: 5px;}
.site-main .player-profile .one-third p::after{content: '”'; font-size: 46px; font-weight: 500; vertical-align: text-top; opacity: 0.5; padding-left: 5px;}
.site-main .player-profile .one-third img{display: block; width: 100%;}
.site-main .player-profile .bottom{width: 100%; height: auto; float: left; position: relative; text-align: center; padding-top: 33px;}
.site-main .player-profile .bottom .btn a{background-color: #2267ac; padding: 0 17px; font-size: 19px; line-height: 33px;}
.site-main .player-profile .bottom .shadow{width: 100%; height: 17px; background: url(/mvc/public/frontend/images/player-profile-bottom-shadow.png) no-repeat center center; background-size: contain; position: absolute; top: 0; left: 0; right: 0;}

.site-main .row{width: 100%; height: auto; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative;}
.site-main .row.soundcloud{background-image: url(/mvc/public/frontend/images/soundcloud-bg.jpg); padding: 38px 0 62px 0;}
.site-main .row.soundcloud .football-icon{top: -28px; background-color: #fff;}
.site-main .row.soundcloud h2{font-size: 35px; font-weight: 400; color: #fff; margin-bottom: 8px;}
.site-main .row.soundcloud p{font-size: 19px; line-height: 30px; color: #fff; font-weight: 300; margin-bottom: 27px;}
.site-main .row.soundcloud img{display: block;}
/*----------------------------------
	SITE FOOTER STYLES
	---------------------------------------------------------------------------------*/
.site-footer{width: 100%; height: auto;}

.site-footer .sponsoren{width: 100%; height: auto; padding: 40px 0 50px 0; position: relative;}
.site-footer .sponsoren .football-icon{top: -28px; background-color: #6fa43e;}
.site-footer .sponsoren h2{font-size: 38px; font-weight: 400; color: #2267ac; margin-bottom: 30px;}
.site-footer .sponsoren .simply-scroll-container{position: relative; width: 100%; height: auto;}
.site-footer .sponsoren .simply-scroll-clip{position: relative; overflow: hidden; width: 100%;}
.site-footer .sponsoren .simply-scroll-list{overflow: hidden; margin: 0; padding: 5px 0; list-style: none;}	
.site-footer .sponsoren .simply-scroll-list li{padding: 0; margin: 0; list-style: none; width: 180px; float: left; height: 150px; -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.23); -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.23); box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.23); margin-right: 5px;}
.site-footer .sponsoren .simply-scroll-list li img{border: none; display: block; width: 100%;}

.site-footer #map{width: 100%; height: 488px;}

.site-footer .footer-bottom{width: 100%; height: auto; position: relative; text-align: center; font-size: 0; background-color: #2267ac; padding: 31px 0 35px 0;}
.site-footer .footer-bottom .football-icon{top: -28px; background-color: #2267ac;}
.site-footer .footer-bottom .footer-nav{width: auto; display: inline-block;}
.site-footer .footer-bottom .footer-nav ul li{list-style: none; font-size: 19px; font-weight: 300; line-height: 30px; color: #fff; float: left; padding: 0 10px; position: relative;}
.site-footer .footer-bottom .footer-nav ul li a{color: #fff;}
.site-footer .footer-bottom .footer-nav ul li::after{content: ''; position: absolute; right: 0; top: 6px; height: 17px; width: 1px; background-color: #fff;}
.site-footer .footer-bottom .footer-nav ul li:last-child::after{display: none;}

.site-footer .footer-bottom .social-links{width: auto; height: auto; overflow: hidden; text-align: center; font-size: 0; display: inline-block; margin-left: 12px; vertical-align: top;}
.site-footer .footer-bottom .social-links .social-link{width: auto; height: 24px; background-size: contain; background-repeat: no-repeat; background-position: center bottom; display: inline-block; margin-right: 15px;}
.site-footer .footer-bottom .social-links .social-link:last-child{margin-right: 0;}
.site-footer .footer-bottom .social-links .social-link a{width: 100%; height: 100%; display: block;}
.site-footer .footer-bottom .social-links .social-link.facebook{width: 12px; background-image: url(/mvc/public/frontend/images/facebook-icon.png);}
.site-footer .footer-bottom .social-links .social-link.twitter{width: 28px; background-image: url(/mvc/public/frontend/images/twitter-icon.png);}

.site-footer .footer-bottom .designed-by{font-size: 16px; color: #fff; line-height: 20px; font-weight: 300; opacity: 0.5; display: block; margin-top: 10px;}
.site-footer .footer-bottom .designed-by a{color: #fff;}
/*----------------------------------
	CUSTOM CSS
	---------------------------------------------------------------------------------*/
.inner h1 { font-size: 48px; font-weight: 400; color: #FFF; margin-bottom: 22px; /*text-shadow: 1px 1px #000;*/ }
.inner p { font-size: 19px; font-weight: 300; line-height: 30px; color: #fff; margin-bottom: 49px; }
.inner p a { float: right; color: #FFF; }


/** CONTACT PAGINA **/
form {width: 100%;border-radius: 8px;float: left;}

#contact_form input[type="text"],input[type="date"],input[type="datetime"],input[type="email"],input[type="number"],input[type="tel"],input[type="time"],input[type="url"],textarea,
#contact_form select {background: rgba(255,255,255,0.1); border: none; font-size: 15px; height: auto; margin: 0; outline: 0; padding: 5px; width: 100%; background-color: #FFF; color: #FFF; /*box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;*/margin-bottom: 30px; border-radius: 5px;}
#contact_form select {padding: 6px;height: 32px;border-radius: 2px;}
#contact_form button {padding: 19px 39px 18px 39px;color: #FFF;background-color: #6FA43E;font-size: 18px;text-align: center;font-style: normal;border-radius: 5px;width: 50%;border: 1px solid #839e69;border-width: 1px 1px 3px;box-shadow: 0 -1px 0 rgba(255,255,255,0.1) inset;margin-bottom: 10px;cursor: pointer;}
#contact_form button:hover {padding: 19px 39px 18px 39px;color: #FFF;background-color: #C1D0D7;font-size: 18px; text-align: center;font-style: normal;border-radius: 5px;width: 50%;border: 1px solid #b7c7ce;border-width: 1px 1px 3px;box-shadow: 0 -1px 0 rgba(255,255,255,0.1) inset;margin-bottom: 10px;cursor: pointer;}
#contact_form fieldset {margin-bottom: -25px;border: none;}
#contact_form legend {font-size: 1.4em;margin-bottom: 10px;}
#contact_form label {display: block;margin-bottom: 8px;font-size: 16px; color: #FFF; }
#contact_form label.light {font-weight: 300; display: inline;}
#contact_form textarea { font-family: 'Roboto Condensed', sans-serif; font-size: 14px; }

.site-main .main-content .left-content.contact { width: 49%; }
.site-main .main-content .right-content.maps { margin-top: 0; width: 49%;  }

#mapContact {width: 100%; height: 488px;}

/** TEAM PAGINA **/
.team-content { float: left; width: 100%; }
.team-box { float: left; width: 22%; border: 1px solid #FFF; border-radius: 10px; margin-right: 1%; min-height:400px; margin-bottom:5%; background:#fff; position:relative; overflow:hidden; }
.team-box.info { padding:10px; box-sizing:border-box; margin-right:5%; background:none!important; }
.team-box .player-name {width: 100%; }
.player-info { padding: 5px; }
.player-description p { color: #FFF; min-height: 200px; text-align: left; font-size: 14px; line-height: 18px; padding: 5px; margin-bottom: 1px; }
.team-box h2 { text-align: left; color: #FFF; text-shadow: 1px 1px #000; margin: 10px 0 10px 4px; }
.team-box img { width: 100%; margin:0; padding:0; position:absolute; left:0; bottom:0; }
.team-box dl { width: 100%; overflow: hidden; padding: 0; margin: 0 }
.team-box dt { float: left; color: #FFF; width: 50%; padding: 0; margin: 0;  }
.team-box dd { float: left; color: #FFF; width: 50%; padding: 0; margin: 0; }

/** Sponsoren **/
.sponsor-content { float: left; width: 100%; }
.sponsor-box-block { float: left; width: 32%; min-height: 205px; border: 1px solid #FFF; border-radius: 10px; margin-right: 1%; margin-bottom: 1%; }
.sponsor-box-block h2 { text-align: center; color: #FFF; margin-top: 15px; text-shadow: 1px 1px #000; }
.sponsor-photo { width: 50%; }
.sponsor-box-block img { width: 100%; margin-top: 25px; }

/** FOTOS PAGINA **/
.photoalbum-content { float: left; width: 100%; }
.photoalbum-box { float: left; width: 24%;  margin-right: 1%; margin-bottom: 1%; }
.photoalbum-box h2 { text-align: center; padding: 2px; color: #FFF; }
.photoalbum-box img { width: 100%; border-radius: 10px; border: 1px solid #fff; }
.photoalbum-box span p { color: #FFF; padding: 10px; } 

/** REPORT PAGINA **/
.report-content { float: left; width: 100%; }
.report-box { float: left; width: 100%; margin-bottom: 1%; }
.report-box .one-third.row-1 h2 { color: #FFF; }
.report-box hr { color: #FFF; }
.overflow-text { position: absolute; float: left; width: 40%; }
.overflow-text span p { color: #FFF; font-weight: 400; margin-bottom: 1px; }
.report_image_box { float: right; width: 50%; }
.report-box img { width: 100%; }

.photoalbum-box .phototitles { position: absolute; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 10px; background-color: rgba(255, 255, 255, 0.5); width: 24%; text-align: center; font-size: 18px; color: #FFF; text-shadow: 1px 1px #000; }

/** NEWS **/
.right-content p { color: #000; }

/** STANDEN PAGINA **/
.ranking_title { color: #FFF; text-align: center; }
.rankings { background: #FFF; border: 0; }
.rankings th { background: #6FA43E; color: #FFF; height: 50px; width: 9%; }
.rankings tr:nth-child(even) { background: #eee; }
.rankings img { width: 75%; padding: 10px; }
.rankings td { width: 9%; text-align:center; }

.matches { background: #FFF; border: 0; }
.matches th { background: #6FA43E; color: #FFF; height: 50px; }
.matches td { padding: 5px; text-align: center; }
.matches tr:nth-child(even) { background: #eee; }

.matches td .match { display:inline-block; width:70%; margin:0 auto; padding:0; }
.matches td .match img { float:left; width:15%; }
.matches td .match p { float:left; color:#000; line-height:36px; width:70%; font-size:14px; font-family: 'Roboto Condensed', sans-serif; margin:0; }

/** WEDSTRIJDEN PAGINA **/
strong.match_result { padding: 0 10px 0 10px; font-size: 18px;}