.gallery-navigation {padding: 0 10px}
.gallery-navigation label {font-size: 0.875em; color: #585858; display: inline-block; padding-right: 10px;}
.gallery-navigation select {border: 1px solid #486b8f; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 1px 2px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #585858; margin-right: 10px}

.galleryListingWrpr {}
.galleryListingItemWrpr {
	border: 2px solid #f37b35; 
	display: inline-block; 
	overflow: hidden;
	position: relative; 
	width: 100%;
	width:215px; 
    height:147px;
	/**/-webkit-border-radius: 15px; 
	-moz-border-radius: 15px;
	  border-radius: 15px; 
	-webkit-box-sizing: border-box; 
	  box-sizing: border-box;
	margin: 0 0 30px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
    zoom:0.9;
}



.galleryListingItemWrpr img {opacity:0;}
.photoGallery {}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;-webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width: none;-webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent, #cboxWrapper, #cboxLoadedContent, .cboxIframe{ -webkit-box-sizing: border-box; box-sizing: border-box; }

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#ffffff;}
#colorbox{ box-shadow: 0 0 0 5px #f27b37; background: #f27b37; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0}

#cboxContent{margin-top: 0;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{background:#f27b37;}
#cboxTitle{padding:20px 5px; margin: 0 -5px;font-size: 0.875em; color: #ffffff; background: #f27b37; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; width: 100%;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc; display: none !important;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:10px; margin-top:-50px; background:url(/cms/images/2015/icon-photo-left.png) no-repeat top left; width:40px; height:100px; text-indent:-9999px; border: 0 none;}
#cboxNext{position:absolute; top:50%; right:10px; margin-top:-50px; background:url(/cms/images/2015/icon-photo-right.png) no-repeat top right; width:40px; height:100px; text-indent:-9999px; border: 0 none;}
#cboxLoadingOverlay{background:#000;}
#cboxLoadingGraphic{background:url(/cms/images/layout/loading.gif) no-repeat center center;}
#cboxClose{position:absolute; top:-40px; right:-4px; display:block; background:url(/cms/images/2015/icon-photo-close.png) no-repeat center center / 100% auto; width:30px; height:30px; text-indent:-9999px;border: 0 none;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
#cboxClose:hover{background-position:bottom center;}

#colorbox.video-colorbox {  }
.video-colorbox #cboxLoadedContent {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; 
    height: 0; 
    overflow: hidden;
}

.video-colorbox #cboxLoadedContent iframe,
.video-colorbox #cboxLoadedContent object,
.video-colorbox #cboxLoadedContent embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
     -webkit-border-radius: 10px 10px 0 0;  -moz-border-radius: 10px 10px 0 0;  border-radius: 10px 10px 0 0; 
}

/* 16px baseline (180px - 767px) */
@media only screen and (min-width:11.250em) and (max-width:47.938em) {	
    .gallery-navigation {margin: 0 auto 20px;}
    .gallery-navigation select {width: 100%; margin: 0 0 5px 0;}
    
    .photo-button-right {margin: 0 0 15px;}
    
    .galleryListingItemWrpr {-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px }
    .galleryListingItemImageTextLink {background: #f27b37; padding: 10px;}
    .galleryListingItemImageTextLink span {display: block;color: #ffffff; font-weight: bold;}
    
}


/* 16px baseline (768px +) */
@media only screen and (min-width:48em){
    .gallery-navigation,
    .galleryListingWrpr .inner {margin: 0 -10px;}
    .gallery-navigation {padding: 20px 0 50px}
    .gallery-navigation select {font-size: 0.875em;}
    .galleryListingWrpr {margin-bottom: 40px;}
    .galleryListingItemWrpr {min-height: 160px; max-height: 160px; margin: 0 auto 30px;}
    .gallery-navigation {}
    .gallery-navigation > div {display: inline-block;}
    .gallery-navigation > div >.inner {display: inline-block; padding: 10px 0 10px 10px}
    .gallery-navigation label {display: block; padding-bottom: 3px;}
 
    .photo-button-right {text-align: right; margin: 0 0 15px;}
    
    .galleryListingItemImageTextLink {
	    visibility: hidden; 
	    opacity: 0; 
	    background: rgba(242,123,55,0.85); 
	    position: absolute; 
	    height: 100%; 
	    width: 100%; 
	    z-index: 1; 
	    top: 0; 
	    left: 0; 
	    -webkit-box-sizing: border-box;
	      box-sizing: border-box;	
	    -webkit-transition: all 0.2s ease-out; 
		     -moz-transition: all 0.2s ease-out; 
		       -o-transition: all 0.2s ease-out; 
			      transition: all 0.2s ease-out;
    -webkit-border-radius: 15px; 
	-moz-border-radius: 15px;
	  border-radius: 15px; 
    }
    .galleryListingItemImageTextLink:after {content:''; position: absolute; left: 50%; top: 50%; width: 76px; height: 76px; margin: -38px 0 0 -38px; background: url(/cms/images/2015/icon-photo-hover.png) no-repeat;}
    .photoGallery .galleryListingItemImageTextLink:after {width: 50px; height: 40px; margin: -25px 0 0 -20px; background: url(/cms/images/2015/icon-photo-zoom.png) no-repeat;}
    .videoListingWrpr .galleryListingItemImageTextLink:after {width: 34px; height: 40px; margin: -20px 0 0 -17px; background: url(/cms/images/2015/icon-video-play.png) no-repeat;}
    .galleryListingItemImageTextLink span { position: absolute; bottom: 10px; left: 10px; padding-right: 10px; color: #ffffff; vertical-align: bottom; }
    .galleryListingItemWrpr:hover .galleryListingItemImageTextLink {visibility: visible; opacity: 1; }
 
}

/* 16px baseline (960px +) */
@media only screen and (min-width:60em){
	.galleryListingItemWrpr {min-height: 200px;min-width: 220px; max-height: 200px;}
	.gallery-navigation > div > .inner {display: inline-block;}
    .gallery-navigation label {display: inline-block; padding-bottom: 0px; float: left;}
    .gallery-navigation select {float: left; font-size: 0.75em;}
    .gallery-navigation .btnWrapper {vertical-align: top;}
    
    

    
}

/* 16px baseline (1000px +) */
@media only screen and (min-width:62.500em){
	
}