/*CSS added by Bob for experience pages*/
.lightbox-banner-box {margin: 20px -3px 0 -3px}
.lightbox-banner-box .bx-wrapper .bx-viewport {background-color: #1B1212}
.lb-close:hover {border-bottom:none}
.bxslider,.bxslider2{display:none}
#bxslider2-container{max-width:390px;margin:0 auto 30px auto}
.bxslider li{padding:0;margin-right:15px}		   	   
.bxslider img:hover,.bxslider img:active,.bxslider img:focus {-webkit-transform: scale(1.01);transform: scale(1.01);filter: grayscale(100%);-webkit-filter: grayscale(100%);transition: 0.4s ease;-webkit-transition: 0.4s ease;-moz-transition: 0.4s ease;-o-transition: 0.4s ease;opacity:0.7}
.bxslider2 img:hover,.bxslider2 img:active,.bxslider2 img:focus {-webkit-transform: scale(1.01);transform: scale(1.01);filter: grayscale(100%);-webkit-filter: grayscale(100%);transition: 0.4s ease;-webkit-transition: 0.4s ease;-moz-transition: 0.4s ease;-o-transition: 0.4s ease;opacity:0.7}
.bx-wrapper .bx-pager {display:inline-block}
/*Reviews tab*/
.category-image {font-size:1em;line-height:180%;margin-bottom:20px}
/*Quotes*/
.quote,.media-box{width:340px}
/*remove and rewrite this when all finished*/
.photos-videos{width:360px;margin:0 auto}
.photos-videos p{background-color:#4A6075;padding:10px;color:#FFFFFF;font-variant:small-caps;font-weight:600;font-size:1.2em;text-align:center}
@media screen and (max-width:800px) {
.quote,.media-box{width:370px}
.photos-videos{width:390px}
#sidebar{margin-right:0}
}