/* POSSAMAI */
.hidden { display: none; }
textarea { resize:none; }
.hide { display: none; }
.both { clear:both; }
.right { float: right !important; }
.left { float: left !important; }
.m-0 { margin: 0px !important;}
.mb-10 { margin-bottom: 10px !important;}
.mb-15 { margin-bottom: 15px !important;}
.mb-25 { margin-bottom: 25px !important;}
.mb-50 { margin-bottom: 50px !important;}
.mt-0 { margin-top: 0px !important; }
.mt-15 { margin-top: 15px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-50 { margin-top: 50px !important; }
.mr-5 { margin-right: 5px !important;}
.mr-10 { margin-right: 10px !important;}
.mr-20 { margin-right: 20px !important;}
.mr-30 { margin-right: 30px !important;}
.ml-10 { margin-left: 10px !important;}
.ta-c { text-align: center !important; }
.red { color: #b94a48; }
.bold { font-weight: bold;}
.p-rel {position: relative !important;}
.p-20 { padding: 20px !important; }
.pb-0 { padding-bottom: 0px !important; }
.pr-0 { padding-right: 0px; }
.va-m { vertical-align: middle !important; }
.nop { padding: 0px !important; }
.w-250 { width: 250px !important;}
.w100 { width: 100px !important; }
.w-100p { width: 100% !important; }
.h-100p { height: 100% !important; }
.b-n { border: none !important; }
.fs-16 { font-size:16px; }

h1, h2, h3, h4 h5, h6 { font-weight: 700; }

#captcha_image { width: 70%; }
#btn_reload_captcha { width: 30%; padding: 10px 0px; border-radius: 0px; border: 0px; }
input[name$="[captcha]"] { border-radius:0px;}
button { border:0px; }
.ui-widget-overlay { z-index: 10000; }
.ui-widget.ui-widget-content { z-index: 10001; }
button.ui-dialog-titlebar-close .ui-button { background-image: url("images/ui-icons_2694e8_256x240.png"); }

form label { font-size:16px; color: #044d84; font-weight: 900; margin-bottom:0px; }
form .form-control { height:calc(1.5em + .75rem + 14px); }
form textarea.form-control { height: 160px; }

.error { color: #b94a48; }
.form-control.cpf,
    .form-control.renavam,
    .form-control.placa,
    .form-control.telefone { letter-spacing: 2px; text-transform: uppercase; }    
input.error { border: 1px solid #b94a48 !important; }

body { background-color: #e6f1f9; color:#000; font-family: 'Montserrat';
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;  
}
body.interna { padding-top: 99px; border-radius: 0px; }
body.interna header { background:none; background-color: #044d84; height: auto; padding:10px 0px; }
body.interna header .logo img { filter:brightness(0%) invert(); }
body.interna header .container .row { padding: 10px 0px; height:auto; }
body.interna header .navbar-nav .nav-link.c-theme { color:#FFF !important; }

td.auto-width { width: 1px; white-space: nowrap; }

.button_fixed { position: fixed; bottom: 20px; right: 20px; }
.button_fixed a { display:inline-block; text-align:center; }
.button_fixed a .fa-whatsapp-square {color: #044d84;	font-size: 3em;	background: #FFF; line-height: 32px; }

.owl-carrousel { position:relative; z-index:0; width: 100%; }
.owl-carrousel .owl-nav { position:absolute; width:100%; height: 100%; }
.owl-carrousel .owl-stage { z-index: 1; display: flex; align-items: center; }
.owl-carrousel .owl-nav { position: absolute;	width: 100%; height: 100%; top: 0px;}
.owl-carrousel .owl-nav button { background: url('../../img/site/setas.png') no-repeat center 0px !important; z-index: 999; width: 36px; padding: 0px; height: 36px; border: 0px; margin:20px; }
.owl-carrousel .owl-nav button span { display: none; }
.owl-carrousel .owl-nav button.owl-next { background-position: center -36px !important; }


a { color:#044d84; display:inline-block; }
a:hover { color:#000; text-decoration: none; }
.btn-lg { display: inline-block; font-size: 26px; padding: 7px 40px; border-radius: 17px; font-weight: 900; display: inline-block; text-align: center; margin: 10px; }
.btn-lg-2 { display:inline-block; font-size: 24px; padding: 14px 80px; border-radius: 22px; font-weight: 900; }
.btn-lg-3 { display: inline-block; font-size: 40px; padding: 20px 50px; border-radius: 50px; font-weight: 900; }
.bg-theme { background-color: #044d84; }
.btn-theme { background-color: #044d84; color: #FFF; border-radius: 15px; }
.btn-theme:hover { filter: brightness(70%); color: #FFF; }
.btn-theme-2 { background-color: #009ee2; color: #FFF; font-weight: 800; }
.btn-theme-2:hover { filter: brightness(85%); color: #FFF; }
.btn-white { background-color: #FFF; color: #044d84; }
.c-theme { color: #044d84 !important;  }
.bg-flor-cinza { background: url('../../img/site/bg_interno.png') no-repeat top center; }

.btn-effect a { position: relative; }
.btn-effect a:not(.btn-1):not(.btn-2)::after { position: absolute; bottom: 0px; left: 0; width: 100%; height: 4px; background: rgba(118,196,234,1); content: ''; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); }
.btn-effect a:not(.btn-1):not(.btn-2):hover::after,
    .btn-effect a:not(.btn-1):not(.btn-2):focus::after { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); }
header .btn-effect a:not(.btn-1):not(.btn-2)::after { background: rgba(118,196,234,1); }

.button_fixed { position: fixed; bottom: 20px; right: 20px; }
.button_fixed a { display:inline-block; text-align:center; }
.button_fixed a .fa-whatsapp-square { color: #044d84;	font-size: 3em;	background: #FFF;	line-height: 32px; }

section.banner .owl-carousel .item a { display:block; position:relative; }
section.banner .owl-carousel .item a .fa-play { position: absolute; top: 50%; transform: translate(-50%, -50%); left: 50%; font-size: 50px; color: #044d84; }


/* SITE */
header { position: fixed; width: 100%; z-index: 10000; top: 0px; background-color:#FFF; padding: 10px 0px; }
/* header .container .row { padding:10px 0px; } */

header .navbar-nav .nav-link i.fa-whatsapp { font-size:22px; vertical-align:middle; }
header .navbar-nav .nav-link { padding: 4px 10px !important; font-size: 14px; color: #000; margin-right: 15px; text-transform: uppercase; font-weight: 800; }
header .navbar-nav .nav-link.btn-1 { background-color: #009ee2; color:#FFF; border-radius: 20px; }
header .navbar-nav .nav-link.btn-2 { background-color: #0bf9ff; color:#000; border-radius: 20px; }
header .navbar-nav .nav-link.btn-1:hover,
    header .navbar-nav .nav-link.btn-2:hover { filter: brightness(85%); }


.navbar-toggler { background-color: #FFF;  padding: 10px 5px; /* border: 1px solid #044d84; */ }
.navbar-toggler .navbar-toggler-icon { background-color: #044d84; display: block; width: 30px; height: 4px; margin-bottom: 5px; border-radius: 10px; }
.navbar-toggler .navbar-toggler-icon:last-child { margin-bottom: 0px; }

footer { background-color: #e6f1f9; padding: 20px 0px 40px; color: #FFF; font-size: 16px; }
body.minha_conta header { border-bottom: 8px solid #ececec; }
body.minha_conta footer { background-color: #fff; }
body.interno footer { background: #FFF; }
footer a { color:#FFF; }
footer span { font-size:15px; font-weight: 900; }
footer .menu {padding:10px 0px; }
footer .contato {padding:20px 0px; }
footer .contato .address { text-align:right; }
footer .contato .fone { font-weight: 900; padding-left: 120px; min-height: 100px; display: flex; align-items: center; background: no-repeat center left; }
footer .contato .fone p { margin:0px;}
footer .contato .fone a { display:inline-block; color: #FFF; }
footer .contato .address a i.fa-whatsapp { background-color: #FFF; color: #044d84; border-radius: 50%; padding: 3px; text-align: center; font-size: 12px; }
footer ul.nav li a { font-size: 14px; color:#FFF; padding:10px 5px; margin-right:30px; }
footer ul.nav li a i.fa-whatsapp { font-size:22px; vertical-align:middle;}
/* footer ul.nav li a:hover { color:#044d84; } */
footer .social-link { text-align: right; }
footer .social { padding:20px 0px; display:inline-block; }
footer .social i { color: #fff; padding: 0px 3px; border-radius: 20px; font-size: 34px; text-align: center; font-weight: normal; }
footer .social a:hover {font-weight: normal; }
footer .social a:hover i.fa-whatsapp { color:#075e54; }
footer .social a:hover i.fa-facebook { color:#3b5998; }
footer .social a:hover i.fa-instagram { color:#fd1d1d; }
footer .social a:hover i.fa-youtube { color:#ff0000; }
footer .social a:hover i.fa-linkedin { color:#0077b5; }
footer .info { padding-left:30px; border-left: 1px dashed #fff;  font-size:15px; font-weight: 900; }
footer .copy { font-size:10px; margin: 80px 0px 20px; }

section.breadcrumb { background-color: #cccccc; color: #FFF; padding: 30px 0px; border-radius: 0px; }

.wrapper { background-color: #e6f1f9; min-height: 300px; padding:130px 0px 0px; }
body.minha_conta .wrapper { background-color: #fff; margin-top:50px; }
body.interno .wrapper { background: #FFF; }

.home .box { position: relative; padding:20px 0px; background-color: #FFF; border-radius: 40px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); display: block; width: 100%; margin-bottom: 50px; }
.home .box .divider { display: block; width: 100%; height: 1px; border-bottom: 2px solid rgba(0, 0, 0, 0.13); box-shadow: 0px 3px 8px 1px rgba(0, 0, 0, 0.3); margin: 30px 0px 20px; }
.home .box .faixa { position: absolute; display: block; top: 0px; left: 0px; background: url('../../img/site/faixa_topo.png') 0px 0px no-repeat; width: 200px; height: 53px; }
.home .box h2 { font-weight: 800; color: #000; font-size:24px; line-height:20px; text-transform: uppercase; text-align: center; margin-bottom: 40px; }
.home .box h3 { color: #666666; font-size:26px; }
.home .box .text-left small { font-weight: 800; font-size: 16px; }
.home .box .text-left h2,
    .home .box .text-left h3 { text-align: left; }
.home .box.title_page { padding:0px; }
.home .title_page h1 { background-color: #34a8e0; color: #FFF; border-radius: 100px 0px 350px 100px; display: inline-block; font-size: 22px; padding: 14px 50px; margin: 0px; box-shadow: 10px 1px 25px rgba(0, 0, 0, 0.3); }
.home .box .bloco { padding: 20px 0px; position:relative; }
.home .box.etapa_categoria .links .item { margin-bottom: 20px; }
.home .box.etapa_categoria .links .item a { width: 100%; text-align: center; border-radius: 20px; padding: 7px 13px; font-size: 16px; text-transform: uppercase; }
.home .box.etapa_categoria .links .item a.active { background-color: #044d84; color:#FFF; }
.home .box.etapa_categoria .links .item a.small { font-size: 14px; line-height: 16px; }
.home .box.etapa_dados { padding-bottom: 10px 0px 0px; }
.home .box.etapa_dados .form-control { text-transform: uppercase; border: 0px; height: auto; font-size: 20px; font-weight: 800; padding: 0px; }
.home .box.etapa_dados .horario { border-radius:20px; padding:4px 5px 4px 16px; font-size: 14px; border:2px solid #e6f1f9; max-width: 300px; }
.home .box.etapa_dados .horario span { color:red; font-weight:800; }
.home .box.etapa_dados .horario a.btn { background-color: #044D84; color:#FFF; border-radius:20px; font-size:12px; font-weight: 800; padding: 4px 20px; }
.etapa_upload .lista_docs { background: url('../../img/site/flecha.jpg') no-repeat left top; padding-left: 30px; margin-top:10px; }
.etapa_upload .recomendavel { font-size:16px; font-weight: 800; text-transform: uppercase; }
.etapa_upload .btn_download { position: relative; padding: 10px; text-transform: uppercase; line-height: 20px; padding-left: 40px; background-color: #1d70b7; color: #FFF; font-size: 16px; font-weight: 800; display: inline-block; border-radius: 12px; margin-left: 40px; }
.etapa_upload .btn_download:after { content:''; display: inline-block; position: absolute; width:100px; height: 100px; left: -55px; top: -10px; background: url('../../img/site/btn_download_verde.png') no-repeat center center; }
.etapa_upload .dropzone { min-height: 105px; border: 1px solid #1d70b7; padding: 0px; border-radius: 10px;}
.etapa_upload .dropzone .dz-message { margin: 0px; width: 100%; display: block; padding: 20px 0px; } /*height: 100%; */
.etapa_upload .dropzone.dz-started .dz-message {display: none;}

.home .box_conclusao h4 { font-weight: 800; text-transform: uppercase; font-size: 20px; }

.home .etapa2 { display: none; }
.home .etapa2 .bloco .circle { position: absolute; display: block; top: 0px; left: -90px; padding: 13px 15px; background-color: #34a8e0; min-width: 50px; min-height: 50px; border-radius: 50px; text-align: center; }
.home .etapa2 .bloco .circle.success { background-color: #2dab66; }
.home .etapa2 .bloco .circle i { font-size: 24px; text-align: center; color: #FFF; line-height: 18px; }
.home .etapa2 .bloco .circle h2 { text-align: center; color: #FFF; margin: 0px; font-size:34px; }
.home .etapa2 .box small { font-size: 14px; font-weight: normal; }

.home.minha-conta .busca_agendamentos  { }
.home.minha-conta .busca_agendamentos .box { padding:50px 0px 20px; margin-bottom:0px; }
.home.minha-conta .busca_agendamentos ul li a { font-weight:800; }
.home.minha-conta .busca_agendamentos a.btn-primary { background-color: #009ee2; color:#FFF; border-radius: 20px; }

.header-minha-conta { background-color: #1d70b7; padding:40px 0px; margin-bottom:50px; text-align:center. }
.header-minha-conta h2 { color:#FFF; font-weight: 800; font-size:24px; }

ul li {margin:0px; font-weight: 800;}
.home.minha-conta .wizard { background-color: #E4F0F8; border-radius: 30px; padding: 100px 50px; }
.home.minha-conta .wizard a { font-size: 14px; font-weight: 800; display: inline-block; margin: 10px; border-radius: 20px; }
.home.minha-conta .wizard ul li { line-height: 16px; }
.home.minha-conta .wizard ul li.linha { width: 28%; height: 5px; margin: 0px; z-index:1; }
.home.minha-conta .wizard ul li.linha.cinza { background-color: #b1b1b1;  }
.home.minha-conta .wizard ul li.linha.verde { background-color: #22c610;}
.home.minha-conta .wizard ul li.linha.laranja { background-color: #F3D10D;}
.home.minha-conta .wizard ul li .bola { min-width: 70px; text-align: center; font-size: 28px; border-radius: 37px; padding: 20px 20px; margin: 0px; z-index: 5; display:inline-block; min-height: 70px; }
.home.minha-conta .wizard ul li .bola.cinza { background-color: #b1b1b1; }
.home.minha-conta .wizard ul li .bola.verde { background-color:#22c610; color:#229611;}
.home.minha-conta .wizard ul li .bola.laranja { background-color:#F3D10D;color:#fff;}
.home.minha-conta .wizard ul li .bola.vermelho { background-color:#c10618;color:#fff;}
/* .home.minha-conta .wizard ul li:nth-child(odd) { width:310px; text-align: center; } */
.home.minha-conta .horario { font-weight: 800; text-align: center; margin: 40px auto; }

.home.minha-conta .downloads { margin-top:50px; }
.home.minha-conta .downloads h4 { font-weight: 800; }
.home.minha-conta .downloads a { border-radius: 20px; font-weight: 800; }
.home.minha-conta .downloads a strong { line-break: anywhere; }


.topo { background: url('../../img/site/bg_topo.jpg') no-repeat center center; padding: 65px 0px; margin-bottom: 50px;}
.topo h1 { margin:0px; color:#FFF; font-size: 30px; text-align: center; text-transform: uppercase; }

.page_orcamento .wrapper {  padding:100px 0px 0px; }
.home.orcamento .box { border-radius: 20px; margin-bottom: 20px; }
.home.orcamento .box .bloco { padding: 20px 100px; }
.home.orcamento .box.etapa_dados .form-group { margin-bottom: 20px; }
.home.orcamento .box.etapa_dados .form-control { background-color: #e6f1f9; color: #000; border-radius: 16px; padding: 10px 30px; font-size: 16px; }
.home.orcamento .etapa2 { display: block; position:relative; }
.home.orcamento .etapa2 #div_block { display: flex; align-items: center; position: absolute; width: 100%; height: 100%; background-color: rgba(255,255,255,0.8); color: #000; z-index: 500; justify-content: center; border-radius: 20px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); }
/* .home.orcamento .etapa2 .etapa_upload { display: none; } */

.home.orcamento .box.etapa_dados .custom-file-input { background-color: #e6f1f9; color: #000; border-radius: 16px; }

.formulario .print-doc { position: absolute; top: 110px; z-index: 999; width: 100%; clear: both; }
.formulario .print-doc img { border:4px solid #FFF; display:none; border-radius: 20px; }
.formulario .print-doc img#img_doc_placa,
    .formulario .print-doc img#img_doc_renavam { margin-top: -50px; }
/* .formulario .print-doc img:first-child { float: left; }
.formulario .print-doc img:last-child { float: right; } */
.formulario .print-doc img.active { border:4px solid #FFF; display:inline-block; }



/*screen-xs*/
@media (max-width: 576px) {
    .topo h1 { font-size: 25px; }
    .home .box .faixa { background: none #FFF; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); color: #009ee2; text-transform: uppercase; text-align: center; font-weight: 800; left: 50%; transform:translateX(-50%); top: -20px; border-radius: 50px 0px 50px; height: auto; font-size: 16px; padding: 4px 0px; }

    .page_orcamento .wrapper { padding: 0px; }
    .page_orcamento .wrapper .topo { padding-top: 45px; margin-bottom: 0px; }
    .home.orcamento .box .bloco { padding: 20px; }
    
    .xdsoft_scrollbar { display: none;}
    .xdsoft_datetimepicker .xdsoft_datepicker,
        .xdsoft_datetimepicker .xdsoft_timepicker { width: 100%; margin:0px; }
    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
        .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next { display: none;}
    .xdsoft_datetimepicker .xdsoft_time_variant { text-align:center; margin-top: 50px !important; position:relative; }
    .xdsoft_datetimepicker .xdsoft_time_variant::after { display: block; content: 'Horários'; text-align: center; font-weight: 800; text-transform: uppercase; position: absolute; top: -40px; width: 100%; left: 0px; font-size: 22px; }
    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box { margin-top: 30px; }
    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div { float: none; display: inline-block;}
    
    .home .box.etapa_dados .lista_docs { background:none; text-align: center; margin-bottom:30px !important; }
    .home .etapa2 .bloco .circle { display:none; }
    
    .formulario .print-doc { display:none !important; }

}

/*screen-sm*/
@media (max-width: 768px) {
    body { padding-top: 60px; }
    body.interno header { display: none !important; }

    .header-minha-conta { padding: 20px 0px; background: none; text-align: center; margin-bottom:0px; }
    .header-minha-conta h2 { color:#044d84; margin-bottom: 30px; }
    header ul.navbar-nav { padding: 15px 0px; }
    header .container .row { padding:5px 0px; }
    header .container .logo-mobile img { max-height: 40px; }

    header ul.navbar-nav { background-color: #FFF; border-radius: 10px; text-align: center; padding: 0px 10px; }
    header ul.navbar-nav .nav-link { color:#044d84;  margin:0px; margin-bottom:10px; }
    header ul.navbar-nav .nav-link:hover { color: #000; }

    body.interno .wrapper { padding-bottom: 0px; }
    footer .info { padding-left:0px; border-left: 0px; text-align: center; margin-top:20px; }
    footer ul.nav { justify-content: center; }
    footer .social-link { text-align: center; }
    footer .contato .fone { background: no-repeat 25px center; padding-left: 140px; margin-bottom:20px; }
    footer .contato .address { text-align:center; margin-top: 50px; }
    section.conteudo .content { margin-bottom: 40px; }

    .home.minha-conta .box { background-color: #e6f1f9; padding:50px 20px; }
    body.minha_conta .home.minha-conta .box { background-color: #fff; margin-top: 150px; margin-bottom:0px; }
    .home .box.title_page { background: none; box-shadow: none; margin-bottom: 30px; }
    .home .title_page h1 { background: none; color: #044D84; box-shadow: none; text-align: center; font-size: 30px; padding: 19px 20px; }
    .home .box #txt_tipo_agendamento { background-color: #2dab66; color: #fff; text-align: center; text-transform: uppercase; border-radius:20px; padding:10px 2px; font-size:16px; }    
    .home .box.etapa_dados { text-align: center; font-size: 12px; }
    .home .box.etapa_dados .form-control { background-color: #e6f1f9; font-size: 12px; color: #000; padding: 9px 14px; border-radius: 20px; }
    .home .box.etapa_upload .uploads .title .recomendavel { color: red; text-align: center; display: block; font-size: 16px;  }
    .home .box .text-left small { text-align: center; }
    .home .box .text-left h2,
        .home .box .text-left h3 { text-align: center; }

    .home .box_conclusao { text-align: center; }
    .home .box_conclusao .btn-submit { font-weight: 800; padding: 8px 40px; border-radius: 20px; margin-top: 20px; }
    .wrapper { padding:0px 0px 50px; }
    body.minha_conta .wrapper { margin:0px; }

    .home.minha-conta .wizard .row { margin-bottom: 10px; }
    .home.minha-conta .wizard .row .col-5 { display: flex; justify-content: center; }
    .home.minha-conta .wizard .row .col-7 { display: flex; align-items: flex-start; flex-direction: column; }
    .home.minha-conta .wizard .horario { margin-top: 50px; }
    .home.minha-conta .wizard .horario a { display: inline-block; font-size: 16px; font-weight: 400; border-radius: 15px; padding: 0px 20px; }
    .home.minha-conta .wizard .horario p { font-weight: 800; text-align:center; }
    .home.minha-conta .wizard .row h4 { font-size: 18px; }
    .home.minha-conta .wizard .row h4,
        .home.minha-conta .wizard .row h5 { font-weight: 400; }
}

/*screen-md*/
@media (min-width: 768px) and (max-width: 992px) {

}

/*screen-lg*/
@media (min-width: 992px) and (max-width: 1200px) {
    header { height: 170px; }
}

/*screen-xl*/
@media (min-width: 1200px) {

}
