/*
colors:

redbar: #e32219


font-weights:

100    Extra Light or Ultra Light
200    Light or Thin
300    Book or Demi
400    Normal or Regular
500    Medium
600    Semibold, Demibold
700    Bold
800    Black, Extra Bold or Heavy
900    Extra Black, Fat, Poster or Ultra Black


 */

/* roboto-condensed-regular - latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/roboto-condensed-v16-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
    url('../fonts/roboto-condensed-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/roboto-condensed-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/roboto-condensed-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/roboto-condensed-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/roboto-condensed-v16-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}


body {
    padding-top: 50px;
    line-height: 1.4;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    font-weight: 200;
    color: #6e6e6e;
}

.printLogo {
    display: none;
}

/*--- nav scrolling offset --*/
.frame:before {
    height: 50px;
    margin-top: -50px;
    content: "";
    display: block;
}

.red {
    color: #fc1b1c;
}

.jumbotron a,
.plain a,
.content a,
#tx_cookies_link a {
    color: #6e6e6e;
    text-decoration: underline;
}

.jumbotron {
    margin-bottom: 0;
    padding: 0;
    background-color: #e6e6e6;
}

.jumbotron h1 {
    font-size: 24px;
    color: #fc1b1c;
    font-weight: 200;
}

.jumbotron h2 {
    font-size: 20px;
    color: #000;
    font-weight: 200;
    margin-top: 10px;
}

.jumbotron p {
    font-size: 16px;
}

.jumbotron p.lead {
    font-size: 21px;
    font-weight: bold;
}

.jumbotron p.red i {
    color: #9e9e9e;
}

.jumbotron h1 i {
    font-size: 24px;
    color: #9e9e9e;
}

.cardcontainer .mainimage .ce-intext.ce-right .ce-gallery,
.cardcontainer .mainimage .ce-intext.ce-left .ce-gallery,
.cardcontainer .mainimage .ce-above .ce-gallery {
    margin-bottom: 0;
}

.cardcontainer .redbar {
    background: #fc1b1c;
    color: #fff;
}

.jumbotron .cardcontainer .redbar {
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
    text-align: center;
    padding: 13px 0 1px;
}

.jumbotron .cardcontainer .redbar a {
    text-decoration: none;
    color: #fff;
}

.cardcontainer .graybar {
    background: #6c6c6c;
    color: #fff;
    border-top: 2px solid #6c6c6c;
}

.jumbotron .cardcontainer .graybar .frame {
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
    text-align: center;
    padding: 13px 0 1px;
}

.jumbotron .cardcontainer .graybar a {
    text-decoration: none;
    color: #fff;
}

.cardcontainer .row {
    margin-left: 0;
    margin-right: 0;
}

.cardcontainer .frame:before {
    height: 0;
    margin-top:0;
}

.card {
    background: #bebebe;
    color: #000;
    border-bottom: 1px solid #e6e6e6;
}

.card:nth-child(odd) {
    border-right: 1px solid #e6e6e6;
}

@media (min-width: 768px) {
    .card:nth-child(odd) {
        border-right: none;
    }
    .card:nth-child(1),
    .card:nth-child(2),
    .card:nth-child(4),
    .card:nth-child(5){
        border-right: 1px solid #e6e6e6;
    }
}

@media (min-width: 992px) {
    .card:nth-child(3){
        border-right: 1px solid #e6e6e6;
    }
}

.jumbotron .row.hero50,
.jumbotron .row.hero33 {
    margin-left: 0;
    margin-right: 0;
}

.jumbotron .hero50 .col-sm-6,
.jumbotron .hero33 .col-sm-4 {
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 768px) {
    .jumbotron .hero50 .col-sm-6:first-child,
    .jumbotron .hero33 .col-sm-4:first-child,
    .jumbotron .hero33 .col-sm-4:nth-child(2),
    .jumbotron .hero33 .col-sm-4:last-child {
        padding-right: 1px;
    }
    .jumbotron .hero50 .col-sm-6:last-child
    .jumbotron .hero33 .col-sm-4:last-child {
        padding-left: 1px;
    }
}

.content h1 {
    color: #fc1b1c;
}

.content h2 {
    font-size: 20px;
}

.content h3 {
    font-size: 18px;
}

.contenttable th,
.contenttable td {
    padding: 5px;
}

.ce-textpic.ce-nowrap .ce-gallery{
    width: 100%;
}

.ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-row, .ce-uploads li, .ce-uploads div {
    overflow: visible;
}

.accordion-heading {
    padding-top: 10px;
    padding-bottom: 10px;
}

.accordion-heading h2 {
    padding-left: 30px;
    text-indent: -13px;
    font-size: 20px;
    text-transform: uppercase;
}

.accordion-heading h2 a {
    color: #6e6e6e;
    text-decoration: none;
}


/* respnsive iframe */
iframe{
    max-width: 100% !important;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%; /* ratio 16x9 */
    height: 0;
    overflow: hidden;
    width: 100%;
    height: auto;
}
.embed-container iframe {

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* ratio 4x3 */
.embed-container.ratio4x3 {
    padding-bottom: 75%;
}

video {
    width: 100% !important;
    height: auto !important;
}

.ce-border img, .ce-border iframe, .ce-border video {
    border: 1px solid #9e9e9e;
}

.btn-primary {
    background-color: #e6e6e6;
    border-color: #e6e6e6;
    color: #6e6e6e;
}
.btn-primary:hover,
.btn-primary:focus {
    background-color: #6e6e6e;
    border-color: #6e6e6e;
    color: #fff;
}

.btn-fullwidth {
    width: 100%;
    padding: 12px;
}
.btn-outline-red {
    border: 2px solid #fc1b1c;
    background: white;
    color: #fc1b1c;
}


/* cost-sheet */

.cost-sheet fieldset {
    margin-bottom: 30px;
}

.cost-sheet fieldset.form-compare {
    margin-top: 60px;
    padding-top: 10px;
    border-top: 1px solid #fc1b1c;
}

.cost-sheet .col-xs-2 {
    padding-left: 0;
    padding-right: 0;
}

.calc-icon {
    padding-right: 10px;
}

.calc-icon img {
    vertical-align: text-bottom;
}

.form-compare p {
    font-size: 18px;
}



/* navigation */

.nav > li > a {
    padding: 10px;
}

.navbar-default .navbar-nav > li > a {
    color: #6e6e6e;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #6e6e6e;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #6e6e6e;
    background: transparent;
    font-weight: 200;
}

.navbar-default .navbar-toggle {
    color: #6e6e6e;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
    color: #6e6e6e;
}

.navbar-default {
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
}

.navbar-brand {
    padding-top: 10px;
}

.navbar-brand img {
    height: 30px;
}



@media (min-width: 768px) {
    .pull-right-sm {
        float:right;
    }
    body {
        padding-top: 92px;
    }
    /*--- nav scrolling offset --*/
    .frame:before {
        height: 92px;
        margin-top: -92px;
    }
    .navbar .h1 {
        font-size: 30px;
        margin-bottom: 5px;
        font-weight: 200;
    }
    .navbar-fixed-top .container {
        padding-right: 0;
        padding-left: 0;
    }
    .navbar-default {
        min-height: 92px;
    }
    .navbar-brand {
        padding-left: 30px;
    }
    .navbar-brand img {
        height: 40px;
    }
    .navbar.navbar-default .navbar-nav>li>a {

    }
    .navbar-default .navbar-nav > li {
        border-right: 1px solid #6e6e6e;
}
    .navbar-default .navbar-nav > li.last {
        border-right: none;
    }
    .navbar-nav > li.first > a {
        padding-left: 0;
    }
    .navbar-nav > li > a {
        padding-top: 0;
        padding-bottom: 0;
    }

    .jumbotron .container,
    .plain .container,
    .container.content {
        padding-right: 0;
        padding-left: 0;
    }

    .jumbotron h1 {
        font-size: 36px;
    }

    .jumbotron h2 {
        font-size: 30px;
    }

    .content h2 {
        font-size: 24px;
    }

    .content h3 {
        font-size: 22px;
    }

    .accordion-heading h2 {
        font-size: 24px;
    }
    .ce-textpic.ce-nowrap .ce-gallery{
        width: 48%;
    }

    .ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div {
        overflow: hidden;
    }
}

footer {
    min-height: 50px;
    background: #e6e6e6;
    font-size: 14px;
}

footer ul,
footer p {
    padding-top: 15px;
}

footer a,
footer a:hover,
footer a:focus {
    color: #707070;
    text-decoration: none;
}