body {
color:#333;
background:#f0eadb;
}

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

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5,
.head-font, .btn, .box-image .citate {
	font-family: 'Roboto Condensed';
}
h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
color:#222;
}
h1, .h1 {
color: #c5093d;
font-size: 60px;
font-weight:700;
letter-spacing: -0.03em;
line-height: 1;
}
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small {
color:inherit;
font-size: 30px;
letter-spacing:-0.02em;
}

.text-muted {
    color: rgba(0,0,0,.5);
}

#header .menu-toggle {
color: #f0eadb;
}
#header {
background:#c5093d; /*c35*/
}
#header .nav a {
color:#f0eadb;
line-height: 28px;
font-weight: 700;
font-size: 18px;
}
#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 .list-item-20 {
    position: absolute;
    right: 10px;
    top: 50px;
    margin: 0 !important;
}
#header .list-item-20 .menu-link {
    padding-top: 17px;
    width: 65px;
    height: 65px;
    line-height: 1;
    font-size: 15px;
    color: #f0eadb;
    background: #c5093d;
    border-radius: 50px;
}
#header .list-item-20 .menu-link:hover {
    color:#000 !important;
    background:#fc0;
} */

a {
color:#c5093d;
}
a:hover, a:focus {
color:#000;
}

.row-cast .elm:hover {
color:#b00;
}

#gotop {
background: #f0eadb;
color: #666;
line-height: 1;
}

.box-opener {
color:#fff;
background:#000;
font-weight:600;
}
.box-opener .background {
opacity:1;
background-position: 50% 0;
margin-top: 30px;
}
.box-opener .skip {
color:#fff;
}
.box-opener .text-top {
padding: 0 15px;
font-size:15px;
color:#444;
}
.box-opener .text-btm a {
font-size:34px;
color: #f0eadb;
}
.box-opener .text-btm a span {
color: #c5093d;
}

.box-image,
.box-gallery {
background-color:#222;
}
.box-image .inner {
background-color:rgba(0,0,0,.1);
background-blend-mode: overlay;
}
.box-image .citate {
font-size:36px;
color: #f0eadb;
text-shadow: 0 0 15px rgba(0,0,0,.7);
}
.box-image .citate a:hover {
color:#fff;
}

.fx-zoom-pic:hover .ico-fx {
background:#c5093d;
color:#f0eadb;
}

.question {
    color:#ffc453;
}

#footer {
background:transparent;
}
#footer .bar {
background:#222;
}
#footer .bar,
#footer .bar a {
color:rgba(255,255,255,.7);
}
#footer .bar a:hover {
color:#fcf151;
}

.box-products-10 .row-products .col-img-79 {
    width:66.66666667%;
}

.box-question .row-question .title,
.box-question .row-question .answer:hover {
	color: #c5093d;
}

.row-cast .col-img .pic {
    padding-bottom: 150%;
}

/* ----- not-phone ----- */
@media (min-width: 768px){

.box-opener .figure {
top: calc(20%);
background-size: 1600px;
background-position: 50% 24%;
}

} /* not-phone */


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

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

.box-opener .figure {
top: auto;
}
.box-opener .logo {
top: 0;
background-size: auto 65%;
}
.box-opener .text-top {
font-size:16px;
}
.box-opener .text-btm a {
font-size:26px;
}

.box-image .citate {
font-size: 24px !important;
}

.box-products-10 .row-products .col-img {
    width:50%;
}
.box-products-10 .row-products .col-img-79 {
    width:100%;
}

} /* phone */