/* 
    Created on : 27-Feb-2015, 11:27:42
    Author     : Takis
*/
/* slider */
.slider { padding: 0; position: relative; width: 100%; margin: 0 auto; overflow: hidden; }
.slider.grid-1 { height: 560px }
.slider.grid-3 { height: 406px }

.slider .content-slides { width: 100%; position: absolute; top: 0; left: 0; padding: 0; margin: 0 }
.slider .content-slides li { width: 100%; position: relative; float: left; list-style: none }
.slider .content-slides li img { width: 100%; display: block; box-shadow: 0 0 2px #999; border: medium none }
.slider.grid-1 .content-slides li { height: 560px }
.slider.grid-1 .content-slides li img { height: 560px }
.slider.grid-3 .content-slides li { height: 406px }
.slider.grid-3 .content-slides li img { height: 406px }

.slider .content-slides li .desc { position: absolute; font-size: 90%;  /*left: 0;*/ bottom: 5px; width: 100%;
overflow: hidden; padding: 0 0 5px }
.slider .content-slides li .desc * { color: #fff; /*width: 100%;*/ line-height: 1.1em }
.slider .content-slides li .desc .desc-box { max-width: 400px; margin: 0 auto; padding: 10px }
.slider.grid-1 .content-slides li .desc .desc-box { min-width: 260px; max-width: 480px }

.slider .content-slides li .desc .desc-box.details { background: #666; background: rgba(0, 0, 0, 0.4);
display: table; overflow: hidden }
.slider .content-slides li .desc .desc-box.details .desc-box-details-content { display: table-cell; vertical-align: middle }

.slider .content-slides li .desc p { margin-bottom: 0 }
.slider .content-slides li .desc .desc-box.button {
    padding: 0;
    margin-top: 10px;
    margin-bottom: 2px;
    text-align: center;
}
.slider .content-slides li .desc h2 { font-size: 24px; color: #fff; margin: 0 0 10px 0 }
.slider .content-slides li .desc p { font-size: 14px; color: #fff }
.slider .content-slides li .desc a.desc-button { background: #2E6AD8; display: inline-block; color: #111;
outline: 0; padding: 9px 0; font-size: 14px; font-family: 'Open Sans', sans-serif; text-decoration: none;
width: 124px; margin: 0; font-weight: normal; text-align: center;
box-shadow: 2px 2px 2px #333; -webkit-box-shadow: 2px 2px 2px #333; -moz-box-shadow: 2px 2px 2px #333 }
.slider-content-pagination { margin-top: 10px; }
.slider-content-pagination .pagination-wrap { margin: 0 auto }
.slider-content-pagination li { float: none; display: inline; font-size: 0.75em; padding: 0.40em }
.slider-content-pagination li a { box-shadow: 0px 1px 0px #616161; -webkit-box-shadow: 0px 1px 0px #616161;
-moz-box-shadow: 0px 1px 0px #616161; width: 12px; height: 12px; border-radius: 7px;
background-color: #f6f6f6; overflow: hidden; line-height: 10px; font-size: 1px; text-indent: -999em;
display: inline-block; *display: inline; *zoom: 1; outline: 0 }
.slider-content-pagination li.active-marker a { background-color: #2E6AD8; color: #fff; outline: 0 }

/* grid-type 3 additional rules */
.slider ul.grid-3 { width: 100%; margin: 0; padding: 0 }
.slider ul.grid-3 > li { margin: 0 5px }
.slider.grid-3 ul.content-slides { margin: 0 0 0 10px }

.slider ul.grid-3 > li:first-child { width: 32.6% }
.slider ul.grid-3 > li { width: 32.1% }

.slider-spinner {
  margin: 0 auto; 
  text-align: center;
}

#frontpageRotator1 .slider-spinner { margin-top: 230px }

/* media queries */
@media (max-width: 1980px) {
    .slider ul.grid-3 > li:first-child { width: 32.5% }
    .slider ul.grid-3 > li { width: 32.3% }
}

@media (max-width: 1680px) {
    /* grid-type 3 additional rules */
    .slider ul.grid-3 { width: 100%; margin: 0; padding: 0 }
    .slider ul.grid-3 > li { margin: 0 5px }
    .slider.grid-3 ul.content-slides { margin: 0 0 0 10px}

    .slider ul.grid-3 > li:first-child { width: 32.1% }
    .slider ul.grid-3 > li { width: 32.2% }
}

@media (max-width: 1280px) {
    /* grid-type 3 additional rules */
    .slider ul.grid-3 { width: 100%; margin: 0; padding: 0 }
    .slider ul.grid-3 > li { margin: 0 5px }
    .slider.grid-3 ul.content-slides { margin: 0 0 0 10px}

    .slider ul.grid-3 > li:first-child { width: 31.6% }
    .slider ul.grid-3 > li { width: 31.7% }
}

@media (max-width: 1020px) {
    .slider ul.grid-3 > li:first-child { width: 31.6% }
    .slider ul.grid-3 > li { width: 31.4% }
}

@media (max-width: 980px) {
    .slider ul.grid-3 > li:first-child { width: 31.6% }
    .slider ul.grid-3 > li { width: 31.5% }
}

@media (max-width: 768px) {
    .slider.grid-3 .content-slides li .desc .desc-box {
        max-width: 120px;
    }
    .slider.grid-3 .content-slides li .desc h2 {
        font-size: 13px;
    }
    .slider.grid-3 .content-slides li .desc p {
        font-size: 11px;
    }
    .slider.grid-3 .content-slides li .desc a.desc-button {
        width: 90px;
        font-size: 11px;
        padding: 9px 0;
    }

    /* grid-type 3 additional rules */
    .slider ul.grid-3 { width: 100%; margin: 0; padding: 0 }
    .slider ul.grid-3 > li { margin: 0 }
    .slider.grid-3 ul.content-slides { margin: 0 5px }

    .slider ul.grid-3 > li:first-child { width: 32.8% }
    .slider ul.grid-3 > li { width: 32.6% }
}

 @media (min-width: 769px) and (max-width: 1240px) {
    .slider.grid-3 .content-slides li .desc .desc-box {
        max-width: 240px;
    }
    .slider.grid-3 .content-slides li .desc h2 {
        font-size: 20px;
    }
    .slider.grid-3 .content-slides li .desc p {
        font-size: 12px;
    }
    .slider.grid-3 .content-slides li .desc a.desc-button {
        width: 108px;
        font-size: 13px;
        padding: 9px 0;
    }
}