/* ---------- Sliders & jQuery Effects ---------- */

/* ---------- jQuery Nivo Slider (http://nivo.dev7studios.com) ---------- */

/* --- The Nivo Slider styles --- */
.nivoSlider { 
     width: 100%;
     height: auto;
     overflow: hidden;
     position: relative;
}
.nivoSlider img { 
     max-width: none;
     position: absolute;
     top: 0px;
     left: 0px;
}
.nivo-main-image { 
     width: 100% !important;
     display: block !important;
     position: relative !important;
}

/* --- If an image is wrapped in a link --- */
.nivoSlider a.nivo-imageLink { 
     opacity: 0.0;
     width: 100%;
     height: 100%;
     display: none;
     z-index: 6;
     position: absolute;
     top: 0px;
     left: 0px;
     border-style: none none none none;
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
}

/* --- The slices and boxes in the Slider --- */
.nivo-slice { 
     height: 100%;
     display: block;
     z-index: 5;
     position: absolute;
     top: 0px;
}
.nivo-box { 
     display: block;
     overflow: hidden;
     z-index: 5;
     position: absolute;
}
.nivo-box img { 
     display: block;
}

/* --- Caption styles --- */
.nivo-caption { 
     opacity: 0.8;
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     width: 100%;
     display: none;
     overflow: hidden;
     z-index: 8;
     position: absolute;
     bottom: 0px;
     left: 0px;
     padding: 5px 10px 5px 10px;
}
.nivo-caption p { 
     margin: 0px 0px 0px 0px;
     padding: 5px 5px 5px 5px;
}
.nivo-caption a { 
     display: inline !important;
}
.nivo-html-caption { 
     display: none;
}

/* --- Direction nav styles (e.g. Next & Prev) --- */
.nivo-directionNav a { 
     cursor: pointer;
     z-index: 9;
     position: absolute;
     top: 45%;
}
.nivo-prevNav { 
     left: 0px;
}
.nivo-nextNav { 
     right: 0px;
}

/* --- Control nav styles (e.g. 1,2,3...) --- */
.nivo-controlNav { 
     text-align: center;
     padding: 0px 0px 0px 0px;
}
.nivo-controlNav a { 
     cursor: pointer;
}
.nivo-controlNav a.active { 
     font-weight: bold;
}

/* --- Nivo Slider Default Theme --- */
.theme-default { 
     position: relative;
}
.theme-default .nivoSlider { 
     background-position: 50% 50%;
     background-repeat: no-repeat;
     position: relative;
}
.theme-default .nivoSlider img { 
     display: none;
     position: absolute;
     top: 0px;
     left: 0px;
}
.theme-default .nivoSlider a { 
     display: block;
     border-style: none none none none;
}
.theme-default .nivo-controlNav { 
     text-align: center;
     z-index: 1000;
     position: absolute;
     bottom: 5px;
     left: 5px;
     padding: 0px 0px 0px 0px;
}
.theme-default .nivo-controlNav a { 
     text-indent: -999em;
     background-repeat: no-repeat;
     width: 22px;
     height: 20px;
     display: inline-block;
     border-style: none none none none;
     margin: 0px 0px 0px 0px;
}
.theme-default .nivo-controlNav a.active, .theme-default .nivo-controlNav a:hover { 
     background-position: 0 -22px;
}
.theme-default .nivo-directionNav a { 
     text-indent: -999em;
     background-repeat: no-repeat;
     transition: all 200ms ease-in-out;
     -webkit-transition: all 200ms ease-in-out;
     -moz-transition: all 200ms ease-in-out;
     -o-transition: all 200ms ease-in-out;
     opacity: 0.0;
     width: 30px;
     height: 30px;
     display: block;
     border-style: none none none none;
}
.theme-default:hover .nivo-directionNav a { 
     opacity: 1;
}
.theme-default a.nivo-nextNav { 
     background-position: -30px 0;
     right: 15px;
}
.theme-default a.nivo-prevNav { 
     left: 15px;
}
.theme-default .nivo-caption { }
.theme-default .nivo-caption a { 
     border-bottom-width: 1px;
     border-bottom-style: dotted;
}
.theme-default .nivo-caption a:hover { }
.theme-default .nivo-controlNav.nivo-thumbs-enabled { 
     width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a { 
     margin-bottom: 5px;
     width: auto;
     height: auto;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img { 
     width: 120px;
     height: auto;
     display: block;
}