/* ==== Component: PureView Plugin == */
@font-face{font-family: 'FontAwesome'; src: url('../font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('../font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal;}
.am-pureview{position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 1120; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.95); display: none; overflow: hidden; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%);}
.am-pureview.am-active{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0);}
.am-pureview ul,
.am-pureview ol{list-style: none; padding: 0; margin: 0; width: 100%;}
.am-pureview-slider{overflow: hidden; height: 100%;}
.am-pureview-slider li{position: absolute; width: 100%; height: 100%; top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; vertical-align: middle; -webkit-transition: all .3s linear; transition: all .3s linear; z-index: 100; visibility: hidden;}
.am-pureview-slider li.am-pureview-slide-prev{-webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); z-index: 109;}
.am-pureview-slider li.am-pureview-slide-next{-webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); z-index: 109;}
.am-pureview-slider li.am-active{position: relative; z-index: 110; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); visibility: visible;}
.am-pureview-slider .pinch-zoom-container{width: 100%; z-index: 1121;}
.am-pureview-slider .am-pinch-zoom{position: relative; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.am-pureview-slider .am-pinch-zoom:after{display: inline-block; font: normal normal normal 1.6rem/1 "FontAwesome", sans-serif; /*font-weight: normal; // 2 font-style: normal; // 2 vertical-align: baseline; // 3 line-height: 1; // 4*/ font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); content: "\f110"; -webkit-animation: icon-spin 2s infinite linear; animation: icon-spin 2s infinite linear; font-size: 24px; line-height: 24px; color: #eee; position: absolute; top: 50%; left: 50%; margin-left: -12px; margin-top: -12px; z-index: 1;}
.am-pureview-slider .am-pinch-zoom.am-pureview-loaded:after{display: none;}
.am-pureview-slider img{position: relative; display: block; max-width: 100%; max-height: 100%; opacity: 0; z-index: 200; -webkit-user-drag: none; -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in;}
.am-pureview-slider img.am-img-loaded{opacity: 1;}
.am-pureview-direction{position: absolute; top: 50%; width: 100%; margin-top: -18px !important; z-index: 1122;}
.am-touch .am-pureview-direction,
.am-pureview-only .am-pureview-direction{display: none;}
.am-pureview-direction li{position: absolute; width: 36px; height: 36px;}
.am-pureview-direction a{display: block; height: 36px; border: none; color: #ccc; opacity: 0.5; cursor: pointer; text-align: center; z-index: 1125; font: normal normal normal 1.6rem/1 "FontAwesome", sans-serif;}
.am-pureview-direction a:before{content: "\f137"; line-height: 36px; font-size: 24px;}
.am-pureview-direction a:hover{opacity: 1;}
.am-pureview-direction .am-pureview-prev{left: 15px;}
.am-pureview-direction .am-pureview-next{right: 15px;}
.am-pureview-direction .am-pureview-next a:before{content: "\f138";}
.am-pureview-bar{position: absolute; bottom: 0; height: 45px; width: 100%; background-color: rgba(0, 0, 0, 0.35); color: #eeeeee; line-height: 45px; padding: 0 10px; font-size: 14px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.am-pureview-bar .am-pureview-title{display: block; word-wrap: normal; /* for IE */ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-left: 6px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
.am-pureview-bar .am-pureview-total{font-size: 10px; line-height: 48px;}
.am-pureview-actions{position: absolute; z-index: 1130; left: 0; right: 0; top: 0; height: 45px; background-color: rgba(0, 0, 0, 0.35);}
.am-pureview-actions a{position: absolute; right: 10px; color: #ccc; display: block; width: 32px; line-height: 45px; text-align: left; font-size: 16px; height:45px;}
.am-pureview-actions a:hover{color: #fff;}
.am-pureview-actions [data-am-toggle="share"]{left: auto; right: 10px;}
.am-pureview-bar,
.am-pureview-actions{opacity: 0; -webkit-transition: all .15s; transition: all .15s; z-index: 1130;}
.am-pureview-bar-active .am-pureview-bar,
.am-pureview-bar-active .am-pureview-actions{opacity: 1;}
.am-pureview-nav{position: absolute; bottom: 15px; left: 0; right: 0; text-align: center; z-index: 1131;}
.am-pureview-bar-active .am-pureview-nav{display: none;}
.am-pureview-nav li{display: inline-block; background: #ccc; background: rgba(255, 255, 255, 0.5); width: 8px; height: 8px; margin: 0 3px; border-radius: 50%; text-indent: -9999px; overflow: hidden; cursor: pointer;}
.am-pureview-nav .am-active{background: #fff; background: rgba(255, 255, 255, 0.9);}
[data-am-pureview] img{cursor: pointer;}
.am-pureview-active{overflow: hidden;}
.am-icon-chevron-left{background:url(../images/close-icon.png) center center no-repeat;background-size: 60%;}