/** 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 {position: relative; z-index: 1; -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0);}
ul.bx-slider {position: relative; z-index: 1;}
div.dot_bottom_right .bx-wrapper .bx-pager {position: absolute; bottom: 14px; right: 44px; width: 50%; text-align: right;}
.bx-wrapper .bx-pager.bx-default-pager a {display: block; text-align: left; text-indent: -9999px; white-space: nowrap; width: 14px; height: 14px; margin: 0 5px; outline: 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.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: #F3F3F4;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, div#bx-pager a:hover {background: #547B97;}
.bx-wrapper .bx-pager.bx-default-pager a.active, div#bx-pager a.active {background: #2D3A57;}
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%;}
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;}
.bx-wrapper .bx-controls-direction a {position: absolute; top: 50%; left: 0px; outline: 0; width: 40px; margin-top: -20px; background-image: url(../media/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 {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; max-width: 100%;}
.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);}

@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%;}
}