body {font-family: 'open_sansregular'}
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold_1-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibold_1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
a focus {outline: none}
.topmenu {background-color: #fff; height: 100px; width: 100%}
.logo { margin: 17px 0px 0px 0px}
.nav-item a {font-family: 'open_sanssemibold'; font-size: 14px; color:#000;margin: 0px 10px 0px 10px;} 
.heading-box h2{ width:100%; color: red; }
.text-box {position: absolute;top: 50%;left: 15%;right: 15%;color: #fff;text-align: center;transform: translateY(-50%);}
.carousel-item {height: 600px;}
.carousel-item img {object-fit: cover; width: 100%; height: 100%}
.slider_wrapper {padding-left: 0px !important; padding-right: 0px !important}
.text-box h2 {font-family: 'open_sanssemibold'; font-size: 50px; color: #fff; text-transform: uppercase}
.btn-primary {background-color: #ec0b8e; border-radius: 0px; border: 1px solid #ec0b8e}
.btn-primary:hover,.btn-primary:focus {background-color: #851355; border-radius: 0px; border: 1px solid #851355}
.bg_dark {background: #18191b}
/*.nav-tabs li {background: #5074bc; min-width: 170px; height: 45px; line-height: 45px; border-right:1px solid #18191b; text-align: center;color: #fff}*/
.nav-tabs li a {color:#fff; text-transform: uppercase; font-size: 15px;display: block; text-decoration: none;background: #5074bc; min-width: 170px;border-right:1px solid #18191b; text-align: center; height: 45px; line-height: 30px }
.tab-align {position: relative; top:-45px;z-index: 99}
.info_wrap h3 {font-size: 16px; color:#fff; text-transform: uppercase; margin-bottom: 15px}
.gray_wrap {background: #26282b; padding: 15px}
.darkheader {background: #121212; padding: 15px 100px 5px 10px;position: relative}
.darkheader h4 {font-size: 15px; color:#fff; text-align: left}
.matchtime {position: absolute; right: 15px;top:15px;color: #ec0b8e;font-size: 13px;}
.matchtime_alt {color:#8fb3fa}
.logoplacer {background:#222222;padding: 0px 15px;display: flex;height: 80px; line-height: 80px}
.logoplacer div {}
.logoplacer div:nth-child(1) {width: 40%; text-align: right}
.logoplacer div:nth-child(2) {width: 20%; text-align: center; color: #fff}
.logoplacer div:nth-child(3) {width: 40%; text-align: left}
.nav-tabs {border-bottom: 0px}
/*.tab-content {position: relative;top: -25px}*/
.result_logo {padding: 0px 35px 0px 0px;position: relative}
.result_logo_l {padding: 0px 0px 0px 35px;position: relative}
.result_wrap, .result_wrap_l {position: absolute; background-color: #000; color:fff; font-size: 12px; right: 0px;top: 25px;padding: 3px 0px; height: 30px; line-height: 25px}
.result_wrap_l {left: 0px}
.topscorer {display: flex; color: #fff; font-size: 14px; border-bottom: 1px solid #000;padding: 15px 0px;}
.topscorer div:nth-child(1) {width: 7%; color:#fff;padding-top: 13px;}
.topscorer div:nth-child(2) {width: 80%; position: relative; padding: 0px 0px 0px 50px; color: #fff}
.topscorer div:nth-child(2) span {display: block}
.blue {color:#5074bc}
.topscorer div:nth-child(2) img {position: absolute; left: 0px;top:0}
.topscorer div:nth-child(3) {width:5%; text-align: right;padding-top: 13px;}
.matchdetails {height: 680px; background-color: #26282b}
h2 {font-size: 38px; color: #ec0b8e; margin: 40px 0px; text-transform: uppercase}
.page {margin-bottom: 60px}
/*.nav-tabs .active {background: url("../images/downarrow.png") no-repeat #5074bc; background-position: 50% 136%;}*/
footer {background: #141414; height: 98px; width: 100%}
.navbar-light .navbar-nav .active > .nav-link {color:#ec0b8e; border-bottom: 1px solid #ec0b8e}
.navbar-brand img:last-child {margin-left: 15px}
.nav-tabs .nav-link {border-radius: 0}
.mytab {margin-bottom: 0px;position: relative;top: -45px;z-index: 999}
#myTab .nav-item a {margin: 0px;border-right: 1px solid #3e6e9d;}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {background-color: #29447b; border:0px; color:#fff}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {border: 0;}
.tab-content {position: relative; top:-25px}
.sub_header {font-size: 15px;text-transform: uppercase;margin: 40px 0px 20px 0px;}
footer h6 {color:#fff;margin: 45px 0px 0px 0px}
.bigbanner {width: 100%;margin: 20px 0px 20px 0px;text-align: center}
.bigbanner img{}
.fixtures_wrap_main {background: rgb(225, 225, 225); padding: 15px;width: 100%;margin: 30px 0px;}
.fixtures_wrap_main h3 {font-size: 14px}
.fixtures_wrap_main h4 {font-size: 16px;width: auto;text-align: center;text-transform: uppercase;}
.white_wrapper {background: #fff;width: 100%;height: 65px;line-height: 60px; border-radius: 60px;position: relative;margin: 15px 0px 15px 0px}
.title {margin: 30px 0px;text-transform: uppercase;}
.white_wrapper div:nth-child(1){width: 45%; float: left; text-align: center;height: 100%}
.white_wrapper div:nth-child(2){float: left; width: 10%; background: rgba(0,0,0,1.00);height: 65px; line-height: 65px;color: #fff;text-align: center;font-size: 15px;}
.white_wrapper div:nth-child(3){width:45%; float: right;height: 100%; text-align: center}
.white_wrapper div:nth-child(1) img {margin-right: 10px}
.white_wrapper div:nth-child(3) img {margin-left: 10px}
.tab_inner, .tab-content-inner {top:0px}
.tab_inner {margin-top: 45px}
.tab-content-inner {background:#f2f2f2;padding: 25px;margin: 0px 0px 30px 0px}
.tabctrl .nav-tabs .nav-link.active {background-color: #f2f2f2;color:#000;border-right: 0px !important;outline: none;}
.tabctrl .nav-tabs li a {background-color: #1d5994}
.teamgroupWrapper {background:rgb(232, 232, 232);text-align: center;padding: 0px 0px 1px 0px;margin-bottom: 30px;}
.teamgroupWrapper h3 {font-size: 18px;background:#c6c6c6;height: 35px;line-height: 35px;text-transform: uppercase;}
.teamgroupWrapper img {display: block;width: auto;margin: 25px auto}
.table thead th {font-family: 'open_sansregular';font-size: 14px}
.table {margin-bottom: 30px}
.banner-contact {width: 100%; height: 400px; position: relative; margin-bottom: 30px}
.banner-contact img{ width: 100%; object-fit: cover; height: 100%}
.banner-contact h3 {position: absolute;top: 50%;left: 50%;color:#fff;text-transform: uppercase;margin-left: -70px;}
.address_wrap, .contact_wrap {background-color: #fff; padding: 25px;-webkit-box-shadow:  0px 0px 5px 0px rgba(185, 185, 185, 0.4);-moz-box-shadow:  0px 0px 5px 0px rgba(185, 185, 185, 0.4);box-shadow:  0px 0px 5px 0px rgba(185, 185, 185, 0.4);position: relative;border-radius: 5px; height: 260px}
.address_wrap h3 {text-transform: uppercase;font-size: 22px}
.address_wrap br {margin: 5px 0px}
.contact_wrap h3 {text-transform: uppercase;font-size: 22px}
.contact_wrap span {display: block;padding: 0px 0px 0px 45px;position: relative;margin: 20px 0px 15px 0px;}
.contact_wrap span img {position: absolute; left: 0px; top:0px}
.contact_wrap .mail span {padding: 0px 0px 0px 45px; position: relative}
.contact_wrap .mail span img {position: absolute; left: 0px;top: 4px;}
.team_group {background: #222222;padding: 10px;  color: #fff;border-bottom: 1px solid #2f2f2f; height: 80px; line-height: 55px; text-align: center}
.team_group span {display: block}
.team_group img {display: inline-block;width: auto;margin: 0px auto;}
.team_group img:nth-child(4){position: relative; top:16px;}
.team_group img:nth-child(5){position: relative; top:18px;}
.team_group img:nth-child(6){position: relative; top:22px;}
.socialmedia {width: 150px;float: right;text-align: right;margin: 30px 0px 0px 0px;}
.socialmedia img{margin: 0px 0px 0px 10px;}
.socialmedia a:focus {outline: none}
.kickstats span {display: block}
.kickstats span:first-child {font-size: 16px; position: relative; padding: 0px 0px 0px 26px;}
.kickstats span:first-child img {position: absolute; top:6px; left: 0px;width: 17px;}
.kickstats span:last-child {font-size: 60px;}
.subheader {background-color:#31363e;height: 40px;line-height: 40px;margin-bottom: 0px !important;text-align: center;}
.galleryHeader {width: 99.6%;font-size: 18px;text-transform: uppercase;background:#eaeaea;height: 40px;line-height: 40px;text-indent: 10px;margin-bottom: 0px;border-left: 1px solid #eaeaea; border-right:1px solid #eaeaea; margin: 0px auto}
.demo-gallery .row {margin-right: 0px; margin-left:0px }
 


/***********************************************************Gallery********************************************************/

/*
* The function calc is working wrong in case calculations in the Firefox
*/

.photobox{
  display: inline-block;
}

.photobox__previewbox{
  position: relative;
  overflow: hidden;
	height: 100%
}

.photobox__preview{
  display: block;
  max-width: 100%;
}

.photobox__previewbox:before{
  content: "";
}

.photobox_type3 .photobox__previewbox:before{
  width: 100%;
  height: 100%;
  
  background-color: var(--photoboxOverlay, rgba(0, 0, 0, .8));
  opacity: 0;
  transition: opacity var(--photoboxAnimationDuration, .4s) cubic-bezier(0.71, 0.05, 0.29, 0.9);
  will-change: opacity;
  
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.photobox_type3:hover .photobox__previewbox:before{
  opacity: 1;
}

.photobox_type3 .photobox__label{
  width: 98%;
  text-align: center;
  
  opacity: 0;  
  transition: opacity calc(var(--photoboxAnimationDuration, .4s) / 4) cubic-bezier(0.71, 0.05, 0.29, 0.9);
  will-change: opacity;
  
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.photobox_type3:hover .photobox__label{
  opacity: 1;
  transition-duration: var(--photoboxAnimationDuration, .4s);
  transition-delay: calc(var(--photoboxAnimationDuration, .4s) / 2);
}

.photobox_type3 .photobox__preview{
	transition: transform var(--photoboxAnimationDuration, .4s) cubic-bezier(0.71, 0.05, 0.29, 0.9);
  will-change: transform;
	transform: scale(1) rotate(0);
	height: 100%;
	object-fit: cover;
}

.photobox_type3:hover .photobox__preview{
  transform: scale(1.2) rotate(5deg);
}
/*
* demo styles for photobox
*/

.photobox{
  color: #fff;
  font-size: 2.5rem;
  font-weight: 700;
  width: 25%;
	height: 480px;
  --photoboxOverlay: rgba(72, 27, 174, .7);
  /*--photoboxAnimationDuration: .5s;*/
}

/*
=====
DEMO
=====
*/


.page{
  flex-grow: 1;
  order: 1;
}

.page__container{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}


/*
=====
LinkedIn
=====
*/

.linkedin{
  background-color: #f0f0f0;
  text-align: center;
  color: #222;
}

.linkedin__container{
  max-width: 1000px;
  padding: 10px;
  margin-left: auto;
  margin-right: auto;  
}

.linkedin__text{
  margin-top: 0;
  margin-bottom: 0;
}

.linkedin__link{
  color: #ff5c5c;
}

/*****************************************************************PhotoGallery********************************************************/

.demo-gallery {
	margin-bottom: 25px;
}
.demo-gallery > ul {
  margin-bottom: 0;
}
.demo-gallery > ul > li {
    float: left;
    margin-bottom: 0px;
    margin-right: 0px;
    width: 33.33%;
}
.demo-gallery > ul > li a { 
  border: 3px solid #FFF;
  border-radius: 3px;
  display: block;
  overflow: hidden;
  position: relative;
  float: left;
}
.demo-gallery > ul > li a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}
.demo-gallery > ul > li a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.demo-gallery > ul > li a:hover .demo-gallery-poster > img {
  opacity: 1;
}
.demo-gallery > ul > li a .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}
.demo-gallery > ul > li a .demo-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}
.demo-gallery > ul > li a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .justified-gallery > a > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  -moz-transition: -moz-transform 0.15s ease 0s;
  -o-transition: -o-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}
.demo-gallery .justified-gallery > a:hover > img {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
  opacity: 1;
}
.demo-gallery .justified-gallery > a .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: background-color 0.15s ease 0s;
  -o-transition: background-color 0.15s ease 0s;
  transition: background-color 0.15s ease 0s;
}
.demo-gallery .justified-gallery > a .demo-gallery-poster > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}
.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
  background-color: rgba(0, 0, 0, 0.5);
}
.demo-gallery .video .demo-gallery-poster img {
  height: 48px;
  margin-left: -24px;
  margin-top: -24px;
  opacity: 0.8;
  width: 48px;
}
.demo-gallery.dark > ul > li a {
  border: 3px solid #04070a;
}
.home .demo-gallery {
  padding-bottom: 80px; 
}