@import url('https://fonts.googleapis.com/css?family=Anton');

/**  Basic Page CSS 
    
    Man Utd Red : c70101
    
    Green: 99c53c
    background: #1a1a1a; //black
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 40%);
    z-index: 99;

004257
    
    **/
body{
  font-family: Arial, sans-serif;
  font-weight: 300;
  font-size: 15px;
  position: relative;
}

h1, h2, h3, h4, h5, h6 { font-family: "Anton", sans-serif; font-weight: 100;margin: 0;}
p { margin: 0 0 20px;}
header .navbar {padding: 10px 0; }
header .navbar-default {background-color: transparent;border: none;}
header .navbar-default .navbar-nav a {color: white;padding: 5px 8px;}

/*header .navbar-default .navbar-nav .active a {background-image: none; color: #fff; background-color: transparent;  border-bottom: 4px solid #fff;text-shadow: none;}*/
header .navbar-default .navbar-nav a {font-size:12px;}
header .navbar-default .navbar-nav li.active  {background-color: #c70101; text-shadow: none;border-radius: 7px; }
header .navbar-default .navbar-nav li.active a {color:#fff;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color: #FFF; background-color: transparent;}
.navbar-default .navbar-nav>li>a {  color: #000; }


.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a {background-image: none;filter: unset;-webkit-box-shadow: none;box-shadow: none; }
#featured .img-responsive {width:98%}
.front-page-logo {width:250px; margin:0 auto;}
/**  Navbar Brand **/

header .navbar-brand {float: left;height: 50px; padding: 5px 15px;font-size: 15px;line-height: 20px;}
header .navbar-brand h1 {color: white;margin: 0; font-size: 45px;  font-weight: normal;  padding: 0px 0px 0 65px; font-family: "Poiret One", sans-serif;}
header .navbar-brand img.logo {width:90px; float:left; }
header .navbar-brand span.subhead {display: block;font-family: "Poiret One", serif;  font-size: .6em;font-weight: 100;}

/**  Navbar Toggle **/
header .navbar-toggle {background-color: transparent; margin-top: 30px;}
header .navbar-default .navbar-toggle .icon-bar { background-color: #ddd;}

/**  nav inbody **/
.navbar {border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px; min-height:90px;margin-bottom: 0;}
header .inbody {z-index:99; background: #ffffff;  /* #99c53c - GREEN #586D74 */}
.navbar-brand img.logo {margin-top: -3px; width: 64px;}
header .navbar.inbody { padding-top: 0;padding-bottom: 0;}
header .navbar.inbody .navbar-nav {margin-top:35px;} /*.navbar-nav { margin: 7.5px -15px 7.5px 0;}*/
header .inbody .navbar-brand {background-size: 43px;background-position: top left; padding-bottom: 0; margin-left: 10px;}
/*header .inbody .navbar-brand img.logo{width:400px; margin-top:-5px;}*/
header .inbody .navbar-brand h1 {font-size: 23px;padding-left: 30px;}
header .inbody .navbar-brand span.subhead {display: none;}



#home {background: url('/i/bg-gym-bw-blur.jpg') no-repeat center center scroll;}    
#home {padding: 60px 0 250px 0; }
#home h3 {font-size:30px;}
#home {text-align:center;}
#home #txtPassword {width:74%; float:left;}
#home {text-align:left;}
#home .modal-dialog {color:Gray;}
#home h2, #home p.tag {text-align:center;}   

.label-default {
  background-color: #999;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #808080;
}
.label-primary {
  background-color: #428bca;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #3071a9;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}




.bg-only-7-minutes-a-day {padding:50px 0 0 0}
.bg-challenging {padding:50px 0 50px 0}
.bg-compete {padding:50px 0 50px 0;  }
.bg-dedicated {padding:50px 0 50px 0;}
.worldcup {margin-bottom:50px;}
.bg-team {padding:100px 0 100px 0; color: white;}
.bg-field-overlay {background: url('/i/bg-field-dark.jpg') no-repeat bottom center fixed; color:white; } /*scroll or fixed*/
.bg-field-overlay h2 {color:white;}
.bg-only-7-minutes-a-day h2 {color:#053a4a}
.bg-challenging h2 {margin-bottom:10px; }
.bg-challenging h2 span.number {color:#99c53c; }
.bg-challenging h2 span.word {color:#053a4a;}
.bg-compete h2 {padding:0;  }
.bg-dedicated h2 {padding:0;}
.worldcup h2 {color: #053a4a;}

.bg-only-7-minutes-a-day p {padding:0 30px}
.bg-challenging p {padding:0 30px}
.bg-compete p {text-align: center; padding:0 30px}

.worldcup .table {display: table;  background-color: rgba(255,255,255,0.8);color: #333;}

iframe, object, embed { max-width: 100% !important;}
.video {position: relative;padding-bottom: 56.25%; height: 0;margin-bottom:15px;}
.video iframe {position: absolute;	top: 0;left: 0;width: 100%;height: 100%;}
.videoAdmin {position: relative;padding-bottom: 56.25%; height: 0;    margin-bottom: 5px;}
.videoAdmin iframe {position: absolute;	top: 0;left: 0;width: 100%;height: 100%;}



/**  Carousel Fade **/

.carousel.fade {
  opacity: 1;
}

.carousel.fade .item {
  transition: opacity ease-out .7s;
  left: 0;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block;
}

.carousel.fade .item:first-child {
  top: auto;
  opacity: 0;
  position: relative;
}

.carousel.fade .item.active {
  opacity: 1;
}

.carousel-control {
  opacity: 0;
}

.carousel-control.right,
.carousel-control.left {
  background-image: none;
}

#featured .item {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 100%;
}

/**  Page **/
.page {padding: 0;}

/**  Page -- Mission **/
#whatis, #location, #coaches {
    padding: 30px 0;
}
#whatis, #location, #video { 
    padding:30px 0; 
    background-color: #2d2d2d;
    color:#ffffff;

}

#features { background-color: #586D74; color:White;}
#schedule {color:#004257;  text-align: center;}

.table-schedule {font-size:13px; text-align:left;}
.table-schedule th {background-color:rgba(255,255,255,0.8); }
.schedule-small {font-size:12px; font-style:italic;}


tr.Mondays,tr.Wednesdays, tr.Saturdays {background-color:rgba(255,255,255, 0.8);}
tr.Tuesdays, tr.Thursdays {background-color:rgba(255,255,255, 0.9);}

/**  Page -- features **/
.service { margin: 20px 0; text-align: center;}
#features img.icon {
  display: block;
  width: 80px;
  margin: 0 auto;
  margin-bottom: 5px;
}

#features h3 {
  margin-bottom: 10px;
}

#staff {background-color: #E4D29D;/*background-image: linear-gradient(to bottom, #E4D29D, #CDAE50);*/}
.clients {margin: 10px 0;}
.clients h3 {padding-bottom: 5px;}

h3.bio {text-transform:uppercase; font-style:italic;}
.bg-team {color:#053a4a;}
.team-member {text-align:center; color:#053a4a; }
.team-member img {width:150px; margin:0 auto; margin-bottom:20px;}

.image-bg-fluid-height {background: url('/i/bg-field.jpg') no-repeat center center scroll; padding: 50px 0 100px 0; color: #fff;}
.image-bg-fixed-height {background: url('/i/bg-field.jpg') no-repeat center center scroll; height: 710px;}
.image-bg-ball-blur{background: url('/i/bg-field.jpg') no-repeat center center scroll;padding: 50px 0 50px 0; color: #fff;}
.image-bg-sam-blakeley {background: url('/i/bg-sam-blakeley-soccer.jpg') no-repeat center center scroll;height:700px;}
.image-bg-fluid-height, .image-bg-fixed-height, .image-bg-ball-blur, .image-bg-sam-blakeley {
    text-align: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.img-center {margin: 0 auto;}
  
#what h3, #background h3 {color:white; width:70%; margin: 0 auto; line-height:1.4em; text-align:center; margin-bottom:20px;}

#background, #contact {}
#background p, #why p, #how p {line-height:1.4em; font-family: "Open Sans", sans-serif; font-size: 1.1em; }
#background h2 {}

#schedule {color: #053a4a; }

.case img {width:70%}
.page h2, #what h2, #background h2 {text-align: center; margin-bottom: 30px;}
.page h2, #signup-form h2, .page h3.bio, #signup-form h3.bio     {font-family: "Anton", sans-serif; font-style:italic; text-transform: uppercase; margin: 0 0 15px;   }
#signup-form h2 {font-size:28px;}
.page h2 {   margin: 0 0 15px; }
.page h3 {    font-size: 23px; text-align:center;    margin: 30px 0 15px 0; }
#clients h3 {text-align:left;margin: 10px 0 0 0;}
.mini-link {font-size:13px;}
.frm .lbl {text-align:right; color:#999;}

.page h2, .bg-challenging h2, .bg-compete h2, .bg-dedicated h2, .bg-only-7-minutes-a-day h2, .worldcup h2, .bg-team h2 {
    text-transform:uppercase;
    font-style: italic; 
    font-weight:normal; 
    font-size:27px;
    margin-bottom:10px;
}


/*.frm input[type=text], .frm input[type=password]  {width:400px}*/
/*.frm textarea {width:400px; height:200px;}*/
.frm-sm {padding:0 15px;}
.frm-sm input[type=text] {width:100%}

.clear100 {clear:both; height:100px;}
.clear60 {clear:both; height:60px;}
.clear30 {clear:both; height:30px;}
.clear10 {clear:both; height:10px;}
.p3 {padding:3px;}
.p-10 {padding:10px;}

.container-message-success {min-height:50px;background: #fff; margin:10px 0 20px 0; padding:20px; color:#536f9d; border: 1px solid #EBF1CA; }
.container-message-error {min-height:50px; background: #fff; margin: 10px 0 20px 0;  padding:20px;  color: #536f9d; border: 1px solid #EBF1CA; font-weight:bold;}
.container-message-info {min-height:50px; background: #fff; margin: 10px 0 20px 0;  padding:20px; color: #536f9d; border: 1px solid #EBF1CA;font-weight:bold; }

.breadcrumb {
    margin-bottom: 20px;
    list-style: none;
    background-color: transparent;
    border-radius: 4px;
    padding: 0;
    font-size:14px;
}

/* ------------------------------------------------------------------
    Form Window
--------------------------------------------------------------------*/
#pnlAdmin {margin-bottom:10px}
#login, #find2, #pnlStep1, #pnlInvalidResetForm, #pnlStep2,#pnlStep3, #signup-form, #success-form, #new-user-form, #contact-us-form, #subscribe-form, .bg-transparent  {background-color:rgba(255,255,255,0.7);padding:20px; text-align:left; color:Gray; border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;}            
#login {margin:20px auto 0 auto;text-align:left; }
#login #btnLogin {height: 34px; margin-left:5px; float:left;}     
#find2 {width:350px; margin:20px auto 0 auto; }
#find2 #btnFind {height: 34px; margin-left:5px; float:left;}
#pnlStep1,#pnlStep2,#pnlStep3, #pnlInvalidResetForm {width:350px;margin:20px auto 0 auto;}
#pnlStep1 img,#pnlStep2 img,#pnlStep3 img {width:100%;}

#signup-form, #new-user-form, #success-form {margin:20px auto 0 auto;  }
#signup-form .row {margin-left:0; margin-right:0;}

#contact-us, #subscribe {padding: 40px 0 250px 0; }
.container-small {width:300px}

.programDetailAdmin {margin-bottom:20px;}
.programDetailAdmin h2 {font-size:20px; margin-bottom:10px;}
.form-control {background-color: rgba(255,255,255,0.8);}

.glyphicon {margin: 2px 0 0 0;}
.selectWidth {width: 100%;margin:0;text-indent: 25px;} 

.left-inner-addon {
    position: relative;
}
.left-inner-addon input, .left-inner-addon textarea {
    padding-left: 35px;    
}
.left-inner-addon i {
    position: absolute;
    padding: 10px 12px;
    pointer-events: none;
    color:#777;
}

.right-inner-addon {
    position: relative;
}
.right-inner-addon input {
    padding-right: 30px;    
}
.right-inner-addon i {
    position: absolute;
    right: 0px;
    padding: 10px 12px;
    pointer-events: none;
      color:#777;
}


.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border:none;
}

.modal-body, .modal-header {color:black; }
.modal-body {text-align:left; font-size:14px;}

/**  Footer **/
footer {background: #000;color: white;font-size: .8em;padding: 20px 0 40px 0;}
footer a {font-style:italic; color:#fff;}
footer .phone {font-size: 1.4em;font-weight: 700;color: #E0E6AE;}
footer .navbar {margin-bottom: 0;min-height: 0;}
footer .navbar-default {background-color: transparent;border: none; margin-right: 40px;}
footer .navbar-nav>li a {padding-top: 0;padding-bottom: 0;text-decoration: underline;color: rgb(244, 125, 48) !important;}
.elastic-logo { max-width:200px; margin-top:30px;}
footer li, footer h3 {text-align:center;}
footer img.footer-logo {width:160px;margin:0 auto;}

footer p {font-size: 11px; margin: 10px 0 0 0;text-align: center;}
footer h3 {text-transform:uppercase;font-style: italic; font-weight:normal; margin-bottom:20px; color:#fff;}
footer ul {padding:0;}
footer ul li {list-style: none;}
footer ul>li>a { position: relative;display: block;padding: 3px 2px; color:#ffffff;}
footer ul>li>a:hover { background-color: #99c53c; text-decoration:none; }
footer .col-xs-12 {margin-bottom:30px;}



#testimonials-can {padding-top:20px;}
#testimonials {margin:20px 0;}
#testimonials .item{padding:20px 20px; margin:10px 0; }
p.testimonial-quote {text-align:center; font-family:'Times New Roman', Times, serif; font-style:italic; font-size:24px;}
p.testimonial-author{text-align:center; font-family:Arial; font-weight:bold; text-transform:uppercase;}


/*Background*/
.image-bg-fluid {background: url('/i/bg-field-op.jpg') no-repeat top center scroll; padding: 100px 0; color: #fff;}
.image-bg-fluid, .bg-field-overlay {text-align: center;-webkit-background-size: cover;-moz-background-size: cover; background-size: cover;-o-background-size: cover;}      
.green-split-up {background: url('/i/clear-green-split-up.png') no-repeat bottom left;height:76px;  }
.green-split-down {background: url('/i/clear-green-split-down.png') no-repeat top right;height:76px;  }
.clear-green-top {background: url('/i/clear-green-top.png') no-repeat bottom left;height:100px;  }
.clear-green-bottom {background: url('/i/clear-green-split-down.png') no-repeat bottom left;height:76px;  }
.clear-black-down {background: url('/i/clear-black-down.png') no-repeat bottom right;height:76px;}
.clear-black-top {background: url(/i/clear-black-top.png) no-repeat top left; height: 84px; margin-top: -50px;}
.clear-blue-top {background: url(/i/clear-blue-top.png) no-repeat top left; height: 84px; margin-top: -50px;}
.clear-blue-bottom {background: url('/i/clear-blue-bottom.png') no-repeat bottom left;height:76px;}
.bg-green {background-color:#99c53c; color:white; padding:0 3px;}
.bg-blue {background-color:#2d2d2d; color:white; padding:0 10px;}
.bg-red {background-color:#c70101; color:white; padding:0 10px;}
.bg-black {background-color:#191919; color:white; padding:0 3px;}
h2 span.blue {color:#053a4a;}


.bg-only-7-minutes-a-day h2 {color:#053a4a}
.bg-challenging h2 {margin-bottom:10px; }
.bg-challenging h2 span.number {color:#99c53c; }
.bg-challenging h2 span.word {color:#053a4a;}
.bg-compete h2 {padding:0;  }
.bg-dedicated h2 {padding:0;}
.worldcup h2 {color: #053a4a;}

.bg-only-7-minutes-a-day p {padding:0 30px}
.bg-challenging p {padding:0 30px}
.bg-compete p {text-align: center; padding:0 30px}


.btn { text-transform:uppercase; margin:0;  display: inline-block;  border: 1px solid transparent;border-radius: 4px;  line-height: 1.42857143;text-align: center;  white-space: nowrap; vertical-align: middle;  cursor: pointer; -webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;  user-select: none;  }
.btn-default {color: #333; background-color: #fff; border-color: #ccc;}
.btn-lg {padding:10px 20px; font-size:18px;}

.btn-blue{color:#053a4a;background-color:transparent;border-color:#053a4a}
.btn-blue:active, .btn-blue:focus,.btn-blue:hover{color:#ffffff;text-shadow:none;background-color:#053a4a;border-color:#ffffff}
.btn-blue-fill{color:#ffffff;background-color:#053a4a;border-color:transparent;}
.btn-blue-fill:active, .btn-blue-fill:focus, .btn-blue-fill:hover{color:#053a4a;background-color:#0091bd;border-color:transparent}

.btn-red{color:#053a4a;background-color:transparent;border-color:#c70101}
.btn-red:active, .btn-red:focus,.btn-red:hover{color:#ffffff;text-shadow:none;background-color:#053a4a;border-color:#ffffff}
.btn-red-fill{color:#ffffff;background-color:#c70101;border-color:transparent;}
.btn-red-fill:active, .btn-red-fill:focus, .btn-red-fill:hover{color:#053a4a;background-color:#0091bd;border-color:transparent}


.btn-green{color:#99c53c;background-color:transparent;border-color:#99c53c}
.btn-green:active, .btn-green:focus,.btn-green:hover{color:#ffffff;text-shadow:none;background-color:#99c53c;border-color:#ffffff}
.btn-green-fill{color:#ffffff;background-color:#99c53c;border-color:transparent;}
.btn-green-fill:active, .btn-green-fill:focus,.btn-green-fill:hover{color:#99c53c;text-shadow:none;background-color:#ffffff;border-color:#99c53c}


.btn-white-fill{color:#053a4a;background-color:#ffffff;border-color:transparent;}
.btn-white-fill:active, .btn-white-fill:focus, .btn-white-fill:hover{color:#ffffff;background-color:#053a4a;border-color:transparent}


p.intro {margin-top:30px;}



/*animation element*/
.animation-element {
  opacity: 0;
  position: relative;
  
}
/*animation element sliding left*/
.animation-element.slide-left {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-100px, 0px, 0px);
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate3d(-100px, 0px, 0px);
}
.animation-element.slide-left.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

/*Before*/
.animation-element.slide-down {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-100px, 0px, 0px);
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate3d(-100px, 0px, 0px);
}
/*After.*/
.animation-element.slide-down.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}



/*PROGRAMS*/

.program:hover {  cursor: pointer;}
.program {position: relative; min-height:430px; border-radius:10px; background-color:white;box-shadow: 0 0 0 rgba(0, 0, 0, 0);  transition: box-shadow 0.3s ease-in-out; margin-bottom:20px;}
.program-inner {}
.program-inner-bottom hr, .program-inner-right hr, .program-inner-left hr {width:70px; border: 1px solid #c70101; margin: 10px 0 10px 0;}
.program-inner-bottom, .program-inner-right, .program-inner-left {color:black; padding: 15px;   position: absolute;  background-color:white; }
.program-inner-bottom {text-align:left;   bottom: 0; left: 0; height:50%; width: 100%; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.program-inner-right {text-align:left;   bottom: 0; right: 0; height:100%; width: 50%; border-bottom-right-radius: 10px; border-top-right-radius: 10px;}
.program-inner-left {text-align:left; bottom: 0; left: 0; height:100%; width: 50%; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}

.program:hover {box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);}
.program img {    margin: 0 auto; margin-bottom:10px;}
.program h2 {color:white; font-size:29px;  }
.program-inner-bottom h2, .program-inner-right h2, .program-inner-left h2{color:black; text-align:left;}  
.program-inner-bottom p, .program-inner-right p, .program-inner-left p{color:black; text-align:left;}  
.program-spring {background:url('/i/program-fall-header.jpg') no-repeat center center scroll;}
.program-summer {background:url('/i/ball-on-grass.jpg') no-repeat center center scroll;}
.program-fall {background:url('/i/program-fall-header.jpg') no-repeat center center scroll;  background-size: cover;}
.program-winter {background:url('/i/program-fall-header.jpg') no-repeat center center scroll;  background-size: cover;}
.program-team {background:url('/i/sub-team-small.jpg') no-repeat scroll;  background-position: 0 -80px;}
.program-course {background:url('/i/soccer-skills-homework.png') no-repeat top center scroll; background-position:-30px -35px; } 
.program-private {background:url('/i/sub-1on1.jpg') no-repeat top center scroll; } /**/

#programs {background-color:#f8f8f8; color:black; text-align:center;padding-top:10px;}


.program-spring {background-position: -164px -40px;}
.program-fall {background-position: -164px -40px;}
.program-winter {background-position: -164px -40px;}
.program-private {background-position: -25px 0px;}
    

noscript {display:block;font-size:20px; padding:20px; background-color:Yellow; margin:10px 0 20px 0;   clear:both;}

#featured h1 {font-family: "Anton", sans-serif;font-style: italic; text-transform: uppercase;font-size:50px;margin-bottom:0px;}
#featured h2 {font-family: "Anton", sans-serif;font-style: italic; text-transform: uppercase; font-size: 20px;}
#featured h3 {font-family:Arial; margin-bottom:15px; margin-top:15px; font-size: 15px;}

.featured-can { background-color: rgba(0,0,0,0.5); padding:10px 50px 10px 50px;}
.featured-can img { width:200px; margin-right:0 auto;}

.bg-image-front {text-align: center; background:url('/i/program-fall-header.jpg') no-repeat center center scroll;padding: 30px 0 30px 0; color: #fff;-webkit-background-size: cover; -moz-background-size: cover; background-size: cover;-o-background-size: cover;}
.bg-image-reg {background: url(/i/bg-field.jpg) no-repeat center center scroll;}

.box-shade {padding:15px; background-color:#eee;}
.not-sure {padding:50px; background-color: rgba(0,0,0,0.5); color:white;}
.coach-bio {font-size: 14px; }
.coach-bio h3 {text-align:center;}



li a.nav-link {background-color:#eee;}
li a.nav-link:hover {background-color:aliceblue;}


.nav-tabs>li.nav-title {float:right; font-size:16px; color:#053a4a; padding-top:7px}
        .table-schedule {font-size:15px;border:1px solid #ddd;}
        .schedule-small {font-size:15px;color: #c70101;}




@media only screen and (min-width: 768px){  
    header .navbar-brand img.logo {width:115px}
    .navbar {min-height:115px;}
    header .navbar-toggle {margin-top: 30px;}

    #featured h1 {font-size:52px;margin-bottom:0px;}
    #featured h2 {font-size: 21px;}  
    .bg-image-front { text-align: left;}

.nav-tabs>li.nav-title {float:right; font-size:20px; color:#053a4a;padding-top:7px}
}








@media only screen and (min-width: 768px)and (max-width: 1000px) {
    header .navbar-brand h1 {font-size: 33px; padding: 0px 0px 0 44px}
}

@media only screen and (min-width: 450px)and (max-width: 768px) {
  .service p {padding: 0 20%;}
  header .navbar-brand h1 {  font-size: 33px;  padding: 0px 0px 0 44px}
  #what h3 { width: 95%;}
  .frm .lbl {text-align:left;}
     #signup-form, #new-user-form  {width:450px;}

     .nav>li {
    position: relative;
    text-align: center;
    padding: 6px;
    display: block;
}
}

@media only screen and (min-width: 200px)and (max-width: 450px) {
    header .navbar-brand h1 {  font-size: 25px;  padding: 0px 0px 0 30px  }
    #what h3 {width: 95%; }
    .frm .lbl {text-align:left;}
    .frm input[type=text], .frm input[type=password]  {width:100%}
    .frm textarea {width:100%; height:200px;}

        #pnlMemberNav ul.nav li.logout {display:block;}
    .advert a img {width:160px;}
    #home img {width:98%;}
    #login, #pnlStep1,#pnlStep2,#pnlStep3,#signup-form, #new-user-form, #pnlInvalidResetForm   {width:95%; }
    #txtPassword {width:100%; }
    #login #btnLogin { margin-left: 0px;}
    #home, #what, #background, #welcome, #benefits, #join,#contact-us, #subscribe,#forgot {padding: 50px 0 50px 0; }
.nav>li {
    position: relative;
    text-align: center;
    padding: 6px;
    display: block;
}

}

@media only screen and (min-width: 768px){

    #featured .img-responsive {width: 1170px;}
    .front-page-logo {width:400px; margin:0 auto;}
    #signup-form, #new-user-form  {width:450px;}

    .page h2, #signup-form h2     { font-size:30px;  }

    .navbar-nav>li {padding:5px 6px; }

        /*header .navbar-collapse.in {background-color: rgba(0,0,0, .8);}*/

    #testimonials iframe {height: 450px; width:500px; border:none;overflow:hidden; margin:0 auto; display:block;}
    #testimonials {margin:50px 0;}
    #testimonials .item{padding:40px 80px; margin:50px 0; min-height:300px;}
    p.testimonial-quote { font-size:25px;}
    p.testimonial-author{}
    #testimonials-can {padding-top:100px;}

    #featured .img-responsive {width: 1170px;}
    #intro {padding:90px 50px 50px 100px; text-align:left;    position:relative; overflow:hidden;}
    #intro h2 { text-align:right; font-size: 51px; margin-bottom:5px; font-style: italic; font-weight: normal;text-shadow: 1px 1px #333;}
     .bg-soccer-skills {background-color:#99c53c;  padding:0 8px 0 4px;}
     #intro h3 {text-align:right; font-size:40px; margin:0 0 10px 0 ;text-shadow: 1px 1px #333;}
    #intro img {text-align:left; width:60%;}
    #signup-form, #new-user-form  {width:450px;}

    h2.fp-blue, h2.fp-green, .bg-challenging h2, .bg-dedicated h2, .bg-only-7-minutes-a-day h2 {font-size: 38px; }
    header .navbar-brand h1 {font-size: 33px; padding: 0px 0px 0 44px}
    .bg-team h2, .bg-small-class-sizes h2 { font-size:53px; margin-bottom:10px; text-align:right;}
    .bg-team p {color: #053a4a;} 
    .bg-team p.intro {padding: 0px 0 0 190px; text-align: right;}

    .program-team {background:url('/i/sub-team-small.jpg') no-repeat scroll;  background-size: cover;background-position: -130px -90px;}
}

@media only screen and (min-width:1200px;) {
.bg-only-7-minutes-a-day {padding:110px 0 0 0}
    .bg-challenging {padding:40px 0 50px 0}
    /*.bg-compete { background: url('/i/world-cup-transp.png') no-repeat bottom left; background-color:#99c53c; }*/
     .bg-compete {background: url('/i/world-cup-transp.png') no-repeat -200px -20px; background-color:#99c53c; padding:100px 0 100px 0; }
    .bg-dedicated {padding:160px 0 200px 0;}

    .bg-challenging h2 span.number {font-size: 168px;display: inline-block;  position: relative; top: 50px;  right: 25px; color:#99c53c; z-index:-10; text-shadow: none;}
    .bg-challenging h2 {padding: 0;  text-align: left; color:white;}
    .bg-compete h2 {text-align: left; padding:0; }
    .bg-dedicated h2 {text-align: left; padding:0; }

    .bg-only-7-minutes-a-day p { margin: 0 0 0 60px;padding:0 115px 20px 105px; text-align: left;}
    .bg-only-7-minutes-a-day p.bg-stopwatch {background: url('/i/stopwatch-100.jpg') no-repeat 6px -10px; margin: 75px 0 0 60px;padding:0 115px 20px 105px; }

    .bg-challenging p { margin: 0 0px 0 78px;  padding: 15px 50px 0 120px;text-align: left;}
    .bg-challenging p.bg-computer {background: url('/i/computer-100.jpg') no-repeat 6px -10px; margin: 0 0px 0 78px;  padding: 15px 50px 0 120px;text-align: left;}

    .bg-compete p {text-align: left; padding: 0;}

    h2.fp-blue, h2.fp-green, .bg-challenging h2, .bg-dedicated h2, .bg-only-7-minutes-a-day h2, .worldcup h2 {font-size: 53px; }
    .bg-compete h2 {font-size:42px;}

    h2.fp-blue {color: #053a4a; text-align:left; }
    h2.fp-green {padding: 0 500px 0 0;   text-align: left;}
    span.bg-blue{background-color: #053a4a; padding:0 20px 0 10px;}
    h2 span.green {color: #99c53c; font-style: normal;}
    span.bg-blue-minutes {background-color: #053a4a; color:white; font-size:70px; padding:0 15px; margin:0 10px}
    span.first {font-size: 50px; color: #99c53c;display: inline-block;  position: relative;    top: -77px;right: -70px; z-index: -10000;}
    span.last {font-size: 50px; color: #99c53c; display: inline-block; position: relative; top: 62px;  right: 95px; z-index: -10000;}
    .worldcup {margin-bottom:50px;}
    .worldcup h2 {font-size:24px; margin-bottom:10px; color: #053a4a;}

    .bg-blue {padding: 0 20px 0 10px;}
}