/* Geral e Slider Principal */

.swiper-container {
  width: 100%;  
  color: #fff;  
  text-align: center;
  background-color: #fff;
  border-top: 10px solid #fff;
}


.swiper-slide {
  font-style: italic;
  font-size: 42px;
  margin-bottom: 65px;
    
  background-color: #fff; 
}

.swiper-nested .swiper-slide {
  line-height: 125px;
  font-size: 21px
}
/* Em 22/08/2014 Daniel: Alterei o nome desta classe. De: pagination, Para: paginacao-slider. Motivo: Conflito Bootstrap */
.paginacao-slider {
  position: absolute;
  z-index: 100;
  left: 0px;
  bottom: -20px;
  background-color: #c9c9c9;
  height: 55px;
  text-align: center;
  border-radius: 0px;
  padding-top: 5px;
  
}

.swiper-pagination-switch {
  display: inline-block;
  width: 60px;
  height: 35px;
  border-radius: 0px;
  background: #222;
  margin: 5px 33px 5px 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
  margin-right: 30px;
  
}
.swiper-visible-switch {
  background: #aaa;
}
.swiper-active-switch {
  background: #c9c9c9;
}
.pagination-nested{
  bottom: auto;
  top: 10px;
}
.pagination-nested .swiper-pagination-switch {
  display: block;
  margin-right: 0;
  margin-bottom: 5px;
}

.vertical{
    height: 200px !important;}

       
    

/* Slider 3  */

.device {
  max-width: 100%;    
  position: relative;
  max-height:550px;
    
}
.device .arrow-left {
  background: url(../img/arrows_big.png) no-repeat left top;
  position: absolute;
  left: 5px;
  top: 35%;
  margin-top: -15px;
  width: 44px;
  height: 74px;
  z-index: 101;
  
}
.device .arrow-right {
  background: url(../img/arrows_big.png) no-repeat left bottom;
  position: absolute;
  right: 5px;
  top: 35%;
  margin-top: -15px;
  width: 44px;
  height: 74px;
  z-index: 101;
}
.swiper-container3 {
   max-width: 88%;
}
.content-slide3 {
  padding: 10px;
  color: #000;
}

.content-slide3 a{
    color: #000;
}
.title3 {
  font-size: 25px;
  margin-bottom: 10px;
}
.pagination3 {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%;
}
.swiper-pagination-switch3 {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #bfbfbf;  
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch3 {
  background: #bfbfbf;
}

.swiper-slide3{
    float: left;
    width: 90%;
}

@media (max-width: 990px) {    
    
    .slider-bot > div {
    min-height: 30px;
    padding: 5px;
    
    }    
    
    .device .arrow-left {margin-left: 40px;}
    .device .arrow-right {margin-right: 40px;}
    
}

@media (max-width: 990px) {
       
.device .arrow-left {
  background: url(../img/arrows.png) no-repeat left top;
  position: absolute;
  
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  margin-left: 0px;
  z-index: 101;
  
}
.device .arrow-right {
  background: url(../img/arrows.png) no-repeat left bottom;
  position: absolute;
  
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  margin-right: 0px;
  z-index: 101;
}
}

@media (max-width: 767px) {
       
.device .arrow-left {
  
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  margin-left: 0px;
  z-index: 101;
  
}
.device .arrow-right {
  
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  margin-right: 0px;
  z-index: 101;
}
}

@media (max-width: 480px) {
    
    .device .arrow-left {margin-left: 0px;}
    .device .arrow-right {margin-right: 0px;}
    
}

@media (max-width: 380px) {  
    
    .content-slide3{
        padding: 20px;
    }    
    
}

<!-- -->

.device2 {
  max-width: 98%;
      
  position: relative;  
} 
.swiper-container4 {
    max-width: 95%;
    margin-left: 30px;
}
.content-slide4 {
  padding: 10px;
  color: #000;
}
.title4 {
  font-size: 25px;
  margin-bottom: 10px;
}
.pagination4 {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%;
}
.swiper-pagination-switch4 {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #ffffff;  
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch4 {
  background: #ffffff;
}

.swiper-slide4{
    float: left;
    width: 90%;
}

.device2 .arrow-left-dark {
  background: url(../img/arrows_dark_big.png) no-repeat left top;
  position: absolute;
  left: -10px;
  top: 35%;
  margin-top: -15px;
  width: 44px;
  height: 74px;
  z-index: 101;
  
}
.device2 .arrow-right-dark {
  background: url(../img/arrows_dark_big.png) no-repeat left bottom;
  position: absolute;
  right: -10px;
  top: 35%;
  margin-top: -15px;
  width: 44px;
  height: 74px;
  z-index: 101;
}

@media (max-width: 990px) {
       
.device2 .arrow-left-dark {
  background: url(../img/arrows_dark.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  margin-left: -10px;
  z-index: 101;
}
.device2 .arrow-right-dark {
  background: url(../img/arrows_dark.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  margin-right: -10px;
  z-index: 101;
}
}


<!-- -->


.device5 {
  max-width: 98%;      
  position: relative;
  margin-left: 15px;   
} 
.swiper-container5 {  
  max-width: 95%;
}
.content-slide5 {
  padding: 10px;
  color: #000;
}
.title5 {
  font-size: 25px;
  margin-bottom: 10px;
}
.pagination5 {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%;
}
.swiper-pagination-switch5 {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #ffffff;  
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch5 {
  background: #ffffff;
}

.swiper-slide5{
    float: left;
    width: 90%;
}

.device5 .arrow-left-dark2 {
  background: url(../img/arrows_dark_big.png) no-repeat left top;
  position: absolute;
  left: -10px;
  top: 35%;
  margin-top: -15px;
  width: 44px;
  height: 74px;
  z-index: 101;
}
.device5 .arrow-right-dark2 {
  background: url(../img/arrows_dark_big.png) no-repeat left bottom;
  position: absolute;
  right: -10px;
  top: 35%;
  margin-top: -15px;
  width: 44px;
  height: 74px;
  z-index: 101;
}


@media (max-width: 990px) {    
    
    .slider-bot > div {
    min-height: 30px;
    padding: 5px;
    
    }    
    
    .device5 .arrow-left-dark2 {margin-left: 40px;}
    .device5 .arrow-right-dark2{margin-right: 40px;}
    
}


@media (max-width: 990px) {
       
    .content-slide5{
        padding: 20px;
    }
    
    .device5 .arrow-left-dark2 {
  background: url(../img/arrows_dark.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  margin-left: 20px;
  z-index: 101;
}
.device5 .arrow-right-dark2 {
  background: url(../img/arrows_dark.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  margin-right: 20px;
  z-index: 101;
}
}

<!-- -->


.device6 {
  max-width: 100%;      
  position: relative;
  margin-top: 20px;   
} 
.swiper-container6 {  
  max-width: 200px;
}


.content-slide6 div{
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 24px; 
}
.title6 {
  font-size: 25px;
  margin-bottom: 10px;
}
.pagination6 {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%;
}
.swiper-pagination-switch6 {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #c6c6c6;  
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch6 {
  background: #c6c6c6;
}

.swiper-slide6{
    float: left;
    width: 90%;
}

.device6 .arrow-left2 {
  background: url(../img/arrows.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index: 101;
}
.device6 .arrow-right2 {
  background: url(../img/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index: 101;
}



@media (max-width: 660px) {
       
    .content-slide6{
        padding: 0px;
    }
}

<!-- -->


.device8 {
  max-width: 100%;      
  position: relative;
  margin-top: 35px;   
} 
.swiper-container8 {  
  max-width: 200px;
}
.content-slide8 {
  background-color: #00769C;
    
    height: 90px;
    margin-left: -20px;
    text-align: center;      
    max-width: 100%;
    
}
.title8 {
  font-size: 25px;
  margin-bottom: 10px;
}
.pagination8 {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%;
}
.swiper-pagination-switch8 {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #c6c6c6;  
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch8 {
  background: #c6c6c6;
}

.swiper-slide8{
    float: left;
    width: 90%;
}

.device8 .arrow-left4 {
  background: url(../img/arrows.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index: 101;
}
.device8 .arrow-right4 {
  background: url(../img/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index: 101;
}



@media (max-width: 660px) {
       
    .content-slide8{
        padding: 0px;
    }
}

<!-- -->


.device7 {
  max-width: 100%;      
  position: relative;
  margin-top: 35px;   
} 
.swiper-container7 {  
  max-width: 200px;
}
.content-slide7 {
  background-color: #00769C;
    height: 90px;
    margin-left: -20px;
    text-align: center;      
    max-width: 100%;
    
}
.title7 {
  font-size: 25px;
  margin-bottom: 10px;
}
.pagination7 {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%;
}
.swiper-pagination-switch7 {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #c6c6c6;  
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch7 {
  background: #c6c6c6;
}

.swiper-slide7{
    float: left;
    width: 90%;
}

.device7 .arrow-left3 {
  background: url(../img/arrows.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index: 101;
}
.device7 .arrow-right3 {
  background: url(../img/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index: 101;
}



@media (max-width: 660px) {
       
    .content-slide7{
        padding: 0px;
    }
}

/* TABLET */

.arrow-left2.tablet, .arrow-left3.tablet, .arrow-left4.tablet{
    margin-left: 20px !important;
}

.arrow-right2.tablet, .arrow-right3.tablet, .arrow-right4.tablet{
    margin-right: 20px !important;
}