@media(min-width:960px){ .telefone-mobile { text-align: center; display:none; } } .linha { display: flex; width: 100vw; background-color: rgba(0, 218, 255, 1); position: absolute; left: 0; top: 108px; padding: 5px; } ul.minimenu { display: flex; width:100%; } ul.minimenu li { flex: 1; margin: 5px; text-align: center; } .linha .subcontainer a{ text-decoration:none; font-family:'Fredoka One'; color:#fff; } .linha .subcontainer { display: flex; width: 100%; max-width: 1280px; margin: auto; } .subcontainer.linhaum { display: flex; width: 100%; } .subcontainer.linhaum .left{ flex:4; } .subcontainer.linhaum .middle{ padding: 2px 05px; margin: 10px; background-color:#81ec00; color: #fff; font-size: 21px; font-weight: bold; line-height: 1.3em; border: 2px dashed #fff; border-radius: 10px; box-shadow: 0 0 0 4px #81ec00, 2px 1px 6px 4px rgba(10, 10, 0, 0.5); font-weight: normal; } #menu.menu-fixo span.menu { color: #ffffff !important; } .linha .subcontainer > .bottom{ display: flex; flex:4; } .linha .subcontainer > .right{ display: flex; //flex:1; } li.teltopodesk .numero a { font-weight: bold; text-decoration: none; } div#menu { background-color: #fff; } @media(max-width:960px){ .telefone-mobile a{ color:#999; } .telefone-mobile { text-align: center; padding: 12px; position: fixed; width: 100%; background-color: #fff; z-index: 15; } .subcontainer.linhaum .middle{ display:none; } .subcontainer .bottom { display:none !important; } #menu span.menu { color: #ffffff; } .linha { display: flex; width: 100vw; background-color: rgba(0, 218, 255, 1); position: absolute; left: 0; top: 90px; padding: 5px; } div#menu { top: 40px; } } /* banner */ #call.first .container .right { align-items: center; display: flex; } #call.first .container .left p { margin-bottom: 0px !important; } #banner{ padding:45px 0; padding-top:130px; background-size:cover !important; background-position:center center !important; } #banner .container { display: flex; padding-top:45px } #banner .container .left { flex:2; padding:40px } #banner .container .right { flex: 1; display: flex; align-items: center; } #banner form#form { padding: 15px; background-color: rgba(11, 167, 197, 0.27); border-radius: 8px; border: 1px solid #fff3; } /* #banner form#form .fa-whatsapp:before { position:absolute; top:20px; left:-110px; color:#a6a8aa; } #banner form#form i.fab.fa-whatsapp { position:relative; }*/ #banner .flexivel { display: flex; flex-wrap: wrap; } #banner .flexivel .icon{ padding:10px; color:#fff; border:1px solid #fff; margin:5px; } .DDD-tip { font-size: 8pt; color: #f6f6f6; } #banner #form strong { font-family: 'Fredoka One'; font-size: 18px; color: #fff; text-transform: uppercase; display: block; margin-bottom: 27px; padding-left: 5px; } @media(max-width:960px){ #banner .container { display: flex; flex-direction:column; padding-top: 40px; } #banner .container .left { flex: 2; padding: 0 15px 35px 15px; } #banner .flexivel .icon { width:100%; text-align:center; } } /* new */ @media(max-width:960px){ #why>div>ul>li:before { width: 60px !important; height:60px !important; left: -20px !important; top: 0px !important; } #why>div>ul>li:after { width: 60px !important; height:60px !important; right: -20px !important; top: 0px !important; } } @media (max-width: 370px){ .linha { top: 66px; } } @media(max-width:470px){ .right.guria .slick-slide { height: 100%; max-height:100px; min-height: 1px; } #carousel .right .container-carousel { max-height: 200px !important; width: 100%; padding: 0; text-align: center; } #carousel .container-carousel.slick-initialized.slick-slider{ padding: 0 5px !important; font-size:18px; } #carousel .right p { font-size: 18px !important; line-height: 27px; } .call-whats .flex-parent > .col { width: 100%; text-align:center; } #vantagens li { text-align: left; font-size: 14px; } }