* {
	padding: 0;
	margin: 0;
}

/*td {
	vertical-align: top;
}*/

.logos{
	position: relative;
	margin-left: 44%;
}



.clr {
	clear: both;
}
html {
	height: 100%;
}
body {
	border: 35px solid #f1cd01;
	background-color: #fff;
	height: 100%;
	
	.hider {
		width: 41px;
		height: 41px;
		background-color: rgba(255, 255, 255, .75);
		position: absolute;
		display: none;
		&.hide-prev {
			margin-left: -55px;
			z-index: 10000;
		}
		&.hide-next {
			margin-left: 1015px;
			z-index: 10000;
		}
	}
}
#wrapper {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	.obj {
		position: absolute;
	}
	.h2-wrap {
		position: absolute;
		width: 1200px;
		z-index: 1000;
		text-align: center;
		h2{
		font-family: Futura;
		text-transform: uppercase;
		font-weight: bold;
		  font-size:80px;
		  position:relative;
		  color: #fff;
		}	
	}
	.superShadow {
	  text-shadow:     0 1px 0 hsl(174,5%,80%),
		                 0 2px 0 hsl(174,5%,75%),
		                 0 3px 0 hsl(174,5%,70%),
		                 0 4px 0 hsl(174,5%,66%),
		                 0 5px 0 hsl(174,5%,64%),
		                 0 6px 0 hsl(174,5%,62%),
		                 0 7px 0 hsl(174,5%,61%),
		                 0 8px 0 hsl(174,5%,60%),
		
		                 0 0 5px rgba(0,0,0,.05),
		                0 1px 3px rgba(0,0,0,.2),
		                0 3px 5px rgba(0,0,0,.2),
		               0 5px 10px rgba(0,0,0,.2),
		              0 10px 10px rgba(0,0,0,.2),
		              0 20px 20px rgba(0,0,0,.3);
	}
	.bg {
		position: absolute;
		z-index: 0;
		top: 0;
		left: 0;
		display: block;
	}
}

.social-share {
	margin-top: 0px;
	margin-left: -10px;
}


/*flipbook*/

.bb-custom-wrapper {
	background: #fff;
	width: 1000px;
	height: 600px;
	position: relative;
	margin-left: 100px;
	/*box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
	border-radius: 0 0 5px 5px;*/
}

.bb-custom-wrapper:before, 
.bb-custom-wrapper:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background: #fff;
	left: 0;
	/*box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
	border-radius: 0 0 5px 5px;*/
}

.bb-custom-wrapper:before {
	top: 0px;
	z-index: -2;
	/*box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.3);*/
}

.bb-custom-wrapper:after {
	top: 0px;
	z-index: -1;
}

.bb-bookblock {
	/*box-shadow: 0px 5px 0 rgba(0, 0, 0, 0.1);*/
}


.bb-custom-wrapper .nav {
	width: 1000px;
	/*margin: 20px 10px 0 0;
	float: right;*/
	position: absolute;
	top: 270px;
	z-index: 10000;
}

.bb-custom-wrapper .nav a {
	float: left;
	width: 40px;
	height: 40px;
	/*background: url(../images/nav_small.png) center right;*/
	text-indent: -90000px;
	opacity: 0.8;
}

.bb-custom-wrapper .nav a:hover {
	opacity: 1;
}

.bb-custom-wrapper .nav a#bb-nav-prev {
	background: url(../images/left.png);
	position: absolute;
	margin-left: -55px;
}
.bb-custom-wrapper .nav a#bb-nav-next {
	background: url(../images/right.png);
	margin-left: 1015px;
	position: absolute;
}

.bb-custom-wrapper .nav a#bb-nav-jump {
	background-position: center right;
	float: right;
}

/* Content Flip Style */
.bb-bookblock {
	width: 1000px;
	height: 600px;
	position: relative;
	background: #fff;
	z-index: 100;
}

.bb-page {
	width: 50%;
	height: 100%;
	left: 50%;
	position: absolute;

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;

	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}

.bb-page > div,
.bb-outer,
.bb-content {
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
}

.bb-content {
	background: #fff;
}

.bb-inner {
	position: relative;
	width: 100%;
	height: 100%;
}

.bb-overlay, .bb-outer {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

.bb-page > div {
	width: 100%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;

	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

.bb-back {
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

.bb-outer {
	width: 100%;
	overflow: hidden;
	z-index: 999;
}

.bb-overlay, 
.bb-flipoverlay {
	background-color: rgba(0, 0, 0, 0.7);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.bb-flipoverlay {
	background-color: rgba(0, 0, 0, 0.2);
}

.bb-bookblock > div.bb-page:first-child,
.bb-bookblock > div.bb-page:first-child .bb-back {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.bb-item {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	background: #fff;
}