.-page-container {
	display: none;
}
@media only screen and (min-width: 767px){
	.-page-container {
		display: block;
	}
}
.-page-main-container {
	position: relative;
	height: 500px;
}
.-flipbook-content {
	position: relative;
}
.-flipbook-viewport .-flipbook-container {
	position:absolute;
	top:0;
	left:0px;
	width:740px;
	height:482px;
	margin:auto;
}
@media only screen and (min-width: 991px){
	.-page-main-container {
		height: auto;
	}
	.-flipbook-viewport .-flipbook-container {
		width:660px;
		height:430px;
	}
}
@media only screen and (min-width: 1200px){
	.-flipbook-viewport .-flipbook-container {
		width:880px;
		height:573px;
	}
}
@media only screen and (min-width: 1600px){
	.-flipbook-viewport .-flipbook-container {
		width:1160px;
		height:755px;
	}
}


.-flipbook-viewport .-flipbook-content {
	width:922px;
	height:600px;
	left:-461px;
	top:-300px;
	position: unset!important;
}

.-flipbook-viewport .page {
	width:461px;
	height:600px;
	background-color:#F0F0F0;
	background-repeat:no-repeat;
	background-size:100% 100%;
}

.-flipbook-viewport .zoomer .region {
	display:none;
}

.-flipbook-content .region {
	position:absolute;
	overflow:hidden;
	background:#0066FF;
	opacity:0.2;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
	cursor:pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
}

.-flipbook-content .region:hover {
	opacity:0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}

.-flipbook-content .region.zoom{
	opacity:0.01;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter: alpha(opacity=1);
}

.-flipbook-content .region.zoom:hover{
	opacity:0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
}

.-flipbook-content .page{
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-ms-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-o-box-shadow:0 0 20px rgba(0,0,0,0.2);
	box-shadow:0 0 20px rgba(0,0,0,0.2);
}

.-flipbook-viewport .page img{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin:0;
}

.-flipbook-content .even .gradient{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;

	background:-webkit-gradient(linear, left top, right top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.2)));
	background-image:-webkit-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:-moz-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:-ms-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:-o-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:-webkit-gradient(linear, left top, right top, color-stop(95%, rgba(0,0,0,0)), to(rgba(0,0,0,0.2)));
	background-image:linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
}

.-flipbook-content .odd .gradient{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;

	background:-webkit-gradient(linear, right top, left top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.15)));
	background-image:-webkit-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:-moz-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:-ms-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:-o-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:-webkit-gradient(linear, left top, left bottom, from(right), color-stop(95%, rgba(0,0,0,0)), to(rgba(0,0,0,0.15)));
	background-image:linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
}

.-flipbook-viewport .zoom-in .even .gradient,
.-flipbook-viewport .zoom-in .odd .gradient{
	display:none;
}

.-flipbook-viewport .loader{
	background-image:url(../img/loader.gif);
	width:24px;
	height:24px;
	position:absolute;
	top:280px;
	left:219px;
}

.-flipbook-viewport .shadow{
	-webkit-transition: -webkit-box-shadow 0.5s;
	-moz-transition: -moz-box-shadow 0.5s;
	-o-transition: -webkit-box-shadow 0.5s;
	-ms-transition: -ms-box-shadow 0.5s;

	-webkit-box-shadow:0 0 20px #ccc;
	-moz-box-shadow:0 0 20px #ccc;
	-o-box-shadow:0 0 20px #ccc;
	-ms-box-shadow:0 0 20px #ccc;
	box-shadow:0 0 20px #ccc;
}

.-flipbook-viewport .-flipbook-next-button,
.-flipbook-viewport .-flipbook-previous-button{
	width:22px;
	height:482px;
	position:absolute;
	top:0;
	cursor:pointer;
	opacity: 0;
}

@media only screen and (min-width: 991px){
	.-flipbook-viewport .-flipbook-next-button,
	.-flipbook-viewport .-flipbook-previous-button{
		height:430px;
	}
}
@media only screen and (min-width: 1200px){
	.-flipbook-viewport .-flipbook-next-button,
	.-flipbook-viewport .-flipbook-previous-button{
		height:573px;
	}
}
@media only screen and (min-width: 1600px){
	.-flipbook-viewport .-flipbook-next-button,
	.-flipbook-viewport .-flipbook-previous-button{
		height:755px;
	}
}
.-flipbook-viewport .-flipbook-next-button:before,
.-flipbook-viewport .-flipbook-previous-button:before {
	content:"";
	display: block;
	width:66px;
	height:100%;
	position: absolute;
	top:0px;
	left:-22px;
	z-index:100;
	background:transparent !important;
	cursor:pointer;
}
.-flipbook-viewport .-flipbook-next-button i,
.-flipbook-viewport .-flipbook-previous-button i {
	position: absolute;
	top: 290px;
	color: #fff;
	font-size: 36px;
	left: 5px;
}
@media only screen and (min-width: 991px){
	.-flipbook-viewport .-flipbook-next-button i,
	.-flipbook-viewport .-flipbook-previous-button i {
		top:215px;
	}
}
@media only screen and (min-width: 1200px){
	.-flipbook-viewport .-flipbook-next-button i,
	.-flipbook-viewport .-flipbook-previous-button i {
		top:286px;
	}
}
@media only screen and (min-width: 1600px){
	.-flipbook-viewport .-flipbook-next-button i,
	.-flipbook-viewport .-flipbook-previous-button i {
		top:378px;
	}
}

.-flipbook-viewport .-flipbook-next-button{
	right:-22px;
	-webkit-border-radius:0 15px 15px 0;
	-moz-border-radius:0 15px 15px 0;
	-ms-border-radius:0 15px 15px 0;
	-o-border-radius:0 15px 15px 0;
	border-radius:0 15px 15px 0;
}
.-flipbook-viewport .-flipbook-next-button:before {
	left:-66px;
}

.-flipbook-viewport .-flipbook-previous-button{
	left:-22px;
	-webkit-border-radius:15px 0 0 15px;
	-moz-border-radius:15px 0 0 15px;
	-ms-border-radius:15px 0 0 15px;
	-o-border-radius:15px 0 0 15px;
	border-radius:15px 0 0 15px;
}

.-flipbook-viewport .-flipbook-previous-button-hover,
.-flipbook-viewport .-flipbook-next-button-hover{
	background-color:rgba(0,0,0, 0.2);
	opacity: 1;
}

.-flipbook-viewport .-flipbook-previous-button-hover,
.-flipbook-viewport .-flipbook-previous-button-down{
	background-image:url(../img/arrows.png);
	background-position:-4px 284px;
	background-repeat:no-repeat;
}

.-flipbook-viewport .-flipbook-previous-button-down,
.-flipbook-viewport .-flipbook-next-button-down{
	background-color:rgba(0,0,0, 0.4);
}

.-flipbook-viewport .-flipbook-next-button-hover,
.-flipbook-viewport .-flipbook-next-button-down{
	background-image:url(../img/arrows.png);
	background-position:-38px 284px;
	background-repeat:no-repeat;
}

.-flipbook-viewport .zoom-in .-flipbook-next-button,
.-flipbook-viewport .zoom-in .-flipbook-previous-button{
	display:none;
}

.animated{
	-webkit-transition:margin-left 0.5s;
	-moz-transition:margin-left 0.5s;
	-ms-transition:margin-left 0.5s;
	-o-transition:margin-left 0.5s;
	transition:margin-left 0.5s;
}



.exit-message{
	position: absolute;
	top:10px;
	left:0;
	width:100%;
	height:40px;
	z-index:10000;
}

.exit-message > div{
	width:140px;
	height:30px;
	margin:auto;
	background:rgba(0,0,0,0.5);
	text-align:center;
	font:12px arial;
	line-height:30px;
	color:white;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}

.-flipbook-bottom{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
}




.turnjs-slider{
	width:600px;
	height:8px;
	background:rgba(0,0,0, 0.2);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
	margin:20px auto;
}

.turnjs-slider .thumbnail{
	width:115px;
	height:85px;
	position:absolute;
	background:rgba(0,0,0, 0.5);
	z-index:10000;
	top:-100px;
	left:-17px;
	display:none;

	-webkit-transform:translate3d(0px, 50px, 0px) scale(0.1, 0.1);
	-webkit-transition:-webkit-transform 0.2s;
	-webkit-border-radius:5px;

	-moz-transform:translate3d(0px, 50px, 0px) scale(0.1, 0.1);
	-moz-transition:-moz-transform 0.2s;
	-moz-border-radius:5px;

	-o-transform:translate3d(0px, 50px, 0px) scale(0.1, 0.1);
	-o-transition:-o-transform 0.2s;
	-o-border-radius:5px;

	-ms-transform:translate3d(0px, 50px, 0px) scale(0.1, 0.1);
	-ms-transition:-ms-transform 0.2s;
	-ms-border-radius:5px;

	transform:translate3d(0px, 50px, 0px) scale(0.1, 0.1);
	-webkit-transition:-webkit-transform;
	transition:-webkit-transform;
	transition:transform: ;
	transition:transform:-webkit-transform;0.2s;
	border-radius:5px;
}

.no-transition{
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	-ms-transition:none;
}

.turnjs-slider .thumbnail div{
	width:100px;
	margin:7px;
	height:70px;
	background-color:white;
}

.turnjs-slider .ui-state-hover .thumbnail{
	display:block;
	opacity:0;
}

.turnjs-slider .ui-state-active .thumbnail{
	display:block;
	opacity:1;
	-webkit-transform:scale(1, 1);
	-moz-transform:scale(1, 1);
	-o-transform:scale(1, 1);
	-ms-transform:scale(1, 1);
	transform:scale(1, 1);
}

/* Layout helpers
----------------------------------*/

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.turnjs-slider .ui-widget-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.turnjs-slider .ui-slider {
	position: relative;
	text-align: left;
}

.turnjs-slider .ui-slider-handle{
	position: absolute;
	z-index:0;
	width:80px;
	height: 8px;
	cursor: default;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
}

.turnjs-slider .ui-slider-horizontal {
	height: 8px;
	width:520px;
	margin-left:39px;
}

.turnjs-slider .ui-slider-horizontal .ui-slider-handle {
	margin-left:-40px;
	margin-top:-1px;
}

/* Interaction states
----------------------------------*/
.turnjs-slider .ui-slider-handle{
	border:1px solid white;
	background-color:black;
	opacity:0.2;
	display:block;
	-webkit-transition:opacity 0.2s;
	-moz-transition:opacity 0.2s;
	-ms-transition:opacity 0.2s;
	-o-transition:opacity 0.2s;
	transition:opacity 0.2s;
}

.turnjs-slider .ui-state-hover{
	opacity:0.4;
}

.turnjs-slider .ui-state-active{
	opacity:1;
}


#alert {
	display:block;
	position: fixed;
	top: calc(50% - 35px);
	left:calc(50% - 150px);
	width:300px;
	background:rgba(0,0,0,0.65);
	color:#FFF;
	font-size:13px;
	padding:8px;
	cursor:pointer;
	z-index:9999;
}

.btn-back {
	display: block;
	padding: 40px 0 20px 0;
	width: 204px;
	text-align: center;
	position: absolute;
	top: 0;
	right: 3%;
	
}

.btn-back a {
	display: inline-block;
	margin: 0 auto;
	color: #502b15;
	font-size: 14px;
	text-decoration: none;
	padding: 5px 0;
	-webkit-transition: 0.3s all;
	transition: 0.3s all;
}

.btn-back a:hover {
	color: #c8260f;
}

.btn-back a:before,
.btn-back a:after {
	display: inline-block;
	vertical-align: middle;
	margin: 0 3px 0 0;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: transparent;
	content:'';
}

.btn-back a:after {
	margin: 0 0 0 3px;
}

.btn-back a:hover:before,
.btn-back a:hover:after {
	background: #c8260f;
}

.btn-back:after {
	display: block;
	height: 30px;
	width: 204px;
	bottom: -10px;
	left: 0;
	position: absolute;
	content:'';
}