@charset "utf-8";
/* CSS Document */

/* GALLERY */
.galleryHOLDER { background-color: #eee; width: auto; text-align: center; }
.galleryPIC { position: relative; display: inline-block; height: auto; width: 47%; margin: 2px 0.1%; max-width: 220px; padding-bottom: 0px; float: none; color: #333; text-decoration: none; vertical-align: top; margin-bottom: 3px; background-color: #e3e3e3; }
.galleryPIC a p, .galleryPIC p a, .galleryPIC p { color: #333; font-family: Arial; font-size: 12px; line-height: 1.2em; padding: 3px 0; margin: 0 auto!important; height: 75px; display: block; text-align: left; max-width: 96%; padding-right: 36px; padding-bottom: 2px; overflow: hidden; box-sizing: border-box; text-transform: lowercase; }
.galleryPIC a p.Vertical, .galleryPIC p.Vertical { padding-left: 4px; max-width: 92%; }

.galleryPIC .swipebox { display: block;min-height:150px; width: 100%; background-color: #eee; }
span.ModelNumberHolder{ font-size: 13px; line-height: 18px; display: block; min-height: 18px; font-weight: bold; }
.galleryPIC:hover span.ModelNumberHolder{color:#900; }

 @media (max-width: 600px) {
.galleryPIC a p { height: 45px; }
.galleryPIC .PhotoLink a { bottom: 45px; }
}
 @media (max-width: 400px) {
.galleryPIC a p { height: 60px; }
.galleryPIC .PhotoLink a { bottom: 60px; }
}
 @media (min-width: 530px) {
.galleryPIC a p.Vertical, .galleryPIC p.Vertical { max-width: 140px!important; }
}
.galleryPIC h6 { font-size: 12px; height: 20px; display: block; color: #FFF; text-shadow: 0 0 3px #000; position: absolute; z-index: 9; width: 100%; bottom: 82px; margin: 0!important; font-weight: bold; overflow: hidden; text-align: center; opacity: 0.6; }
.galleryPIC:hover h6, .galleryPIC a:focus h6 { opacity: 1; font-size: 15px; }
.galleryPIC a p em { display: block; color: #666; font-family: "Times New Roman", Times, serif; font-size: 12px; font-style: italic; margin: 0 !important; }
.galleryPIC a img { width: 100%; max-width: 100%; height: auto;}
.galleryPIC:hover img { box-shadow: 0 0 3px #777;opacity:0.9;transition: 0s opacity ease-out; }
.PhotoLink a{ text-indent: -9999px; display: block; height: 20px; width: 40px; }
.galleryPIC .PhotoLink a { font-size: 13px; height: 24px; line-height: 24px; width: 60px; position: relative; z-index: 991; right: 0px; float: right; bottom: 4px; text-align: right; color: #444!important; background-image: url(/images/info-icon.svg); background-image: url(/images/print-share.svg); background-repeat: no-repeat; background-position: right center; background-size: auto 20px; padding: 0; margin: 0; margin-top: -46px; margin-right: 3px; opacity: 0.5; text-indent: -9999px; }
.galleryPIC .EmailLink a { font-size: 14px; color: #036; height: 27px; line-height: 30px; width: 150px; position: absolute; z-index: 993; right: 0px; bottom: 2px; text-align: right; background-image: url(/images/mail.svg); background-repeat: no-repeat; background-position: right center; background-size: auto 20px; padding: 0; margin: 0; opacity: 0.6; border-bottom: none!important; }
.galleryPIC .PrintLink a, .galleryPIC .InfoLink a, .galleryPIC .ZoomLink a { font-size: 14px; color: #036; height: 28px; width: 30px; position: absolute; z-index: 991; right: 40px; bottom: 27px; text-align: right; color: #900; background-image: url(/images/print.svg); background-repeat: no-repeat; background-position: right center; background-size: auto 22px; padding: 0; margin: 0; opacity: 0.9; border-bottom: none!important; }
.galleryPIC .InfoLink a { background-image: url(/images/info-icon.svg); right: 80px; }
.galleryPIC .ZoomLink a { background-image: url(/images/zoom.svg); right: 40px; }
.galleryPIC .EmailLink a:hover, .galleryPIC .PhotoLink a:hover, .galleryPIC .InfoLink a:hover { opacity: 1; }
#CONTENT-page .gallery h2 { font-size: 24px; }
.gallery .CATEGORY p em { display: block; color: #960; font-family: Arial; font-size: 12px; line-height: 1.2em; font-style: normal; }
.gallery .CATEGORY p { display: block; color: #035; font-family: Arial; font-size: 15px; line-height: 1.2em; }
.gallery .CATEGORY { margin-bottom: 16px; }
.Gallery-Quote { position: absolute; top: 0px; line-height: 18px; height: auto; font-size: 13px; min-width: 98px; padding: 2px 2px 6px 2px; z-index: 991; background: rgba(53, 62, 5, 0.8)!important; color: #fff!important; letter-spacing: 1px; left: 25%; width: 46%; white-space: nowrap; border-radius: 0 0 30px 30px!important; }
.Gallery-Quote:hover, .Gallery-Quote:focus { background: rgba(0,0,0,0.8)!important; }
.DoorsGalleryHolder .galleryPIC a img { width: auto; height: 193px; max-height: 193px; max-width: 290px; min-width: 140px;margin-bottom: -4px; }
.DoorsGalleryHolder .galleryPIC { margin: 4px 3px; width: auto; max-height: 275px; max-width: 290px; min-width: 140px; }
.DoorsGalleryHolder .galleryPIC a p { height: 66px; }
.arrowDown, .arrowDownGray, .arrowTopGray { height: 30px; }
.arrowTopGray:first-child, .ArrowModern { display: none; }
 @media (max-width: 620px) {
.CoverMyLink { position: absolute; display: block; z-index: 999; height: 100%; width: 100%; }
.DoorsGalleryHolder .galleryPIC { width: 99%; max-width: 600px; height: auto; max-height: 400px; padding-bottom: 5px; background-color: #eee; }.DoorsGalleryHolder .galleryPIC.TrueGal { max-width: 330px;}
.DoorsGalleryHolder .galleryPIC .swipebox { max-width: 420px; margin: auto; }
.DoorsGalleryHolder .galleryPIC a img { max-height: 280px; max-width: 100%; height: auto; }
.DoorsGalleryHolder .galleryPIC a p, .DoorsGalleryHolder .galleryPIC p { height: auto; max-height: 140px; text-align: center; }
.galleryPIC a h6 { bottom: 55px; }
.galleryPIC .PhotoLink a { bottom: 22px; opacity: 1; display: none!important; }
}
.galleryPIC a { border-bottom: 2px solid rgba(255,255,255, 0); }
.galleryPIC a:hover img {}
.galleryPIC a:focus img {}