.bb-custom-wrapper { /*width: 100%;position: relative; */ height: 100%; overflow: hidden;}
.bb-custom-wrapper .bb-bookblock { width: 100%; height: 100%; -webkit-perspective: 2000px; -moz-perspective: 2000px; perspective: 2000px; }

.bb-bookblock {  margin: 0 auto; position: relative; z-index: 100; -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
.bb-page { position: absolute; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; }
.bb-vertical .bb-page { width: 50%; height: 100%; left: 50%; -webkit-transform-origin: left center; -moz-transform-origin: left center; transform-origin: left center; }
.bb-horizontal .bb-page { width: 100%; height: 50%; top: 50%; -webkit-transform-origin: center top; -moz-transform-origin: center top; transform-origin: center top; }
.bb-page > div,
.bb-outer,
.bb-content,
.bb-inner { position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-color: #fff; }
.bb-outer { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
.bb-vertical .bb-content { width: 200%; }
.bb-horizontal .bb-content { height: 200%; }
.bb-page > div { width: 100%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }
.bb-page > div:not(:only-child) { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
.bb-vertical .bb-back { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transform: rotateY(-180deg); }
.bb-horizontal .bb-back { -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); transform: rotateX(-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.bb-vertical > div.bb-page:first-child,
.bb-bookblock.bb-vertical > div.bb-page:first-child .bb-back { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); }
.bb-bookblock.bb-horizontal > div.bb-page:first-child,
.bb-bookblock.bb-horizontal > div.bb-page:first-child .bb-back { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); transform: rotateX(180deg); }
/* Content display */
.bb-vertical .bb-front .bb-content { left: -100%; }
.bb-horizontal .bb-front .bb-content { top: -100%; }
/* Flipping classes */
.bb-vertical .bb-flip-next,
.bb-vertical .bb-flip-initial { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transform: rotateY(-180deg); }
.bb-vertical .bb-flip-prev { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); }
.bb-horizontal .bb-flip-next,
.bb-horizontal .bb-flip-initial { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); transform: rotateX(180deg); }
.bb-horizontal .bb-flip-prev { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX(0deg); }
.bb-vertical .bb-flip-next-end { -webkit-transform: rotateY(-15deg); -moz-transform: rotateY(-15deg); transform: rotateY(-15deg); }
.bb-vertical .bb-flip-prev-end { -webkit-transform: rotateY(-165deg); -moz-transform: rotateY(-165deg); transform: rotateY(-165deg); }
.bb-horizontal .bb-flip-next-end { -webkit-transform: rotateX(15deg); -moz-transform: rotateX(15deg); transform: rotateX(15deg); }
.bb-horizontal .bb-flip-prev-end { -webkit-transform: rotateX(165deg); -moz-transform: rotateX(165deg); transform: rotateX(165deg); }
.bb-item { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; background-color: #fff; }


/* Big Blog Page */

.stg-bigblog #totop {display:none;}
.stg-bigblog #main {position:absolute; top:0; left:0; bottom:0; right:0; margin:0 !important; z-index: 0;}
.bb-bookblock .bb-post-preview {position:absolute; top:0; left:0; right:0; bottom: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; position: absolute;}
.stg-bigblog .bb-bookblock .likebox {position:absolute; right:70px; bottom:70px; margin:0;}
.stg-bigblog .bb-nav > a {display:block; width:25px; height:50px; position:absolute; top:50%; margin-top:-25px; color:#fff; font-size: 60px; left:40px; z-index: 101; text-decoration: none;line-height: 50px; vertical-align: middle; text-shadow: -5px 6px 2px rgba(0,0,0,.3); text-align: center; }
.stg-bigblog .bb-nav > a:hover {color:#eee; text-shadow: -9px 10px 10px rgba(0,0,0,.3);}
.stg-bigblog .bb-nav .bb-next {left:auto; right:40px; text-shadow: 5px 6px 2px rgba(0,0,0,.3);}
.stg-bigblog .bb-nav .bb-next:hover {text-shadow: 9px 10px 10px rgba(0,0,0,.3);}
.stg-bigblog .bb-title {position:absolute; left:120px; bottom:70px; margin:0; max-width: 370px; color:#fff; text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);}
.stg-bigblog .bb-title .bb-category { color:#fff; background:#cd2122; font-size: 12px; border-radius: 3px; margin-right: 20px; padding:7px 10px; font-weight: 700; }
.stg-bigblog .bb-title [data-role="title"] {font-size: 44px; font-weight: 700; line-height: 1.2; margin: 25px 0;}
.stg-bigblog .bb-title [data-role="title"] a {color:#fff; text-decoration: none;}
.stg-bigblog .bb-title [data-role="title"] a:hover {color:#eee;}
.stg-bigblog .bb-title .separator {height:2px; max-width: 150px; background:#fff;}
.stg-bigblog .bb-title .bb-author {font-weight: 600;}
.stg-bigblog .bb-blog-post {margin: 40px 0;}
.stg-bigblog .bb-blog-post > .container {background-color:#fff; padding-top:30px; padding-bottom: 30px; max-width: 960px;}
.stg-bigblog .bb-blog-post .mfp-close{border-radius: 50%; background: rgba(255, 255, 255, 0.2); color: #FFF; right:50%; margin-right: -540px; top: 60px;outline: none;}

@media (min-width: 1200px) {
	html,
	body.stg-bigblog,
	body.stg-bigblog #page_wrapper {height:100% !important; overflow-y: visible !important; overflow: visible;}
}

@media (min-width: 767px) and (max-width: 1200px) {
	html,
	body.stg-bigblog,
	body.stg-bigblog #page_wrapper {height:100% !important; overflow-y: visible !important; overflow: visible;}
}

@media only screen and (max-width: 767px) {
	.stg-bigblog #main {position:relative;}
	.bb-item {position: relative; display: block !important; min-height: 550px;}
	.bb-custom-wrapper .bb-bookblock {perspective: none;}
	.bb-nav {display: none;}
	.stg-bigblog .bb-title {left: 30px;bottom: 80px;}
	.stg-bigblog .bb-bookblock .likebox {bottom: 20px;right: auto;left: 30px;}
	.stg-bigblog .bb-title [data-role="title"] {font-size: 32px;}
}

/* No JS */
.no-js .bb-bookblock, 
.no-js ul.bb-custom-grid li { width: auto; height: auto; }
.no-js .bb-item { display: block; position: relative; }

/* Full preview portfolio page */
#page-slideshow .slide-image + .container,
.full-preview .container { position: relative; }
.full-preview .full-preview-img { margin:0 auto; width:100%; }
#page_slideshow .likebox,
.full-preview .likebox { position: absolute; top:50px; right:0;}
.likebox {list-style: none; margin:0 0 30px; padding:0; border: 1px solid #eee; border-radius: 3px; display: inline-block;}
.likebox li {float:left;}
.likebox li a { background:#fff; border-left: 1px solid #f0efef; width:40px; height:40px; line-height:42px; color:#C5C5C5; text-align: center; text-decoration: none; display:block; font-size: 16px }
.likebox.darker {border:0;}
.likebox.darker li a { background:#f4f3f3; border-left: 1px solid #E4E4E4; color: #A8A8A8;}
.likebox li a:hover { background: #fafafa;}
.likebox.darker li a:hover { background: #EBEBEB;}
.likebox.darker {border:0;}
.likebox li:first-child a { border-radius: 3px 0 0 3px; border-left: 0; }
.likebox li:last-child a { border-radius: 0 3px 3px 0; }
.likebox li .kl_like { font-size: 14px; font-weight: 700; width: 65px; }

body.stg-bigblog footer {top: 100%;}