/* CSS Document */

@keyframes smartphoto {
	from {
	opacity:0
}
to {
	opacity:1
}
}@keyframes smartphoto-img-wrap {
	from {
	opacity:0
}
to {
	opacity:1
}
}@keyframes smartphoto-inner {
	from {
	transform:translate(0,100px)
}
to {
	transform:translate(0,0)
}
}@keyframes smartphoto-loader {
	0% {
	opacity:.4;
	transform:rotate(0deg)
}
50% {
	opacity:1;
	transform:rotate(180deg)
}
100% {
	opacity:.4;
	transform:rotate(360deg)
}
}@keyframes smartphoto-appear {
	0% {
	display:none;
	opacity:0
}
1% {
	display:block;
	opacity:0
}
100% {
	display:block;
	opacity:1
}
}@keyframes smartphoto-hide {
	0% {
	display:block;
	opacity:1
}
99% {
	display:block;
	opacity:0
}
100% {
	display:none;
	opacity:0
}
}.smartphoto {
	position:fixed;
	z-index:100;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:1;
	font-family:sans-serif;
	cursor:pointer;
	-webkit-transition:opacity .3s ease-out;
	-moz-transition:opacity .3s ease-out;
	-ms-transition:opacity .3s ease-out;
	-o-transition:opacity .3s ease-out;
	transition:opacity .3s ease-out;
	transition:all 0.3s ease-out;
	animation-name:smartphoto;
	animation-duration:.3s;
	animation-timing-function:ease-out
}
.smartphoto[aria-hidden="true"] {
	display:none
}
.smartphoto-close {
	opacity:0
}
.smartphoto-count {
	display:inline-block;
	color:#FFF;
	font-size:16px
}
.smartphoto-header {
	display:block;
	box-sizing:border-box;
	position:fixed;
	z-index:102;
	top:0;
	left:0;
	width:100%;
	height:50px;
	padding:15px;
	background-color:rgba(0,0,0,0.2)
}
.smartphoto-content {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.smartphoto-dismiss {
	display:block;
	position:absolute;
	top:1px;
	right:10px;
	width:20px;
	height:20px;
	padding:0;
	border:none;
	background-color:transparent;
	background-image:url(data:image/svg+xml;
	base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiI+PHRpdGxlPmljb248L3RpdGxlPjxwYXRoIGQ9Ik0xNTc2LjQyLDE0MDYuNzYsMjc4NCwxOTkuMTlhNTYuODYsNTYuODYsMCwwLDAsMC04MC4xOGwtNzguOTItNzguOTJhNTYuODYsNTYuODYsMCwwLDAtODAuMTgsMEwxNDE3LjMyLDEyNDcuNjYsMjA5Ljc1LDQwLjA5YTU2Ljg2LDU2Ljg2LDAsMCwwLTgwLjE4LDBMNTAuNjUsMTE5YTU2Ljg2LDU2Ljg2LDAsMCwwLDAsODAuMThMMTI1OC4yMywxNDA2Ljc2LDUwLjY1LDI2MTQuMzRhNTYuODYsNTYuODYsMCwwLDAsMCw4MC4xOGw3OC45Miw3OC45MmE1Ni44Niw1Ni44NiwwLDAsMCw4MC4xOCwwTDE0MTcuMzIsMTU2NS44NiwyNjI0LjksMjc3My40NGE1Ni44Niw1Ni44NiwwLDAsMCw4MC4xOCwwbDc4LjkyLTc4LjkyYTU2Ljg2LDU2Ljg2LDAsMCwwLDAtODAuMThaIi8+PC9zdmc+);
	text-shadow:0 1px 0 #FFF;
	color:#FFF;
	font-size:30px;
	text-decoration:none;
	line-height:1
}
.smartphoto-body {
	position:relative;
	z-index:102;
	width:100%;
	height:100%;
	margin:0 auto
}
.smartphoto-inner {
	position:relative;
	width:100%;
	height:100%;
	vertical-align:top
}
.smartphoto-img {
	display:none;
	max-width:none;
	width:auto;
	height:auto;
	cursor:zoom-in;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	transition:transform 0.3s ease-out;
	-webkit-user-drag:none
}
.smartphoto-img.active {
	display:block
}
.smartphoto-img-onmove {
	cursor:grab;
	cursor:-webkit-grab;
	transition:none
}
.smartphoto-img-elasticmove {
	transition:transform 0.3s ease-out
}
.smartphoto-img-wrap {
	display:inline-block;
	opacity:1;
	-webkit-transition:opacity .3s ease-out;
	-moz-transition:opacity .3s ease-out;
	-ms-transition:opacity .3s ease-out;
	-o-transition:opacity .3s ease-out;
	transition:opacity .3s ease-out;
	animation-name:smartphoto-img-wrap;
	animation-duration:.3s;
	animation-timing-function:ease-out
}
.smartphoto-img-left {
	transform:translateX(150%) !important
}
.smartphoto-img-right {
	transform:translateX(-150%) !important
}
.smartphoto-arrows {
	list-style-type:none;
	margin:0;
	padding:0;
	position:relative;
	z-index:1002;
	top:50%;
	left:0;
	opacity:1;
	animation-name:smartphoto-appear;
	animation-duration:.3s;
	animation-timing-function:ease-out
}
.smartphoto-arrows[aria-hidden="true"] {
	animation-name:smartphoto-hide;
	display:none
}
.smartphoto-arrows li {
	display:block;
	position:absolute;
	top:50%;
	width:30px;
	height:30px;
	animation-duration:.3s;
	animation-timing-function:ease-out;
	animation-name:smartphoto-appear
}
.smartphoto-arrows li:focus {
	outline:none
}
.smartphoto-arrows [aria-hidden="true"] {
	animation-name:smartphoto-hide;
	display:none
}
.smartphoto-arrows a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none
}
.smartphoto-arrow-right {
	right:0;
	background-image:url(data:image/svg+xml;
	base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiAiPjx0aXRsZT5pY29uPC90aXRsZT48cGF0aCBkPSJNMTgzNy44OCwxNDE3LjMyLDY0My41OSwyMjNhNzIuMjEsNzIuMjEsMCwwLDEsMC0xMDEuODJMNzQzLjgyLDIxYTcyLjIxLDcyLjIxLDAsMCwxLDEwMS44MiwwTDIwOTAuODMsMTI2Ni4xOWwxMDAuMjMsMTAwLjIzYTcyLjIxLDcyLjIxLDAsMCwxLDAsMTAxLjgyTDg0NS42NCwyODEzLjY1YTcyLjIxLDcyLjIxLDAsMCwxLTEwMS44MiwwTDY0My41OSwyNzEzLjQyYTcyLjIxLDcyLjIxLDAsMCwxLDAtMTAxLjgyWiIvPjwvc3ZnPg==)
}
.smartphoto-arrow-left {
	left:0;
	background-image:url(data:image/svg+xml;
	base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiI+PHRpdGxlPmljb248L3RpdGxlPjxwYXRoIGQ9Ik05OTYuNzcsMTQxNy4zMiwyMTkxLjA2LDIyM2E3Mi4yMSw3Mi4yMSwwLDAsMCwwLTEwMS44MkwyMDkwLjgzLDIxQTcyLjIxLDcyLjIxLDAsMCwwLDE5ODksMjFMNzQzLjgyLDEyNjYuMTksNjQzLjU5LDEzNjYuNDJhNzIuMjEsNzIuMjEsMCwwLDAsMCwxMDEuODJMMTk4OSwyODEzLjY1YTcyLjIxLDcyLjIxLDAsMCwwLDEwMS44MiwwbDEwMC4yMy0xMDAuMjNhNzIuMjEsNzIuMjEsMCwwLDAsMC0xMDEuODJaIi8+PC9zdmc+)
}
.smartphoto-nav {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	opacity:1;
	animation-name:smartphoto-appear;
	animation-duration:.3s;
	animation-timing-function:ease-out;
	z-index:222;
	background:#000;
}
.smartphoto-nav[aria-hidden="true"] {
	animation-name:smartphoto-hide;
	display:none
}
.smartphoto-nav ul {
	display:block;
	overflow-x:scroll;
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
	white-space:nowrap;
	-webkit-overflow-scrolling:touch
}
.smartphoto-nav li {
	display:inline-block;
	overflow:hidden;
	width:50px;
	height:37px
}
.smartphoto-nav a {
	display:block;
	width:100%;
	height:100%;
	background-color:#FFF;
	background-position:center center;
	background-size:cover;
	opacity:.5
}
 
.smartphoto-nav a:focus {
	opacity:.8
}
.smartphoto-nav a.current {
	opacity:1
}
.smartphoto-nav img {
	width:auto;
	height:100%
}
.smartphoto-list {
	list-style-type:none;
	position:absolute;
	z-index:101;
	top:0;
	left:0;
	margin:0;
	padding:0;
	white-space:nowrap
}
.smartphoto-list li {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transition:all 0.3s ease-out
}
.smartphoto-list li:focus {
	outline:none
}
.smartphoto-list-onmove {
	transition:all 0.3s ease-out
}
.smartphoto-caption {
	overflow:hidden;
	box-sizing:border-box;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:50px;
	padding:0 50px;
	color:#FFF;
	font-size:12px;
	text-align:center;
	line-height:50px;
	white-space:nowrap;
	text-overflow:ellipsis
}
.smartphoto-caption:focus {
	outline:none
}
.smartphoto-loader-wrap {
	display:block;
	position:relative;
	z-index:103;
	width:0;
	height:0;
	transform:translate(50vw,50vh)
}
.smartphoto-loader {
	position:absolute;
	z-index:101;
	top:0;
	left:0;
	width:30px;
	height:30px;
	margin-top:-25px;
	margin-left:-25px;
	border:8px solid #17CDDD;
	border-right-color:transparent;
	border-radius:50%;
	animation:smartphoto-loader .5s infinite linear
}
.smartphoto-img-clone {
	position:fixed;
	z-index:100;
	top:0;
	left:0;
	transition:all .3s ease-out
}
.smartphoto-sr-only {
	overflow:hidden;
	position:absolute;
	width:1px;
	height:1px;
	margin:-1px;
	padding:0;
	border:0;
	clip:rect(0,0,0,0)
}