@charset "utf-8";
/* CSS Document */
body,html{overflow-x:hidden}
body{background:#fff;font-family:'Roboto',sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
body a{-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all}
h1,h2,h3,h4,h5,h6,span,p{font-family:'Roboto',sans-serif;margin:0}
.cl{clear:both}
.inner-header{height:500px; background-image:url(../images/Web-Banner-Flatbush-03.jpg); background-repeat:no-repeat; background-size:cover;}
.about-header{height:500px; background-image:url(../images/about2.jpg); background-repeat:no-repeat; background-size:cover;}
.contact-header{height:500px; background-image:url(../images/contact-bg.jpg); background-repeat:no-repeat; background-size:cover;}
.senior-header{height:500px; background-image:url(../images/senior-bg.jpg); background-repeat:no-repeat; background-size:cover;}
.junior-header{height:500px; background-image:url(../images/junior-bg.jpg); background-repeat:no-repeat; background-size:cover;}
.bnr-txt{color:#fff;font-size: 22px; font-weight: bold; text-shadow: 1px 2px #000;}
.j-reg{margin-left:30px;}
.top-menu{margin-left:20pxpx; z-index:9999; position:relative; top:40px}
.top-menu .navbar-brand{padding:0;margin:-30px 0px 0 20px;float:left;}
.nav>li>a:hover,.nav>li>a:focus{color:#fff}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#fff}
.navbar-default .navbar-nav>li>a{color:#fff;padding:35px 25px; text-transform:uppercase; font-size:1.1em; font-weight:300}
.navbar-default .navbar-nav>li>a:hover{background:#e8910d;}
.navbar-default .navbar-nav>.act>a{background:#e8910d}
.navbar{margin-bottom:0;border:0;border-radius:none}
.navbar-default{background:transparent; border-radius:0px; width:100%;}
.nav-bg{background:#014fa1;width: 1050px;float: inline-end;}
.navbar-right li{list-style:none}
.navbar{font-weight:400;font-size:1.1em;border:0}
.navbar-nav>li>.dropdown-menu{background-color:#e8910d; left:0}
.navbar-nav>li>.dropdown-menu:before{border-left:15px solid transparent;border-right:15px solid transparent;content:"";height:0;position:absolute;right:25px;top:-15px;width:0}
.navbar-nav>li>.dropdown-menu li a{border-bottom:1px dotted rgba(255,255,255,0.3);color:#fff;display:block;padding:5px 10px 5px 10px;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;font-weight:500;font-family:'Roboto',sans-serif}
.navbar-nav>li>.dropdown-menu li a:hover{color:#fff;background:#014ea1}
.navbar-nav>li>.dropdown-menu>li:last-child a{border-bottom:medium none;color:#fff}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{background-color:transparent;text-decoration:none;color:#fff}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{background-color:transparent;color:#fff}
.navbar-default .navbar-toggle{border-color:#000}
.navbar-default .navbar-toggle .icon-bar{background-color:#fff}
.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:20px;margin-right:15px;margin-bottom:8px;background-color:#000;background-image:none;border:1px solid transparent;border-radius:4px}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#e8910d;border-color:#e8910d;color:#fff}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#fff}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#15a9d7}
.navbar-right{text-align:center; font-size:0.9em}
.facebook{background:#e8910d; color:#fff; border:0px ; font-size: 1em; width: 80px; height: 90px; line-height: 15px; border-radius: 0px; text-align:center; text-transform:capitalize; font-weight: 300;transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; float:right; padding-top:25px; margin-right:2px}
.facebook:hover{background:#f29f20; color:#fff; text-decoration:none; border:0px;margin-right:2px}
.instragram{background:#7b8a0d; color:#fff; border:0px solid #0190c8; font-size: 1em; width: 80px; height: 90px; line-height: 15px; border-radius: 0px; text-align:center; text-transform:capitalize; font-weight: 300;transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; float:right;padding-top:25px}
.instragram:hover{background:#889812; color:#fff; text-decoration:none; border:0px solid #005b9a;}
.btn .fa{font-size:1.8em}
.header{background:#e8910d; height:670px;position: relative;overflow: hidden;}

.rbt{padding: 0 50px;position: absolute;z-index: 999;left: 0;bottom: 70px;}
.register{background:#014fa1; color: #fff; border: 1px solid #014fa1; font-weight:bold; text-transform:capitalize;padding: 15px 40px;font-size: 1em;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all; border-radius:3px; margin-top:20px;}
.register:hover{background:#fff;border: 1px solid#fff;color:#000;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all}
.banner-btn{text-align:center;}
.skew{overflow:hidden; position:absolute; top:0; left:0; display:none;}
.skewdiv{width: 610px;height: 1344px;margin: 0 0 0 -20px;-webkit-transform: skew(20deg);-moz-transform: skew(20deg);-o-transform: skew(20deg);background:#768421;overflow: hidden;  position: relative; opacity: 1;mix-blend-mode: hard-light;}
.skewbg{background:#768421;position: absolute;top: -30px;left: -30px;right: -30px;bottom: -30px;-webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);-o-transform: skew(-20deg); opacity: 1;mix-blend-mode: hard-light;}
.intro{margin-top:80px;}
.intro h1{font-size:3em; line-height:40px; font-weight:300; color:#014fa1; text-transform:uppercase; text-align:center; margin-bottom:20px}
.intro h1::before, .intro h1::after {display: inline-block;content: "";border-top: .3rem solid#014fa1;width: 8rem; margin: 0 1rem;transform: translateY(-1rem);}
.intro p{text-align:center;font-size: 1.1em;font-weight: 300; line-height:1.4; color:#666}
.play{margin-top:80px;}
.play h2{font-size:3em; line-height:40px; font-weight:300; color:#014fa1; text-transform:uppercase; text-align:center; margin-bottom:50px}
.play h2::before, .play h2::after {display: inline-block;content: "";border-top: .3rem solid#014fa1;width: 8rem; margin: 0 1rem;transform: translateY(-1rem);}
.play p{text-align:center;font-size: 1.1em;font-weight: 300; line-height:1.4; color:#666}
.player1{width:340px; height:340px; background:url(../images/batting.png) center center no-repeat; border:1px solid#014fa1; border-radius:100%;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all; cursor:pointer}
.player1:hover{background:#014fa1 url(../images/batting-hover.png) center center no-repeat; border:1px solid#014fa1;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all}
.player2{width:340px; height:340px; background:url(../images/bowling.png) center center no-repeat; border:1px solid#014fa1; border-radius:100%;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all; cursor:pointer}
.player2:hover{background:#014fa1 url(../images/bowling-hover.png) center center no-repeat; border:1px solid#014fa1;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all}
.player3{width:340px; height:340px; background:url(../images/keeper.png) center center no-repeat; border:1px solid#014fa1; border-radius:100%;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all; cursor:pointer}
.player3:hover{background:#014fa1 url(../images/keeper-hover.png) center center no-repeat; border:1px solid#014fa1;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all}
.more{background:#015bac; color:#fff; font-size: 1.2em;text-align:center; text-transform:capitalize; font-weight: 400; line-height:45px; width: 200px; height: 60px; border-radius: 5px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; margin-top:25px}
.more:hover{background:#046dcb; color:#fff; text-decoration:none;}
.time-table{background-image:url(../images/stadium.jpg);background-position:top center;background-repeat:none;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;height:1052px; margin-top:150px}
.time-left{background:#015bac; height:1150px; position:absolute; margin-top:-70px; width:100%;}
.time-left h3{font-size:2em; line-height:40px; font-weight:300; color:#fff; text-align:center; margin-top:20px}
.time-left p{font-size:1em; line-height:20px; font-weight:300; color:#fff; margin-top:15px; padding:0 20px}
.time-left ul{margin-left:30px}
.time-left li{font-size:1em; line-height:20px; font-weight:300; color:#fff; margin-top:15px}
.time-left hr.line {width: 100%; background: #fff; height: 1px; top: 0px; text-align: left; margin-top:5px}
.table{width:100%; margin-left:0px; color:#90c8fc; font-size:1.1em; margin-top:10px}
.table p{color:#90c8fc; font-size:1em; text-align:justify}
.mmore{background:#fff; color:#015bac; font-size: 1.2em;text-align:center; text-transform:capitalize; font-weight: 400; line-height:45px; width: 200px; height: 60px; border-radius: 5px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; margin-top:25px; margin-left:25px}
.mmore:hover{background:transparent; color:#fff; text-decoration:none; border:1px solid#fff}
.time-right{margin-top:10px; left:5%}
.time-right .post {border-right:4px solid#fff; height:70px}
.time-right p{font-size:1.2em; line-height:23px; font-weight:400; color:#fff; margin-bottom:5px; /*margin-top:15px*/}
.time-right .post h4{font-size:1.3em; line-height:25px; font-weight:500; color:#fff; margin-top:15px}
.top-space{margin-top:50px}
.sponsor{margin-top:80px; margin-bottom:50px;}
.sponsor h4{font-size:3em; line-height:40px; font-weight:300; color:#014fa1; text-transform:uppercase; text-align:center; margin-bottom:50px}
.footer{background:#000; padding-top:40px; padding-bottom:30px; margin-top:100px}
.footer h5{font-size:1.5em; color:#6f8202; font-weight:300; text-transform:uppercase; margin:0px}
.footer #third{margin-top:20px !important}
.footer address{font-size:1.2em; color:#fff; font-weight:300; line-height:1.3em}
.footer ul {margin-left: -10px; padding: 10px}
.footer ul li {display: block;}
.footer ul li a {font-size: 1em; font-weight: 300; line-height:25px; color: #fff; text-decoration:none}
.footer ul li a:hover{color:#6f8202; margin-left:10px}
.footer span{width:23px; height:23px;}
.copywrite{padding:25px; background:#6f8202; color:#fff; text-align:center}
.copywrite a{color:#fff; display:inline; text-decoration:none}
.copywrite a:hover{color:#000;}
.top-scroll{display:none;position:fixed;bottom:20px;right:4%;z-index:1000;display:block;width:40px;height:40px;line-height:10px!important;font-size:35px;color:#fff;text-align:center;background-color:#e8910d;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;cursor:pointer;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);opacity:.7;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5);-moz-box-shadow:0 0 5px rgba(0,0,0,0.5);-o-box-shadow:0 0 5px rgba(0,0,0,0.5);box-shadow:0 0 5px rgba(0,0,0,0.5)}

#margn{margin-bottom:25px; border-bottom:2px solid#e8910d; padding:15px}
#social-box{border-radius:5px;border:0.1em solid#fff;float:left; margin-bottom:10px}
#social{color:#fff;height:auto;margin-top:10px;}
#social ul{list-style:none; display:inline-block}
#social .fa{color:#fff;font-size:1em;margin:10px 11px}
#social li a{text-decoration:none;margin-left:0px; width:100%;}
#social li a:hover{text-decoration:underline; opacity:0.9; margin-left:0px !important}
.fcolor{background:#3b5a9a;}
.tcolor{background:#29a9e1;}
.icolor{background:#aa2bb6;}
.ycolor{background:#cb312e;}
.yelpcolor{background:#eb4c89;}
.inner-title{position: relative; text-align: center; bottom: 0; top: 150px;}
.inner-title h3{font-size: 45px; font-weight: bold; text-transform: uppercase; color: #fff;}
.about-wrap h3{font-size:30px;}
.about-wrap ul{padding-left:17px;}
ul li{margin-bottom:10px;}
p, h3{margin-bottom:15px;}
.about-wrap{padding:40px 0 0;}
.senior-box{width: 350px; border: 1px solid #ddd; margin: 0 auto;border-radius: 5px; box-shadow: 1px 2px 5px 2px #ddd;}
.senior-box .senior-t{padding:30px;}
.senior-box .senior-t span{float: right; padding: 5px 15px; border-radius: 50px; background:#31639c; color:#fff;}
.senior-box .senior-t ul{position:relative; left:-8px;}
.senior-box .senior-t ul li{list-style:none;line-height:30px;}
.senior-box .senior-t ul li:before{content:" ";background:url(../images/bullet.png); background-repeat:no-repeat; width:18px; height:18px; position:absolute; left:-7px; margin-top:5px;}
.snr-size{font-size:24px; margin-bottom:10px;}
.register-bt{text-align: center; padding: 15px; background: #3483de;}
.register-bt a{color: #fff; font-size: 20px; text-decoration: none;}
.gallery-wrap{padding:50px 0 0;}
.gallery-wrap img{width:100%;}
.gallery-wrap .col-lg-4{margin-bottom:25px;}
.bank-donate{text-align:center;padding:50px 0;}
.bank-donate h3{color: #014fa1;}
.bank-donate h4{line-height:34px;}
.footer-h{margin-top:0 !important;}
.bank-dbg{background:#015bac; color:#fff;}
.bank-dbg h3, .bank-dbg a{color:#fff;}
.time-right .top-space p a, .time-right .top-space p a:hover{color:#fff !important;}
.time-right .top-space{margin-top:15px !important;}
.time-right .top-space .margin-space{margin-top:20px}

/*Contact form css start*/


* {
    margin:0;
    padding:0;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-font-smoothing:antialiased;
    -moz-font-smoothing:antialiased;
    -o-font-smoothing:antialiased;
    font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}



#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea, #contact button[type="submit"] { font:400 12px/16px "Open Sans", Helvetica, Arial, sans-serif; }

#contact {
    /*background:#F9F9F9;*/
    padding:25px 0;
    }

#contact h3 {
    color: #F96;
    display: block;
    font-size: 30px;
    font-weight: 400;
}

#contact h4 {
    margin:5px 0 15px;
    display:block;
    font-size:13px;
}

fieldset {
    border: medium none !important;
    margin: 0 0 10px;
    min-width: 100%;
    padding: 0;
    width: 100%;
}

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea {
    width:100%;
    border:1px solid #CCC;
    background:#FFF;
    margin:0 0 5px;
    padding:10px;
}

#contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover {
    -webkit-transition:border-color 0.3s ease-in-out;
    -moz-transition:border-color 0.3s ease-in-out;
    transition:border-color 0.3s ease-in-out;
    border:1px solid #AAA;
}

#contact textarea {
    height:100px;
    max-width:100%;
  resize:none;
}

#contact button[type="submit"] {
    cursor:pointer;
    width:100%;
    border:none;
    background:#015bac;
    color:#FFF;
    margin:0 0 5px;
    padding:10px;
    font-size:15px;
}

#contact button[type="submit"]:hover {
    background:#09C;
    -webkit-transition:background 0.3s ease-in-out;
    -moz-transition:background 0.3s ease-in-out;
    transition:background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active { box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); }

#contact input:focus, #contact textarea:focus {
    outline:0;
    border:1px solid #999;
}
::-webkit-input-placeholder {
 color:#888;
}
:-moz-placeholder {
 color:#888;
}
::-moz-placeholder {
 color:#888;
}
:-ms-input-placeholder {
 color:#888;
}



/*Contact form css End*/



@media (min-width: 320px) and (max-width: 480px) {

.navbar-brand>img{width:55%;}
.header{height:500px;}
.bnr-txt{font-size:16px;}
.register{padding:10px 15px;}
.j-reg{margin-left:0;}
.navbar-toggle{margin-top:-5px;}
.nav-bg{width:100%;}
.navbar-nav{margin:0;}
.navbar-default .navbar-nav>li>a{text-align:left; padding:10px 30px;}
.facebook, .instragram{float:left; margin-left:15px; margin-bottom:15px;}
.navbar-default .navbar-collapse{padding:0; margin-top:15px;}
.intro h1, .play h2{font-size:2em; font-weight:bold;}
.intro{margin-top:30px;}
.intro h1::before, .intro h1::after, .play h2::before, .play h2::after{display:none;}
 .playericon{width:100%; margin-bottom:20px;}
 .player1, .player2, .player3{width:100%; height:320px;}
 .time-left{position:relative;height: auto; margin-top: 0; padding:10px;}
 .time-table{height:auto; padding:0; margin-top:50px;}
 .time-right .post{height:auto; border:none;}
 .top-space{margin-top:10px;}
 .time-right{left:0;}
 .f-col1 img{padding-bottom:20px;}
 .about-header,.senior-header{background-position-x: 17%;}
 .junior-header{background-position-x: 13%;}
 .inner-header{background-position-x: 95%;}
 .contact-header{background-position-x: 21%;}
 .about-wrap, .gallery-wrap{padding:20px;}
 .about-wrap img, .senior-box{width:100%;}
 .footer{margin-top:40px;}
 
 

}

@media (min-width: 481px) and (max-width: 767px) {

.navbar-brand>img{width:55%;}
.header{height:500px;}
.bnr-txt{font-size:16px;}
.register{padding:10px 15px;}
.j-reg{margin-left:0;}
.navbar-toggle{margin-top:-5px;}
.nav-bg{width:100%;}
.navbar-nav{margin:0;}
.navbar-default .navbar-nav>li>a{text-align:left; padding:10px 30px;}
.facebook, .instragram{float:left; margin-left:15px; margin-bottom:15px;}
.navbar-default .navbar-collapse{padding:0; margin-top:15px;}
.intro h1, .play h2{font-size:2em; font-weight:bold;}
.intro{margin-top:30px;}
.intro h1::before, .intro h1::after, .play h2::before, .play h2::after{display:none;}
 .playericon{width:100%; margin-bottom:20px;}
 .player1, .player2, .player3{width:100%; height:320px;}
 .time-left{position:relative;height: auto; margin-top: 0; padding:10px;}
 .time-table{height:auto; padding:0; margin-top:50px;}
 .time-right .post{height:auto; border:none;}
 .top-space{margin-top:10px;}
 .time-right{left:0;}
 .f-col1 img{padding-bottom:20px;}

}

@media (min-width: 768px) and (max-width: 860px) {

}

@media (min-width: 861px) and (max-width: 1024px) {

}