/*########################################## * 
General css for NivoSlider and Theme Joomla 2.5 * 
Design by WebDesign - sites-design.com 
* Copyright 2015 WebDesign * Licensed for Foxled
* Developer : http://www.sites-design.com 
###########################################*/  
 
.moduletable.banner { margin: 0; }        

.nivo-caption h1 {
	color: #fff;
    width: 100%; 
    font-weight: 300;
    line-height: 1;
	margin: 50px 0 0;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase;
	text-shadow: 1px 1px 1px #5289FB; 
}
.nivo-caption h1.full {
	color: #F07800;
	font-size: 36px; 
    width: 100%; 
    font-weight: 700;
    line-height: 1;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
	text-shadow: 1px 1px 1px #9CD32C; 
}
.nivo-caption h2 {
	font-size: 20px; 
	color: #020202 !important;
    width: 100%; 
    font-weight: 300;
    line-height: 34px;
    margin: 0 !important;
    padding: 0;
    text-align: center;
	text-shadow: 1px 1px 1px #fff; 
}
.nivo-caption h2.full {
	font-size: 28px; 
	color: #fff;
    width: 100%; 
    font-weight: 700;
    line-height: 36px;
    margin: 0 !important;
    padding: 0;
    text-align: center;
	text-shadow: 1px 1px 1px #5289FB; 
}

.nivo-caption a.button {
    background: #5289FB url(button-slider.png) no-repeat right center;
    border: none;
    border-radius: 150px;
    color: #fff;
    float: none;
    font-size: 12px;
    line-height: 16px;
    margin: 0 auto;
	padding: 4px 30px 4px 15px; 
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: auto;
	box-shadow: none; 
	text-shadow: none; 
} 
.nivo-caption a.button:hover {
    background: #fff url(button-slider_hover.png) no-repeat right center;
    color: #6CC9C8 !important;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
} 
 
/* Unite CMS Additions */

.nivo-slider-wrapper{
	direction:ltr;
	text-align:left;
}

.nivo-controlNav, 
.nivo-directionNav,
.nivo-prevNav,
.nivo-nextNav{
	overflow:hidden;
}
.theme-default .nivo-directionNav a { width:81px; height:60px; }         
.nivo-directionNav a { top:60%; }      
.theme-default a.nivo-nextNav { background:url(arrow-small_right.png) no-repeat right center; }       
.theme-default a.nivo-prevNav { background:url(arrow-small_left.png) no-repeat left center; }        
/* The Nivo Slider styles */

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

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:none;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	top: 0; 
	background:none;
	color:#fff;
	width:100% !important;
	z-index:9;
	padding: 40px 2% 20px 2%;
	opacity: 1;
	overflow: hidden;
	display: none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption > span { width: 100% !important; height: 100%; text-align: center !important; padding: 80px 0 0; }       


/* ---------------- Animações --- */
.animated.fade-in1 { 
    -webkit-animation-duration: 2.5s; 
    animation-duration: 2.5s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-delay: 0.5s; /* Chrome, Safari, Opera */
    animation-delay: 0.5s;
} 

@-webkit-keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 
@keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 
.fade-in1 { 
    -webkit-animation-name: fadeIn; 
    animation-name: fadeIn; 
}
/* ------------------- */

.animated.fade-in2 { 
    -webkit-animation-duration: 2.5s; 
    animation-duration: 2.5s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
    animation-delay: 2s;
} 

@-webkit-keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 
@keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 
.fade-in2 { 
    -webkit-animation-name: fadeIn; 
    animation-name: fadeIn; 
}
/* ------------------- */

.animated.fade-in3 { 
    -webkit-animation-duration: 2s; 
    animation-duration: 2s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-delay: 3s; /* Chrome, Safari, Opera */
    animation-delay: 3s;
} 

@-webkit-keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 
@keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 
.fade-in3 { 
    -webkit-animation-name: fadeIn; 
    animation-name: fadeIn; 
}
/* ------------------- */

.animated.zoomIn {
	-webkit-animation: scale 2s ease-in-out both;
	-moz-animation: scale 2s ease-in-out both;
	-o-animation: scale 2s ease-in-out both;
	-ms-animation: scale 2s ease-in-out both;
	animation: scale 2s ease-in-out both;
}
@-webkit-keyframes scale{
	0% {-webkit-transform: scale(0.2);}
	100% {-webkit-transform: scale(1);}
}
@-moz-keyframes scale{
	0% {-moz-transform: scale(0.2);}
	100% {-moz-transform: scale(1);}
}
@-o-keyframes scale{
	0% {-o-transform: scale(0.2);}
	100% {-o-transform: scale(1);}
}
@-ms-keyframes scale{
	0% {-ms-transform: scale(0.2);}
	100% {-ms-transform: scale(1);}
}
@keyframes scale{
	0% {transform: scale(0.2);}
	100% {transform: scale(1);}
}
.zoomIn { 
    -webkit-animation-name: scale; 
    animation-name: scale; 
}
/* ------------------- */

.animated.leftRight { 
    -webkit-animation-duration: 3s; 
    animation-duration: 3s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
} 

@-webkit-keyframes fadeInLeftBig { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(-2000px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
} 
@keyframes fadeInLeftBig { 
    0% { 
        opacity: 0; 
        transform: translateX(-2000px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
} 
.leftRight { 
    -webkit-animation-name: fadeInLeftBig; 
    animation-name: fadeInLeftBig; 
}

/* ------------------- */

.animated.rightLeft { 
    -webkit-animation-duration: 3s; 
    animation-duration: 3s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
} 

@-webkit-keyframes fadeInRightBig { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(2000px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
} 
@keyframes fadeInRightBig { 
    0% { 
        opacity: 0; 
        transform: translateX(2000px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
} 
.rightLeft { 
    -webkit-animation-name: fadeInRightBig; 
    animation-name: fadeInRightBig; 
}

/* ------------------- */

.animated.bottom-top { 
    -webkit-animation-duration: 3s; 
    animation-duration: 3s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
} 

@-webkit-keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(500px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        transform: translateY(500px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 
.bottom-top { 
    -webkit-animation-name: fadeInUp; 
    animation-name: fadeInUp; 
}

/* ------------------- */

.animated.topRoll { 
    -webkit-animation-duration: 1.5s; 
    animation-duration: 1.5s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-timing-function: ease-in; 
    animation-timing-function: ease-in; 
	-webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
    animation-delay: 2s;
} 

@-webkit-keyframes rollIn { 
    0% { opacity: 0; -webkit-transform: translateY(-100px) rotate(-60deg); } 
    100% { opacity: 1; -webkit-transform: translateY(0px) rotate(0deg); } 
} 
@keyframes rollIn { 
    0% { opacity: 0; transform: translateY(-100px) rotate(-60deg); } 
    100% { opacity: 1; transform: translateY(0px) rotate(0deg); } 
} 
.topRoll { 
    -webkit-animation-name: rollIn; 
    animation-name: rollIn; 
}

/* ------------------- */

.animated.bottomTop { 
    -webkit-animation-duration: 3s; 
    animation-duration: 3s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
} 

@-webkit-keyframes fadeInUpBig { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(2000px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 
@keyframes fadeInUpBig { 
    0% { 
        opacity: 0; 
        transform: translateY(2000px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 
.bottomTop { 
    -webkit-animation-name: fadeInUpBig; 
    animation-name: fadeInUpBig; 
}

/* ------------------- */

.animated.topBottom { 
    -webkit-animation-duration: 3s; 
    animation-duration: 3s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
} 

@-webkit-keyframes fadeInDownBig { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(-2000px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 
@keyframes fadeInDownBig { 
    0% { 
        opacity: 0; 
        transform: translateY(-2000px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 
.topBottom { 
    -webkit-animation-name: fadeInDownBig; 
    animation-name: fadeInDownBig; 
}

/* ------------------- */
.animated.top-bottom { 
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
} 

@-webkit-keyframes fadeInDown { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(-150px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes fadeInDown { 
    0% { 
        opacity: 0; 
        transform: translateY(-150px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 

.top-bottom { 
    -webkit-animation-name: fadeInDown; 
    animation-name: fadeInDown; 
}

/* ------------------- */

.nivo-caption {
	-webkit-animation: fadeIn 5s ease ;
	-moz-animation: fadeIn 5s ease ;
	-o-animation: fadeIn 5s ease ;
	-ms-animation: fadeIn 5s ease ;
	animation: fadeIn 5s ease;
}
@-webkit-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-moz-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-o-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-ms-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}

.nivo-caption p {
	font-size: 18px;
	padding:0;
	margin:10px 0;
	width: 100%;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}