/** BxSlider v4.1.2 - Fully loaded, responsive content slider - http://bxslider.com
 * Written by: Steven Wanderski, 2014 - http://stevenwanderski.com (while drinking Belgian ales and listening to jazz)
 * CEO and founder of bxCreative, LTD - http://bxcreative.com */
.bx-wrapper {position: relative; margin: 0px auto; padding: 0; *zoom: 1;}
.bx-wrapper .bx-viewport {-webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0);}
div.text_overlay div#bx-pager {position: absolute; bottom: 6px; width: 100%; text-align: center;}
div#bx-pager a {display: inline-block; zoom: 1; *display: inline; padding: 8px 14px; font-size: 90%; background: #CDCDCD; color: #FFFFFF; margin: 0px 1px 0px 0px;}
.bx-wrapper .bx-pager .bx-pager-item {display: inline-block; zoom: 1; *display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a, div#bx-pager a {background: #CDCDCD;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, div#bx-pager a:hover {background: #787878;}
.bx-wrapper .bx-pager.bx-default-pager a.active, div#bx-pager a.active {background: #0A6AAA;}
.bx-wrapper .bx-loading {min-height: 50px; background: url(https://peterfewingsoccercamp.com/shopsite-images/en-US/backgrounds/shared/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000;}
html.no-touch div#bb-carouselinner .bx-wrapper:hover .bx-prev, html.no-touch div#bb-carouselinner .bx-wrapper:hover .bx-next {display: block;}
div.bx-controls, div.bx-has-controls-direction, div.bx-controls-direction {height: 100%; width: 100%;}
.bx-wrapper .bx-controls-direction a {position: absolute; top: 50%; left: 0px; outline: 0; width: 40px; margin-top: -20px; background-image: url(https://peterfewingsoccercamp.com/shopsite-images/en-US/backgrounds/shared/bb-prevnext.gif); background-repeat: no-repeat; background-position: center left; height: 40px; overflow: hidden; white-space: nowrap; text-indent: 400px;}
.bx-wrapper .bx-controls-direction a.bx-next {left: 100%; background-position: center right; margin-left: -40px;}
 div#bb-carouselinner .bx-wrapper .bx-next, div#bb-carouselinner .bx-wrapper .bx-prev, .bx-wrapper .bx-controls-direction a.disabled, html.touch .bx-wrapper .bx-controls-direction a {display: none;}
html.no-touch div#bb-carouselinner .bx-wrapper:hover .bx-prev, html.no-touch div#bb-carouselinner .bx-wrapper:hover .bx-next {display: block;}
div.bb-oneslide div#bb-carouselinner div.bx-wrapper div.bx-controls div.bx-pager, html.no-touch .bb-oneslide div#bb-carouselinner .bx-wrapper:hover .bx-prev, html.no-touch .bb-oneslide div#bb-carouselinner .bx-wrapper:hover .bx-next {display: none;}

div#bb-carouselinner {position: relative;}
div#bb-carouselinner .bx-wrapper li {min-width: 100%; width: 100%;}
.bx-wrapper li {max-width: 100%; overflow: visible; padding: 0px; margin: 0px; text-align: left;}
.bx-wrapper li > div, .bx-wrapper li div {display: inline-block; vertical-align: middle;}
.bx-wrapper li > div {height: 100%; text-align: left;}
.bx-wrapper li > div.bb-slideright::before, .bx-wrapper li > div.bb-slideleft::before, .bx-wrapper li > div.bb-slidecenter::before {content: ''; display: inline-block; vertical-align: middle; height: 100%;}
div.bb-slideright {width: 40%; text-align: left; z-index: 5; position: absolute; margin: 0px; top: 0px; left: 50%;}
div.bb-slideleft {width: 40%; text-align: left; z-index: 5; position: absolute; margin: 0px; top: 0px; left: 10%;}
div.bb-slidecenter {width: 88%; text-align: center; z-index: 5; position: absolute; margin: 0px; top: 0px; left: 6%;}
.bx-wrapper li div.bb-slidesizedimage {width: 100%; overflow: visible; max-width: 100%; padding: 0px; margin: 0px;}
.bx-wrapper li div.bb-slidesizedimage a, .bx-wrapper li div.bb-slidesizedimage span {display: block; padding: 0px; margin: 0px;}
.bx-wrapper li div.bb-slidesizedimage img {width: 100%; max-width: 100%; position: relative; padding: 0px; margin: 0px; display: block;}
span.slidetitle {display: block;}
div.bb-slideright span.slidetitle, div.bb-slideleft span.slidetitle {font-size: 400%;}
div.bb-slidecenter span.slidetitle {font-size: 500%;}
div.bb-slidecontents {padding: 40px 0px; margin: 0px;}
.bx-wrapper li div.bb-slidedesc {display: block; max-width: 100%; overflow: hidden; white-space: wrap; margin: 0px; padding: 10px 0px 20px 0px; font-size: 120%;}
.bx-wrapper a.bb-abutton {text-transform: uppercase; padding: 12px 16px; font-size: 120%;}
.bx-wrapper a.bb-abutton:hover {opacity: 0.8; filter: opacity(80);}

.bb-darken {position: absolute; width: 100%; height: 100%; background: url(https://peterfewingsoccercamp.com/shopsite-images/en-US/backgrounds/shared/black_10.png); left: 0px; top: 0px;}
.bb-tstext {text-shadow: 2px 2px 8px rgba(0,0,0,0.4);}
div#bb-inner div#bb-carousel, div#bb-carouselinner, div#bb-inner div#bb-pagebannercar {width: 100% !important; margin-bottom: 20px;}

@media screen and (max-width : 900px) {
div.bb-slideright span.slidetitle, div.bb-slideleft span.slidetitle {font-size: 300%;}
div.bb-slidecenter span.slidetitle {font-size: 400%;}
div.bb-slidecontents {padding: 40px 0px;}
.bx-wrapper a.bb-abutton {padding: 10px 16px; font-size: 110%;}
.bx-wrapper li div.bb-slidedesc {font-size: 110%;}
}
@media screen and (max-width : 750px) {
div.bb-slideright span.slidetitle, div.bb-slideleft span.slidetitle {font-size: 200%;}
div.bb-slidecenter span.slidetitle {font-size: 200%;}
div.bb-slidecontents {padding: 10px 0px;}
.bx-wrapper li div.bb-slidedesc {font-size: 100%;}
.bx-wrapper a.bb-abutton {padding: 8px 16px; font-size: 100%;}
.bx-wrapper .bx-pager {display: none;}
}
@media screen and (max-width : 600px) {
div.bb-slideright span.slidetitle, div.bb-slideleft span.slidetitle, div.bb-slidecenter span.slidetitle {font-size: 180%;}
.bx-wrapper li div.bb-slidedesc {display: none;}
}
@media screen and (max-width : 500px) {
div.bb-slideright span.slidetitle, div.bb-slideleft span.slidetitle, div.bb-slidecenter span.slidetitle {font-size: 150%;}
}