@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

@font-face {
font-family: 'Bender-Inline';
font-style: normal;
font-weight: normal;
src: local('Bender-Inline'), url('Bender-Inline.woff') format('woff');
}


input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

button::-moz-focus-inner {  border: 0;}
a:focus {     outline: none; }
button:focus {     outline: none; }
::-moz-focus-inner {border:0;}
:focus, :active {    outline: 0;    border: 0;}

select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;       /* Remove default arrow */
   background-image: url(...);   /* Add custom arrow */
   background-image: url(../corenet-images/small-down-arrow.png);
   background-repeat: no-repeat;
   background-position: 90% center;
}

body {color: #000; margin: 0px; font-family: poppins; font-size: 14px; font-weight: 300; line-height: 24px;}

html {  scroll-behavior: smooth;}

a{transition: all 0.5s ease-in 0s; text-decoration:none!important; outline:none;}

a:focus, a:active,  a, focus, select {border:0px; outline:none;}

.clear{clear:both;}

p{margin-top:0px; text-align: justify;}

img {border:0px;}

form{margin:0px;}

input {outline:none;}

* {box-sizing:border-box; }

.text-center {text-align: center;}
.grid-1280 {display:table; width:1280px; margin:auto; }

h2 {font-weight: 700; text-align: center; font-size: 36px; line-height: 48px; color: #000; margin:5px 0px 20px 0px;} 

h2::after {content:''; display: block; width: 50px; height: 3px; background-color: #ee2364; margin: 20px auto;}

h6 {font-size: 14px; text-transform: uppercase; color: #999; text-align: center;  margin: 0px; display: none;}  

.small-heading {font-weight: 700; text-align: center; font-size: 24px; line-height: 48px; color: #000; margin:25px 0px 0px 0px;}

.small-heading::after {content:''; display: block; width: 30px; height: 3px; background-color: #ee2364; margin: 0px auto 20px auto;}

.popup-social-media {display: inline-block; float: right; margin-right: 80px; margin-top: 10px;}




/* Header */

header {position: fixed; width: 100%; display: table; z-index: 10; top:0px; left: 0px; }

.logo {display: inline-block; position: absolute; left: 0px; top:0px;}

.logo img {transition: all 0.5s ease-in 0s; width: 320px; }

.social-media-top {display: inline-block; position: absolute; right: 0px; top:0px;}

.social-media-top a {display: inline-block; float: right; background-color: #ffba00; text-align: center; height: 48px; width: 80px; padding: 10px; -webkit-transform:  skewX(-20deg);   -ms-transform: skewX(-20deg); /* IE 9 */   transform: skewX(-20deg); margin-left: 1px; }

.social-media-top a.last {width: 80px!important; margin-right: -10px; margin-left: 1px;}

.social-media-top a img { -ms-transform: skewX(20deg); /* IE 9 */   transform: skewX(20deg); -webkit-transform:  skewX(20deg);}

.social-media-top a:hover {background-color: #e3a706;}

.news-stripe {width: 100%; height: 48px; background-color: rgba(0,0,0,0.6); background-image: url(../images/green-stripe.png); background-position: left center; background-repeat: no-repeat;}

.news-stripe h1 {font-size: 13px; color: #fff; line-height: 48px; margin: 0px; display: inline-block; margin-left:40px; letter-spacing: 0px;   font-weight: 300; }

.news-stripe strong {display: inline-block; margin-left:330px; line-height: 48px; color: #fff; font-weight: 600;  letter-spacing: 1px; float: left; text-transform: uppercase;}

.top-navigation {width: 100%; height: 50px; background-color: rgba(0,0,0,0.8); text-align: right;}

.top-navigation a {display: inline-block; padding:0px 15px; line-height: 50px; color: #fff; text-transform: uppercase; letter-spacing: 1px;}

.top-navigation .current {font-weight: 700; border-bottom: 3px solid #ffba00;}

/* Header */






/* HomePage */

.home-banner4 {width: 100%; height: 970px; background-image: url(../images/homepage-banner4.jpg); background-position: center center; background-size: cover; }

.home-banner1 {width: 100%; height: 970px; background-image: url(../images/homepage-banner1.jpg); background-position: center center; background-size: cover; }

.home-banner2 {width: 100%; height: 970px; background-image: url(../images/homepage-banner2.jpg); background-position: center center; background-size: cover;}

.home-banner3 {width: 100%; height: 970px; background-image: url(../images/homepage-banner3.jpg); background-position: center center; background-size: cover;}

.bannner-caption { text-align: center; color: #fff; font-size: 48px; font-weight: 700; letter-spacing: 2px; line-height: 100%; padding-top: 18%;}

.bannner-caption h2 { text-align: center; color: #fff; font-family: 'Bender-Inline'; font-size: 200px; font-weight: normal; line-height: 100%; margin: 0px;}

.bannner-caption h2::after {display: none;}

.bannner-caption em { text-align: center; color: #fff; text-transform: uppercase; font-style: normal; font-size: 48px; font-weight: 700; letter-spacing: 5px;  line-height: 100%; }



/* HomePage */








/* Footer */

footer {display: table; width: 100%; background-color: #ffba00;}

.bottom-navigation {padding: 20px 0px 20px 0px; text-align: center; }

.bottom-navigation a {text-transform: uppercase; display: inline-block; padding: 0px 10px 0px 10px; font-weight: 400; }

.bottom-navigation a:first-child {padding-left: 0px;}

.copyright { background-image: url(../images/footer-stripe.png); background-position: center center; background-size:auto 100%; }

.copyright-text {color: #ccc; text-transform: uppercase; font-size: 12px; line-height: 28px; padding: 12px 0px; float: left; display: inline-block; letter-spacing: 1px;}

.copyright-text a {color: #aaa; border-bottom: 1px solid #aaa; margin: 0px 5px;}

.social-media-bottom {color: #fff; text-transform: uppercase; font-size: 12px; padding: 0px; float: right; display: inline-block; padding-right: 0px; margin-top: 5px;  display: none; }

.social-media-bottom a {display: inline-block; float: right; margin-left: 10px; margin-top: 0px; height: 50px;}

.social-media-bottom a img {display: block;}

.social-media-bottom strong {display: inline-block; font-weight: 600; line-height: 50px; }

.powered-by {display: inline-block; margin-left: 200px; margin-top: 5px; float: right; margin-right: 60px;}

/* Footer */





/* Services */

.services { background-color: #fff; padding: 60px 0px;}

.service-box {width: 31.3%; float: left; margin: 1%; background-color: #fff; text-align: center; padding: 30px; box-shadow: 0px 0px 20px 0px #ddd;}

.service-box img {display: block; margin: 30px auto;}

.service-box h3 {font-size: 20px; line-height: 140%; }

.service-box p {text-align: center; height: 100px;}

.readmore {display: table; width: 200px; margin: auto; background-color: #ee2364; transition: all 0.5s ease-in 0s; line-height: 48px; margin-bottom: 30px; color: #fff; font-weight: 500; -ms-transform: skewX(-20deg); transform: skewX(-20deg); transition: all 0.5s ease-in 0s; }

.readmore {background-image: url(../images/button-arrow.png); background-repeat: no-repeat; background-position: right center;}

.readmore span {display: block; -ms-transform: skewX(20deg); transform: skewX(20deg); transition: all 0.5s ease-in 0s; text-align: left; padding: 0px 20px;}

.readmore:hover {background-position: left center;}

.readmore:hover span  {padding-left: 90px;}

/* Services */




/* Both Team */

.both-team { width: 100%; height: 600px; padding: 70px 0px; background-image: url(../images/dual-team.jpg); background-position: center center; background-size:cover; }

.both-team h2 {margin-bottom: 50px;}

.both-team .grid-1280 div {display: inline-block; float: left; width: 33.3%;}

.both-team img {display: block; margin: auto;}

.float-left {float: left;}

.float-right {float: right;}

.both-team-content {text-align:center; font-size: 36px; color: #fff; font-weight: 700; line-height: 130%;  width: 400px; margin: auto; margin-top: 80px;}

/* Both Team */





/* Sponsors */

.sponsors {  padding: 60px 0px;}

.sponsors .item img {width: 31.3%; float: left; margin: 1%;}

.sponsors iframe {margin-top: 1%;}

/* Sponsors */






/* Players */

.players {  padding: 60px 0px;}

.player-photo {width: 100%; display: block;  /*  -webkit-filter: grayscale(100%);  filter: grayscale(100%); opacity: 0.5;*/   transition: all 0.5s ease-in 0s; } 

.player-photo:hover { -webkit-filter: none; /* Safari 6.0 - 9.0 */   filter: none; opacity: 1.0;}

.player-name  {display: block; text-align: center; font-size: 14px; line-height: 16px; color: #000; height: 60px; background-color: #ffba00; padding:15px 10px; font-weight: 600; padding-left: 20px; padding-right: 20px;   }

.player-social-icons {display: block; text-align: center; padding: 20px 0px; border: 1px solid #ccc; border-top: 0px solid #ccc; border-bottom: 3px solid #ee2364;}

.player-social-icons a {display: inline-block; opacity: 0.5; margin: 2px;}

.player-social-icons a:hover {opacity: 1.0;}

.green {background-color: #26bc7b;}

.light-blue {background-color: #dee3f0;}


/* Players */









/* Facts & Figure */

.facts-and-figure { width: 100%; height: auto; padding: 0px 0px 0px 0px; background-image: url(../images/team-bg.jpg); background-position: center center; background-attachment: fixed;}

.facts-and-figure h2, .facts-and-figure h6 {color: #fff;}

.facts {    width: 31.3%;    float: left;    margin: 1%;    background-color: rgba(255,186,0,0.9);    text-align: center;    padding: 35px;    height: 140px;}

.facts strong {display: block; font-size: 30px; font-weight: 300; margin: 10px 0px;}

.overlay2 {    background-color: rgb(0,0,0,0.7);    padding-top: 120px;   height: 700px;}


/* Facts & Figure */








/* Central Broward */

.central-broward { width:100%; height: 500px; padding: 0px 0px;  background-image: url(../images/stadium.jpg); background-position: center center; background-attachment: fixed;}

.central-broward h2 {color: #fff;}

.central-broward p {color: #fff; width: 80%; margin: auto; text-align: center; font-size: 18px; line-height: 180%;}

.overlay {background-color: rgb(0,0,0,0.7);   padding-top: 120px; height: 500px;}

/* Central Broward */





/* Directors */

.directors  {  padding: 60px 0px; }

.director-box {border-radius: 10px; border: 1px solid #ccc; width: 31.3%; margin: 1%; float: left; padding:20px 0px 0px 0px; position: relative; margin-bottom: 20px;}

.director-box strong {display: block; text-align: center; font-size: 20px; font-weight: 600; margin-bottom: 5px;}

.director-box em {display: block; color: #ee2364;  text-align: center; font-size: 15px; font-weight: 500; font-style: normal; margin-bottom: 40px; }

/* Directors */







/* Blog */

.blog {  padding: 60px 0px; background-color: #eee;}

.big-blog { width: 48%; float: left;}

.big-blog figure {padding: 0px; margin: 0px; width: 100%; height: 375px; overflow: hidden;}

.big-blog figure img {display: block; width: 100%;}

.big-blog .blog-brief {background-color: #fff; padding: 20px; display: table; width: 100%;}

.small-blog .blog-brief {background-color: #fff; padding: 20px; display: table; width: 68.5%; float: left;}

.big-blog .blog-brief h4 {font-size: 20px; margin: 0px;}

.small-blog .blog-brief h4 {font-size: 16px; margin: 0px; height: 78px;}

.date {font-size: 12px; color: #ee2364; font-weight: 500;}

.small-blog { width: 48%; float: right; margin-bottom: 47px;}

.small-blog figure {padding: 0px; margin: 0px; width:31.5%; float: left; }

.small-blog figure img {display: block; width: 100%;}

.big-blog .readmore, .small-blog .readmore {float: right; margin-right: 15px; margin-bottom: 0px;}

.small-blog .readmore {margin-top: 10px;}
.small-blog1 {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}

/* Blog */









/* Subscribe */

.subscribe-area { height: 550px; padding: 0px; background-image: url(../images/subscribe-stripe.png); background-position: center center; background-repeat: no-repeat; text-align: right;}

.subscribe-box {width: 100%; margin-top: 262px; text-align: right; padding-right: 80px;}

.subscribe-textbox {border: 0px; font-family: poppins; font-size: 15px; width: 330px;  } 

.subscribe-button {display: inline-block; float: right; border: 0px; background-color: #000; font-size: 20px; color: #fff; font-family: poppins; width: 70px; height: 49px; margin-top: -13px; transition: all 0.5s ease-in 0s; -ms-transform: skewX(-20deg); transform: skewX(-20deg); }

.subscribe-button:hover {background-color: #ee2364;}

/* Subscribe */







/* Contact Boxes */

.contact-boxes {  padding: 0px 0px 60px 0px; }


.contact-box {width: 24%; float: left; margin: .5%;  text-align: center; padding: 30px; height: 300px; border: 1px solid #ccc; font-size: 16px; line-height: 150%; font-weight: 400;}

.contact-box img {display: block; margin: 10px auto;}


/* Contact Boxes */






/* responsive menu */

.responsive-menu-icon { display:none;}


.responsive-menu-icon {
    display: block;
    cursor: pointer;
    background-color:#bc0b23;
    width: 50px;
    height: 50px;
    position: fixed;
    right: 0;
    top: 0px;
    padding: 15px 14px;
    box-sizing: border-box;
    z-index: 10000;
    display: none;
    z-index: 1000;
	background-image: url(../images/button-bg.png);
	background-size:100% 100%; 
	margin-top: 40px;
}

.bar1, .bar2, .bar3 {
    width: 23px;
    height: 2px;
    background-color: #fff;
    margin: 4px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-4px, 4px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-4px, -5px);
}


/* responsive menu */





/* Scroll Top */

.scrolltop {
	display:none;
	width:100%;
	margin:0 auto;
	position:fixed;
	bottom:0px;
	right:0px;	
	z-index:99;
}
.scroll {
	position:absolute;
	right:20px;
	bottom:20px;
	padding:0;
	text-align: center;
	margin: 0 0 0 0;
	cursor:pointer;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 	
}

.scroll a {padding:6px 10px 0px 10px; display:block; color:#fff; height:60px; width:60px;}



/* Scroll Top */






/* Flip Card */


.aboutus {padding: 60px 0px;}

.flip-card-front img {display: block; margin: 100px auto;}

.flip-card-front span {font-size: 30px; font-weight: 200;}

.flip-card-back {padding: 30px;}

.flip-card-back h2 {font-weight: 300; font-size: 30px; color: #fff; margin: 15px 0px; }

.flip-card-back h2:after {display: none;}

.flip-card-back p {text-align: center; font-size: 16px; line-height: 26px; font-weight: 400;  margin: 0px;}

.flip-card {
  background-color: transparent;
  width: 24%;
  height: 500px;
  perspective: 1000px;
  float: left;
  margin: .5%;	
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  border: 1px solid #ddd;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #fff;
  color: black;
}

.flip-card-back {
  background-color: #ee2364;
  color: white;
  transform: rotateY(180deg);
}

/* Flip Card */





/* Expand and collapse  */

.collapsible {
  background-color: #ffba00;
  color: white;
  cursor: pointer;
  padding: 0px;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  border-radius: 1000px;
  width: 55px;
  height: 55px;
  font-family: poppins;
  margin: auto;
  display: block;
  position: absolute;
  margin-left: 42%;
  margin-top: -20px;	
}

.active, .collapsible:hover {
  background-color: #ee2364;
}

.collapsible:after {
  content: '\002B';
  color: white;
  font-weight: 500;
  display: block;	
  margin: auto;
  text-align: center;
  font-size: 30px;
}

.active:after {
  content: "\2212";
}

.content {
  padding: 50px 20px 0 20px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #f1f1f1;
}

/* Expand and collapse  */








/* Founder */


.founder {padding: 70px 0px 70px 0px; width: 100%; display: table; background-color: #eee;}

.founder h2 {text-align: left;}

.founder h2::after {margin: 20px 0px;}

.founder-photo {float: left; margin-right: 30px; width: 300px; padding: 10px 10px 30px 10px; border: 1px solid #ddd; background-color: #fff;}

.founder-photo img {display: block; width: 100%; margin-bottom: 25px;}

.founder-photo span {display: block; width: 100%; text-align: center; font-weight: 500; line-height: 120%;}

/* Founder */









/* Modal */

.modal-content {height: 315px; overflow-y: scroll; padding-right: 30px;}

.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}

.w3-modal h2 {font-size: 24px; text-align: left;}

.w3-modal h2::after {margin: 10px 0px; width: 30px;}

.w3-modal {
    z-index: 100;
    display: none;
    padding-top: 100px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.w3-modal-content {
    margin: auto;
    background-color: #fff;
    position: relative;
    padding: 0;
    outline: 0;
    width: 1160px;
    padding:20px 10px 20px 30px;
}
.w3-blue, .w3-hover-blue:hover {
    color: #fff !important;
    background-color: #ee2364 !important;
    padding: 15px 20px;
}
.w3-animate-zoom {
    animation: animatezoom 0.6s;
}
.w3-display-topright {
    position: absolute;
    right: 0;
    top: 0;
}

.w3-xlarge {
    font-size: 24px !important;
}

.captain {display: inline-block; float: left; margin-right: 20px; width: 150px;}

.captain img, .captain span {display: block; text-align: center; width: 100%; border: 1px solid #ddd; background-color: #eee;}

 .captain span {display: block; text-align: center; width: 100%; color: #fff; background-color: #ee2364;font-weight: 500; padding: 10px;  line-height: 20px; } 

/* Modal */



#mixedSlider4 .item img {border: 1px solid #00793d;}

.two-boxes { text-align: center; width: 820px;  margin:auto; } 

.two-boxes .director-box {    float: left;    display: inline-block;    width: 48%;}

.anchor {margin-top: -70px; position: absolute;}