/*SEC.EsG: Estrutura geral*/
html, body{overflow-x: hidden;}
#site{display:none;}
#loader2 {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 100;
    margin: -75px 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -moz-animation: spin 2s linear infinite;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
#body-block{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/*FIM SEC.EsG*/

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@-webkit-keyframes animatebottom {
    from { bottom:-100px; opacity:0 } 
    to { bottom:0px; opacity:1 }
}
@keyframes animatebottom { 
    from{ bottom:-100px; opacity:0 } 
    to{ bottom:0; opacity:1 }
}

/*SEC.MS: Menu Superior*/
.dropdown.active-menu a{ height: 25px;}
.dropdown{ 
    margin-right: 5px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 37px;
}
.active-menu{ 
    height: 113px;
    background-color: #497EC3;
    -webkit-box-shadow: 0px 3px 11px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 3px 11px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 3px 11px rgba(0, 0, 0, 0.7);
}
/*FIM SEC.MS*/

/*SEC.Tit: Títulos*/
.page-titulo{display: table;}
.linha-titulo-esquerda{
    text-align: right;
    position: relative;
    vertical-align: middle;
    display: table-cell
}
.linha-titulo-direita{
    text-align: left;
    position: relative;
    vertical-align: middle;
    display: table-cell
}
.linha-titulo-centro{
    width: 30%;
    position: relative;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}
.linha-titulo-direita{
    text-align: left;
    position: relative;
    vertical-align: middle;
    display: table-cell;
    /*padding-right: 16px;*/
}
.linha-titulo-direita img, .linha-titulo-esquerda img{
    min-height: 10px;
}
.linha-titulo-esquerda-texto{
    text-align: left;
    position: relative;
    vertical-align: middle;
    display: table-cell;
    width: 32%;
}
.linha-titulo-direita-espacamento img{
    padding-left: 20px;
}
.linha-titulo-esquerda-espacamento img{
    padding-right: 20px;
}
.linha-mais-esquerda{
    width: 45%;
    text-align: right;
    position: relative;
    top: 8px;
    float: left;
}
.linha-mais-centro{
    width: 10%;
    text-align: center;
    float: left;
}
.linha-mais-direita{
    width: 45%;
    text-align: left;
    position: relative;
    top: 8px;
    float: right;
}
.linha-titulo-abaixo-imagem{
    position: relative;
    margin-top:-15px;
}
.linha-titulo-acima-texto{
    position: relative;
    z-index: 10;
}
.linha-titulo-abaixo-imagem img{
    transform: scaleY(.55);
}
/*FIM SEC.Tit*/

/*SEC.PSe: Página serviços*/
.servico-box h5{
    font-weight: 500;
}
.servico-box img{
    max-height: 190px;
}
.servico-box{
    float: left;
    max-width: 190px;
    margin-right: 0.8%; 
    margin-left: 0.8%; 
    padding-top: 0px;
    position: relative;
    text-align: center;
    height: 255px;
}
.servico-box-home{
    text-align: center;
    height: 330px
}
.texto-servico-box{
    line-height: 20px;
}
.servico-leia-mais{
    padding-top:10px;
    padding-bottom: 0px;
    float: right;
}
.texto_servicos{
    padding-left: 30px;
}
.servico-box-home:hover, .servico-box:hover, .notice-box:hover{
    border: 1px #bbb solid;
    cursor:pointer;
}
/*FIM SEC.PSe*/

/*SEC.TBS: Tab sheet vertical serviços*/
.header-tab-vertical-sheet{
    float: left;
    position: relative;
    width: 4%;
    left: 3px;
}
.tab-vertical-sheet{
    -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 3px;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 3px;
    background-color: rgb(254, 254, 254);
    color: rgb(51, 51, 51);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-radius: 3px;
    width: 95%; 
    padding-bottom: 30px;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.nav-vertical-label{
    position: relative;
    color: white;
    text-align: center;
    height: 100%;
    left: 2px;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    font-size: 14px;
    text-transform: uppercase;
}
.nav-vertical-sheet{
    -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 3px;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 3px;
    background-color: #497EC3;
    color: rgb(51, 51, 51);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-radius: 3px;
    position: relative;
    width: 30px;
    height: 150px;
    border: 2px solid white;
    display: inline-block;
    vertical-align: middle;
}
.nav-vertical-active > .nav-vertical-label{
    left: 10px;
}
.nav-vertical-active{
    left: -10px;
    width: 40px;
}
/*FIM SEC.TBS*/

/*SEC.PHo: home*/
#carousel-desktop{display: block;}
#carousel-tablet{display: none;}
#carousel-phone{display: none;}
.row-fluid .home-delivering-img{ float: left;}
.row-fluid .home-delivering-text{ float: right;}
.row-fluid .home-content-line2{ width: 100%;text-align: center;}
.row-fluid .servicos-content{ padding-left: 1%;}
/*Div contendo o tbn mais*/
.mais-content{height: 25px;}
#main_banner{margin-top:20px;}
.home-info{ background: url("../images/home/fundoComoSolicitar.png") no-repeat;}
/*FIM SEC.PHo*/

/*SEC.HDe: Home Depoimnentos*/
#popup-testimonials{width: 375px}
#description-popup .img-eqeuerda{float: left;width: 21%;padding-right: 30px;}
#description-popup .texto-direita{width: 100%;}
#depoimento-content-popup{text-align:justify;}
#texto-depoimneto-popup{font-style: italic;text-align: right; line-height: 26px}

.quote{position: relative;}
.quote img{ max-height: 25px;}
.open_quote{top: -8px;}
.close_quote{ top:-8px;}
.signature-item{margin-bottom: 20px;float: right;}
#depoimento-container {height: 670px; overflow: hidden; padding: 10px 5px 5px 5px;}
#depoimento-content {margin: 0px;margin-top: 10px; position: relative}
.depoimento{height:65px; vertical-align: middle;}
.depoimento-item{position:relative; height:115px; line-height: 25px;
                 -webkit-transition:all 2s linear;
                 -moz-transition:all 2s linear;
                 -ms-transition:all 2s linear;
                 -o-transition:all 2s linear;
                 transition:all 2s linear;
                 opacity: 1;
}
.depoimento-texto{font-style: italic;}
.depoimento-autor{font-weight: bold;}
.hide-item{opacity: 0;}
.home-testimonials-mais{cursor: pointer;float: right;margin-top: -3px;}
/*FIM SEC.HDe*/

/*ORGANIZAR Menu infos e serviços*/
#menuFixed{width: 225px;}
.menuFixed{top: 190px; position: fixed;}

/*SEC.MPI Menu Página infos*/
.sideMenu li{
    list-style: none;
    margin-bottom: 25px;
    padding: 5px 5px 5px 10px;
}
.sideMenu .active{
    height: 25px;
    width: 250px;
    background-color: #497EC3;
    -webkit-box-shadow: 0px 3px 11px rgba(0, 0, 0, 0.4);
    -moz-box-shadow:    0px 3px 11px rgba(0, 0, 0, 0.4);
    box-shadow:         0px 3px 11px rgba(0, 0, 0, 0.4);
}
.sideMenu .active a{color:white;font-weight: bold;}
/*FIM SEC.MPI*/

/*SEC.PFP: Formsa de Pagamento*/
.banco-img{margin-bottom: 15px; text-align: center}
.banco-content li{ list-style: none;}
.item-banco{font-weight:bold}
#observacao-content,#consideracoes-iniciais-cartao,#avista-content{text-align: justify}
#simulacao-content li{list-style: none }
#bandeiras-img{text-align: center}
#avista-img{text-align: center;}
/*FIM SEC.PFP*/

/*ORGANIZAR SEC.CT Contact*/
ul.contact-info .icon {font-size:20px;line-height:25px;margin-bottom: 11px;}
ul.contact-info .field {vertical-align: top}
ul.contact-info {list-style:none;}
ul.contact-info li{margin: 0px;}
#contato-box{width: 320px;}
/*FIM SEC.CT*/


#info-list {list-style: none;}

/*SEC.PAP: Página Papel*/
.papel-content ul{list-style: none;}
.papel-content{ position: relative;padding-left: 10px;text-align: justify;}
.papel-box h4{font-weight: lighter;}
.papel-box{
    box-shadow: rgba(0, 0, 0, 0.198039) 0px 1px 2px;
    padding: 5px 25px 15px 25px;
    margin-bottom: 10px;
    margin-right: 10px;
    background-color: #f9f6f2;
}
.papel-item{
    position: relative;
    margin-left: 10px;
    font-style: italic;
}
/*FIM SEC.PAP*/

/*SEC.PSe: Página serviços*/
/*.servico-content{margin-top: -5px;}*/
/*FIM SEC.Pse*/

/*SEC.PIG: Página Info Geral*/
#info-container{
    position: relative;
    padding-left: 2%;
    padding-right: 4%;
    /*  margin-top: -5px;*/
}
.info-content{
    position: relative;
    padding-left: 25px; 
    width: 95%;
}

.pagamento-box{position: relative;}
.producao-box{ position: relative; padding-left: 20px;}
.garantia-box{position: relative;}
.instrucao-box{position: relative;}
.glossario-box{ position: relative;}
/*FIM SEC.PIG*/

/*SEC.PCE: Página como solicitar e entrega*/
#how-to-order-img-fiorino{ width: 45%;}
.row-fluid .how-to-order-img-esquerda .img-polaroid, .row-fluid .how-to-order-img-direita .img-polaroid{ margin-top: 8px;}
.row-fluid .how-to-order-img-esquerda{float: left; width: 30%; margin-right: 27px;}
.row-fluid .how-to-order-img-direita { float: right;width: 30%; padding-left: 25px;}
/*FIM SEC.PCE*/

/*SEC.PGa: Página garantia*/
.row-fluid .img-direita-waranty{float: right;width: 32%;padding-left: 56px;}
#img-waranty{top: -20px;position: relative;}
#intro-waranty{position: relative;}
/*FIM SEC.PGa*/

/*SEC.PPD: Página processo de produção*/
.row-fluid .img-direita-production{ float: right; width: 42%;padding-left: 40px;}
.row-fluid .img-esquerda-production{float: left;width: 40%; padding-right: 81px;}
/*FIM SEC.PPD*/

/*SEC.PAA: Páginas avisos*/
.row-fluid .img-esquerda-notice{
    float: left;
    width: 60%;
    padding-right: 10px;
    padding-left: 35px
}
.row-fluid  .text-esquerda-notice{
    width: 30%;
    float: right;
    padding-right: 15px;
}
.row-fluid .notice-box{
    -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 3px;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 3px;
    border: 1px solid #f9f4ea;
    border-radius: 3px;
    margin-bottom: 15px;
    margin-left: 25px;
    background-color: #FDFDFD; /*#f9f4ee; /*#f6eee4;*/
    width:35%;
    height: 300px;
    float:left;
}
.row-fluid .notice-box:hover{
    border: 1px #bbb solid;
    cursor: pointer;
}
.row-fluid .notice-container{
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.row-fluid .notice-title{
    height: 15px;
    width:100%;
    margin-top: -10px; 
    margin-bottom: 25px;  
    position:relative;
    text-align:  center;
}
.row-fluid #notice-data{ float: right;}
/*FIM SEC.PAA*/

/*SEC.PEr Página Erro*/
#erro{width: 50%; position: relative; left: 25%;}
#erro-content{
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
/*FIM SEC.PEr*/

/*SEC.PIn: Página Institucional*/
.about-box-container{/*width: 50%;*/}
.about-box-container .about-box-content { width:100%;}
.about-box-container .about-box-content ul li{ line-height: 23px;}
.parte1-content, .parte2-content{ float: right;}
.parte1-content img{ margin-top: -2px;}
.parte2-content img{ margin-top: -4px;}
.parte2-content{ display: none;}
.parte1-content:hover, .parte2-content:hover{ text-decoration: none}
#gestao-parte2-content, #historia-parte2-content, #manifesto-parte2-content{ display: none;}
/*FIM SEC.PIn*/

/*SEC.PDe: Página depoimentos*/

#depoimento-box-container{
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    top: -22px;
    position: relative;
}
#depoimento-box-container .depoimento-box h5{font-weight: 500;}
#depoimento-box-container .depoimento-box{
    float: left;
    width: 200px;
    margin-right: 0.8%; 
    margin-left: 0.8%; 
    position: relative;
    text-align: center;
    height: 150px;
}
#depoimento-box-container .depoimento{height:130px; vertical-align: middle; margin-top: 5px; width: 211px;    margin-left: -6px;}
#depoimento-box-container .home-testimonials-mais{margin-top: -20px; margin-right: -13px}
#depoimentos-pagination-top{margin-bottom: 5px;margin-top: 5px}
#depoimentos-pagination-bottom{margin-bottom: 0px;margin-top: -14px}
#depoimentos-pagination-label{color:#497EC3}
/*.depoimentos-pagination-arrow {font-weight: 900; font-size: 16px}*/
.depoimentos-pagination{margin-right: 15px;z-index: 19;position: relative;float: right;}
.depoimentos-pagination a{margin-left: 3px;margin-right: 3px;}
.depoimentos-pagination a:hover{text-decoration: none}
.depoimentos-pagination a.active-link{font-weight: 900; font-size: 22px}
/*FIM SEC.PDe*/

/*SEC.PCo: Página Contato*/
#img-message-box{position: relative;
                 vertical-align: middle;
                 display: table-cell;
                 min-width: 30px;
}
#text-message-box {position: relative;
                   vertical-align: middle;
                   display: table-cell;
                   width: 100%;
                   padding-left: 3px;
                   text-align: center;
                   padding-right: 7px;
}
#close-message-box {padding-right: 5px;
                    font-size: 18px;
                    cursor: pointer;
                    vertical-align: middle;
                    display: table-cell;
}
#message-box{display: none; font-weight: 600; font-size: 13px;
             -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 2px;
             -moz-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 2px;
             box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 2px;
             border: 1px solid #f9f4ea;
             border-radius: 3px;
             background-color: #eee;
}
#form-box{position: relative;}
#form-box #message{height: 247px}
#text-form-box{margin-top:5px; margin-bottom: 15px;}
#message-box-note{float: left; font-size: 13px;}
.error-input,  input[type="text"].error-input{border:1px solid red;}
#contact-horario{font-size: 12.5px}
/*FIM SEC.PCo*/

/*SEC.PaL: Página de Login*/
#login{
    height: 200px;
    width: 200px;
    position: absolute;
    transform: translate(-50%, -50%);
    top:45%;
    left:50%;
}
/*FIM SEC.PaL*/