/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Description: The default skin for the Nivo Slider.
Version: 1.3
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
Supports Thumbs: true
*/

.theme-default{
    position: relative;
    height: 100%;
}

/*.theme-default:before, .theme-default:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  box-shadow: 0 15px 10px #777;
  transform: rotate(-3deg);
}
.theme-default:after
{
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}*/

.theme-default .nivoSlider {
	position:absolute;
    height: auto;
    top: 50%;transform: translateY(-50%);
	/*background:#fff url(loading.gif) no-repeat 50% 50%;*/
}

@media only screen and ( max-width: 1600px ){
    .theme-default .nivoSlider {
        position:relative;
        height: 100%;
        top: 0;transform: none;        
    }
}

.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	text-align: center;
}
.theme-default .nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
        background-color: white;
        border-radius: 50px;
	/*background:url(bullets.png) no-repeat;*/
	text-indent:-9999px;
	border:2px solid transparent;
	margin: 5px;
}

@media only screen and ( max-width: 800px ){
    .theme-default .nivo-controlNav a {
	display:inline-block;	
    }
}

.theme-default .nivo-controlNav a.active {
	background-color: #da251c;
        border:2px solid white;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:25px;
	height:51px;
	background:url(arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
	opacity: 0;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {
	background-position:-25px 0;
	right:25px;
}
.theme-default a.nivo-prevNav {
	left:25px;
}

/* Caption styles */
.theme-default .nivo-caption {
    text-align: right;
    background-color: #a94e1e;    
    padding: 50px;
	position:absolute;
    bottom: 0;
        width: 100%;
	z-index:8;        
	overflow: hidden;
	display: none;
}

.theme-default .nivo-caption h1{color:#fcbc00;font-weight: 900;margin:0;font-size: 70px;text-transform: uppercase;}
.theme-default .nivo-caption p{display: inline-block; max-width: 800px; color:white;font-weight: 500;margin:0;font-size: 20px;}
.theme-default .nivo-caption strong{font-weight: 900;margin:0;font-size: 40px;text-transform: uppercase;}
.theme-default .nivo-caption a{color:#fcbc00;font-weight: 900;margin:0;font-size: 18px;text-transform: uppercase;}

@media only screen and ( max-width: 1200px ){
    .theme-default .nivo-caption {
        padding:30px;
        top: 50%;
        left: 50%;
        bottom: auto;
        transform: translate(-50%,-50%);
    }
    .theme-default .nivo-controlNav {width: 100%;}
    .theme-default .nivo-caption h1{font-size: 40px;}
    .theme-default .nivo-caption p{font-size: 18px;}
    .theme-default .nivo-caption strong{font-size: 20px;}
}

@media only screen and ( max-width: 800px ){
    .theme-default .nivo-caption {        
	position:relative;
        top: 0;
        left: 0;
        max-width: 100%;	
        transform: none;
        padding:10px;
        padding-bottom: 55px;
    }
    
    .theme-default .nivo-caption h1{font-size: 30px;}
    .theme-default .nivo-caption p{font-size: 15px;}
    .theme-default .nivo-caption a{font-size: 15px;}
    .theme-default .nivo-caption strong{font-size: 20px;}
}

.theme-default .nivo-html-caption {
    display:none;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}