/* =Skitter styles
----------------------------------------------- */

div.carousel.skitter .container_skitter {overflow:hidden;position:relative;}
div.carousel.skitter .image {overflow:hidden;}
div.carousel.skitter .image img {display:none;}

div.carousel.skitter .box_clone {position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20;}
div.carousel.skitter .box_clone img {position:absolute;top:0;left:0;z-index:20;}

div.carousel.skitter .prev_button {position:absolute;top:50%;left:35px;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(https://dc1e6e9f7ad8f655aec1-eb18b688436860dbc50355abf0af66b9.ssl.cf2.rackcdn.com/skitter/images/prev.png) no-repeat left top;}
div.carousel.skitter .next_button {position:absolute;top:50%;right:35px;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(https://dc1e6e9f7ad8f655aec1-eb18b688436860dbc50355abf0af66b9.ssl.cf2.rackcdn.com/skitter/images/next.png) no-repeat left top;}

div.carousel.skitter .info_slide {position:absolute;top:15px;left:15px;z-index:100;background:#000;color:#fff;font:bold 11px arial;padding:5px 0 5px 5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;opacity:0.75;}
div.carousel.skitter .info_slide .image_number {background:#333;float:left;padding:2px 10px;margin:0 5px 0 0;cursor:pointer;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
div.carousel.skitter .info_slide .image_number_select {background:#cc0000;float:left;padding:2px 10px;margin:0 5px 0 0;}

div.carousel.skitter .container_thumbs {position:relative;overflow:hidden;height:50px;}
div.carousel.skitter .info_slide_thumb {-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;overflow:hidden;height:45px;top:auto;bottom:-5px;left:-5px;padding:5px;opacity:1.0;}
div.carousel.skitter .info_slide_thumb .image_number {overflow:hidden;width:70px;height:40px;position:relative;}
div.carousel.skitter .info_slide_thumb .image_number img {position:absolute;top:-50px;left:-50px}

div.carousel.skitter .box_scroll_thumbs {padding:0 10px;}
div.carousel.skitter .box_scroll_thumbs .scroll_thumbs {position:absolute;bottom:60px;left:50px;background:#ccc;background:-moz-linear-gradient(-90deg, #555, #fff);background:-webkit-gradient(linear, left top, left bottom, from(#555), to(#fff));width:200px;height:10px;overflow:hidden;text-indent:-9999em;z-index:101;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;cursor:pointer;border:1px solid #333;}

div.carousel.skitter .info_slide_dots {position:absolute;bottom:-40px;z-index:151;padding:5px 0 5px 5px;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;}
div.carousel.skitter .info_slide_dots .image_number {background:#333;float:left;margin:0 5px 0 0;cursor:pointer;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;width:18px;height:18px;text-indent:-9999em;overflow:hidden;}
div.carousel.skitter .info_slide_dots .image_number_select {background:#cc0000;float:left;margin:0 5px 0 0;}

div.carousel.skitter .label_skitter {z-index:150;position:absolute;bottom:0px;left:0px;display:none;}

div.carousel.skitter .loading {position:absolute; top:50%; right:50%; z-index:10000; margin:-16px -16px;color:#fff;text-indent:-9999em;overflow:hidden;background:url(https://dc1e6e9f7ad8f655aec1-eb18b688436860dbc50355abf0af66b9.ssl.cf2.rackcdn.com/skitter/images/ajax-loader.gif) no-repeat left top;width:32px;height:32px;}

.label_skitter {z-index:150;position:absolute;bottom:0px;left:0px;color:#fff;display:none;opacity:0.8;background:#000;}
.label_skitter p {padding:10px;margin:0;font:normal 22px arial,tahoma;letter-spacing:-1px;}
.info_slide * {font-family:Consolas,arial,tahoma !important;}

div.carousel.skitter .progressbar { background:#000; position:absolute; top:5px;left:15px;height:5px; width: 200px; z-index:99; border-radius:20px; }

/* =Preview slide
----------------------------------------------- */
#preview_slide { display:none; position:absolute; z-index:152; bottom:30px; left:-40px; width:100px; height:100px; background:#fff; border:1px solid #222; -moz-box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; -webkit-box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; overflow:hidden; }
#preview_slide ul { height:100px; overflow:hidden; margin:0; list-style:none; display:block; position:absolute; top:0; left:0; }
#preview_slide ul li { width:100px; height:100px; overflow:hidden; float:left; margin:0; padding:0; position:relative; display:block; }
#preview_slide ul li img { position:absolute; top:0; left:0; height:150px; width:auto; }

/* =Focus
----------------------------------------------- */
#overlay_skitter { position:absolute; top:0; left:0; width:100%; z-index:9998; opacity:1; background:#000; }

div.carousel.skitter .focus_button {position:absolute;top:50%;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(https://dc1e6e9f7ad8f655aec1-eb18b688436860dbc50355abf0af66b9.ssl.cf2.rackcdn.com/skitter/images/focus-button.png) no-repeat left top;opacity:0;}
div.carousel.skitter .play_pause_button {position:absolute;top:50%;z-index:151;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(https://dc1e6e9f7ad8f655aec1-eb18b688436860dbc50355abf0af66b9.ssl.cf2.rackcdn.com/skitter/images/pause-button.png) no-repeat left top;opacity:0;}
div.carousel.skitter .play_pause_button.play_button {background:url(https://dc1e6e9f7ad8f655aec1-eb18b688436860dbc50355abf0af66b9.ssl.cf2.rackcdn.com/skitter/images/play-button.png) no-repeat left top;}

/* =Example for dimenions:
----------------------------------------------- */
div.homepage.carousel.skitter {position:relative;width:688px;height:327px;background:none;}
div.homepage.carousel.skitter ul {display: block;width: 688px;height:327px;overflow: hidden;}

div.content.carousel.skitter {position:relative;width:736px;height:408px;background:#000;}
div.content.carousel.skitter ul {display: block;width: 736px;height:408px;overflow: hidden;}

div.padded div.content.carousel.skitter {position:relative;width:706px;height:398px;background:#000;}
div.padded div.content.carousel.skitter ul {display: block;width: 706px;height:398px;overflow: hidden;}

div.homepage-large.carousel.skitter {
  position: relative;
  width: 100%;
  height: 330px;
  background: #fff;
  overflow: hidden
}

div.homepage-large.carousel.skitter ul {
  display: block;
  width: 100%;
  height: 400px;
  overflow: hidden;
}

.homepage-carousel-large {
  width: 100%;
}
.homepage-carousel-large.clear{
  margin-bottom:15px;
}
/*Hack for Responsive design*/

.container_skitter {
  width: 100%!important;
  height: 100%!important;
}

.image_main {
  width: 100%!important;
  height: 100%!important;
}

.box_skitter_large {
  max-width: 960px !important;
  max-height: 320px !important;
}

.box_clone {
  width: 100%!important;
  height: 100%!important;
}

.cube {
  width: 100% !important;
}


div.homepage-large.carousel.skitter ul li img {
  margin-bottom:30px;
}

@media ( max-width: 992px) {
  div.homepage-large.carousel.skitter{
    height: 250px;
    max-height: 100%;
  }
  div.homepage.carousel.skitter{
    height: 342px;
    width: 100%;
  }
}

@media ( max-width: 760px) {
  div.homepage-large.carousel.skitter{
    height: auto;
    max-height: 100%;
  }
   div.homepage.carousel.skitter{
    height: auto;
    width: 100%;
  }
  div.content.carousel.skitter {
    width:100%;
    height:100%;
  }
}

@media ( max-width: 760px) {
  div.homepage-large.carousel.skitter{
    height: auto;
    max-height: 100%;
  }
}

@media ( max-width: 768px) {
  div.carousel.skitter .prev_button,
  div.carousel.skitter .next_button {
    /*background-size: 75% 75%;*/
    display:none!important;
  }
}

@media ( max-width: 736px) {
  div.homepage-large.carousel.skitter {
    min-height: 235px;
    max-height: 100%;
    height: auto;
  }
}

@media ( max-width: 667px) {
  div.homepage-large.carousel.skitter {
    min-height: 212px;
    max-height: 100%;
    height: auto;
  }
}

@media ( max-width: 568px) {
  div.homepage-large.carousel.skitter {
    min-height: 189px;
    max-height: 100%;
    height: auto;
  }
  div.homepage.carousel.skitter {
    min-height: 189px;
    max-height: 100%;
    height: auto;
  }
}

@media ( max-width: 414px) {
  div.homepage-large.carousel.skitter {
    min-height: 138px;
    max-height: 100%;
    height: auto;
  }
  div.homepage.carousel.skitter {
    min-height: 191px;
    max-height: 100%;
    height: auto;
  }
}

@media ( max-width: 375px) {
  div.homepage-large.carousel.skitter {
    min-height: 125px;
    max-height: 100%;
    height: auto;
  }
  div.homepage.carousel.skitter {
    min-height: 166px;
    max-height: 100%;
    height: auto;
  }
}

@media (max-width: 320px) {
  div.homepage-large.carousel.skitter {
    min-height: 107px;
    max-height: 100%;
    height: auto;
  }
  div.homepage.carousel.skitter {
    min-height: 147px;
    max-height: 100%;
    height: auto;
  }
}



































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
