/* Basic sample */

@font-face {
    font-family: 'Proxima Nova';
    src: url('font/pL.eot');
    src: url('font/pL?#iefix') format('embedded-opentype'),
         url('font/pL.woff2') format('woff2'),
         url('font/pL.woff') format('woff'),
         url('font/pL.ttf') format('truetype'),
         url('font/pL.svg#pl') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('font/pLi.eot');
    src: url('font/pLi?#iefix') format('embedded-opentype'),
         url('font/pLi.woff2') format('woff2'),
         url('font/pLi.woff') format('woff'),
         url('font/pLi.ttf') format('truetype'),
         url('font/pLi.svg#pl') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('font/pB.eot');
    src: url('font/pB?#iefix') format('embedded-opentype'),
         url('font/pB.woff2') format('woff2'),
         url('font/pB.woff') format('woff'),
         url('font/pB.ttf') format('truetype'),
         url('font/pB.svg#pl') format('svg');
    font-weight: bold;
    font-style: normal;
}

body.flipbook-main-jeffrey-body{
	font-family: 'Proxima Nova';
	margin: 0;
}

.flipbook-main-jeffrey-body .loading-cover{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #f1f1f1;
	z-index: 99999;
}

.flipbook-main-jeffrey-body .loading-cover span{
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	font-size: 35px;
}

.flipbook-main-jeffrey-body .loading-cover div {
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
}

.flipbook-main-jeffrey-body .loading-cover .page-button {
	position: relative;
	text-align: center;
	font-size: 20px;
	text-transform: uppercase;
    padding: 12px 50px 9px;
	color: white;
	background: #7e105f;
	cursor: pointer;
	width: 120px;
	margin: 0 auto;
	display:none;
}

.flipbook-main-jeffrey {
	margin: auto;
	width: 890px;
	overflow: hidden;
	transition: 0.3s;
}

.flipbook-main-jeffrey  main{
	background: url('../img/modal-bg-main.png');
	background-repeat: repeat;
	padding-bottom: 0;
	position: relative;
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.flipbook-main-jeffrey  main .drag-prompt{
    position: absolute;
    z-index: 99;
    bottom: 6px;
    right: 131px;
    width: 170px;
    animation: prompt-hover 2s infinite;
    transform-origin: bottom right;
}

.flipbook-main-jeffrey  footer{
	position: relative;
	background: #30b8ae;
	padding: 12px 10px 10px;
	text-align: center;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.flipbook-main-jeffrey  footer a{
	cursor: pointer;
	position: absolute;
	top: 6px;
	background: #7e105f;
	color: white;
	text-transform: uppercase;
    padding: 8px 10px 5px;
    transition: 0.2s;
    left: 10px;
    font-size: 20px;
    margin-left: 20px;
}

.flipbook-main-jeffrey .zoom-viewport {
	width: 720px;
    height: 509px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 10px;
}

.flipbook-main-jeffrey  footer a:hover{
	background: #c2028c;
}

.flipbook-main-jeffrey  footer a:nth-of-type(2):hover:after{
	border-color: transparent transparent transparent #c2028c !important;
}

.flipbook-main-jeffrey  footer a:nth-of-type(1):hover:after{
	border-color: transparent #c2028c transparent transparent !important;
}

.flipbook-main-jeffrey  footer a:nth-of-type(2){
	left: auto;
	right: 10px;
	margin-right: 20px;
	margin-left: 0px;
}

.flipbook-main-jeffrey  footer a:nth-of-type(1):after{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 17px 20px 20px 0;
	border-color: transparent #7e105f transparent transparent;
	position: absolute;
	top: 0px;
	left: -20px;
    transition: 0.2s;
}

.flipbook-main-jeffrey  footer a:nth-of-type(2):after{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 17px 0 20px 20px;
	border-color: transparent transparent transparent #7e105f;
	position: absolute;
	top: 0px;
	right: -20px;
    transition: 0.2s;
}

.flipbook-main-jeffrey  footer span{
	display: inline-block;
	font-size: 20px;
	text-transform: uppercase;
    padding: 8px 10px 5px;
	color: white;
	background: #7e105f;
	cursor: pointer;
	position: relative;
	margin-top: -6px;
}

.flipbook-main-jeffrey  footer span:hover{
	background: #c2028c;
}

.flipbook-main-jeffrey  footer span i {
	font-size: 17px;
    margin-left: 6px;
    position: relative;
}

.flipbook-main-jeffrey  footer span.grey {
	color: white;
	background: #666666;
}

.flipbook-main-jeffrey  footer span.grey:hover {
	
}

.flipbook-main-jeffrey  footer span strong{
	color: #f2e600;
}

.flipbook-main-jeffrey .flipbook{
	margin: auto;
	overflow: visible !important;
}

.flipbook-main-jeffrey .page{
	background-color:white;
	background-repeat:no-repeat;
	background-size:100% 100%;
}

.flipbook-main-jeffrey .flipbook .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-main-jeffrey .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;
}


@keyframes prompt-hover{
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}