@charset "utf-8";
@import url(reset.css);
@import url(fonts.css);
.menu #mLogin li a,
.menu #menu_carrinho ul a {
    font-size: 12px;
    display: block;
    text-align: center
}

.blur,
.menu .macc span,
.pdinfo .btBox span,
.send svg {
    pointer-events: none
}

body {
    font-family: open_sansbold;
    background: #f2f0ed
}

input,
select,
textarea {
    width: calc(100% - 15px);
    margin: 0 0 15px;
    outline: 0;
    border: 1px solid #d6d6d6;
    padding: 5px 5px 5px 10px;
    height: 30px;
    font-family: open_sansregular;
    border-radius: 5px;
    border-bottom: solid 3px #d6d6d6;
    font-size: 14px;
    color: #525150
}

select {
    height: 40px;
    width: 100%
}

.sHeader,
.sLogo {
    height: 60px!important
}

input:focus,
select:focus {
    border: 1px solid #b1b1b1;
    border-bottom: solid 3px #b1b1b1
}

input[type=submit] {
    width: 100%;
    background: #9c9a9c;
    color: #FFF
}

.wrap {
    margin: 0 auto;
    width: 1200px;
    position: relative
}

.clear {
    clear: both
}

.sHeader {
    line-height: 65px!important
}

.sLogo {
    width: 100px!important
}

header,
header #logo {
    transition: .3s;
    height: 90px
}

header {
    background: #FFF;
    display: block;
    position: fixed;
    z-index: 9999;
    width: 100%
}

header #logo {
    width: 150px;
    float: left;
    background: url(../images/chansign.png) center center no-repeat;
    background-size: contain
}

#header_line {
    width: 100%;
    margin: 0;
    display: block;
    background: #dedcd9;
    height: 1px;
    clear: both
}

.sProjeto {
    width: 20%;
    margin: 10px 0 0;
    display: block;
    float: left;
    position: static
}

.menu {
    float: right;
    height: 90px;
    transition: .3s;
    width: 63%
}

.menu a {
    color: #9c9a9c;
    text-transform: uppercase;
    font-size: 15px;
    display: block;
    margin: 0 0 0 40px;
    float: left;
    width: auto;
    line-height: 90px;
    transition: .3s
}

.menu .sec,
.menu a:hover {
    color: #d41217
}

.menu .sec {
    border-bottom: solid 1px #d41217
}

.menu ul {
    float: left
}

.menu ul #carrinho {
    width: 21px;
    height: 20px;
    background: url(../images/icon/carrinho.png);
    margin: 18px 0 0 28px
}

.menu #menu_carrinho {
    width: 80px;
    cursor: pointer;
    margin: 0 5px;
    transition: none;
    display: none
}

.menu #menu_carrinho:hover #carrinho {
    background: url(../images/icon/carrinho.png) -21px 0
}

.menu #menu_carrinho ul {
    width: 350px;
    z-index: 99;
    position: absolute;
    left: 500px;
    background: #FFF;
    border: 1px solid #e7e5e2;
    border-bottom: solid 2px #d41217;
    overflow-y: scroll;
    max-height: 430px;
    border-radius: 0 0 5px 5px
}

.menu #menu_carrinho li {
    height: 65px;
    margin: 14px 0 0
}

.menu #menu_carrinho ul li {
    height: 65px;
    clear: both;
    border-bottom: solid 1px #dedcd9;
    width: calc(100% - 0);
    padding: 4px 0 8px
}

.menu #menu_carrinho ul li .itImg {
    width: calc(25% - 12px);
    height: 65px;
    float: left;
    background: #000;
    margin: 0 6px
}

.menu #menu_carrinho ul li .itDesc {
    width: calc(75% - 20px);
    padding: 5px 10px;
    height: calc(60px - 10px);
    float: left;
    color: #454545;
    font-size: 16px;
    line-height: 18px
}

.menu #menu_carrinho ul li .itDesc span {
    display: block;
    font-family: open_sansbold;
    font-size: 14px;
    margin: 0 0 3px
}

.menu #menu_carrinho ul a {
    height: 25px;
    line-height: 25px;
    width: 100%;
    font-family: open_sansbold;
    border-top: solid 1px #dedcd9;
    margin: 0;
    color: #d41217
}

.menu #menu_carrinho.ativo {
    background: #d41217;
    border-radius: 0 0 5px 5px
}

.menu #menu_carrinho.ativo #carrinho {
    background: url(../images/icon/carrinho.png) -42px 0 no-repeat
}

.menu #menu_carrinho.hover {
    background: #efc33f
}

.menu #mLogin {
    width: 25%;
    cursor: pointer;
    margin: 0 0 0 20px;
    height: 100%;
    position: relative
}

.menu #mLogin ul {
    width: 350px;
    z-index: 99;
    position: absolute;
    left: 500px;
    background: #FFF;
    border: 1px solid #e7e5e2;
    border-bottom: solid 2px #d41217;
    border-radius: 0 0 5px 5px
}

.menu #mLogin li a {
    background: #9c9a9c;
    color: #fff;
    height: 20px;
    line-height: 20px;
    padding: 2px;
    border-radius: 20px;
    width: 80px;
    margin: 32px 0 0 10px
}

.menu #mLogin li a:hover {
    background: #d41217
}

.mMenub {
    width: 60px;
    height: 60px;
    float: left;
    display: none
}

.mMenu,
.mMenuc {
    width: 24px;
    height: 24px;
    margin: 18px 0 0 17px;
    display: none
}

.mMenu {
    background: url(../images/icon/menu.png) no-repeat
}

.mMenuc {
    background: url(../images/icon/menu.png) -24px 0 no-repeat;
    margin: 18px 0 0 15px
}

.menu .macc {
    display: block;
    background: #fff;
    float: right;
    width: 120px;
    height: 90px;
    border-left: solid 1px #e7e5e2;
    border-right: solid 1px #e7e5e2;
    text-align: left;
    color: #9c9a9c;
    text-transform: none;
    padding: 10px 20px;
    box-sizing: border-box;
    font-size: 12px;
    transition: .3s;
    position: relative;
    margin: 0 0 0 30px
}

.menu .macc span {
    font-size: 14px;
    color: #9c9a9c;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 30%;
    width: 80%;
    line-height: normal;
    text-align: center
}

.menu .macc div {
    display: none;
    background: #FFF;
    width: 210px;
    height: auto;
    position: absolute;
    right: -1px;
    top: 90px;
    border: 1px solid #e7e5e2;
    padding: 20px 0;
    box-sizing: border-box
}

#entrar,
.dashBox {
    position: relative
}

.menu .macc div a {
    display: block;
    width: calc(100% - 40px);
    padding: 0 20px;
    margin: 0 0 5px;
    height: 30px;
    line-height: 30px
}

.menu .macc:hover {
    border-left: solid 1px #d41217;
    border-right: solid 1px #d41217
}

.menu .macc:hover span {
    color: #d41217
}

.menu .macc:hover #dm {
    display: block
}

.menu .macc div a#a:hover,
.menu .macc div a#c:hover,
.menu .macc div a#d:hover,
.menu .macc div a#e:hover,
.menu .macc div a#p:hover,
.menu .macc div a#s:hover {
    color: #FFF;
    background: #d41217
}

.menu .macc div a#d:hover:before {
    background: url(../images/icon/menuicon.png) 0 -24px no-repeat
}

.menu .macc div a#p:hover:before {
    background: url(../images/icon/menuicon.png) -24px -24px no-repeat
}

.menu .macc div a#e:hover:before {
    background: url(../images/icon/menuicon.png) -48px -24px no-repeat
}

.menu .macc div a#c:hover:before {
    background: url(../images/icon/menuicon.png) -72px -24px no-repeat
}

.menu .macc div a#s:hover:before {
    background: url(../images/icon/menuicon.png) -96px -24px no-repeat
}

.menu .macc div a#a:hover:before {
    background: url(../images/icon/menuicon.png) -120px -24px no-repeat
}

.menu .macc div a#a:before,
.menu .macc div a#c:before,
.menu .macc div a#d:before,
.menu .macc div a#e:before,
.menu .macc div a#p:before,
.menu .macc div a#s:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    float: left;
    margin: 2px 10px 0 0
}

.menu .macc div a#d:before {
    background: url(../images/icon/menuicon.png) no-repeat
}

.menu .macc div a#p:before {
    background: url(../images/icon/menuicon.png) -24px 0 no-repeat
}

.menu .macc div a#e:before {
    background: url(../images/icon/menuicon.png) -48px 0 no-repeat
}

.menu .macc div a#c:before {
    background: url(../images/icon/menuicon.png) -72px 0 no-repeat
}

.menu .macc div a#s:before {
    background: url(../images/icon/menuicon.png) -96px 0 no-repeat
}

.menu .macc div a#a:before {
    background: url(../images/icon/menuicon.png) -120px 0 no-repeat
}

.menu .macc div a#a {
    color: #d41217
}

#entrar {
    border: 1px solid #FFF;
    background: #FFF;
    box-shadow: 0 0 0 1px #e1e1e1;
    margin: 0 auto;
    height: auto;
    width: calc(400px - 30px);
    padding: 15px;
    top: 50%;
    -webkit-transform: translate(0, -50%)
}

#entrar #logo {
    width: 100%;
    height: 55px;
    background: url(../images/chansign.png) center center no-repeat;
    background-size: contain;
    margin: 0 0 20px;
    display: block
}

#entrar input {
    width: calc(100% - 10px);
    height: 40px;
    clear: both;
    margin: 0 0 10px
}

#entrar .botao {
    width: 100%;
    margin: 0 0 25px
}

#entrar .links {
    font-family: open_sansbold;
    font-size: .9em;
    margin: 0 0 10px;
    display: block;
    width: 100%;
    text-align: left
}

.AvErro,
.AvSuc {
    font-family: open_sansbold;
    width: calc(100% - 20px);
    color: #FFF;
    margin: 0 0 15px;
    padding: 10px;
    font-size: .9em;
    line-height: 18px;
    border-radius: 4px
}

.AvErro {
    background: #ff4d6a
}

.AvSuc {
    background: #4db600
}

.dashBox {
    background: #FFF;
    border: 1px solid #e7e5e2;
    box-shadow: #bdbbb9 0 3px 0 0;
    height: auto;
    min-height: 502px;
    width: 100%;
    margin: 20px 0 30px;
    border-radius: 5px
}

.dashContent,
.dashMenuFix {
    float: left;
    min-height: 384px
}

.dashMenuFix {
    width: 120px;
    border-right: solid 1px #dedcd9
}

.dashMenu {
    position: static;
    width: 120px
}

.dashContent {
    width: calc(100% - 161px);
    padding: 20px;
    height: auto;
    position: relative
}

.dashContent .total,
.obiO {
    float: right
}

.dashMenu a {
    display: block;
    width: 100%;
    height: 80px;
    color: #9c9a9c;
    text-align: center;
    border-bottom: solid 1px #dedcd9;
    padding: 15px 0 0
}

.dashMenu div {
    width: 55px;
    height: 46px;
    margin: 0 auto
}

.dashMenu div#inicio {
    background: url(../images/icon/dash.png) no-repeat
}

.dashMenu a#aInicio:hover div {
    color: #d41217;
    background: url(../images/icon/dash.png) -55px 0 no-repeat
}

.dashMenu div#projetos {
    background: url(../images/icon/dash.png) 0 -45px no-repeat
}

.dashMenu a#aProjetos:hover div {
    color: #d41217;
    background: url(../images/icon/dash.png) -55px -45px no-repeat
}

.dashMenu div#empresas {
    background: url(../images/icon/dash.png) 0 -92px no-repeat
}

.dashMenu a#aEmpresas:hover div {
    color: #d41217;
    background: url(../images/icon/dash.png) -55px -92px no-repeat
}

.dashMenu div#conta {
    background: url(../images/icon/dash.png) 0 -140px no-repeat
}

.dashMenu a#aConta:hover div {
    color: #d41217;
    background: url(../images/icon/dash.png) -55px -140px no-repeat
}

.dashMenu .sec {
    border-left: solid 1px #d41217;
    color: #d41217
}

.dashMenu .sec#inicio {
    background: url(../images/icon/dash.png) -55px 0 no-repeat;
    border-left: none
}

.dashMenu .sec#projetos {
    background: url(../images/icon/dash.png) -55px -45px no-repeat;
    border-left: none
}

.dashMenu .sec#empresas {
    background: url(../images/icon/dash.png) -55px -92px no-repeat;
    border-left: none
}

.dashMenu .sec#conta {
    background: url(../images/icon/dash.png) -55px -140px no-repeat;
    border-left: none
}

.dashContent .TitOpt {
    margin: 0 0 20px;
    position: relative
}

.dashContent .bt,
.dashContent .status2 {
    font-size: 16px;
    text-shadow: none;
    position: absolute
}

.dashContent .status2 {
    left: 250px;
    top: 5px;
    color: #FFF;
    padding: 8px 12px;
    border-radius: 50px
}

.dashContent .status2.producao {
    background: #d41217
}

.dashContent .status2.pendente {
    background: #d48912
}

.dashContent .status2.concluido {
    background: #19d412
}

.dashContent .bt {
    display: block;
    width: auto;
    height: 33px;
    line-height: 33px;
    margin: 0;
    float: right;
    padding: 0 10px;
    border-radius: 5px;
    cursor: pointer;
    right: 0;
    top: -10px
}

#content h1,
#content h2,
.TitOpt {
    text-shadow: #FFF -1px 1px 0
}

.dashContent .btVe {
    background: #73ae0d;
    border-bottom: solid 2px #5b8a0a;
    color: #FFF
}

.dashContent .btVe:hover {
    background: #5b8a0a;
    border-bottom: solid 2px #3c5a07;
    color: #FFF
}

.dashContent .btVr {
    background: #d41217;
    border-bottom: solid 2px #aa0d11;
    color: #FFF
}

.dashContent .btVr:hover {
    background: #aa0d11;
    border-bottom: solid 2px #81080b;
    color: #FFF
}

.obiO {
    width: 75%;
    height: auto
}

.obiO form {
    width: calc(25% - 15px);
    float: left;
    margin: 0 15px 0 0
}

.addImgO {
    float: right;
    width: calc(25% - 25px);
    margin: 15px 25px 0 0;
    height: 156px
}

.addImgObra {
    height: 165px;
    opacity: 0;
    cursor: pointer
}

.addImgObra:valid+#imgPro {
    background: url(../images/add.png) center center no-repeat #12d412
}

#imgPro {
    background: url(../images/add.png) center center no-repeat;
    height: 165px
}

.obiO img {
    width: 100%;
    height: 180px;
    margin: 15px 0 0;
    object-fit: cover;
    border-radius: 6px;
    transition: .3s
}

.obiO img:hover {
    transform: scale(1.1);
    z-index: 2
}

.delObraImg {
    position: relative
}

.delObraImg input {
    position: absolute;
    top: -5px;
    right: -10px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    padding: 0;
    font-family: open_sansbold
}

.imagemObra {
    height: auto
}

.imagemObra:after {
    content: '';
    display: block;
    clear: both
}

.projeto {
    float: left;
    width: calc(33.3% - 27px);
    height: 350px;
    margin: 0 5px 5px 0;
    padding: 10px;
    border: 1px solid #e7e5e2;
    border-bottom: 3px solid #e7e5e2;
    border-radius: 6px;
    background: #fcfcfc;
    z-index: 9;
    transition: ease-in-out all .15s;
    position: relative
}

.projeto:hover {
    border: 1px solid #d41217;
    border-bottom: 3px solid #d41217;
    box-shadow: 0 0 10px #e7e5e2;
    transform: scale(1);
    position: static;
    background: #FFF
}

.projeto .empresa {
    width: 100%;
    height: 150px
}

.projeto .info .titulo {
    font-size: 16px;
    color: #d41217;
    margin: 5px 0;
    text-align: center
}

.projeto .info .desc {
    font-size: 14px;
    color: #454545;
    font-family: open_sansregular;
    line-height: 18px;
    margin: 10px 0 0;
    height: 50px
}

#novoProjeto button,
#remDel,
.projeto button {
    outline: 0;
    position: absolute;
    width: 40px;
    height: 35px;
    top: -10px;
    right: -10px
}

.projeto .info .desc strong {
    font-family: open_sansbold
}

#novoProjeto button,
.projeto button {
    border-bottom: solid 2px #9f0b0f;
    border-radius: 4px;
    display: none
}

#novoProjeto button,
#remDel,
.projeto button {
    background: #d41217;
    cursor: pointer;
    font-family: open_sansbold;
    border: none;
    color: #FFF
}

#remDel {
    border-bottom: solid 2px #9f0b0f;
    border-radius: 4px
}

.projeto .obs:before,
.projeto .qtd span,
.projeto .status .tip {
    font-family: open_sansregular
}

#novoProjeto .spinner {
    position: absolute;
    bottom: 43px;
    left: 50%;
    transform: translateX(-50%)
}

.projeto:hover button {
    display: block
}

.projeto .qtd {
    border-top: solid 1px #bdbbb9;
    padding: 10px 0 0;
    margin: 10px 0 0;
    position: absolute;
    bottom: 95px
}

.projeto .qtd input[type=number] {
    width: 26%;
    float: left;
    margin: 0 0 0 10px;
    height: 20px;
    text-align: center
}

.projeto .qtd input[type=submit] {
    float: left;
    width: 80px;
    margin: 0 0 0 10px;
    cursor: pointer;
    transition: .2s
}

.projeto .qtd input[type=submit]:hover {
    background: #d41217
}

.projeto .qtd span {
    float: left;
    font-size: 14px;
    margin: 10px 0 0
}

.projeto .obs {
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: 0;
    width: 90%
}

.projeto .obs textarea {
    width: 94%;
    max-width: 94%;
    height: 40px;
    max-height: 40px
}

.projeto .obs:before {
    content: 'Observação';
    font-size: 13px;
    color: #d41217
}

.projeto .status {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    text-align: right;
    padding: 10px;
    background: url(../images/icon/tick.png) center center no-repeat #d41217;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px
}

#content h1,
#content h2,
.sucesso {
    text-align: center
}

.projeto .status.desativado {
    background: url(../images/icon/tick.png) center center no-repeat #9c9a9c
}

.projeto .status .tip,
.tip:after {
    background: #360506;
    position: absolute
}

.projeto .status .tip {
    color: #FFF;
    font-size: 12px;
    text-align: center;
    width: 300px;
    box-sizing: border-box;
    padding: 10px;
    top: -45px;
    right: 50%;
    transform: translateX(50%);
    border-radius: 5px;
    display: none
}

.projeto .status:hover .tip,
.tip:after {
    display: block
}

.tip:after {
    content: "";
    width: 10px;
    height: 10px;
    left: 50%;
    transform: translateX(-50%) rotateZ(45deg);
    bottom: -5px
}

#novoProjeto,
.remover {
    box-sizing: border-box;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    box-shadow: 0 0 20px #9c9a9c;
    position: absolute;
    z-index: 999991
}

#novoProjeto {
    height: 360px;
    background: #FFF;
    padding: 30px;
    display: none;
    border: 1px solid #9c9a9c;
    border-radius: 5px
}

#novoProjeto .titulo,
.remover .titulo {
    color: #454545;
    font-size: 20px;
    text-shadow: #FFF -1px 1px 0;
    border-bottom: solid 1px #d1cfcd;
    margin: 0 0 20px;
    padding-bottom: 15px;
    cursor: default
}

#novoProjeto textarea {
    height: 60px;
    min-height: 60px;
    max-height: 60px;
    max-width: 100%
}

#novoProjeto input[type=submit] {
    background: #d41217;
    height: 40px;
    font-size: 18px;
    font-family: open_sansbold;
    border: none;
    cursor: pointer;
    transition: .2s
}

#novoProjeto input[type=submit]:hover {
    background: #9f0b0f
}

#novoProjeto input[type=submit]:disabled {
    background: #9c9a9c
}

#novoProjeto button {
    display: block
}

.novaempresa {
    height: 555px!important
}

.blur {
    transition: .2s;
    -webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    -o-filter: blur(15px);
    -ms-filter: blur(15px);
    filter: blur(15px)
}

#novoProjeto span {
    margin: 0 0 20px;
    display: block;
    font-family: open_sansregular
}

.remover {
    height: 360px;
    background: #FFF;
    padding: 30px;
    display: none;
    border: 1px solid #9c9a9c;
    border-radius: 5px
}

.WCBox .over {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 180px;
    padding: 0 20px 0 0
}

.bproItens {
    float: left;
    width: 69%;
    overflow-y: hidden;
    overflow-y: scroll;
    height: 58vh
}

.bproMsg {
    float: left;
    width: calc(31% - 31px);
    margin: 0 0 0 15px;
    padding: 0 0 0 15px;
    border-left: solid 1px #d6d6d6
}

.WCBox.bmsg .over {
    height: 44vh
}

.optTitle {
    font-size: 18px;
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: solid 1px #d6d6d6;
    font-family: open_sansbold
}

.fInfo,
.msg,
.msgA .data,
.msgC .data {
    font-family: open_sansregular
}

.optTitle span {
    color: #d41217;
    display: block;
    float: right
}

.bSend {
    width: 100%;
    border-top: solid 1px #d6d6d6!important;
    margin: 15px 0 0;
    padding: 15px 0 0
}

.bSend input[type=text] {
    float: left;
    width: 75%;
    margin: 0 10px 0 0
}

.bSend input[type=submit] {
    float: left;
    width: 100%;
    height: 44px;
    margin: 0;
    cursor: pointer;
    background: #dedcd9
}

.send {
    float: left;
    width: 15%;
    height: 44px;
    margin: 0;
    position: relative;
    cursor: pointer
}

.send svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    fill: #d41217
}

.msg {
    word-wrap: break-word;
    white-space: pre-line
}

.msgA .nome,
.msgC .nome {
    font-size: 12px;
    font-weight: 700;
    margin: 0 0 8px
}

.msgA,
.msgC {
    width: calc(80% - 20px);
    font-size: 14px;
    padding: 10px;
    border-radius: 10px;
    position: relative
}

.msgC {
    background: #d6d6d6;
    color: #454545;
    float: left;
    margin: 0 0 10px 10px
}

.msgA {
    background: #d41217;
    color: #FFF;
    float: right;
    margin: 0 0 10px
}

.msgA .avatar,
.msgC .avatar {
    width: 30px;
    height: 30px;
    float: left;
    background: url(../../images/usuarios/0.png) center center no-repeat;
    background-size: cover;
    border-radius: 5px;
    border: 2px solid #e7e5e2;
    box-shadow: inset 0 0 0 3px #FFF;
    margin: 0 10px 0 0
}

.fContato,
.fInfo {
    float: left;
    margin: 40px 0 0
}

.msgA .data,
.msgC .data {
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 12px;
    opacity: .8
}

.msgA .data:hover,
.msgC .data:hover {
    opacity: 1
}

.msgA .arrow,
.msgC .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotateZ(45deg);
    width: 10px;
    height: 10px
}

.noticias,
.noticias article {
    position: relative
}

.msgA .arrow {
    background: #d41217;
    right: -5px
}

.msgC .arrow {
    background: #d6d6d6;
    left: -5px
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

::-webkit-scrollbar-button {
    width: 0;
    height: 0
}

::-webkit-scrollbar-thumb {
    background: #aca3a3;
    border: 0 #ebebeb;
    border-radius: 50px
}

::-webkit-scrollbar-thumb:hover {
    background: #aca3a3
}

::-webkit-scrollbar-thumb:active {
    background: #d41217
}

::-webkit-scrollbar-track {
    background: #ebebeb;
    border: 0 #ebebeb;
    border-radius: 11px
}

::-webkit-scrollbar-track:hover {
    background: #ebebeb
}

::-webkit-scrollbar-track:active {
    background: #ebebeb
}

::-webkit-scrollbar-corner {
    background: 0 0
}

#cad {
    width: 100%;
    background: url(../images/road.png) center center no-repeat;
    height: 300px
}

#map iframe {
    height: 250px;
    width: 100%
}

.fContato {
    width: 60%
}

.fInfo {
    width: 40%;
    padding: 0 40px;
    box-sizing: border-box;
    line-height: normal;
    font-size: 16px
}

.aAm,
.aVe,
.fInfo strong,
.resp {
    font-size: 14px
}

.fInfo div {
    clear: both;
    margin: 15px 0 0;
    font-family: open_sansbold
}

.fInfo span {
    clear: both;
    display: block;
    margin: 6px 0 0
}

.fInfo strong {
    color: #d41217;
    margin: 10px 0 5px;
    display: block
}

a {
    text-decoration: none;
    outline: 0;
    color: #454545
}

.resp span,
a:hover {
    color: #d41217
}

.resp {
    width: 100%;
    font-family: open_sansregular;
    margin: 10px 0 0;
    clear: both
}

.resp span {
    font-family: open_sansbold
}

.uAvatar {
    width: 60px;
    height: 60px;
    border: 2px solid #e7e5e2;
    box-shadow: inset 0 0 0 3px #FFF;
    border-radius: 5px;
    float: left
}

.aAm,
.aVe,
.uCom {
    cursor: default;
    border-radius: 5px;
    height: auto
}

.uAutor {
    width: 100%;
    margin: 0 0 5px;
    cursor: default
}

.uCom {
    width: calc(100% - 100px);
    margin: 0 0 0 12px;
    background: #e7e5e2;
    padding: 12px;
    float: left
}

.aAm,
.aVe {
    width: calc(100% - 70px);
    padding: 15px 15px 15px 55px;
    margin: 12px 0 0
}

.aAm {
    border-radius: 5px;
    border-bottom: 3px #d0aa37 solid;
    background: url(../images/icon/alerta.png) 10px center no-repeat #efc33f
}

.aVe {
    color: #FFF;
    border-bottom: 3px #5b8a0a solid;
    background: url(../images/icon/alerta.png) 10px center no-repeat #73ae0d
}

.error {
    width: 100%;
    color: #d41217;
    display: block;
    height: 30px
}

.sucesso {
    font-size: 20px;
    margin: 20px 0 0;
    color: #238e0f
}

footer {
    background: #525150;
    margin: 25px 0 0;
    height: auto;
    padding: 8px 0 0
}

footer .end {
    background: #343433;
    height: 40px;
    line-height: 40px;
    margin: 10px 0 0
}

footer .end .wrap .lEnd {
    display: block;
    width: 27px;
    height: 30px;
    background: url(../images/noah.png) no-repeat;
    float: left;
    margin: 5px 0 0
}

footer .end .wrap .rEnd {
    color: #b4b3b0;
    font-size: 12px;
    float: right
}

footer .wrap .fContato {
    width: 40%;
    float: left;
    cursor: default
}

footer .wrap .fLinks,
footer .wrap .fSocial {
    width: 30%;
    float: left;
    cursor: default
}

footer .wrap .fTit {
    color: #FFF;
    border-bottom: solid 1px #636261;
    font-size: 12px;
    padding: 10px 0;
    width: 100px
}

footer .wrap .fDesc {
    color: #cac8c6;
    font-size: 12px;
    clear: both;
    margin: 10px 0
}

footer .wrap .fDesc .infoDesc {
    display: block;
    margin: 5px 0 8px
}

footer .fTel,
footer .femail {
    float: left
}

footer .fTel {
    width: 65%
}

footer .fTel .tel,
footer .femail .email,
footer .fende .ende {
    clear: both;
    margin: 5px 0;
    height: 20px;
    line-height: 20px
}

footer .fTel .tel span,
footer .femail .email span,
footer .fende .ende span {
    display: block;
    float: left;
    width: 16px;
    height: 20px;
    margin: 0 5px 0 0
}

footer .fTel .tel span {
    background: url(../images/icon/footer.png) 0 center no-repeat
}

footer .femail .email span {
    background: url(../images/icon/footer.png) -16px center no-repeat
}

footer .fende .ende span {
    background: url(../images/icon/footer.png) -32px center no-repeat
}

footer a:link {
    color: #cac8c6
}

footer a:hover {
    color: #FFF
}

footer .femail {
    width: 70%
}

footer .fende {
    clear: both
}

#content {
    padding-top: 90px;
    transition: .3s
}

#content h1 {
    color: #d41217;
    font-family: open_sansbold_italic;
    font-size: 35px;
    margin: 35px 0 0;
    width: 100%;
    display: block
}

#content h2,
.caracteristicas .txt {
    color: #888887;
    font-family: open_sansregular
}

#content h2 {
    font-size: 20px;
    margin: 15px 0 0;
    font-weight: 500
}

.caracteristicas {
    background: #FFF;
    border: 1px solid #e7e5e2;
    box-shadow: #bdbbb9 0 3px 0 0;
    height: calc(120px - 30px);
    width: calc(33.3% - 52px);
    float: left;
    margin: 35px 0 20px;
    padding: 15px;
    border-radius: 4px
}

.caracteristicas#c1,
.caracteristicas#c2 {
    margin: 35px 30px 0 0
}

.caracteristicas .txt {
    line-height: 18px;
    font-size: 16px;
    float: left;
    margin: 10px 0 0;
    width: 66%
}

.caracteristicas .ci1,
.caracteristicas .ci2,
.caracteristicas .ci3 {
    height: calc(120px - 30px);
    width: 82px;
    float: left;
    margin: 0 20px 0 0;
    word-break: break-word
}

.caracteristicas .ci1 {
    background: url(../images/icon/home.png) 0 5px no-repeat
}

.caracteristicas .ci2 {
    background: url(../images/icon/home.png) -82px 5px no-repeat
}

.caracteristicas .ci3 {
    background: url(../images/icon/home.png) -164px 5px no-repeat
}

.TitOpt {
    color: #454545;
    font-size: 20px;
    border-bottom: solid 1px #d1cfcd;
    margin: 20px 0 0;
    padding-bottom: 15px;
    cursor: default
}

.TitOpt .mini,
.TitOpt .mini2 {
    font-size: 14px;
    margin: 10px 0 0;
    font-family: open_sansregular
}

.TitOpt .mini {
    color: #d41217
}

.TitOpt .mini2 {
    color: #454545
}

.nMenu,
.noticias {
    float: right
}

.noticias article {
    border-radius: 4px;
    width: calc(33.3% - 10px);
    margin: 25px 5px;
    float: left
}

.nMenu,
.noticias article {
    background: #FFF;
    border: 1px solid #e7e5e2;
    box-shadow: #bdbbb9 0 3px 0 0
}

.noticias article .ntinfo {
    padding: 20px;
    width: calc(100% - 40px)
}

.noticias article .ntinfo h2 {
    margin: 0 0 15px!important;
    color: #d41217!important;
    font-family: open_sansbold_italic!important;
    font-size: 1.6em!important;
    line-height: 1.3em;
    text-align: left!important;
    height: auto;
    cursor: default
}

.noticias article .ntinfo h3 {
    color: #666!important;
    font-size: 16px!important;
    line-height: 20px;
    text-align: left!important;
    font-family: open_sansregular!important;
    cursor: default
}

.pd,
.pdFolder {
    transition: .2s;
    font-size: .9em
}

.noticias article img {
    width: 100%;
    object-fit: cover;
    height: 220px
}

.noticias a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1
}

.nMenu {
    width: calc(26% - 2px);
    margin: 25px 0 0 25px;
    height: auto;
    border-top: solid 2px #d41217;
    border-radius: 4px
}

.nMenu a,
.nMenu div {
    display: block;
    width: calc(100% - 30px);
    clear: both;
    border-top: solid 1px #dedcd9;
    padding: 12px 15px;
    color: #868686
}

.nMenu div {
    color: #454545;
    cursor: default
}

.nMenu a:hover {
    background: #d41217;
    color: #FFF
}

.pdTit,
.pdinfo .desc {
    cursor: default;
    color: #454545
}

#post img {
    width: 100%;
    height: 50vh;
    object-fit: cover;
    object-position: center;
    border-radius: 4px
}

#post .bgContent {
    background: #FFF;
    border-radius: 6px;
    padding: 30px;
    box-sizing: border-box;
    line-height: normal;
    font-family: open_sansregular;
    margin: 20px 0 0
}

#post .bgContent time {
    display: block
}

#post .bgContent .idata {
    background: url(../images/icon/data.png) left center no-repeat;
    width: 18px;
    height: 18px;
    float: left;
    background-size: contain;
    margin: 0 10px 0 0
}

.pdFolder {
    height: 310px;
    width: calc(25% - 12px);
    margin: 20px 10px 0 0!important;
    border-radius: 4px;
    position: relative
}

.pd,
.pdFolder {
    float: left;
    padding: 0;
    background: #FFF;
    border: 1px solid #e7e5e2;
    box-shadow: #bdbbb9 0 3px 0 0
}

.pdFolder:hover {
    transform: scale(1.1);
    z-index: 9
}

.pdFolder img {
    position: absolute;
    width: 70%;
    height: 240px;
    margin: 0 auto;
    top: 15%;
    left: 15%;
    object-fit: contain;
    transition: .2s
}

.pdFolder img.i1 {
    z-index: 1
}

.pdFolder img.i2 {
    z-index: 3
}

.pdFolder img.i3 {
    z-index: 2
}

.pdFolder:hover .i1 {
    transform: rotate(15deg) translate(30%, -20%)
}

.pdFolder:hover .i3 {
    transform: rotate(-15deg) translate(-30%, -20%)
}

.pd {
    height: 310px;
    width: calc(33.3% - 12px);
    margin: 20px 10px 0 0!important;
    border-radius: 4px;
    position: relative
}

.pd a,
.pdinfo {
    position: absolute
}

.pd a {
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 81%
}

.pd:hover {
    transform: scale(1.1);
    box-shadow: 0 0 12px #bdbbb9;
    border: .5px solid #d41217;
    z-index: 999
}

.pMenu,
.pdd {
    box-shadow: #bdbbb9 0 3px 0 0
}

.pdd {
    background: #FFF;
    border: 1px solid #e7e5e2;
    height: 280px;
    width: calc(50% - 18px);
    float: left;
    margin: 25px 8px 0 5px;
    padding: 0;
    border-radius: 4px
}

.destaque {
    width: calc(24.8% - 10px)
}

.pdTit {
    padding: 0;
    margin: 12px 0 6px;
    font-family: open_sansbold;
    font-size: 16px;
    height: 40px;
    box-sizing: border-box;
    text-align: center
}

.pdmg {
    width: 90%;
    height: 55%;
    margin: 5px auto 0
}

.pdinfo {
    width: calc(100% - 30px);
    clear: both;
    margin: 10px 0 0;
    border-top: solid 1px #e8e6e3;
    padding: 0 15px;
    cursor: default;
    bottom: 15px;
    height: 100px
}

.pdinfo .desc {
    width: calc(100% - 8px);
    float: left;
    padding: 0 8px 0 0;
    font-family: open_sansregular;
    font-size: 14px;
    height: 40px;
    word-break: break-word
}

.pdinfo .btBox {
    float: left;
    width: 100%;
    height: auto;
    margin: 10px 0 0;
    position: relative
}

.pdinfo .btBox a {
    display: block;
    background: #d41217;
    border-bottom: solid 2px #9f0b0f;
    width: 90%;
    height: 35px;
    border-radius: 4px;
    position: relative;
    margin: 0 auto
}

.pdinfo .btBox .carbt,
.pdinfo .btBox .carbtok {
    position: absolute;
    top: 50%;
    margin: 0;
    width: 21px;
    height: 21px;
    padding: 0;
    transform: translate(-50%, -50%)
}

.pdinfo .btBox a:hover {
    background: #efc33f;
    border-bottom: solid 2px #d0aa37
}

.pdinfo .btBox .carbt {
    background: url(../images/icon/carrinho.png) -43px 0 no-repeat;
    left: 90%
}

.pdinfo .btBox .carbtok {
    display: none;
    background: url(../images/icon/tick.png) no-repeat;
    left: 50%
}

.pdinfo .btBox .pdpreco {
    width: calc(60% - 10px);
    float: right;
    color: #abaaa7;
    margin: 0;
    font-size: 1.1em;
    text-align: center;
    padding: 0 10px 0 0;
    height: 35px;
    line-height: 35px
}

.pdinfo .btBox span {
    color: #FFF;
    position: absolute;
    z-index: 2;
    left: 25px;
    top: 50%;
    transform: translateY(-50%)
}

.pdBoxD {
    width: 100%
}

.pdBox {
    width: 75%;
    float: left
}

.pdBox2 {
    width: 100%
}

.pdBox .TitOpt,
.pdBox2 .TitOpt {
    color: #454545!important;
    font-size: 20px!important;
    text-shadow: #FFF -1px 1px 0!important;
    margin: 20px 0 0!important;
    text-align: left!important;
    font-family: open_sansbold!important
}

.boxMenu {
    width: 25%;
    float: right;
    position: relative
}

.pMenu {
    width: calc(100% - 27px);
    margin: 25px 0 0 25px;
    background: #FFF;
    height: auto;
    border-top: solid 2px #d41217;
    border-radius: 4px
}

.pMenu a,
.pMenu div {
    display: block;
    width: calc(100% - 30px);
    clear: both;
    border-top: solid 1px #dedcd9;
    padding: 12px 15px;
    color: #868686
}

.pMenu div {
    color: #454545;
    cursor: default
}

.pMenu .sec,
.pMenu a:hover {
    background: #d41217;
    color: #FFF
}

.fixed {
    position: fixed;
    width: 273px
}

.pMenu .subcategoria {
    background: #e8e6e3;
    text-shadow: 1px 1px 0 #FFF;
    padding: 12px 5px 12px 25px
}

.pMenu .subcategoria:hover {
    background: #abaaa7;
    text-shadow: none
}

.pMenu .subcategoria .sec {
    background: #d41217;
    color: #FFF;
    text-shadow: 1px 1px 0 #FFF
}

.dragprod {
    background: url(../images/icon/produto.png) no-repeat;
    background-size: contain;
    width: 50px;
    height: 50px
}

.dragstart {
    border-top: solid 2px #d41217!important
}

.pAlerta {
    display: none;
    width: 50vw;
    height: auto;
    border-radius: 5px;
    font-size: 14px;
    padding: 15px 15px 15px 55px;
    margin: 0;
    cursor: default;
    color: #FFF;
    border-bottom: 3px #5b8a0a solid;
    background: url(../images/icon/tick.png) 10px center no-repeat #73ae0d;
    box-sizing: border-box;
    position: fixed;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999999
}

.paginacao {
    background: #FFF;
    width: calc(100% - 20px);
    float: left;
    margin: 20px 0 0;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 4px;
    height: 55px;
    text-align: center
}

.paginacao .f,
.paginacao .l,
.paginacao .p {
    width: 35px;
    height: 35px;
    border: 1px solid #d6d6d6;
    margin: 5px 0 0;
    padding: 0;
    display: inline-block;
    border-radius: 4px;
    font-size: 14px;
    line-height: 35px;
    text-align: center;
    font-family: open_sansbold;
    color: #454545;
    background: #fff;
    transition: .2s
}

.paginacao .s {
    box-shadow: 0 0 5px #d6d6d6;
    color: #FFF;
    border: 1px solid #d41217;
    background: #d41217
}

.paginacao .f:hover,
.paginacao .l:hover,
.paginacao .p:hover {
    transform: scale(1.2)
}

.ppTitulo {
    height: 60px;
    line-height: 60px;
    padding: 0 0 0 20px;
    border-radius: 4px;
    font-size: 1.5em;
    margin: 20px 0
}

.ppImgBox,
.ppInfoBox,
.ppTitulo {
    box-sizing: border-box;
    background: #FFF;
    border: 1px solid #e7e5e2;
    box-shadow: #bdbbb9 0 3px 0 0
}

.ppImgBox,
.ppInfoBox {
    float: left;
    height: 550px;
    padding: 10px;
    border-radius: 4px;
    font-size: .9em;
    transition: .2s
}

.ppImgBox {
    width: calc(50% - 22px);
    margin: 0 24px 0 0;
    position: relative
}

.ppImgBox img {
    width: 90%;
    height: 90%;
    object-fit: contain;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.ppInfoBox {
    width: calc(50% - 2px);
    margin: 0;
    padding: 0 50px
}

.ppibItem {
    border-top: solid 1px #bdbbb9;
    padding: 20px 0;
    clear: both
}

.ppibItem a {
    color: #9c9a9c;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    margin: 0 auto;
    width: 60%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 1.4em;
    border-radius: 5px;
    background: url(../images/icon/projeto.png) right 0 no-repeat #f0eef0;
    text-indent: -55px;
    transition: .2s;
    float: right
}

.boxNot,
.siBox {
    background: #FFF
}

.ppibItem:after {
    content: '';
    display: block;
    clear: both
}

.ppibItem a:hover {
    transform: scale(1.1);
    border: 1px solid #d41217;
    color: #d41217
}

.ppibItem .pqtd {
    width: 36%;
    float: left
}

.ppibItem .titulo {
    font-size: 1.1em;
    margin: 0 0 20px;
    cursor: default
}

.ppibItem .desc {
    font-size: 1.5em;
    margin: 0 0 20px;
    color: #9c9a9c;
    line-height: normal;
    cursor: default
}

.ppibItem .detalhe {
    font-size: 1.3em;
    margin: 0 0 20px;
    color: #454545;
    font-family: open_sansregular;
    line-height: normal;
    cursor: default
}

.ppibItem .pqtd input {
    font-size: 1.5em;
    margin: 0 0 20px;
    color: #9c9a9c;
    text-align: center;
    height: 48px;
    font-family: open_sansbold
}

.ppibItem_r {
    border: none
}

.boxNot {
    margin: 20px 0 0;
    border-radius: 5px;
    position: relative
}

.boxNot .nmg {
    height: 300px;
    border-radius: 5px 5px 0 0
}

.boxNot .info {
    padding: 20px 30px;
    box-sizing: border-box;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.boxNot .info,
.siBox {
    border: 1px solid #e7e5e2;
    box-shadow: #bdbbb9 0 3px 0 0
}

.boxNot .info h2 {
    margin: 0 0 15px!important;
    color: #d41217!important;
    font-family: open_sansbold_italic!important;
    font-size: 1.6em!important;
    line-height: 1.3em;
    text-align: left!important;
    height: auto;
    cursor: default
}

.boxNot .info .desc {
    font-family: open_sansregular!important;
    font-size: 1.05em;
    line-height: 1.2em;
    color: #343433;
    cursor: default
}

.boxNot a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.sBoxl,
.sBoxr {
    position: relative
}

.siBox {
    height: auto;
    width: calc(33.3% - 52px);
    float: left;
    margin-top: 35px;
    padding: 15px;
    border-radius: 4px;
    color: #666;
    line-height: 20px;
    font-size: 18px;
    text-align: justify
}

.siBox#si1,
.siBox#si2 {
    margin: 35px 25px 0 0
}

.sTitOpt {
    color: #454545;
    font-size: 20px;
    text-shadow: #FFF -1px 1px 0;
    border-bottom: solid 1px #d1cfcd;
    margin: 0 0 15px;
    padding-bottom: 15px
}

.siBox p {
    margin: 0 0 15px;
    font-family: open_sansregular
}

.sBoxl {
    float: left;
    width: 50%
}

.sBoxr {
    float: right;
    width: 58%;
    margin: 25px 30px 30px 0
}

.sImg1,
.sImg2 {
    float: left;
    position: absolute
}

.sBoxl h1,
.sBoxr h1 {
    font-weight: 100;
    margin: 30px 0 20px!important
}

.sBoxl h2,
.sBoxr h2 {
    text-align: justify!important;
    line-height: 24px;
    font-weight: 700;
    font-size: 21px!important;
    color: #666!important
}

.sImg1 {
    background: url(../images/chan-sign1.png) no-repeat;
    width: 663px;
    height: 279px;
    top: -7px;
    right: -600px
}

.sImg2 {
    background: url(../images/chan-sign2.png) no-repeat;
    width: 380px;
    height: 336px;
    top: 0px;
    left: -420px
}

@-webkit-keyframes checkbox {
    0% {
        transform: scale(0);
        opacity: 0
    }
    85% {
        transform: scale(1.1)
    }
    100% {
        transform: scale(1);
        opacity: 100
    }
}

@keyframes checkbox {
    0% {
        transform: scale(0)
    }
    85% {
        transform: scale(1.1)
    }
    100% {
        transform: scale(1)
    }
}

@-moz-keyframes checkbox {
    0% {
        transform: scale(0);
        opacity: 0
    }
    85% {
        transform: scale(1.1)
    }
    100% {
        transform: scale(1);
        opacity: 100
    }
}

input[type=checkbox] {
    cursor: pointer;
    width: 20px;
    height: 20px;
    margin: 0;
    border: none;
    outline: 0;
    box-shadow: none;
    padding: 0;
    background: 0;
    display: none
}

.imgProduto {
    background: url(../../images/icon/foto.png) center center no-repeat #FFF;
    border-radius: 5px;
    margin: 0
}

.label-text {
    font-size: 14px;
    display: block;
    margin: 0 0 5px;
    padding: 2px 0 2px 10px;
    font-family: open_sansbold;
    cursor: pointer
}

.label-text:hover {
    background: #e6e6e6
}

.boxLabels {
    overflow-y: scroll;
    height: 200px;
    width: calc(100% - 10px);
    border: 1px solid #d6d6d6;
    border-bottom: solid 3px #d6d6d6;
    border-radius: 4px;
    background: url(../images/shine.png) center 0 no-repeat #FFF;
    padding: 10px 5px 5px
}

input[type=checkbox]+.label-text:before,
input[type=checkbox]:checked+.label-text:before {
    content: "";
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    display: inline-block;
    width: 15px;
    height: 15px
}

input[type=checkbox]+.label-text:before {
    margin: 3px 5px 0 0;
    background: url(../images/shine.png) center 0 no-repeat #f6f6f6;
    border: 1px solid #c9c9c9;
    border-radius: 2px
}

input[type=checkbox]:checked+.label-text:before {
    background: #d41217;
    border: 1px solid #d41217;
    box-shadow: inset #FFF 0 0 0 3px;
    border-radius: 2px;
    animation: checkbox linear .15s;
    -webkit-animation: checkbox linear .15s;
    -moz-animation: checkbox linear .15s
}

input[type=radio],
label {
    float: left;
    width: 25%
}

label {
    display: block
}

select[name=dia],
select[name=mes],
select[name=ano] {
    float: left;
    width: calc(33% - 10px);
    margin: 0 10px 0 0
}

.spinner {
    display: none;
    margin: 10px auto 0;
    width: 70px;
    text-align: center
}

.spinner>div {
    width: 10px;
    height: 10px;
    background-color: #FFF;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both
}

.spinner .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.spinner .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

@-webkit-keyframes sk-bouncedelay {
    0%,
    100%,
    80% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bouncedelay {
    0%,
    100%,
    80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}