@font-face{font-family:'BebasNeueRegular';src:url('BebasNeue-webfont.eot');src:url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),url('BebasNeue-webfont.woff') format('woff'),url('BebasNeue-webfont.ttf') format('truetype'),url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg');font-weight:normal;font-style:normal;}
*{margin:0;padding:0;text-decoration:none;border:none;position:relative;box-sizing: border-box;}
body{background:url(../images/bg-up.jpg) repeat-x 0 -43px #F2FBFF;font:11px Verdana,Arial normal;}
a,a:visited{color:#06C;}
a:hover,a:active{text-shadow:2px 2px #fff;}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:inline-block;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}
.bt{background:#06C;color:#fff;font-size:11px;padding:4px 20px;border-radius:3px;cursor:pointer;}
.bt:hover{box-shadow:0 0 8px #666;}
.wrap{width:900px;margin:0 auto;position:relative;}
.box{border:1px solid #38AED6;background:#fff;font:11px Verdana,Arial normal;padding:3px;color:#333;width:100%;border-radius:3px;}
.box:hover{box-shadow:0 0 8px #ccc;}
.ta-r{text-align: right;}
.ta-c{text-align: center;}
.ta-l{text-align: left;}
.va-t{vertical-align: top;}
.va-m{vertical-align: middle;}
.va-b{vertical-align: bottom;}
.d-ib{display: inline-block;}
.d-b{display: block;}
.d-n{display: none;}
._submit{background: #06C;color: #fff;font-size: 14px;padding: 5px 30px;border-radius: 3px;cursor: pointer;}
#mensagem-top{color:#2B73A3;font:22px 'BebasNeueRegular',Arial normal;clear:both;text-align:center;letter-spacing:2px;}
#all{width:900px;margin:0 auto 20px;position:relative;}
#up{height:70px;background:#2b73a3;color:#fff;width:900px;margin:0 auto;position: relative;}
#up a{float:left;padding:5px 43px;margin:33px 0 0;color:#fff;font-size: 22px;border-bottom:5px solid transparent;border-radius:6px 6px 0 0;}
#up a:hover{border-bottom:5px solid #0e5584;text-shadow:1px 1px #333;box-shadow:0 0 9px #276b98;}
#up .logo{float:left;margin:18px 0 0;padding:0;height:280px;position: relative;z-index: 1;}
#up .logo:hover{border:none;box-shadow:none;text-shadow: none;}
#miolo{padding-top:20px;color:#444;text-align:justify;float:right;width:700px;font-size:12px;margin-bottom:20px;}
#miolo ul{list-style:square;margin:10px 0 0 20px;line-height:25px;}
#miolo ul.clientes{display: flex;flex-wrap: wrap;}
#miolo ul.clientes li{display:inline-block;vertical-align:top;width:330px;}
#miolo ul.clientes li:before{width:0;height:0;border:5px solid transparent;border-left-color:#000;content:"";position:absolute;left:-12px;top:7px;}
#miolo .img-right{margin:0 0 0 10px;float:right;}
#miolo .title-left{text-align: left;font-size: 20px;}
#miolo .img-left{margin:0 10px 0 0;float:left;}
#miolo .contato{width:80%;}
#miolo .contato td{}
#miolo .cliente-thumb{border-radius:5px;box-shadow:0 0 5px #ccc;background-color:#e8eff3;padding:8px;margin-top:20px;}
#miolo .cliente-thumb img{float:left;margin-right:10px;box-shadow:0 0 3px #ccc;}
#miolo .cliente-thumb p{}
#miolo .bts a{float:left;width:250px;text-align:center;background:#06C;color:#fff;padding:15px 0;border-radius:10px;margin:10px 45px;}
#miolo .bts a:hover{box-shadow:0 0 10px #666;text-shadow:1px 1px #666;}
#miolo .bt-voltar{width:74px;clear:both;margin:20px 0 0 -37px;float:left;position:relative;left:50%;}
#miolo .phrase-bold{font-weight: bold;}
#miolo.home p{margin-bottom:10px;}
#miolo.home .sub-slide{font-size: 20px;}
#miolo.home .sub-slide-num{font-size: 32px;font-style: italic;word-spacing: 2px;display: block;padding-bottom: 12px;}
#banner{overflow:hidden;position:relative;width:700px;height:380px;background:#F2FBFF;font-weight:bold;margin-bottom:15px;}
#banner .child{position:relative;width:700px;height:380px;text-align:center;}
#banner .child .descricao{position:absolute;width:100%;background:#000;color:#fff;padding:10px 0;bottom:0;left:0;}
#banner .child .descricao span{padding:10px;}
#cesta{position:absolute;top: 253px;left: 4px;}
#down{position:relative;background:#2b73a3;margin:20px auto 0;clear:both;}
#down *{box-sizing: border-box;}
#down .address{width: 690px;padding: 10px 0;}
#down .subtitle{display: block;}
#down .down-list{width: 290px;float: left;margin: 5px 0 0;padding: 0 10px 0 15px;font-size: .8em;}
#down .down-list li{list-style: none;padding-bottom: 4px;}
#down .social-link{font-size: 27px;width: 40px;height: 40px;display: inline-block;background-color: #fff;color: #2B73A3;border-radius: 100%;text-align: center;}
#down .social-link:before{line-height: 40px;}
#down .social-link:hover{text-shadow: none;background-color: #1B5073;color: #fff;}
#down .in{width:900px;padding:10px 0;margin:auto;display: flex;justify-content: space-between;}
#down .fb{margin:15px 0 0;}
#down .link{color:#fff;text-shadow:none;display:inline-block;}
#down .frase{white-space:nowrap;display:inline-block;top:-12px;position:relative;}
#down .fone{font: 18px/23px Arial, Helvetica normal;padding-top: 12px;color: #fff;width: 260px;float: left;}
#down .fone:before{content: '';float: left;margin-right: 16px;width: 33px;height: 80px;background-image: url(../images/logo_branco.png);background-repeat: no-repeat;background-size: contain;}
#down .policy{background-color: #fff;color: #2b73a3;text-align: center;padding: 5px 0;}
#down .policy-link{color: #2b73a3;}
#down .policy-link:hover{color: #06F;}
.copyright{color:#fff;text-align:center;padding: 10px;}
#frmContato label.error{color:#06C;width:auto;position: absolute;top: 3px;right: 2px;}
input.error{border:1px dotted #06C;}
.d-i{display: inline;}
#contato .pos-r{position: relative;margin-bottom: 5px;}
#contato h3{font-size: 12px;text-align: center;margin-bottom: 10px;margin-top: 30px;color: #666;font-weight: normal;}
#contato .blue{color: #2B73A3;font-weight: bold;}
#contato .radio-spacing{margin-left: 10px;}
#contato [type=text],#contato textarea{width: 408px;border: 1px dotted #06C;font:11px Verdana,Arial normal;padding: 3px;color: #333;border-radius: 3px;}
#contato [type=text].min{width: 202px;}
#contato [for=telCel]{width:110px;}
#contato textarea{height: 100px;resize:none;}
#contato .inline .auto{width: auto;margin-right: 20px;}
#micro .bandeiras{margin-top: 20px;margin-bottom: 20px;}
#micro .bandeiras a{width: 96px;height: 30px;border: 1px solid transparent;position: relative;padding-top: 50px;float: left;margin: 1px;background-color: #fff; text-align: center;font-size: 11px;text-shadow: none;background-position: 50% 8px;background-repeat: no-repeat;border-radius: 4px;cursor: pointer;}
#micro .bandeiras a:hover{background-color: #eee;}
#micro .bandeiras .active{border-color: #ddd;background-color: #eee;color: #555;}
#micro .bandeiras .open:before{content: url(../images/etiquetal-aberto.png);position: absolute;right: 0;top: 0;}
#micro .bandeiras .sp-baixada{background-image: url(../images/flags/sao-paulo-baixada.png);}
#micro .bandeiras .sp{background-image: url(../images/flags/sao-paulo.png);}
#micro .bandeiras .ac{background-image: url(../images/flags/acre.png);}
#micro .bandeiras .al{background-image: url(../images/flags/alagoas.png);}
#micro .bandeiras .ap{background-image: url(../images/flags/amapa.png);}
#micro .bandeiras .ms{background-image: url(../images/flags/mato-grosso-do-sul.png);}
#micro .bandeiras .am{background-image: url(../images/flags/amazonas.png);}
#micro .bandeiras .ba{background-image: url(../images/flags/bahia.png);}
#micro .bandeiras .ce{background-image: url(../images/flags/ceara.png);}
#micro .bandeiras .df{background-image: url(../images/flags/distrito-federal.png);}
#micro .bandeiras .es{background-image: url(../images/flags/espirito-santo.png);}
#micro .bandeiras .go{background-image: url(../images/flags/goias.png);}
#micro .bandeiras .ma{background-image: url(../images/flags/maranhao.png);}
#micro .bandeiras .mt{background-image: url(../images/flags/mato-grosso.png);}
#micro .bandeiras .mg{background-image: url(../images/flags/minas-gerais.png);}
#micro .bandeiras .pr{background-image: url(../images/flags/parana.png);}
#micro .bandeiras .pb{background-image: url(../images/flags/paraiba.png);}
#micro .bandeiras .pa{background-image: url(../images/flags/para.png);}
#micro .bandeiras .pe{background-image: url(../images/flags/pernambuco.png);}
#micro .bandeiras .pi{background-image: url(../images/flags/piaui.png);}
#micro .bandeiras .rj{background-image: url(../images/flags/rio-de-janeiro.png);}
#micro .bandeiras .rn{background-image: url(../images/flags/rio-grande-do-norte.png);}
#micro .bandeiras .rs{background-image: url(../images/flags/rio-grande-do-sul.png);}
#micro .bandeiras .ro{background-image: url(../images/flags/rondonia.png);}
#micro .bandeiras .rr{background-image: url(../images/flags/roraima.png);}
#micro .bandeiras .sc{background-image: url(../images/flags/santa-catarina.png);}
#micro .bandeiras .se{background-image: url(../images/flags/sergipe.png);}
#micro .bandeiras .to{background-image: url(../images/flags/tocantins.png);}
#micro .info-micro{padding: 20px;background-color: #eee;display: none;margin-top: 20px;border-radius: 4px;border: 1px solid #ddd;position: relative;}
#micro .uf-name{font-size: 20px;font-family:'BebasNeueRegular';}
#micro .city-name{font-size: 12px;margin-top: 5px;}
#micro .descript{font-size: 11px;}
#micro .close-info-micro{position: absolute;right: 5px;top: 5px;color: #fff;background-color: #c00;width: 16px;height: 16px;line-height: 14px;font-weight: bold;border-radius: 20px;font-style: normal;text-align: center;cursor: pointer;}
#form .mintitle{color: #2b73a3;font-size: 12px;font-family: Verdana, Arial;font-weight: bold;}
#form ._text{width: 697px;float: left;padding: 7px;background-color: #e4e4e4;color: #666;border: 1px solid #b5b5b5;-moz-box-sizing: border-box;box-sizing: border-box;border-radius: 3px;margin-bottom: 2px;margin-right: 3px;}
#form .input-med{width: 347px;}
#form .input-min{width: 230px;}
#form ._text:focus{background-color: #fff;}
#form .block{margin-bottom: 20px;}
#form label{position: relative;float: left;background-color: #e4e4e4;border-top: 1px solid #b5b5b5;border-right: 1px solid #b5b5b5;}
#form .radio-col-2 label{width: 240px;padding: 5px 10px 5px 15px;}
#form .radio-col-2 label:before{content: '°';position: absolute;top: 7px;left: 5px;}
#form .radio-col-2 .active{background-color: #fff;}
#form .radio-col-2 .active:before{content: '•';top: 5px;text-shadow: 0 0 5px #666;}
#form .radio-col-2 .bdl{border-left: 1px solid #b5b5b5;}
#form .radio-col-2 .bdb{border-bottom: 1px solid #b5b5b5;}
#form .radio-col-2 .first{border-radius: 3px 0 0 0;}
#form .radio-col-2 .first+.first{border-radius: 0 3px 0 0;}
#form .radio-col-2 .last{border-radius: 0 0 0 3px;}
#form .radio-col-2 .last+.last{border-radius: 0 0 3px 0;}
#form .inputs-radio [type=radio]{opacity: 0;position: absolute;right: 0;left: 0;}
#form .radio-single{width: 232px;float: left;}
#form .radio-single [type=radio]{position: absolute;left: 0;top: 0;opacity: 0;}
#form .radio-single label{padding: 3px 6px;border-bottom: 1px solid #b5b5b5;margin-bottom: 10px;}
#form .radio-single label:first-child{border-left: 1px solid #b5b5b5;border-radius: 3px 0 0 3px;}
#form .radio-single label:last-child{border-radius: 0 3px 3px 0;}
#form .radio-single .active{background-color: #fff;}
#form input, #form textarea{font-family: inherit;}
#form textarea{height: 100px;resize:none;}

/* Z-INDEX */
.formError { z-index: 990; }
.formError .formErrorContent { z-index: 991; }
.formError .formErrorArrow { z-index: 996; }
.ui-dialog .formError { z-index: 5000; }
.ui-dialog .formError .formErrorContent { z-index: 5001; }
.ui-dialog .formError .formErrorArrow { z-index: 5006; }

.inputContainer{position: relative;float: left;}
.formError{position: absolute;top: 300px;left: 300px;display: block;cursor: pointer;text-align: left;}
.formError.inline{position: relative;top: 0;left: 0;display: inline-block;}
.ajaxSubmit{padding: 20px;background: #55ea55;border: 1px solid #999;display: none;}
.formError .formErrorContent{width: 100%;background: #ee0101;position:relative;color: #fff;min-width: 120px;font-size: 11px;border: 2px solid #ddd;box-shadow: 0 0 6px #000;padding: 4px 10px 4px 10px;border-radius: 6px;}
.formError.inline .formErrorContent{box-shadow: none;border: none;border-radius: 0;}
.greenPopup .formErrorContent{background: #33be40;}
.blackPopup .formErrorContent{background: #393939;color: #fff;}
.formError .formErrorArrow{width: 15px;margin: -2px 0 0 13px;position:relative;}

.formError .formErrorArrowBottom{box-shadow: none;margin: 0px 0 0 12px;top:2px;}
.formError .formErrorArrow div{border-left: 2px solid #ddd;border-right: 2px solid #ddd;box-shadow: 0 2px 3px #444;font-size: 0px;height: 1px;background: #ee0101;margin: 0 auto;line-height: 0;font-size: 0;display: block;}
.formError .formErrorArrowBottom div{box-shadow: none;}
.formError .formErrorArrow .line10{width: 15px;border: none;}
.formError .formErrorArrow .line9{width: 13px;border: none;}
.formError .formErrorArrow .line8{width: 11px;}
.formError .formErrorArrow .line7{width: 9px;}
.formError .formErrorArrow .line6{width: 7px;}
.formError .formErrorArrow .line5{width: 5px;}
.formError .formErrorArrow .line4{width: 3px;}
.formError .formErrorArrow .line3{width: 1px;border-left: 2px solid #ddd;border-right: 2px solid #ddd;border-bottom: 0 solid #ddd;}
.formError .formErrorArrow .line2{width: 3px;border: none;background: #ddd;}
.formError .formErrorArrow .line1{width: 1px;border: none;background: #ddd;}

.cloud-words {display: flex;color: #fff;list-style-type: none;flex-wrap: wrap;align-items: center;justify-content: center;font-style: normal;padding: 0 24px;}
.cloud-words__item {padding: 0px 6px;}
.cloud-words__size-1 {font-size: 10px;font-style: italic;}
.cloud-words__size-2 {font-size: 16px;}
.cloud-words__size-3 {font-size: 14px;}
.cloud-words__size-4 {font-size: 19px;font-style: italic;}
.cloud-words__size-5 {font-size: 22px;}
.cloud-words__size-master {font-size: 26px;font-weight: bold;text-shadow: 0 0 12px #fff;}
.cloud-words__fix-1 {margin-left: -6px;}

.down-wrapper {width: 100%;max-width: 900px;margin: 0 auto;text-align: center;padding-left: 240px;}

.photos-team {
    display: flex;
    flex-wrap: wrap;
}
.photos-team__item {
    width: 33.3%;
}
.photos-team__item--full {
    width: 100%;
}
.photos-team__item img {
    width: 100%;
}

.portfolio {
    margin-top: 24px;
}
.portfolio__heading {
    font-size: 18px;
    padding-bottom: 8px;
    padding-top: 16px;
    display: flex;
    align-items: center;
    color: #366fa0;
}
.portfolio__heading:after, .portfolio__heading:before {
    content: '';
    border-top: 1px solid #ddd;
    width: calc(100% - 8px);
}
.portfolio__heading:before {
    margin-right: 8px;
}
.portfolio__heading:after {
    margin-left: 8px;
}
.portfolio__list {
    display: flex;
    flex-wrap: wrap;
}
.portfolio__item {
    width: 50%;
    padding-bottom: 16px;
}
.portfolio__item:nth-child(odd) {
    padding-right: 6px;
}
.portfolio__item:nth-child(even) {
    padding-left: 6px;
}
.portfolio__content {
    padding: 8px;
    border-radius: 8px;
    margin: 0;
    height: 100%;
    display: flex;
    background-color: #fff;
    box-shadow: 0 0 8px #ddd;
}
.portfolio__thumb {
    min-width: 128px;
    max-width: 128px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}
.portfolio__img {
    width: 100%;
}
.portfolio__text {
    padding-left: 12px;
    text-align: left;
}

@media (max-width: 900px) {
    #up{width: 100%;text-align: center;z-index: 2;}
    #up a:not(.logo){display: none;background-color: #2b73a3;margin: 0;width: 100%;text-align: center;border-radius: 0;}
    #up img{width: 36px;height: auto;margin: 5px;}
    #up .logo{height: auto;float: none;}
    #up:before{right: auto;left: 25px;top: 305px;width: 130px;height: 130px;}
    #cesta{display: none;}
    #all{width: 100%;}
    #miolo{width: 100%;padding: 0 16px;}
    #banner{width: 100%;height: 190px;}
    #banner .child{width: 100%;}
    #banner img{width: 100%;height: auto;}
    #down .address{display: none;}
    #down .fone{text-align: center;width: 100%;}
    #down .fone:before{content: none;}
    #down .in{width: 100%;}
    .wrap{width: 100%;}
    #miolo .cliente-thumb img{width: 100%;height: auto;margin-bottom: 12px;}
    [src="images/equipes.jpg"]{width: 100%;}
    #form .radio-col-2 label{width: 100%;}
    #form ._text{width: 100%;}
    .menu-burger{
        position: absolute;right: 10px;top: 14px;height: 40px;width: 50px;border-radius: 6px;border: 1px solid #fff;
        background-image: linear-gradient(
            to bottom,
            transparent 0px,
            transparent 5px,
            white 5px,
            white 10px,
            transparent 10px,
            transparent 16px,
            white 16px,
            white 21px,
            transparent 21px,
            transparent 27px,
            white 27px,
            white 32px,
            transparent 32px
        );
        background-size: 34px 100%;
        background-repeat: no-repeat;
        background-position: 7px 0;
    }
    .down-wrapper {padding-left: 0;}
    .portfolio__item {width: 100%;}
    .portfolio__item:nth-child(odd) {
        padding-right: 0px;
    }
    .portfolio__item:nth-child(even) {
        padding-left: 0px;
    }
}