.icon-text{
    font-family: 'fontello';
}
@font-face {
      font-family: 'fontello';
      src: url('../css/fontes/fontello/fontello.eot?7977416');
      src: url('../css/fontes/fontello/fontello.eot?7977416#iefix') format('embedded-opentype'),
           url('../css/fontes/fontello/fontello.woff?7977416') format('woff'),
           url('../css/fontes/fontello/fontello.ttf?7977416') format('truetype'),
           url('../css/fontes/fontello/fontello.svg?7977416#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
}
@font-face {
    font-family: 'helveticaNeueUltraLight';
    src: url('../css/fontes/helveticanue/HelveticaNeue-UltraLight.eot');
    src: url('../css/fontes/helveticanue/HelveticaNeue-UltraLight.eot?#iefix') format('embedded-opentype'),
        url('../css/fontes/helveticanue/HelveticaNeue-UltraLight.woff2') format('woff2'),
        url('../css/fontes/helveticanue/HelveticaNeue-UltraLight.woff') format('woff'),
        url('../css/fontes/helveticanue/HelveticaNeue-UltraLight.ttf') format('truetype'),
        url('../css/fontes/helveticanue/HelveticaNeue-UltraLight.svg#HelveticaNeue-UltraLight') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'helveticaNeueMedium';
    src: url('../css/fontes/helveticanue/HelveticaNeue-Medium.eot');
    src: url('../css/fontes/helveticanue/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'),
        url('../css/fontes/helveticanue/HelveticaNeue-Medium.woff2') format('woff2'),
        url('../css/fontes/helveticanue/HelveticaNeue-Medium.woff') format('woff'),
        url('../css/fontes/helveticanue/HelveticaNeue-Medium.ttf') format('truetype'),
        url('../css/fontes/helveticanue/HelveticaNeue-Medium.svg#HelveticaNeue-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'helveticaNeueBold';
    src: url('../css/fontes/helveticanue/HelveticaNeue-BoldExt.eot');
    src: url('../css/fontes/helveticanue/HelveticaNeue-BoldExt.eot?#iefix') format('embedded-opentype'),
        url('../css/fontes/helveticanue/HelveticaNeue-BoldExt.woff2') format('woff2'),
        url('../css/fontes/helveticanue/HelveticaNeue-BoldExt.woff') format('woff'),
        url('../css/fontes/helveticanue/HelveticaNeue-BoldExt.ttf') format('truetype'),
        url('../css/fontes/helveticanue/HelveticaNeue-BoldExt.svg#HelveticaNeue-BoldExt') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'helveticaNeueLight';
    src: url('../css/fontes/helveticanue/HelveticaNeue-LightExt.eot');
    src: url('../css/fontes/helveticanue/HelveticaNeue-LightExt.eot?#iefix') format('embedded-opentype'),
        url('../css/fontes/helveticanue/HelveticaNeue-LightExt.woff2') format('woff2'),
        url('../css/fontes/helveticanue/HelveticaNeue-LightExt.woff') format('woff'),
        url('../css/fontes/helveticanue/HelveticaNeue-LightExt.ttf') format('truetype'),
        url('../css/fontes/helveticanue/HelveticaNeue-LightExt.svg#HelveticaNeue-LightExt') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'helvetica-bold';
    src: url('../css/fontes/helvetica/Helvetica-Bold.eot');
    src: url('../css/fontes/helvetica/Helvetica-Bold.eot?#iefix') format('embedded-opentype'),
        url('../css/fontes/helvetica/Helvetica-Bold.woff2') format('woff2'),
        url('../css/fontes/helvetica/Helvetica-Bold.woff') format('woff'),
        url('../css/fontes/helvetica/Helvetica-Bold.ttf') format('truetype'),
        url('../css/fontes/helvetica/Helvetica-Bold.svg#Helvetica-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'helvetica-regular';
    src: url('../css/fontes/helvetica/Helvetica-Normal.eot');
    src: url('../css/fontes/helvetica/Helvetica-Normal.eot?#iefix') format('embedded-opentype'),
        url('../css/fontes/helvetica/Helvetica-Normal.woff2') format('woff2'),
        url('../css/fontes/helvetica/Helvetica-Normal.woff') format('woff'),
        url('../css/fontes/helvetica/Helvetica-Normal.ttf') format('truetype'),
        url('../css/fontes/helvetica/Helvetica-Normal.svg#Helvetica-Normal') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helvetica-light';
    src: url('../css/fontes/helvetica/Helvetica-Light.eot');
    src: url('../css/fontes/helvetica/Helvetica-Light.eot?#iefix') format('embedded-opentype'),
        url('../css/fontes/helvetica/Helvetica-Light.woff2') format('woff2'),
        url('../css/fontes/helvetica/Helvetica-Light.woff') format('woff'),
        url('../css/fontes/helvetica/Helvetica-Light.ttf') format('truetype'),
        url('../css/fontes/helvetica/Helvetica-Light.svg#Helvetica-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'helvetica-black';
    src: url('../css/fontes/helvetica/Helvetica-Black.eot');
    src: url('../css/fontes/helvetica/Helvetica-Black.eot?#iefix') format('embedded-opentype'),
        url('../css/fontes/helvetica/Helvetica-Black.woff2') format('woff2'),
        url('../css/fontes/helvetica/Helvetica-Black.woff') format('woff'),
        url('../css/fontes/helvetica/Helvetica-Black.ttf') format('truetype'),
        url('../css/fontes/helvetica/Helvetica-Black.svg#Helvetica-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'helvetica-narrow';
    src: url('../css/fontes/helvetica/Helvetica-Narrow.eot');
    src: url('../css/fontes/helvetica/Helvetica-Narrow.eot?#iefix') format('embedded-opentype'),
        url('../css/fontes/helvetica/Helvetica-Narrow.woff2') format('woff2'),
        url('../css/fontes/helvetica/Helvetica-Narrow.woff') format('woff'),
        url('../css/fontes/helvetica/Helvetica-Narrow.ttf') format('truetype'),
        url('../css/fontes/helvetica/Helvetica-Narrow.svg#Helvetica-Narrow') format('svg');
    font-weight: normal;
    font-style: normal;
}


.col-inline { /* funciona como um float, mas esse e bom para deixar responsivo OBS: evite usar muito float, a menos que seja nescessário */
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-right: -3.8px;
}

.link-full {/* aplicada na tag a para que o link ocupe todo o box */
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
}

.trans-fast{ /* aplica a transicao no objeto, usado muito nos elementos que tem hover */
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.trans-slow{/* aplica a transicao no objeto, usado muito nos elementos que tem hover */
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
/* padrao banner */
#banner{
    width: 100%;
    height: 664.98px;
    display:block;
    position:relative;
    z-index: 0;
}
#banner ul {
    width: 100%;
    height: 100%;
    display:block;
    position:relative
}

#banner ul li {
    width: 100%;
    height: 100%;
    display:block;
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#banner #pagination {
    display: none;
    width:auto;
    height:auto;
    position:absolute;
    bottom: 361px;
    right: 60px;
    z-index:100;
}
#banner #pagination a {
    width: 10px;
    height: 10px;
    position:relative;
    display: block;
    font-size:0;
    border-radius: 100%;
    background: #fff;
    margin:0 4px;
    margin-bottom: 5px;
}
#banner #pagination a:hover,#banner #pagination a.active {
   background: #fff;
}
#banner #pagination span {
    width:100%;
    height:100%;
    display:block;
    position:absolute;
    top:0;
    left:0;
    z-index:20;
}
#banner .btn {
    width:148px;
    height:37px;
    display:none;
    position:absolute;
    top:50%;
    margin-top:-45px;
    cursor:pointer;
    z-index:10;
    font-size:0;
}
#banner .btn span {
    width:100%;
    height:100%;
    display:block;
    position:absolute;
    top:0;
    left:0;
    z-index:10
}
#banner .btn .desativa {
    width:100%;
    height:100%;
    display:block;
    position:absolute;
    top:0;
    left:0;
    z-index:20
}