@charset "UTF-8";
/* CSS Document */
/*select {
    padding:8px;
    margin: 0;
    border-radius:0px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    color:#888;
    border:none;
    outline:none;
    display: block;
    width:100%;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    background: url('/images/structure/various_shapes/down_array_32px.png') 94% 10px no-repeat ;
    background-size:16px;
    background-color: #f8f8f8;
    background-origin:padding-box;
    height:36px;
}
input[type="text"] {
    padding:8px;
    margin: 0;
    border-radius:0px;

    color:#888;  
}*/

#mainSlider {  
    margin-bottom: 32px;
}
#mainSlider h2 {
    color:white;
    font-size:1.2em;
    margin: 0;
    padding: 0.6em 1em 0.4em 1em;
}
#mainSlider h2 strong {
    display: block;
    font-size: 1.2em;
    font-weight: 700;
    /*text-shadow: -2px 0 rgb(184,168,117), 0 2px rgb(184,168,117), 2px 0 rgb(184,168,117), 0 -2px rgb(184,168,117);*/
}
#mainSlider h3{
    margin:-24px -24px 24px -24px ;
    font-size: 1.6em;
    padding: 0.6em;
    color: rgb(184, 168, 117);
    background-color: rgba(255, 255, 255, 0.9);
    text-shadow: none;
}
#mainSlider .text {
    padding: 24px;
    font-size: 1.2em;
    
}
#mainSlider .main-link {
    position: absolute;
    bottom: 10px;
    left: 0;
    right:10px;
}
#mainSlider .main-link a{
    float: right;
}
.packaging {
    float: left;
    width: 33%;
}
.carousel-caption {
    background-color: rgba(0,0,0,0.4);
    padding: 0;
    top:50%;
    bottom: auto;
}

@media screen and (max-width: 767px) {
    #inpage_nav {
        display:none;
    }
    
}
@media screen and (min-width: 768px) {
   #mainSlider h2 {
        font-size:2.2em;
    }
    #mainSlider h2 strong { display: inline;}
    #header {background-color: rgba(255,255,255,0.9); border-radius: 0;}
    #mainSlider {
        position: relative;
        top: -100px;
    }
    img.superbg {
        min-width: 100%;
}
}
@media screen and (min-width:1024px) {
    
}