.cbp-qtrotator {
    position: relative;

	top: calc(100% - 240px);

	background: rgba(249, 249, 249, .9);
	font-family: 'Trocchi', serif;

	-webkit-box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 1);
	-moz-box-shadow:    0px 2px 8px 0px rgba(50, 50, 50, 1);
	box-shadow:         0px 2px 8px 0px rgba(50, 50, 50, 1);
}

.cbp-qtrotator .cbp-qtcontent {
    position: absolute;
    top: 0;
    z-index: 0;
	opacity: 0;
}

.no-js .cbp-qtrotator .cbp-qtcontent {
    border-bottom: none;
}

/* Currently visible */
.cbp-qtrotator .cbp-qtcontent.cbp-qtcurrent,
.no-js .cbp-qtrotator .cbp-qtcontent {
    position: relative; 
    z-index: 1;
    pointer-events: auto;
    opacity: 1;
}

.cbp-qtrotator .cbp-qtcontent:before,
.cbp-qtrotator .cbp-qtcontent:after {
	content: " ";
    display: table;
}

.cbp-qtrotator .cbp-qtcontent:after {
    clear: both;
}

.cbp-qtprogress {
    position: absolute;
    background: #ca0000;
    height: 2px;
    width: 0%;
    top: 0;
    z-index: 10;
}

.cbp-qtrotator blockquote {
    margin: 0;
	quotes: "\201C""\201D""\2018""\2019";
}

.cbp-qtrotator blockquote:before {
	color: #ccc;
	content: open-quote;
	font-size: 4em;
	line-height: 0.1em;
	margin-right: 0.25em;
	vertical-align: -0.4em;
}

.cbp-qtrotator blockquote p {
	display: inline;
    font-size: 1.2em;
    font-weight: 300;
	color: #555;
}

.cbp-qtrotator blockquote footer {
    font-size: .8em;
	color: #888;
	font-style: italic;
}

.cbp-qtrotator blockquote footer:before {
    content: "\2014 \0020";
}

/* Example for media query */
@media screen and (max-width: 30.6em) { 

    .cbp-qtrotator {
        font-size: 70%;
    }
}