/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
}

.jcarousel ul {
    width: 10000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    float: left;
}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 30%;
}

.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
    display: block;
}

.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
    cursor: default;
}

/** Carousel Pagination **/

.jcarousel-pagination {
    margin-bottom: 5%;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;
    
    font-size: 8px;
    line-height: 8px;
    min-width: 8px;
    
    background: #fff;
    color: #fff;
    border-radius: 8px;
    border: 1px solid #FAC26A;
    padding: 0px;
    text-align: center;
    margin-right: 2px;
}

.jcarousel-pagination a.active {
    background: #FAC26A;
    color: #FAC26A;
}



@media only screen and (min-width: 641px) 
{ 
    .jcarousel-wrapper {
        position: relative;
        width: 90%;
        margin: auto;
    }
    .jcarousel .cartext
    {
         padding: 3% 10% 0% 10%;
         font-size: 1.23em;
         line-height: 1.43em;
    }
    .jcarousel .carjmeno
    {
         padding: 0%;
         margin: 0;
         font-size: 1em;
         color: #FAC26A; 
         font-weight: 400;
    }
    .jcarousel-control-prev {
        left: -35px;
    }
    
    .jcarousel-control-next {
        right: -35px;
    }    
}   
 @media only screen and (max-width: 640px) 
{ 
    .jcarousel-wrapper {
        position: relative;
        width: 85%;
        margin: auto;
    }
    .jcarousel .cartext
    {
         padding: 3% 10% 0% 10%;
         font-size: 0.8em;
         line-height: 1.2em;
    }
    .jcarousel .carjmeno
    {
         padding: 0%;
         margin: 0;
         font-size: 0.9em;
         color: #FAC26A; 
         font-weight: 400;
    }
    .jcarousel-control-prev {
        left: -26px;
    }
    
    .jcarousel-control-next {
        right: -26px;
    }    
}