div .prod_img {
    height: 350px;
    background-size: 'contain';
    background-repeat: no-repeat;
    background-position: center center;
}

div .prod {
    height: 470px;
    color: #C13100;
    text-align: center;
    font-size: 22pt;
}

div .prod .prod_img {
    margin: auto;
    padding: 20px;
}

h2, h3 {
    font-family: 'Oswald', sans-serif
}

.section-heading {
    font-size: 42pt;
    color: #FFFBD0;
    padding-top: 40pt;
}

.section-subheading {
    font-size: 22pt;
    color: #CC6600;
    padding-top: 30pt;
    padding-bottom: 10pt;
}

@media(max-width: 786px) {
    .section-heading{
        font-size: 26pt;
    }

    .section-subheading {
        font-size: 10pt;
    }

    div .prod {
        font-size: 18pt;
    }
}

.wht_color{
    font-family: 'Oswald', sans-serif;
    color: #FFFFFF;
    padding-top: 20pt;
}

body {
    background-color: #000000;
    font-family: 'Oswald', sans-serif;

}

a,
a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
}

a {
    color: #C13100;
}

a:hover,
a:focus,
a:active,
a.active {
    color: #C13100;
}

.navbar-default {
    border-color: transparent;
    background-color: #000000;
}

.navbar-default .navbar-brand {
    font-family: "Oswald", sans-serif;
    /*width: 50px;*/
    /*color: #CC6600;*/
    /*background: #222222;*/
    /*opacity: 0.7;*/
    /*border-radius: 4px 4px 4px 4px;*/
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
    color: #CC6600;
}

.navbar-brand-img{
    width: 12vw;
    min-width: 130px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.navbar-default .navbar-collapse {
    border-color: #000000;
}

.navbar-default .navbar-toggle {
    border-color: #CC6600;
    background-color: #CC6600;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFFFFF;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #CC6600;
}

.control-label {
    color: #CC6600;
}

.navbar-default .nav li a {
    text-transform: uppercase;
    font-family: "Oswald",sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    color: #FFFFFF;
}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    outline: 0;
    color: #CC6600;
}

.navbar-default .navbar-nav>.active>a {
    border-radius: 0;
    color: #FFFFFF;
    background-color: #CC6600;
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #FFFFFF;
    background-color: #CC6600;
}

@media(min-width:768px) {
    .navbar-default {
        padding: 25px 0;
        border: 0;
        background-color: transparent;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }

    .navbar-default .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-default .navbar-nav>.active>a {
        border-radius: 3px;
    }

    .navbar-default.navbar-shrink {
        padding: 10px 0;
        background-color: #222;
    }

    .navbar-default.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }

    .navbar-brand-img.navbar-shrink {
        width: 3vw;
    }
}


.cb-slideshow,
.cb-slideshow:after { 
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 
    list-style-type: none;
}
.cb-slideshow:after{ 
    content: '';
    background: transparent url(../images/slideshow/pattern.png) repeat top left; 
    /*background-image: url(../img/logos/organico_white.png);*/
    /*background-image: url(../img/logo/organico_white.png);*/
    /*background-position: center center;*/
    /*background-repeat: no-repeat;*/
    /*-webkit-background-size: 30vw;*/
    /*-moz-background-size: 30vwvw;*/
    /*background-size: 30vw;*/
    /*-o-background-size: 30vw;*/
    /*z-index: 0;*/
}
.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: left center;
    background-repeat: none;
    opacity: 0;

    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 30s linear infinite 0s;
    -moz-animation: imageAnimation 30s linear infinite 0s;
    -o-animation: imageAnimation 30s linear infinite 0s;
    -ms-animation: imageAnimation 30s linear infinite 0s;
    animation: imageAnimation 30s linear infinite 0s; 
}

.cb-slideshow li:nth-child(1) span { 
    background-image: url(../images/slideshow/s1_iqm.jpg);
    z-index: -1;
}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(../images/slideshow/s2_iqm_ref.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(../images/slideshow/s3_iqm_setup.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) span { 
    background-image: url(../images/slideshow/s4_reference.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) span { 
    background-image: url(../images/slideshow/s5_reference.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}


/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
    opacity: 1;
}

@media screen and (max-width: 1140px) { 
    .cb-slideshow li div h3 { font-size: 140px }
}
@media screen and (max-width: 600px) { 
    .cb-slideshow li div h3 { font-size: 80px }
}

header {
    height: 100vh;
    text-align: center;
    color: #FFFFFF;
    background-attachment: scroll;
    background-image: url(../images/background/wht_ref.jpg);
    background-position: left center;
    background-repeat: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

header .intro-text {
    padding-top: 100px;
    padding-bottom: 50px;
}

header .intro-text .intro-lead-in {
    margin-bottom: 25px;
    font-family: "Oswald",sans-serif;
    font-size: 22px;
    font-style: italic;
    line-height: 22px;
}

header .intro-text .intro-heading {
    margin-bottom: 25px;
    text-transform: uppercase;
    font-family: "Oswald",sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 50px;
}

@media(min-width:768px) {
    header .intro-text {
        padding-top: 300px;
        padding-bottom: 200px;
    }

    header .intro-text .intro-lead-in {
        margin-bottom: 25px;
        font-family: "Oswald",sans-serif;
        font-size: 40px;
        font-style: italic;
        line-height: 40px;
    }

    header .intro-text .intro-heading {
        margin-bottom: 50px;
        text-transform: uppercase;
        font-family: "Oswald",sans-serif;
        font-size: 75px;
        font-weight: 700;
        line-height: 75px;
    }
}

.wht-modal-body,
.wht-modal-header,
.wht-modal-title,
.wht-modal-p,
.wht-modal-tech-header,
.wht-btn,
.wht-row
{
    font-family: "Oswald", sans-serif;
    color: #FFFFFF;
}

.wht-row {
    padding-top: 5px;
    padding-bottom: 15px;
}

.wht-btn {
    background-color: #C13100;
}

.wht-modal-body {
    padding: 30px;
    background-color: #222222;
    color: #DDDDDD;
}

.wht-modal-p {
    padding-left: 15px;
    padding-right: 15px;
}

.wht-modal-tech-header {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 12px;
}

.wht-modal-tech-list {
    list-style-type: none;
}

.wht-modal-tech-list-span {
    color: #DDDDDD;
    font-weight: normal;
}

.wht-modal-tech-header,
.wht-modal-tech-list {
    font-weight: bold;
    color: #CC6600;
}

.wht-modal-header,
.wht-modal-footer {
    background-color: #333333;
    padding: 10px;
    text-align: center;
}

.wht-modal-title {
    font-size: 26pt;
}

.wht-gallery-row {
    background-color: #222222;
}

.wht-slideshow-row {
    background-color: transparent #222222;
    width: 30vw;
    height: 30vh;
    margin: 0 auto;
}

.wht-factoryTour-row {
    background-color: transparent #222222;
    width: 55vw;
    /*height: 30vh;*/
    margin: 0 auto;
}

.wht-slideshow-outer{
    position: relative;
    top: 25vh;
    -webkit-transform: translateY(-15vh);
    -ms-transform: translateY(-15vh);
    transform: translateY(-15vh);
    padding: 20px;
    background: rgba(255,255,255,0.5);
    width: 35vw;
    height: 26vw;
    margin: 0 auto;
}

@media(max-width: 768px) {
    .wht-slideshow-outer {
        display: none;
    }

    .wht-slideshow-row {
        display: none;
    }
}

.wht-ctc-bold,
p.wht-review-sign {
    color: #CC6600;
    font-weight: bold;
}

p.wht-text-review{
    color: #FFFBD0;
    font-weight: normal;
}

section.wht-text-review{
    color: #DDDDDD;
    font-weight: normal;
}