#responsive-slider {
font-family: 'Open Sans', sans-serif;
min-width: 500px;
}
#responsive-slider .layer a {
color: #00F;
}


#responsive-slider .layer.black a {
color: #FFF;
}

@media (max-height:500px), (max-width:400px) {
#responsive-slider .slide-arrows {
visibility: hidden;
}
}

.advanced-slider {
position: relative;
overflow: visible;
outline: none;
font-family: Arial, Helvetica, sans-serif;
margin-left: auto;
margin-right: auto;
}


.advanced-slider * {
margin: 0;
padding: 0;
transition: none;
-moz-transition: none;
-webkit-transition: none;
-o-transition: none;
}


.advanced-slider a {
position: static;
}


.advanced-slider img {
max-width: none;
max-height: none;
border: 0 none;
padding: 0;
margin: 0;
max-width: none!important;
max-height: none!important;
/*margin-left:0!important;*/
}


.advanced-slider .slider-main {
position: relative;
width: 100%;
height: 100%;
z-index:9;
}


.advanced-slider .slide-wrapper {
position: relative;
overflow: visible;
width: 100%;
height: 100%;
z-index: 2;
}


.advanced-slider ul.slides {
position: absolute;
overflow: hidden;
margin: 0 !important;
padding: 0 !important;
list-style: none;
width: 100%;
height: 100%;
}


.advanced-slider li.slide {
position: absolute;
overflow: hidden;
display: block;
margin: 0 !important;
padding: 0 !important;
width: 100%;
height: 100%;
visibility: hidden;	
list-style: none;
filter: alpha(opacity=100);
opacity: 1;
}


.advanced-slider li.slide .image,
.advanced-slider li.slide .thumbnail,
.advanced-slider li.slide .caption,
.advanced-slider li.slide .html {
position: absolute;
}


.advanced-slider.webkit li.slide .html {
overflow: hidden;
}


.advanced-slider .video-hidden-image {
display: none;
}


.advanced-slider iframe.video {
background-color: #000;
}


.advanced-slider .video-play-button {
display: block;
background-image: url(../images/video_play.png);
background-position: center;
position: absolute;
width: 80px;
height: 80px;
top: 50%;
left: 50%;
margin-top: -40px;
margin-left: -40px;
}


.advanced-slider iframe {
display: block;
}


.advanced-slider.webkit li.slide .html iframe,
.advanced-slider.webkit li.slide .layer iframe {
}


.advanced-slider.webkit li.slide.transition .html iframe, 
.advanced-slider.webkit li.slide.active .html iframe,
.advanced-slider.webkit li.slide.transition .layer.init iframe,
.advanced-slider.webkit li.slide.active .layer.init iframe {
opacity: 1;
}


.advanced-slider .slice-container {
position: absolute;
width: 100%;
height: 100%;
}


.advanced-slider .swipeable-container {
position: absolute;
width: 100%;
height: 100%;
overflow:hidden;
}


.advanced-slider .swipeable-container .slides {
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}


.advanced-slider .swipeable-container .slides .selectable {
-webkit-user-select: auto;
-moz-user-select: auto;
-o-user-select: auto;
user-select: auto;
cursor: auto;
}


.advanced-slider .swipeable-container .grab {
cursor: url(https://mail.google.com/mail/images/2/openhand.cur), default;
}


.advanced-slider .swipeable-container .grabbing {
cursor: url(https://mail.google.com/mail/images/2/closedhand.cur), default;
}


.advanced-slider .thumbnail-scroller .swipe {
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}


.advanced-slider .thumbnail-scroller .grab {
cursor: url(https://mail.google.com/mail/images/2/openhand.cur), default;
}


.advanced-slider .thumbnail-scroller .grabbing,
.advanced-slider .thumbnail-scroller .grabbing a:hover,
.advanced-slider .thumbnail-scroller .grabbing a:active,
.advanced-slider .thumbnail-scroller .grabbing .lightbox-icon {
cursor: url(https://mail.google.com/mail/images/2/closedhand.cur), default;
}


.advanced-slider .layer {
position: absolute;
visibility: hidden;
padding: 4px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}


.advanced-slider .layer.black {
color: #FFF;
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.7);
}


.advanced-slider .layer.white {
color: #000;
background: rgb(255, 255, 255);
background: rgba(255, 255, 255, 0.7);
}


.advanced-slider .layer.rounded {
border-radius: 10px;
}


.advanced-slider .slice {
display: block;
position: absolute;
}


.advanced-slider .preloader {
position: absolute;
background: url(../images/preloader2.gif) no-repeat;
width: 62px;
height: 14px;
z-index: 15;
}
.arrows{ display:none;} 

.advanced-slider .slide-arrows {
position: static;
opacity:1 !important;
}


.advanced-slider .slide-arrows a {
position: absolute;
cursor: pointer;
opacity:1 !important;

}


.advanced-slider .lightbox-icon {
position: absolute;
width: 80px;
height: 80px;
top: 50%;
left: 50%;
margin-top: -40px;
margin-left: -40px;
cursor: pointer;
}


.advanced-slider .lightbox-icon.play {
background-image: url(../images/lightbox_play.png);
}


.advanced-slider .lightbox-icon.magnifying {
background-image: url(../images/lightbox_magnifying.png);
}


.advanced-slider .lightbox-icon.hyperlink {
background-image: url(../images/lightbox_hyperlink.png);
}


.advanced-slider .slideshow-controls {
position: absolute;
cursor: pointer;
}


.advanced-slider .shadow {
position: absolute;
height: 94px;
margin-top: -50px;
z-index: 1;
}


.advanced-slider .shadow .shadow-left, 
.advanced-slider .shadow .shadow-right, 
.advanced-slider .shadow .shadow-middle {
float: left;
}


.advanced-slider .shadow .shadow-left {
float: left;
background: url(../images/shadow_left.png);
width: 200px;
height: 94px;
}


.advanced-slider .shadow .shadow-right {
float: left;
background: url(../images/shadow_right.png);
width: 200px;
height: 94px;
}


.advanced-slider .shadow .shadow-middle {
float: left;
background: url(../images/shadow_middle.png) repeat-x;
height: 94px;
}


.advanced-slider .full-screen-controls {
background: url(../images/fullscreen.png) no-repeat;
position: absolute;
width: 31px;
height: 27px;
top: 20px;
left: 20px;
cursor: pointer;
}


.advanced-slider .timer-animation {
position: absolute;
}


.advanced-slider canvas {
position: absolute;
}


.advanced-slider .timer-animation .timer-animation-controls {
position: absolute;
cursor: pointer;
width: 20px;
height: 20px;
top: 50%;
left: 50%;
margin-top: -10px;
margin-left: -10px;
}


.advanced-slider .timer-animation .timer-animation-controls {
background: url(../images/playpause_small.png) no-repeat;
}


.advanced-slider .timer-animation.play .timer-animation-controls {
background-position: -20px 0;
}


.advanced-slider .timer-animation.pause .timer-animation-controls {
background-position: 0 0;
}


.advanced-slider .caption-container {
overflow: hidden;
position: absolute;
}


.advanced-slider .caption-container .wrapper {
position: absolute;
background-color: transparent;
border: 0 none;
margin: 0;
padding: 0;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}


.advanced-slider .caption-container .background {
position: absolute;
width: 100%;
height: 100%;
}


.advanced-slider .caption-container .caption {
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}


.advanced-slider .thumbnail-wrapper {
position: absolute;
opacity:1!important
}


.advanced-slider .thumbnail {
background-image: url(../images/preloader.gif);
background-position: center;
background-repeat: no-repeat;
position: absolute;
overflow: hidden;
}


.advanced-slider .thumbnail-content {
background: none;
}


.advanced-slider .slide-buttons {
position: absolute;
z-index: 3;
}


.advanced-slider .slide-buttons .left, 
.advanced-slider .slide-buttons .right, 
.advanced-slider .slide-buttons .middle {
float: left;
}


.advanced-slider .slide-buttons a {
position: relative;
cursor: pointer;
float: left;
text-decoration: none;
text-align: center;
}


.advanced-slider .thumbnail-scroller {
position: absolute;
z-index: 2;
}


.advanced-slider .thumbnail-scroller .visible-container {
position: relative;
overflow: hidden;
}


.advanced-slider .thumbnail-scroller .container {
position: absolute;
overflow: visible;
top: 0;
left: 0;
list-style: none;
margin: 0;
padding: 0;
}


.advanced-slider .thumbnail-scroller .thumbnail-wrapper {
cursor: pointer;
list-style: none;
}


.advanced-slider .thumbnail-scroller .lightbox-icon {
position: absolute;
width: 30px;
height: 30px;
top: 50%;
left: 50%;
margin-top: -15px;
margin-left: -15px;
cursor: pointer;
}


.advanced-slider .thumbnail-scroller .lightbox-icon.play {
background-image: url(../images/lightbox_play_small.png);
}


.advanced-slider .thumbnail-scroller .lightbox-icon.magnifying {
background-image: url(../images/lightbox_magnifying_small.png);
}


.advanced-slider .thumbnail-scroller .lightbox-icon.hyperlink {
background-image: url(../images/lightbox_hyperlink_small.png);
}


.advanced-slider .thumbnail .caption {
position: absolute;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}


.advanced-slider .thumbnail .caption .background {
position: absolute;	
width: 100%;
height: 100%;
}


.advanced-slider .thumbnail .caption .content {
position: absolute;
width: 100%;
display:none;
}


.advanced-slider .thumbnail-scroller .arrows a {
position: absolute;
cursor: pointer;
}


.advanced-slider .thumbnail-scroller .buttons {
position: absolute;
width: auto;
display:none;
}


.advanced-slider .thumbnail-scroller .buttons a {
position: absolute;
cursor: pointer;
text-decoration: none;
}


.advanced-slider-tooltip {
position: absolute;
z-index: 9999;
}


/*
Skin Name: Glossy Square Gray
Class: glossy-square-gray
Description: Glossy Square Gray skin for Advanced Slider jQuery plugin
Author: David
*/


/* MAIN SLIDE */

.glossy-square-gray .slide-wrapper{border-left:6px solid #f04923;border-bottom:6px solid #f04923;}


.glossy-square-gray .slide {
background-color: #FFF;
}

/* END OF MAIN SLIDE */


/* SLIDE ARROWS */

.glossy-square-gray .slide-arrows a {
background:#111 url(../images/arrows_small.png) no-repeat;
width: 160px;
height: 58px;
bottom:-64px;
opacity:0.99;
filter:alpha(opacity=99);
}


.glossy-square-gray .slide-arrows a.previous {
right:0px;
background-position: 0px -56px;
bottom:-120px;
}


.glossy-square-gray .slide-arrows a.next {
right: 0px;
background-position: 0px 0px;
}

/* SLIDE ARROWS */


/* SLIDESHOW CONTROLS */

.glossy-square-gray .slideshow-controls {
background: url(../images/playpause.png) no-repeat;
width: 64px;
height: 64px;
top: 50%;
left: 50%;
margin-top: -32px;
margin-left: -32px;
}


.glossy-square-gray .slideshow-controls.pause {
background-position: 0 0;
}


.glossy-square-gray .slideshow-controls.play {
background-position: -64px 0;
}

/* END OF SLIDESHOW CONTROLS */


/* TIMER ANIMATION */

.glossy-square-gray .timer-animation {
top: 20px;
right: 20px;
display:none;
}

/* END OF TIMER ANIMATION */


/* SLIDE CAPTION */

.glossy-square-gray .caption-container .background {
background-color: #000;
width: 100%;
height: 100%;
}


.glossy-square-gray .caption-container .caption {
color: #FFF;
margin: 0;
padding: 8px;
font-size: 16px;
line-height: 18px;
}

/* END OF SLIDE CAPTION */


/* SLIDE BUTTONS/BULLETS */

/* main container of the navigation buttons */
.glossy-square-gray .slide-buttons {
margin-top: 40px;
}


.glossy-square-gray .slide-buttons .left, 
.glossy-square-gray .slide-buttons .right {
}


.glossy-square-gray .slide-buttons .left {
}


.glossy-square-gray .slide-buttons .middle {
}


.glossy-square-gray .slide-buttons .right {
}


/* this contains the buttons */
.glossy-square-gray .slide-buttons .buttons-inner {
}


/* this contains the buttons */
.glossy-square-gray .slide-buttons .buttons-inner a {
background: url(../images/buttons.png) no-repeat;
background-position: 0 0;
width: 14px;
height: 15px;
margin: 0 2px;
}


.glossy-square-gray .slide-buttons .buttons-inner a.over {
background-position: -14px 0; 
}


.glossy-square-gray .slide-buttons .buttons-inner a.select {
background-position: -28px 0; 
}


/* this is used to style the numbers from within the buttons, when they are used */
.glossy-square-gray .slide-buttons .buttons-inner a .number {
margin-top: 2px;
font-size: 8px;
line-height: 10px;
font-weight: bold;
color: #FFF;
}


.glossy-square-gray .slide-buttons .buttons-inner a.over .number {
color: #FFF;
}


.glossy-square-gray .slide-buttons .buttons-inner a.select .number {
color: #FFF;
}


/* 
applied to the thumbnail when the thumbnail is used only as a tooltip
sets the distance between the button and the thumbnail
*/
.glossy-square-gray .slide-buttons .buttons-inner .thumbnail-wrapper {
margin-bottom: 10px;
}

/* END OF SLIDE BUTTONS/BULLETS */


/* THUMBNAIL IMAGE */

.glossy-square-gray .thumbnail {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
/*filter: url(grayscale.svg); /* Firefox 4+ */
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray; /* IE 6-9 */
}


.ie11 .glossy-square-gray .thumbnail {opacity:0.35;filter:alpha(opacity=35);}
.ie11 .glossy-square-gray .thumbnail-scroller .thumbnail.over {opacity:1; filter:alpha(opacity=100);}
.ie11 .glossy-square-gray .thumbnail-scroller .thumbnail.select{opacity:1; filter:alpha(opacity=100);}

.ie10 .glossy-square-gray .thumbnail {opacity:0.35;filter:alpha(opacity=35);}
.ie10 .glossy-square-gray .thumbnail-scroller .thumbnail.over {opacity:1; filter:alpha(opacity=100);}
.ie10 .glossy-square-gray .thumbnail-scroller .thumbnail.select{opacity:1; filter:alpha(opacity=100);}

/* END OF THUMBNAIL IMAGE */


/* THUMBNAIL SCROLLER */

.glossy-square-gray .thumbnail-scroller.horizontal {
bottom: 0;
left: auto!important;
width:100% !important;
}


.glossy-square-gray .thumbnail-scroller.horizontal.overlay {
bottom: 80px;
margin-top: 0;
}


.glossy-square-gray .thumbnail-scroller.vertical {
right: 0;
top: 0;
padding: 50px 0;
margin-left: 30px;
}


.glossy-square-gray .thumbnail-scroller.vertical.overlay {
right: 80px;
margin-left: 0;
}


.glossy-square-gray .thumbnail-scroller .thumbnail-wrapper {

}




.glossy-square-gray .thumbnail-scroller .thumbnail.over {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
filter: none; /* IE 6-9 */
}


.glossy-square-gray .thumbnail-scroller .thumbnail.select {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
filter: none; /* IE 6-9 */
}


/* THUMBNAIL CAPTION */

.glossy-square-gray .thumbnail .caption .background {

}


.glossy-square-gray .thumbnail .caption .content {
}

/* END OF THUMBNAIL CAPTION */


/* THUMBNAIL SCROLLER ARROWS */

.glossy-square-gray .thumbnail-scroller .arrows a {
background:#000 url(../images/arrows_small.png) no-repeat;
width:160px;
height:55px;
opacity:0.99;
filter:alpha(opacity=99);
}


.glossy-square-gray .thumbnail-scroller.vertical .arrows a {
background: url(../images/arrows_v_small.png) no-repeat;
width: 30px;
height: 22px;
}


.glossy-square-gray .thumbnail-scroller.horizontal .arrows a.previous {
right:0px;
top:55px!important;
background-position:0px -55px;
}


.glossy-square-gray .thumbnail-scroller.horizontal .arrows a.next {
right:0px;
top:0px!important
}


.glossy-square-gray .thumbnail-scroller.vertical .arrows a.previous {
top: 0;
}


.glossy-square-gray .thumbnail-scroller.vertical .arrows a.next {
bottom: 0;
background-position: 0 -22px;
}

/* END OF THUMBNAIL SCROLLER ARROWS */


/* THUMBNAIL SCROLLER BUTTONS */

.glossy-square-gray .thumbnail-scroller .buttons a {
background: url(../images/buttons_small.png) no-repeat;
background-position: 0 0; 
width: 11px;
height: 12px;
margin: 2px;
}


.glossy-square-gray .thumbnail-scroller .buttons a.over {
background-position: -11px 0; 
}


.glossy-square-gray .thumbnail-scroller .buttons a.select {
background-position: -22px 0; 
}

/* END OF THUMBNAIL SCROLLER BUTTONS */


/* THUMBNAIL SCROLLER SCROLLBAR */

.glossy-square-gray .thumbnail-scroller.horizontal .scrollbar {
margin-top: 30px;
}


.glossy-square-gray .thumbnail-scroller.vertical .scrollbar {
}

/* END OF THUMBNAIL SCROLLER SCROLLBAR */

/* END OF THUMBNAIL SCROLLER */


/* TOOLTIP */

.tooltip {
background-color: #DDD;
margin-bottom: 20px;
border: #EEE solid 4px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}


.tooltip .content {
color: #999;
padding: 10px;
margin: 0;
}

/* END OF TOOLTIP */

