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

.nivo-caption h1 {
	color: #EE7550;
	font-size: 42px; 
    width: 100%; 
    font-weight: 400;
    line-height: 1;
    padding: 50px 0;
    text-align: center;
    text-transform: uppercase;
	text-shadow: 1px 1px 1px #fff; 
}
.nivo-caption h1.full {
	color: #EE7550;
	font-size: 46px; 
    width: 100%; 
    font-weight: 700;
    line-height: 1;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
	text-shadow: 1px 1px 1px #333; 
}

.nivo-caption h1.transform1 {
	font-size: 62px; 
    width: 50%; 
    padding: 150px 0 50px;
	transform:rotate(-5deg);
    -ms-transform:rotate(-5deg); 
    -webkit-transform:rotate(-5deg); 
}  
.nivo-caption h1.transform2 {
	font-size: 62px; 
    width: 50%; 
    padding: 170px 0 50px;
	transform:rotate(-5deg);
    -ms-transform:rotate(-5deg); 
    -webkit-transform:rotate(-5deg);
}  

.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: #333;
    width: 100%; 
    font-weight: 700;
    line-height: 36px;
    margin: 0 !important;
    padding: 0;
    text-align: center;
	text-shadow: 1px 1px 1px #F07800; 
}

.nivo-caption a.button {
    background: #EE7550 url(button-slider.png) no-repeat right center;
    border: none;
    border-radius: 150px;
    color: #fff;
    float: none;
    font-size: 12px;
    line-height: 24px;
    margin: 0 auto;
	padding: 6px 30px 6px 15px; 
    text-align: center;
    text-transform: uppercase;
    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: #333 !important;}  

.nivo-caption a.button, .nivo-caption a.button:hover {
    -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; 
	-moz-box-sizing: border-box;  
	box-sizing: border-box; 
}
.nivo-caption > span { width: 100% !important; height: 100%; text-align: center !important; padding: 80px 0 0; }       


/* ---------------- Animações --- */
.animated.fade-in1 { 
    -webkit-animation-duration: 2s; 
    animation-duration: 2s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-delay: 1s; 
    animation-delay: 1s;
} 

@-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: 2s; 
    animation-duration: 2s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-delay: 2s; 
    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; 
    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.zoomIn2 {
	-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-animation-delay: 1.5s; 
    animation-delay: 1.5s;
}
@-webkit-keyframes scale{
	0% {-webkit-transform: scale(0);}
	100% {-webkit-transform: scale(1);}
}
@-moz-keyframes scale{
	0% {-moz-transform: scale(0);}
	100% {-moz-transform: scale(1);}
}
@-o-keyframes scale{
	0% {-o-transform: scale(0);}
	100% {-o-transform: scale(1);}
}
@-ms-keyframes scale{
	0% {-ms-transform: scale(0);}
	100% {-ms-transform: scale(1);}
}
@keyframes scale{
	0% {transform: scale(0);}
	100% {transform: scale(1);}
}
.zoomIn2 { 
    -webkit-animation-name: scale; 
    animation-name: scale; 
}

.animated.zoomIn3 {
	-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-animation-delay: 2.5s; 
    animation-delay: 2.5s;
}
@-webkit-keyframes scale{
	0% {-webkit-transform: scale(0);}
	100% {-webkit-transform: scale(1);}
}
@-moz-keyframes scale{
	0% {-moz-transform: scale(0);}
	100% {-moz-transform: scale(1);}
}
@-o-keyframes scale{
	0% {-o-transform: scale(0);}
	100% {-o-transform: scale(1);}
}
@-ms-keyframes scale{
	0% {-ms-transform: scale(0);}
	100% {-ms-transform: scale(1);}
}
@keyframes scale{
	0% {transform: scale(0);}
	100% {transform: scale(1);}
}
.zoomIn3 { 
    -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-animation-delay: 3s; 
    animation-delay: 3s;
} 

@-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-animation-delay: 3s; 
    animation-delay: 3s;
} 

@-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; 
    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 {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;}  

.animated {display: block;width: 100%;}  
.nivo-caption h1.banner1 {width: 50%; float: right; font-size: 58px;}  
.nivo-caption h2.banner1 {
    width: 15%;
    padding: 160px 0 0 6.5%;
    position: absolute;
    z-index: 1;
    font-size: 36px;
    line-height: 52px;
	transform:rotate(3deg);
    -ms-transform:rotate(3deg); 
    -webkit-transform:rotate(3deg); 
}  	

.nivo-caption h1.banner2 {width: 50%; float: left; font-size: 58px;}  
.nivo-caption h2.banner2 {
    font-size: 36px;
    width: 75%;
    line-height: 46px;
    margin: -250px 0 0 15% !important;
    padding: 100px 0 50px 0;
    display: inline-block;
}
.nivo-caption h3.banner1 {
    width: 18%;
    margin: 50px 0 0 27%;
	transform:rotate(-9deg);
    -ms-transform:rotate(-9deg); 
    -webkit-transform:rotate(-9deg); 
}  	

.nivo-caption h3.banner2 {width: 31%; float: right; margin: 80px 0 -220px 0; font-size: 24px; color: #EE7550 !important; text-shadow: 1px 1px 1px #fff;}  
.link.banner1 {float: right; width: 50%; margin: 20px 0 0 20px;}  
.link.banner2 {float: left; width: 50%; margin: 20px 0 0;}  

.banner1.bg-imagem {display: inline-block; position: absolute; z-index: -1; right: 20px; width: 20%; bottom: 10px; opacity: 0.7 !important;}  
.banner2.bg-imagem {display: inline-block; position: absolute; z-index: -1; left: 20px; width: 20%; bottom: 10px; opacity: 0.7 !important;}  
.bg-imagem img {display: block !important; position: relative !important;}  

.nivo-caption h1.banner3 {width: 50%; margin: 0 auto 0 0; font-size: 58px;}  
.nivo-caption h2.banner3 {width: 50%; margin: 0 auto 0 0; font-size: 36px; line-height: 40px;}  
.nivo-caption h3.banner3 {width: 40%; color: #EE7550; position: absolute; top: -300px; right: 7.5%; margin: 0 auto; font-size: 26px;}  
.nivo-caption h4.banner3 {width: 40%;position: absolute; top: -140px; right: 0; text-align: right; font-size: 24px; line-height: 30px;}  
.link.banner3 {float: left; width: 50%; margin: 40px 0 0;}  

.nivo-caption .base {position: absolute; right: 5%; bottom: 30px; width: 45%;}  
.nivo-caption .base h5.banner3 {font-size: 24px; line-height: 30px;}  

@media (min-width: 1601px) {
  
}  

@media (min-width: 1361px) and (max-width: 1600px) {
  .nivo-caption h2.banner1 {padding: 120px 0 0 6.5%; font-size: 32px;}  
  .nivo-caption h3.banner1 {margin: 20px 0 0 27%; line-height: 32px;}  
  
  .nivo-caption h1.banner2 {font-size: 50px;}  
  .nivo-caption h2.banner2 {font-size: 32px; line-height: 38px; margin: -150px 0 0 15% !important; padding: 0;}  
  .nivo-caption h3.banner2 {margin: 50px 0 -200px 0; line-height: 34px;}  

  .nivo-caption h1.banner3 {padding: 10px 0 30px;}  
  .nivo-caption h2.banner3 {font-size: 32px; line-height: 38px;}  
  .nivo-caption h3.banner3 {line-height: 32px; top: -240px;}  
  .nivo-caption h4.banner3 {top: -120px; font-size: 21px; line-height: 26px;}  
} 

@media (min-width: 1201px) and (max-width: 1360px) {
  .nivo-caption h1.banner1 {font-size: 36px !important;}  
  .nivo-caption h2.banner1 {padding: 80px 0 0 6.5%; font-size: 30px; line-height: 40px;}  
  .nivo-caption h3.banner1 {margin: 0 0 0 27%; line-height: 26px;}  
  .link.banner1 {margin: 20px 0 0 50%;}  
  
  .nivo-caption h1.banner2 {font-size: 50px;}  
  .nivo-caption h2.banner2 {font-size: 30px; line-height: 36px; margin: -150px 0 0 15% !important; padding: 0;}  
  .nivo-caption h3.banner2 {line-height: 34px; margin: 50px 0 -140px 0;}  
  
  .nivo-caption h1.banner3 {font-size: 36px !important; padding: 10px 0 30px;}  
  .nivo-caption h2.banner3 {font-size: 28px; line-height: 32px;}  
  .nivo-caption h3.banner3 {font-size: 24px; line-height: 27px; top: -200px;}  
  .nivo-caption h4.banner3 {top: -100px; font-size: 18px; line-height: 25px;}  
} 

@media (min-width: 981px) and (max-width: 1200px) {
  .nivo-caption h1.banner1 {padding: 20px 0; font-size: 36px !important;}  
  .nivo-caption h2.banner1 {padding: 60px 0 0 6.5%; font-size: 28px; line-height: 35px;}  
  .nivo-caption h3.banner1 {margin: -20px 0 0 27%; line-height: 24px; font-size: 18px;}  
  .link.banner1 {margin: -20px 0 0 50%;}  
  
  .nivo-caption h1.banner2 {padding: 25px 0;}  
  .nivo-caption h2.banner2 {font-size: 25px; line-height: 32px; margin: -10px 0 0 -17% !important; padding: 0; position: absolute; z-index: 1; width: 30%;}  
  .nivo-caption h3.banner2 {margin: 20px 0 -160px 0; line-height: 30px;}  
  
  .nivo-caption h1.banner3 {font-size: 34px !important; padding: 0 0 30px;}  
  .nivo-caption h2.banner3 {font-size: 24px; line-height: 28px;}  
  .nivo-caption h3.banner3 {font-size: 18px; line-height: 24px; top: -180px;}  
  .nivo-caption h4.banner3 {top: -90px; font-size: 15px; line-height: 20px;}  
  .link.banner3 {margin: 20px 0 0;}
  
  .nivo-caption .base {bottom: 20px;}  
  .nivo-caption .base h5.banner3 {font-size: 20px; line-height: 26px;}  
}  

@media (min-width: 769px) and (max-width: 980px) {
  .nivo-caption h1.banner1 {padding: 20px 0; font-size: 36px !important;}  
  .nivo-caption h2.banner1 {padding: 40px 0 0 6.5%; font-size: 20px; line-height: 26px;}  
  .nivo-caption h3.banner1 {margin: -20px 0 0 27%; line-height: 16px; font-size: 15px;}  
  .link.banner1 {margin: -10px 0 0 50%;}  
  
  .nivo-caption h1.banner2 {padding: 15px 0;}  
  .nivo-caption h2.banner2 {font-size: 20px; line-height: 26px; margin: -15px 0 0 -17% !important; padding: 0; position: absolute; z-index: 1; width: 30%;}  
  .nivo-caption h3.banner2 {margin: 0 0 -120px 0; font-size: 22px; line-height: 24px;}  
  
  .nivo-caption h1.banner3 {font-size: 34px !important; margin: -20px auto 0 0; padding: 0 0 20px;}  
  .nivo-caption h2.banner3 {font-size: 20px; line-height: 22px;}  
  .nivo-caption h3.banner3 {font-size: 15px; line-height: 20px; top: -135px;}  
  .nivo-caption h4.banner3 {top: -70px; font-size: 13px; line-height: 16px;}  
  .link.banner3 {margin: 20px 0 0;}
  
  .nivo-caption .base {bottom: 10px;}  
  .nivo-caption .base h5.banner3 {font-size: 18px; line-height: 24px;}  
}  

@media (max-width: 768px) { 
  .moduletable.banner {display: none;}  	
}