/**
 * Content scroll block
 * Author: Sergey Dyagovchenko, http://d.sumy.ua/
 * Project: Fotokniga
 * Created: 05.02.2013
 * Updated: 02.07.2014
 */

.ce_scrollable {
	position: relative;
}

.ce_scrollable .scrollable {
	width: 100%;
	height: 461px;
}

/* Navigation */
.ce_scrollable .navi {
	top: 410px;
	left: 40px;
}

.ce_scrollable .navi a {
	width: 21px;
	height: 21px;
	background: url('../img/content-scroll-navi.png') no-repeat 100% 50%;
}

.ce_scrollable .navi a:hover,
.ce_scrollable .navi .active {
	background-position: 3px 50%;
}

/* Item content */
.ce_scrollable .item {
	position: relative;
	display: inline-block;
}

.ce_scrollable .item.fancybox::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('../img/icon-play.png') no-repeat 50% 50%;
}

.ce_scrollable .item.fancybox:hover::before {
	opacity: .9;
}

.ce_scrollable a.item,
.ce_scrollable a.item:visited,
.ce_scrollable a.item:hover {
	color: #fff;
}

.ce_scrollable .content {
	position: absolute;
	top: 0;
	left: 0;
	width: 600px;
}

.ce_scrollable .right {
	left: 590px;
	top: 90px;
}

.ce_scrollable .left {
	left: 42px;
	top: 90px;
}

.ce_scrollable .bottom {
	top: auto;
	bottom: 0;
}

.ce_scrollable .left.bottom {
	bottom: 40px;
}

.ce_scrollable h1,
.ce_scrollable h2,
.ce_scrollable h3 {
	margin: 0;
	font: bold 20px/1 'MyriadPro';
	text-transform: uppercase;
	text-shadow: 1px 2px 2px #000;
}

.ce_scrollable p {
	text-shadow: 1px 2px 0 #000;
}

.ce_scrollable h1 {
	margin-bottom: .2em;
	font-size: 60px;
}
.ce_scrollable h2 { font-size: 49px; }
.ce_scrollable h3 { font-size: 40px; }

.ce_scrollable p {
	margin-top: 10px;
	font: 20px/1.5 'MyriadPro';
}

.ce_scrollable p:last-of-type {
	margin-bottom: 20px;
}