/***/
body {
    background: #e5e5e5;
    color: #777;
    font-family: "Helvetica Neue", Helvetica, Arial;
    margin-bottom: 15px;
    margin-top: 15px;
}
h2,h3,h4,h5,h6 {
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial;
}
h1 {
    margin: 15px 0;
    font-size: 1.8rem;
    text-align: center;
}
h3.headline {
    font-size: 1.3rem;
    margin-top: 10px;
    padding-left: 10px;
}
.header {
    background: #fff;
}
ul.nav {
    margin-top: 15px;
    background: #fff;
    padding: 5px;
    border-radius: 0.25rem;
}
/** SPECS **/
.card .specifications {
    padding: 5px;
}
.card .specifications .table {
    font-size: 0.8rem;
    line-height: 1;
}
.card .specifications .table  td.section {
    background: #e2f6ff;
    color: #282828;
    font-weight: 600;
    text-transform: capitalize;
}
.card .specifications .table td {
    font-weight: 600;
}
.card .specifications .table  td.label {
    text-transform: capitalize;
    font-weight: 400;
}

.short-description li {
    padding: 2px 0;
    list-style-image: url('../../our_images/green_pepper.png');
}
.short-description li span {
    display: block;
    font-style: italic;
    font-size: .85rem;
    padding: 5px 8px 2px;
}
.icons {
    text-align: center;
    padding-top: 15px;
}
.icons div {
    background: #fff;
}
.icons .fa {
    font-size: 3rem;
    color: #d9534f;
}
.icons span {
    display: block;
    font-weight: 500;
}

/** GALLERY SLIDER **/

#slider {
    width:100%;
    height:auto;
    margin:0 auto;
    position:relative;
    overflow:hidden;
}
.slide {
    width: 100%;
    text-align: center;
}
.slide figure {
    width:100%;
    float:left;
    padding:0;
    margin-right:-100% !important;
}
.slide figure img {
    /*width: 100%;*/
    margin-bottom: 60px;
    /*max-width: 800px;*/
}
/*@media (min-width: 992px) {*/
    /*.slide figure img {*/
     /*margin-bottom: 60px;*/
    /*}*/
/*}*/

.slide input[type="radio"]{
    display:none;
}
.controls {
    margin: -75px 0 0 0;
    position: relative;
    text-align: center;
}
label{
    display:inline-block;
    width:15%;
    cursor:pointer;
    z-index:30;
    border: 1px solid #e1e1e1;
    padding: 5px;
}
/*.label:hover,.slide input[type="radio"]:checked~label{*/
    /*background:rgba(131,206,130,.7);*/
    /*transition:.2s background;*/
/*}*/

.slide input[type="radio"]:not(:checked) ~ figure{
    opacity:0;
    transition:opacity .6s;
    pointer-events:none;
}
.slide input[type="radio"]:checked  ~figure>figcaption{
    background:rgba(34,49,63,.6);
    bottom:.3em;
    width:calc(100% - .6em);
    tranisition:.5s all;
}

.slide input[type="radio"]:checked  ~ figure{
    -webkit-animation: animateSlide .4s alternate;
    -moz-animation: animateSlide .4s alternate;
    animation: animateSlide .4s alternate;
}
@-webkit-keyframes animateSlide{
    0%{
        transform:translateX(100%);
    }
    100%{

        transform:translateX(0%);
    }
}
@-moz-keyframes animateSlide{
    0%{
        transform:translateX(100%);
    }
    100%{

        transform:translateX(0%);
    }
}
@keyframes animateSlide{
    0%{
        transform:translateX(100%);

    }
    100%{

        transform:translateX(0%);
    }
}