.slider {
  width: 100%;
  height: 300px;
  background: #000;
  position: relative;
  display: block;
}
.slider .arrow-left {
  background: transparent url(img/bg-slider-nav.png) no-repeat;
  position: absolute;
  left: 0;
  top: 40%;
  width: 32px;
  height: 45px;
  z-index: 9999;
}
.slider .arrow-right {
  position: absolute;
  right: 0px;
  top: 40%;
  width: 32px;
  height: 45px;
  background: transparent url(img/bg-slider-nav.png) no-repeat -44px 0;
  z-index: 999;
}
.slider .arrow-left:hover {
    background: transparent url(img/bg-slider-nav.png) no-repeat 0 -45px;
}
.slider .arrow-right:hover {
    background: transparent url(img/bg-slider-nav.png) no-repeat -44px -45px;
}
  .slider .resize-slider {
    width: 100%;
    min-width: 900px;
    z-index: 1;
    float: left;
  }

  .slider .swiper-container {
    height: 300px;
    width: 100%;
  }
  .slider .swiper-slide {
    position: relative;
  }
  .slider .swiper-slide .content-slide {
    position: absolute;
    left: 0px;
    width: 100%;
    display: block;
    margin-left: 0px;
  }
  .slider .pagination {
    position: absolute;
    z-index: 2;
    bottom: 10px;
    left: 48.5%;
  }
  .slider .swiper-pagination-switch {
    display: inline-block;
    width: 12px;
    height: 13px;
    background: transparent url(img/bg-pagination.png) 0px -13px no-repeat;
    margin-right: 5px;
    opacity: 0.8;
    border: 0px solid #fff;
    cursor: pointer;
  }
  .slider .swiper-visible-switch {
    background: #f00;
  }
  .slider .swiper-active-switch {
    background: transparent url(img/bg-pagination.png) no-repeat;
  }
/* ===============================================================
conteudo
================================================================*/
    .slider .plano {
        position: absolute;
        font-family: "fieltorcedor";
        -webkit-border-radius: 0px 0.3em 0.3em 0px;
        -moz-border-radius: 0px 0.3em 0.3em 0px;
        border-radius: 0px 0.3em 0.3em 0px;
        padding: 0.6em 0.8em 0.4em 6%;
        top: 130;
        font-size: 1.5em; 
    }
    .slider .plano strong {
            font-family: "extrabold";
            font-weight: normal;
            display: block;
            letter-spacing: 1px; 
            margin-top: -0.3em;
            font-size: 1.8em;          
        }
    .slider .informacoes {
        position: relative;
        display: block;
        /**********/
        top: 205px;
        left: 3%;
    }
        .slider .informacoes .setor, .swiper-slide .informacoes .valor {
            color:#ddd;
            text-decoration: none;
            display:inline-block;
            text-align: left;
            font-family: "thin";
            padding: 10px 0px 5px 28px; 
            margin: 35px 0 0 20px;
            letter-spacing:  0.5px;
            text-transform: uppercase;
            /**********/
            font-size:  0.8em;
        }
        .slider .informacoes .setor:hover,
        .slider .informacoes .valor:hover {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
            opacity: 1;
        }
        .slider .informacoes .setor {
            background: transparent url("img/bg-icones-slider.png") no-repeat 0 6px;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
            opacity: 0.7;

        }
        .slider .informacoes .valor {
            background: transparent url("img/bg-icones-slider.png") no-repeat 0 -40px;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
            opacity: 0.7;
        }
        .slider .beneficios {
            position: absolute;
            right: 0px;   
            list-style: none;
            text-align: right; 
            display: block;
            -webkit-border-radius: 0.3em 0px 0px 0.3em;
            -moz-border-radius: 0.3em 0px 0px 0.3em;
            border-radius: 0.3em 0px 0px 0.3em;
            padding: 0.8em 70px 0.8em 0.8em;
            z-index: 4;  
            top: 70px;           
        }
            .slider ul li {
                color: #fff;
                line-height: 1.5em;
                /**********/
                font-size: 0.9em;
            }
            .slider ul li b{
                text-transform: uppercase;
                margin: 0px 0.2em;
                display: inline-block;
            } 
        .slider .button { 
            position: absolute;
            right: 5%;
            padding: 0.6em 1em;
            z-index: 10px; /********************************************************************  10  */
            text-transform: uppercase;
            width: 25%;
            /**********/
            top: 220px;
            font-size: 1.2em;
        } 
/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container,
.swiper-contador {
  margin:0 auto;
  position:relative;
  overflow:hidden;
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
  -o-backface-visibility:hidden;
  backface-visibility:hidden;
  /* Fix of Webkit flickering */
  z-index:1;
}
.swiper-wrapper {
  position:relative;
  width:100%;
  display: block;
  -webkit-transition-property:-webkit-transform, left, top;
  -webkit-transition-duration:0s;
  -webkit-transform:translate3d(0px,0,0);
  -webkit-transition-timing-function:ease;
  
  -moz-transition-property:-moz-transform, left, top;
  -moz-transition-duration:0s;
  -moz-transform:translate3d(0px,0,0);
  -moz-transition-timing-function:ease;
  
  -o-transition-property:-o-transform, left, top;
  -o-transition-duration:0s;
  -o-transform:translate3d(0px,0,0);
  -o-transition-timing-function:ease;
  -o-transform:translate(0px,0px);
  
  -ms-transition-property:-ms-transform, left, top;
  -ms-transition-duration:0s;
  -ms-transform:translate3d(0px,0,0);
  -ms-transition-timing-function:ease;
  
  transition-property:transform, left, top;
  transition-duration:0s;
  transform:translate3d(0px,0,0);
  transition-timing-function:ease;
}
.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  float: left;
 
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
  /* Specify Swiper's Size: */

  /*width:200px;
  height: 100px;*/
}
.swiper-slide {
  /* Specify Slides's Size: */
  
  /*width: 100%;
  height: 100%;*/
}
.swiper-slide-active {
  /* Specific active slide styling: */
  
}
.swiper-slide-visible {
  /* Specific visible slide styling: */ 

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
  /* Stylize pagination button: */  

}
.swiper-active-switch {
  /* Specific active button style: */ 
  
}
.swiper-visible-switch {
  /* Specific visible button style: */  
  
}

.mv {
    color: #fff;
    text-shadow: 0px 2px 3px #000;
}
    .mv .plano {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        opacity: 0.8;           
        background: #000;
    }

    .mv .beneficios {
        background: #000;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        opacity: 0.5;   
    }

.mh {
    color: #fff;
    text-shadow: 0px 2px 3px #222;
}
    .mh .plano {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        opacity: 0.8;
        background: #444;

    }
    .mh .beneficios {
        background: #444;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
        opacity: 0.6;     
    }
.ma {
    color: #fff;
    text-shadow: 0px 2px 3px #000;
}
    .ma .plano {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        opacity: 0.8;  
        background: #211b01;
    }

    .ma .beneficios {
        background: #211b01;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        opacity: 0.5;       
    }
@media only screen and (min-width : 1080px){
  .slider,
  .slider .swiper-container {
  height: 330px;
  }
    .slider .plano {
        top: 135px;
        font-size: 1.8em; 
    }
    .slider .informacoes {
        top: 230px;
        left: 3%;
    }
        .slider .informacoes .setor, .swiper-slide .informacoes .valor {
            font-size:  0.9em;
        }
        .slider .beneficios { 
            top: 80px;           
        }
            .slider ul li {
                font-size: 1em;
            }
        .slider .button { 
            top: 240px;
            font-size: 1.4em;
        } 

}
@media only screen and (min-width : 1300px){
  .slider,
  .slider .swiper-container {
  height: 350px;
  }
    .slider .plano {
        top: 140px;
        font-size: 1.9em; 
    }
    .slider .informacoes {
        top: 250px;
        left: 3%;
    }
        .slider .informacoes .setor, .swiper-slide .informacoes .valor {
            font-size:  1em;
        }
        .slider .beneficios { 
            top: 80px;           
        }
            .slider ul li {
                font-size: 1em;
            }
        .slider .button { 
            top: 253px;
            font-size: 1.5em;
        } 

}
@media only screen and (min-width : 1540px){
  .slider,
  .slider .swiper-container {
  height: 380px;
  }
    .slider .plano {
        top: 150px;
        font-size: 2.1em; 
    }
    .slider .informacoes {
        top: 270px;
        left: 3%;
    }
        .slider .informacoes .setor, .swiper-slide .informacoes .valor {
            font-size:  1.1em;
        }
        .slider .beneficios { 
            top: 80px;           
        }
            .slider ul li {
                font-size: 1.1em;
            }
        .slider .button { 
            top: 265px;
            font-size: 1.6em;
        } 

}
@media only screen and (min-width : 1840px){
  .slider,
  .slider .swiper-container {
  height: 400px;
  }
    .slider .plano {
        top: 170px;
        font-size: 2.2em; 
    }
    .slider .informacoes {
        top: 299px;
        left: 3%;
    }
        .slider .informacoes .setor, .swiper-slide .informacoes .valor {
            font-size:  1.1em;
        }
        .slider .beneficios { 
            top: 80px;           
        }
            .slider ul li {
                font-size: 1.3em;
            }
        .slider .button { 
            top: 285px;
            font-size: 1.8em;
        } 

}
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait), screen and (min-width : 320px) and (max-width : 568px) {
   .slider {
    display: none;
  } 
}