body {
color:#dbd8ce;
}

#bg {
background-image:url('/cnt-sadness/bg/bg-content.jpg');
opacity:.6;
}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5,
.head-font, .btn {
	font-family: 'Roboto Condensed', sans-serif;
}

#header {
background:#666f66;
}
#header .nav a {
color:rgba(255,255,255,.65);
font-size:18px;
font-weight:700;
}
#header .nav > li:not(.menu-icons) a:hover {
color:#fff;
}
#header .nav > li.menu-icons a {
color:#fff;
background:#f05;
}
#header .nav > li.menu-icons a:hover {
background:#878787;
}
#header .menu-toggle {
color:rgba(255,255,255,.65);
}

#header .list-item-19 {
position: absolute;
right: 10px;
top: 50px;
margin: 0 !important;
}
#header .list-item-19 .menu-link {
padding-top: 17px;
width: 65px;
height: 65px;
line-height: 1;
font-size: 15px;
color: #fff;
background: #900;
border-radius: 50px;
}
#header .list-item-19 .menu-link:hover {
color:#fff !important;
background:#666f66;
}

#header .list-item-21 {
display:none !important;
}

a {
color:#fb2;
}
a:hover, a:focus {
color:#fff;
}

.lead b {
font-weight: 900;
}

#gotop {
	background: #e5dec5;
	color: #900;
}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5,
h1 small {
color:#e6d3bb;
}
h1, .h1 {
font-size: 52px;
letter-spacing: .05em;
font-weight: 700;
}

.text-special {
	color:#900;
	font-weight: 700;
}

.box-opener {
color:#fff;
background:#000;
}
.XXXbox-opener .background {
opacity:.9;
}
.box-opener .logo {
top:60px;
height: 100%;
background-size: auto 100%;
}
.box-opener .figure {
top:0;
height: 100%;
background-size: auto 100%;
width: 106%;
left: -3%;
}
.box-opener .skip {
color:#fff;
}
.box-opener .text-top {
padding: 0 10px;
font-size:25px;
color:#959d95;
text-shadow:0 0 10px #000;
line-height: .9;
}
.box-opener .text-top small {
font-size:60%;
}
.box-opener .text-btm {
font-size:32px;
}
.box-opener .text-btm a {
color:#fff;
}

.box-image .inner:before {
position: absolute;
content:'';
height: 100%;
width: 100%;
background:url('/cnt-sadness/bg/bg-blood.png') 50% 50% scroll;
opacity: .6;
}
.box-image.prev-synopsis .inner:before {
background-position: 150% -50%;
}

.box-image,
.box-gallery {
background-color:#222;
}
.box-image .inner {
background-color:rgba(0,0,0,.3);
background-blend-mode: overlay;
}
.box-image .citate {
font-size: 28px;
color: #e5dec5;
text-shadow: 0 0 30px #000;
font-weight: 300;
}
.box-image .citate small {
font-weight: 600;
font-size: 65%;
}

.fx-zoom-pic:hover .ico-fx {
background:#900;
}

.box-ratings .logos .pic-wrapper {
overflow:unset;
}
.box-ratings .logos img {
filter: drop-shadow(0 0 20px #000);
}
.box-ratings .logos .rating {
color:#fff;
}

.row-cast .elm img {	
transform:translateX(-50%);
top: 0;
}
.row-cast .col-info .title {
display:none;
}
.row-cast .col-info .sub-title {
color: #e6d3bb;
font-size: 40px;
}

#footer {
background:transparent url('') 50% 0% no-repeat;
background-size: 100% auto;
}
#footer .bar {
background:transparent; /*702768 8a307f*/
}
#footer .bar,
#footer .bar a {
color:#d7d0b9;
}
#footer .bar a:hover {
color:#fff;
}

.box-pairgame .btn-success.start {	
	padding:15px 20px;
	background: #d7d0b9;
	color: #700;
}
.XXXbox-pairgame .box-footer .text {
	color:#bbb;
}

/* ----- portrait-mode ----- */
@media (orientation: portrait){

.box-opener .figure {
background-size: auto 80%;
background-position: 35% 50%;
}
.box-opener .logo {
top:0;
max-width: none;
background-size:190% auto;
}

} /* portrait-mode  */

/* ----- phone ----- */
@media (max-width: 767px){

#header .list-item-19 {
top: 4px;
}
#header .list-item-19 .menu-link {
padding: 5px 7px;
width: auto;
height: auto;
font-size: 85%;
border-radius: 10px;
}

h1, .h1 {
font-size:42px;
}

.box-opener .text-top {
font-size:20px;
}
.box-opener .text-btm {
font-size:28px;
}
.XXXbox-opener .figure {
display: none;
}

} /* phone */