.opaque { opacity: 1; filter: alpha(opacity=100) }
.opaque:hover { opacity: 1; filter: alpha(opacity=100) }
.background-contain { -moz-background-size: contain; -webkit-background-size: contain; -o-background-size: contain; -ms-background-size: contain; background-size: contain }
.gallery { position: relative; margin: 100px auto 0; width: 980px; padding: 0 22px }
.gallery .paddle-nav { display: none }
.gallery .paddle { cursor: pointer }
.gallery .dot-nav { display: none }
.gallery .flushrow { height: 100% }
.gallery .overlay { display: block; position: absolute; left: 9px; top: 0; width: 100%; height: 100%; padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; opacity: 0; filter: alpha(opacity=0); transition-duration: .3s; -webkit-transition-duration: .3s; -moz-transition-duration: .3s }
.gallery .overlay:hover { opacity: 1; filter: alpha(opacity=100) }
.gallery .ol-padder { display: block; position: relative; width: 100%; height: 100%; background-color: rgba(0,0,0,0.25) }
.gallery .ol-color { font-weight: 400; font-size: 14px; font-size:.7rem;
line-height: 1; letter-spacing: .025em; color: #fff; display: inline-block; position: absolute; text-align: right; right: 12px; bottom: 10px; -webkit-font-smoothing: antialiased }
.gallery.gallery-initialized .gallery-container { overflow: hidden; height: 360px }
.gallery.gallery-initialized .gallery-content { position: absolute; top: 0 }
.gallery.gallery-initialized .dot-nav { display: inline-block; position: absolute; right: 21px; top: -26px; width: auto; min-width: 0; z-index: 3 }
.gallery.gallery-initialized .dot-nav li { font-size: 17px; font-size:.85rem;
text-indent: 0; color: #ccc; height: 26px; padding: 0 0 0 0.3em; float: none }
.gallery.gallery-initialized .dot-nav li.active, .gallery.gallery-initialized .dot-nav li:hover { color: #00aaf9 }
.gallery.gallery-initialized .dot-nav li:before { content: none }
.gallery.gallery-initialized .paddle-nav { display: block; position: absolute; top: 50%; width: 980px; height: 0; margin: -12px 0 0; padding: 0; z-index: 3 }
.gallery.gallery-initialized .paddle-nav ul { list-style-type: none }
.gallery.gallery-initialized .paddle-nav li:before { content: none }
.gallery.gallery-initialized .paddle-small-left, .gallery.gallery-initialized .paddle-small-right { position: absolute; cursor: pointer; top: 0 }
.gallery.gallery-initialized .paddle-small-left { left: -12px }
.gallery.gallery-initialized .paddle-small-right { right: -12px }
.gallery-container { position: relative; margin: 0; width: 100%; min-width: 980px; padding: 0 0 9px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; overflow: hidden }
.gallery-content { width: 100%; margin-top: 9px }
.gallery-content figure { position: relative; width: 50%; height: 340px; padding-left: 9px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; float: left; overflow: hidden }
.gallery-content figure:first-child { padding-left: 0; padding-right: 10px; border-right: 1px solid #ccc }
.gallery-content figure:first-child .overlay { left: 0 }
.gallery-content figure a { display: block; width: 100%; height: 100% }
.gallery-content figure img { display: block; width: 100%; height: auto; margin: 0 auto }
.fluid-gallery { margin-top: 0; width: 100%; padding: 0 }
.fluid-gallery.gallery-initialized { height: 1000px }
.fluid-gallery.gallery-initialized .gallery-container { height: 100%; padding: 0; border: none }
.fluid-gallery.gallery-initialized .gallery-content { display: table; width: 100%; height: 100%; margin-top: 0 }
.fluid-gallery.gallery-initialized .gallery-content:before, .fluid-gallery.gallery-initialized .gallery-content:after { content: none }
.fluid-gallery.gallery-initialized .gallery-content figure { display: table-cell; margin: 0; padding: 0; border: none; float: none; vertical-align: middle }
.fluid-gallery.gallery-initialized .gallery-content figure:first-child { border: none }
.fluid-gallery.gallery-initialized .gallery-content figure>img { width: auto !important; height: auto !important; margin: 0 auto !important; padding: 0 !important }
.fluid-gallery.gallery-initialized .paddle-nav { width: 100%; margin-top: -68px }
.fluid-gallery.gallery-initialized .paddle-nav ul { position: relative; margin: 0 auto; width: 100%; max-width: 1280px; padding: 0 }
.fluid-gallery.gallery-initialized .paddle:hover { color: #00aaf9 }
.fluid-gallery.gallery-initialized .paddle-left { left: 15px }
.fluid-gallery.gallery-initialized .paddle-right { right: 15px }
.fluid-gallery.gallery-initialized .dot-nav { position: absolute; top: auto; bottom: 100px; left: 0; right: auto; width: 100%; height: 0; z-index: 3 }
.fluid-gallery.gallery-initialized .dot-nav ul { vertical-align: top }
.fluid-gallery.gallery-initialized .dot-nav li { display: block; font-size: 20px; font-size: 1rem; color: #fff; margin-top: -0.5em; margin-left: .8em; padding: 0; float: left }
.fluid-gallery.gallery-initialized .dot-nav li:first-child { margin-left: 0 }
.fluid-gallery .paddle { color: #999; width: 60px; height: 136px; background: transparent; outline: none }
.fluid-gallery .paddle:before { content: "\e617"; font-size: 124px; font-size: 6.2rem; line-height: 136px; text-align: center; position: absolute; left: -32px; width: 60px; height: 120px }
.fluid-gallery .paddle-right:before { content: "\e618" }
.modal-gallery { visibility:visible; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; opacity: 0; filter: alpha(opacity=0); transition-duration: .8s; -webkit-transition-duration: .8s; -moz-transition-duration: .8s }
.modal-gallery.show { visibility: visible; opacity: 1; filter: alpha(opacity=100); filter:-
}
.modal-gallery .modal-background { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; opacity: 1; filter: alpha(opacity=100) }
.modal-gallery ul { list-style-type: none }
.modal-gallery .gallery-container { margin: 0; padding: 0; width: 100%; min-width: 0; height: 100%; border: none }
.modal-gallery .gallery-content { margin-top: 0; width: 100%; height: 100% }
.modal-gallery .dot-nav { position: absolute; top: auto; bottom: 0; right: 0; width: 100%; height: 50px; z-index: 3 }
.modal-gallery .dot-nav ul { margin-top: -0.5em; vertical-align: top }
.modal-gallery .dot-nav li { font-size: 20px; font-size: 1rem; color: #ccc; height: auto; padding: 0 .4em }
.modal-gallery .dot-nav li:hover, .modal-gallery .dot-nav li.active { color: #00aaf9 }
.modal-gallery .paddle { top: 50%; margin-top: -60px; width: 55px; height: 120px; cursor: pointer; z-index: 3; background-color: transparent; outline: none }
.modal-gallery .paddle:before { content: "\e612"; font-size: 120px; font-size: 6rem; line-height: 120px; color: #999; position: absolute; left: -32px; width: 55px; height: 120px }
.modal-gallery .paddle:hover:before { color: #00aaf9 }
.modal-gallery .paddle-left { left: 30px }
.modal-gallery .paddle-right { right: 30px }
.modal-gallery .paddle-right:before { content: "\e613" }
.modal-gallery .button-close { font-style: normal; text-indent: 100%; white-space: nowrap; position: absolute; right: 30px; top: 30px; width: 55px; height: 55px; cursor: pointer; overflow: hidden; z-index: 3 }
.modal-gallery .button-close:before { content: "\e611"; font-family: 'glyphicon'; font-size: 45px; font-size: 2.25rem; line-height: 55px; text-align: center; text-indent: 0; color: #bbb; position: absolute; top: 0; left: 0; width: 55px; height: 55px; -webkit-font-smoothing: antialiased; vertical-align: middle }
.modal-gallery .button-close:hover:before { color: #00aaf9 }
.boss-global .gallery.gallery-initialized .dot-nav li.active, .boss-global .gallery.gallery-initialized .dot-nav li:hover { color: #0064ff }
.boss-global .modal-gallery .dot-nav li:hover, .boss-global .modal-gallery .dot-nav li.active { color: #0064ff }
.boss-global .modal-gallery .paddle:hover:before { color: #0064ff }
.boss-global .modal-gallery .button-close:hover:before { color: #0064ff }
@media screen and (max-width:767px) {
.gallery, .gallery.gallery-initialized, .fluid-gallery, .fluid-gallery.gallery-initialized, .fluid-gallery.productspinner.gallery-initialized { padding: 0; margin-top: 0; width: 100%; height: auto !important }
.gallery .paddle-nav, .gallery.gallery-initialized .paddle-nav, .fluid-gallery .paddle-nav, .fluid-gallery.gallery-initialized .paddle-nav, .fluid-gallery.productspinner.gallery-initialized .paddle-nav, .gallery .dot-nav, .gallery.gallery-initialized .dot-nav, .fluid-gallery .dot-nav, .fluid-gallery.gallery-initialized .dot-nav, .fluid-gallery.productspinner.gallery-initialized .dot-nav { display: none }
.gallery .gallery-container, .gallery.gallery-initialized .gallery-container, .fluid-gallery .gallery-container, .fluid-gallery.gallery-initialized .gallery-container, .fluid-gallery.productspinner.gallery-initialized .gallery-container { width: 100%; min-width: 320px; height: auto; padding-top: 1em }
.gallery .gallery-content, .gallery.gallery-initialized .gallery-content, .fluid-gallery .gallery-content, .fluid-gallery.gallery-initialized .gallery-content, .fluid-gallery.productspinner.gallery-initialized .gallery-content { position: static !important; display: table !important; height: auto !important; margin-top: 0 }
.gallery .gallery-content.carousel-content, .gallery.gallery-initialized .gallery-content.carousel-content, .fluid-gallery .gallery-content.carousel-content, .fluid-gallery.gallery-initialized .gallery-content.carousel-content, .fluid-gallery.productspinner.gallery-initialized .gallery-content.carousel-content { display: block !important }
.gallery .gallery-content figure, .gallery.gallery-initialized .gallery-content figure, .fluid-gallery .gallery-content figure, .fluid-gallery.gallery-initialized .gallery-content figure, .fluid-gallery.productspinner.gallery-initialized .gallery-content figure { width: 100% !important; height: auto; padding: 0 .5em .5em !important; border: none }
.gallery .gallery-content figure img, .gallery.gallery-initialized .gallery-content figure img, .fluid-gallery .gallery-content figure img, .fluid-gallery.gallery-initialized .gallery-content figure img, .fluid-gallery.productspinner.gallery-initialized .gallery-content figure img { width: auto !important; max-width: 100%; max-height: 480px; height: auto !important; margin: 0 auto !important; padding: 0 !important }
.gallery .overlay { position: static; padding-right: 2px; opacity: 1; filter: alpha(opacity=100) }
.gallery .ol-padder { line-height: 22px; text-align: right; background-color: transparent }
.gallery .ol-color { font-size: 11px; font-size:.55rem;
line-height: 22px; color: #666; display: inline-block; position: static; vertical-align: top }
.modal-gallery .dot-nav { display: none }
.modal-gallery .gallery-content { display: none !important }
.modal-gallery .gallery-content.carousel-current { display: block !important }
.modal-gallery .gallery-content>img { width: 80% !important; height: auto !important }
}