@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:300italic,300,400,500,700|Roboto:900,700,400); @font-face { font-family: 'Roboto'; font-display: auto; } @font-face { font-family: 'Roboto Condensed'; font-display: auto; } * { margin: 0; padding: 0; font-family: 'Roboto', sans-serif; font-size: 1rem; color: rgba(0, 0, 0, .7); border: 0; outline: 0; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; -ms-font-smoothing: antialiased; font-smoothing: antialiased; } *::-moz-selection { background: #1FB3F5; } *::selection { background: #1FB3F5; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .clearfix:before, .clearfix:after, header:before, header:after, section:before, section:after, article:before, article:after { content: " "; display: table; } .clearfix:after, header, section, footer { clear: both; } .clearfix, section, article, footer { *zoom: 1; } img { max-width: 100%; } a, button { text-decoration: none; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } a.sublinhado { color: #009be5; padding-bottom: 1px; border-bottom: 2px solid #70c9f1; font-size: 1.05rem; } a.sublinhado::before {content: "\00a0";} a.sublinhado::after {content: "\00a0";} h1, h2 { font-family: 'Roboto Condensed', sans-serif; font-weight: 300; color: #757575; color: rgba(0, 0, 0, .54); } h4 { font-size: 1.1rem; margin: 20px 0 -10px 0; } sup { font-size: .7rem; font-weight: 700; } .align-center { text-align: center; } .align-right { text-align: right; } .left { float: left; } .right { float: right; margin-left: 30px; } .bottom { width: 100%; position: absolute; bottom: 0; } .bg-blue { background-color: #4983D7; } .bg-orange { background-color: #F57C00; } .bg-gray { background-color: #f8f8f8; } .bg-white { background-color: #fff; } .bg-cyan { background-color: #E0F7FA; } .bg-green { background-color: #F2F8F5; } .text-orange { color: #F57C00; } .text-blue { color: #008acd; } .text-green { color: #009688; } .text-purple { color: #512DA8; } .box-gray { background-color: #f8f8f8; padding: 10px 20px; margin: 10px 0; } strong.text-orange, strong.text-blue, strong.text-green, strong.text-purple { letter-spacing: 1px; } strong.wtm{ font-size: 1.15rem; color: rgb(55, 131, 58); } .container { min-width: 980px; max-width: 1150px; max-width: 70%; margin: 0 auto; } .card { -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); border: 1px solid rgba(0, 0, 0, 0.05); } .shadow-inset { -webkit-box-shadow: inset 0px 4px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px 4px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 4px 5px 0px rgba(0, 0, 0, 0.2); } header { width: 100%; height: 80px; position: relative; z-index: 1000; background-color: #fff; border-bottom: 1px solid #fafafa; } .logo { width: 280px; display: block; margin: 0 0 0 3.1%; } .logo>img { height: 80px; background-position: center; background-repeat: no-repeat; background-size: contain; } nav { height: 80px; display: table-cell; position: absolute; right: 0; bottom: 0; } .menu { height: 100%; list-style: none; float: right; } .menu li { position: relative; float: left; display: block; height: 100%; padding: 0; float: left; letter-spacing: 1px; font-weight: bold; color: #274E66; line-height: 40px; } .menu li.global { position: relative; float: left; display: block; height: 100%; padding: 0; float: left; letter-spacing: 1px; font-weight: normal; color: #274E66; line-height: 40px; } .menu li a { display: block; padding: 50px 50px 0 0px; letter-spacing: 1px; font-size: .95rem; font-weight: bold; color: #274E66; line-height: 36px; text-decoration: none; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .menu li a:hover{color: rgb(55, 131, 58);} .menu > li:nth-of-type(4) a {padding: 50px 40px 0 0px;} .menu li a.sua-conta, .menu li a.ajuda, .menu li a.regiao { width: 90px; height: 81px; text-align: center; display: block; text-decoration: none; font-size: .8rem; font-weight: normal; color: #43A147; border-left: 1px solid #CFD8DC; padding: 47px 0 0 0; line-height: 110%; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .menu li a.sua-conta { background: url(../img/SVG/icon-user.svg); background-size: 24px; background-repeat: no-repeat; background-position: top 14px center; background-position-y: 14px; background-position-x: center; } .menu li a.sua-conta:hover { background: url(../img/SVG/icon-user-hover.svg); background-size: 24px; background-repeat: no-repeat; background-position: top 14px center; background-position-y: 14px; background-position-x: center; } .menu li a.ajuda { background: url(../img/SVG/icon-support.svg); background-size: 20px; background-repeat: no-repeat; background-position: top 14px center; background-position-y: 14px; background-position-x: center; } .menu li a.ajuda:hover { background: url(../img/SVG/icon-support-hover.svg); background-size: 20px; background-repeat: no-repeat; background-position: top 14px center; background-position-y: 14px; background-position-x: center; } .menu li a.regiao { background: url(../img/SVG/icon-globe-nav.svg); background-size: 23px; background-repeat: no-repeat; background-position: top 16px center; background-position-y: 16px; background-position-x: center; } .menu li a.regiao:hover { background: url(../img/SVG/icon-globe-nav-hover.svg); background-size: 23px; background-repeat: no-repeat; background-position: top 16px center; background-position-y: 16px; background-position-x: center; } .menu-seta { float: left; background: url(../img/SVG/menu-seta.svg) no-repeat; background-position: right 30px bottom 12px; } .menu ul { position: absolute; top: 80px; left: 0; opacity: 0; background: #fff; -webkit-transition: opacity .25s ease .1s; -moz-transition: opacity .25s ease .1s; -o-transition: opacity .25s ease .1s; -ms-transition: opacity .25s ease .1s; transition: opacity .25s ease .1s; -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2); } .menu ul li { height: 0; overflow: hidden; padding: 0; -webkit-transition: height .25s ease .1s; -moz-transition: height .25s ease .1s; -o-transition: height .25s ease .1s; -ms-transition: height .25s ease .1s; transition: height .25s ease .1s; } .menu li:hover>ul { border: 1px solid #EDEDED; border-top: 0; opacity: 1; } .menu li:hover>ul li { height: 40px; overflow: visible; padding: 0; } .menu li:hover>ul li.LinhaDupla { height: 50px; } .menu ul li a { display: block; width: 240px; padding: 4px 0 4px 15px; margin: 0; border: none; color: rgba(0, 0, 0, .7); font-size: .9rem; line-height: 100%; } .menu ul li a:hover { color: #2E7D32; } .menu ul li a:first-child { padding-top: 15px; } .menu ul li:nth-child(6) { background: #fafafa; border-top: 1px solid #ccc; font-size: .9rem; } .menu ul li:nth-child(7) { background: #fafafa; font-size: .9rem; } .menu ul li:nth-child(6) a, .menu ul li:nth-child(7) a { color: rgba(0, 0, 0, .5); } .menu ul li:nth-child(6) a:hover, .menu ul li:nth-child(7) a:hover { color: #2E7D32; } .menu hr { width: 200px; height: 1px; background-color: #ccc; margin: 5px auto; } .btt { width: auto; display: inline-block; text-align: center; font-size: 1.5rem !important; font-weight: normal; padding: 10px 40px; margin: 20px 5px 0 10px !important; letter-spacing: 1px; color: #fff; background: #0288D1; border: 1px solid transparent; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; } .btt:hover { color: #0288D1; border: 1px solid #0288D1; background: #fff; } .orange { background: linear-gradient(#FFB03A, #EF6C00); border: 1px solid #FE951F; color: #fff; } .orange:hover { background: linear-gradient(#EF6C00, #EF6C00); color: #fff; } .blue { background: linear-gradient(#03A9F4, #0288D1); border: 1px solid #0288D1; padding: 7px 15px; margin-top: 10px; color: rgba(255, 255, 255, .8); } .blue:hover { background: linear-gradient(#0288D1, #0288D1); color: rgba(255, 255, 255, 1); } .blue-flat { background: #005A93; color: #fff; } .blue-flat:hover { background: #004571; color: #fff; } .blue2-flat { background: #03A9F5; color: #fff; padding: 7px 30px; } .blue2-flat:hover { background: #088CD7; color: #fff; padding: 7px 30px; } .mote-index .orange, .mote-index .blue { margin: 30px 0 0 0; font-size: 1.3rem; } .green { background: linear-gradient(#35DB39, #14AE10); border: 1px solid #14AE10; color: #fff; margin-top: 10px; } .green:hover { background: linear-gradient(#14AE10, #14AE10); color: #fff; } .green-flat { background-color: #01a143; color: #fff; padding: 7px 30px; } .green-flat:hover { background: #01702f; color: #fff; padding: 7px 30px; } .orange{ background: linear-gradient(#FFB03A, #EF6C00); color: #fff; border: 1px solid #EF6C00; margin-top: 10px; } .orange:hover { background: linear-gradient(#EF6C00, #EF6C00); color: #fff; border: 1px solid #EF6C00; } .orange-flat { background-color: #EF6C00; color: #fff; padding: 7px 30px; } .orange-flat:hover { background-color: #E65100; color: #fff; padding: 7px 30px; } .blur01 { color: rgba(255, 255, 255, .95); border: 2px solid rgba(255, 255, 255, .9); font-size: 1.2rem; background-color: rgba(255, 255, 255, .2); } .blur01:hover { background-color: rgba(0, 0, 0, .4); } .voltar { width: 100%; text-align: center; background-color: transparent; } .voltar a { display: block; width: 50px; height: 50px; padding: 0; margin: 0 auto; border: 2px solid #4DB6AC; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; font-size: 3rem; color: #4DB6AC; line-height: 45px; background-color: rgba(255, 255, 255, .6) } .voltar a:hover { background-color: #4DB6AC; color: #fff; } ul.no-bullet { list-style-type: none; padding: 0 30px; } ul.no-bullet li { padding: 5px 0; } ul.bullet { list-style-type: none; padding: 30px; } ul.bullet li { padding: 5px 0 5px 20px; background: url(../img/SVG/ul-bullet.svg) left center no-repeat; background-size: 7px; background-position: 13px left; background-position-y: 13px; background-position-x: left; } ul.form-contato { width: 100%; list-style-type: none; padding: 0 0 20px 30px ; } ul.form-contato li, ul.form-contato li span { color: #0277BD; padding: 0; margin: 20px 0; font-size: 1.1rem; font-weight: 700; letter-spacing: 1px; } ul.form-contato li:before { display: none; } ul.form-contato li label { display: inline-block; width: 100%; color: #274e66; padding: 0; } ul.form-contato li input { width: 300px; } form label { font-size: .9rem; line-height: 100%; width: 100%; color: rgba(0, 0, 0, .6); letter-spacing: 1px; font-weight: bold; line-height: 30px; padding: 0 10px; } form input, form select, form textarea { background: #fff; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; outline: none; color: #0277BD; width: 300px; font-size: 1rem; padding: 7px 10px; margin-right: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; } form select { width: auto !important; padding: 6px 10px; } input[name=ddd], .ddd { width: 30px; } .n-pcs { width: 50px; } input[name=tel], .tel { width: 200px; } form textarea { width: 500px; height: 150px; } .g-recaptcha { margin: 40px 0 0 0; } input[type=text]:focus, input[type=email]:focus, textarea:focus { border: 1px solid #5EA9DD; } form .button { width: auto; display: block; color: #fff; background-color: #005a93; font-size: 1.2rem !important; padding: 8px 40px; margin: 30px 0 0 0; border: 1px solid #005a93; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } form .button:hover { background-color: #0176c0; cursor: pointer; } .form-erro { width: 400px; background-color: #c43c00; color: #fff; font-size: 1rem !important; font-weight: bold; letter-spacing: 1px; padding: 10px 0; text-align: center; } .recaptcha-erro , .termos-erro, .senha-erro{ width: 100%; color: #c43c00; font-size: 1rem !important; font-weight: bold; letter-spacing: 1px; text-align: left; } .input-erro { border-color: #D95232; } .input-erro::-webkit-input-placeholder { color: #D95232; } [placeholder]:focus::-webkit-input-placeholder { transition: opacity 0.3s 0.3s ease; opacity: 0; } input#register_email:focus, input#register_name:focus{ background: rgba(255,255,255,1); border: 1px solid #311B92; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; -webkit-box-shadow: 0px 0px 8px 0px rgba(2,119,189,.3); -moz-box-shadow: 0px 0px 8px 0px rgba(2,119,189,.3); box-shadow: 0px 0px 8px 0px rgba(2,119,189,.3); } ul.inlineForm li input.checkbox { width: 20px; height: 20px; } .tip { width: 20px; height: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #4DD0E1; text-align: center; color: #fff; font-weight: 700; } .tip:hover { background: #00ACC1; } button[data-balloon] { overflow: visible; } [data-balloon] { position: relative; } [data-balloon]:before, [data-balloon]:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; pointer-events: none; -webkit-transition: all 0.18s ease-out 0.18s; transition: all 0.18s ease-out 0.18s; bottom: 100%; left: 50%; position: absolute; z-index: 10; -webkit-transform: translate(-50%, 10px); -ms-transform: translate(-50%, 10px); transform: translate(-50%, 10px); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; } [data-balloon]:after { background: #368; border-radius: 4px; color: #fff; content: attr(data-balloon); padding: .5em 1em; white-space: nowrap; margin-bottom: 11px; } [data-balloon]:before { background: url(../img/SVG/arrow-tip.svg) left center no-repeat; background-size: 100% auto; height: 6px; width: 18px; content: ""; margin-bottom: 5px; } [data-balloon]:hover:before, [data-balloon][data-balloon-visible]:before, [data-balloon]:hover:after, [data-balloon][data-balloon-visible]:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; pointer-events: auto; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } [data-balloon].font-awesome:after { font-family: FontAwesome; } [data-balloon][data-balloon-break]:after { white-space: pre; } [data-balloon-pos="right"]:before, [data-balloon-pos="right"]:after { bottom: auto; left: 100%; top: 50%; -webkit-transform: translate(-10px, -50%); -ms-transform: translate(-10px, -50%); transform: translate(-10px, -50%); } [data-balloon-pos="right"]:after { margin-left: 11px; } [data-balloon-pos="right"]:before { background: url(../img/SVG/arrow-tip.svg) left center no-repeat; background-size: 100% auto; height: 18px; width: 6px; margin-bottom: 0; margin-left: 5px; } [data-balloon-pos="right"]:hover:before, [data-balloon-pos="right"][data-balloon-visible]:before, [data-balloon-pos="right"]:hover:after, [data-balloon-pos="right"][data-balloon-visible]:after { -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } [data-balloon-length]:after { white-space: normal; } [data-balloon-length="small"]:after { width: 80px; } [data-balloon-length="medium"]:after { width: 150px; } [data-balloon-length="large"]:after { width: 400px; } [data-balloon-length="xlarge"]:after { width: 90vw; } @media screen and (min-width: 768px) { [data-balloon-length="xlarge"]:after { width: 380px; } } [data-balloon-length="fit"]:after { width: 100%; } .section-mote-index, .section-mote { margin-top: 0 !important; padding: 0; -webkit-box-shadow: inset 0px 6px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: inset 0px 6px 5px 0px rgba(0,0,0,0.3); box-shadow: inset 0px 6px 5px 0px rgba(0,0,0,0.3); } .section-mote-index { min-height: 350px; } .section-mote-pgs { height: 350px; border-bottom: 1px solid rgba(0, 0, 0, .1); margin-top: 0 !important; -webkit-box-shadow: inset 0px 6px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: inset 0px 6px 5px 0px rgba(0,0,0,0.2); box-shadow: inset 0px 6px 5px 0px rgba(0,0,0,0.2); } .bg_index { background: url(../img/section-index.jpg) center left no-repeat; background-size: cover; } .bg_laptop-skype { background: url(../img/bg_laptop-skype.jpg) center left no-repeat; background-size: cover; } .bg_laptop-eikon { background: url(../img/bg_laptop-eikon.jpg) center left no-repeat; background-size: cover; } .bg_laptop-sfb { background: url(../img/bg_sfb.jpg) center left no-repeat; background-size: cover; } .bg_az-90 { background: url(../img/bg_az-90.jpg) center left no-repeat; background-size: cover; } .bg_az-70 { background: url(../img/bg_az-70.jpg) center left no-repeat; background-size: cover; } .bg_az-50 { background: url(../img/bg_az-50.jpg) center left no-repeat; background-size: cover; } .bg_laptop-wtm { background: url(../img/bg_compare-versoes.jpg) center left no-repeat; background-size: cover; } .bg_suporte { background: url(../img/bg_suporte.jpg) center left no-repeat; background-size: cover; height: 250px; } .bg_trial { background: url(../img/bg_trial.jpg) center left no-repeat; background-size: cover; } .bg_downloads { background-image: url(../img/SVG/banner-downloads.svg), linear-gradient(#498DA2, #1EAEE4); background-size: conntain; background-repeat: no-repeat; background-position-x: 10%; background-position-y: 10%; } .bg_release-notes { background-image: url(../img/SVG/banner-rn.svg), linear-gradient(#498DA2, #1EAEE4); background-size: conntain; background-repeat: no-repeat; background-position-x: 10%; background-position-y: 10%; } .bg_winco { background-image: url(../img/SVG/banner-winco.svg), linear-gradient(#498DA2, #1EAEE4); background-size: conntain; background-repeat: no-repeat; background-position-x: 10%; background-position-y: 10%; } .bg-alerta { background: url(../img/SVG/banner-alert.svg), linear-gradient(#498DA2, #1EAEE4); background-size: conntain; background-repeat: no-repeat; background-position-x: 10%; background-position-y: 10%; } .bg_downloads, .bg_release-notes, .bg_winco, .bg-alerta { height: 280px; } .mote-404-bg { background: #C0392B; height: 280px; } .mote-index, .mote { margin: 0 auto; text-align: right; opacity: 0; -webkit-animation: mote ease-in 1; -moz-animation: mote ease-in 1; animation: mote ease-in 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: .3s; -moz-animation-duration: .3s; animation-duration: .3s; -webkit-animation-delay: .7s; -moz-animation-delay: .7s; animation-delay: .7s; } .mote-index { max-width: 1050px; margin: 50px auto; text-align: center; padding: 10px 30px 30px 30px; } .mote { width: 50%; float: right; margin: 50px 3% 0 0; text-align: left; } .mote-404 { width: 100%; padding: 0; } .mote-404 p { width: 100%; padding: 50px 0 0 0; text-align: center; font-size: 12rem; font-weight: bold; color: rgba(255, 255, 255, .7); line-height: 100%; } @keyframes mote { from { margin-top: 70px; opacity: 0; } to { margin-top: 50px; opacity: 1; } } @-moz-keyframes mote { from { margin-top: 70px; opacity: 0; } to { margin-top: 50px; opacity: 1; } } @-webkit-keyframes mote { from { margin-top: 70px; opacity: 0; } to { margin-top: 50px; opacity: 1; } } .mote-index p.title, .mote h1 { font-size: 2.8rem !important; margin: 0; padding: 0; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; } .mote-index p.title{color: rgba(255, 255, 255, 1);} .mote-home h1 {color: #274E66;} .mote-index > h1.white { font-family: 'Roboto Condensed', sans-serif; font-weight: 500; font-size: 3rem !important; width: 100%; color: rgba(255, 255, 255, .85); line-height: 140%; text-align: center; margin: 0; } .mote h1, .mote h1.white { font-family: 'Roboto Condensed', sans-serif; font-weight: 300; font-size: 2.4rem; width: 100%; opacity: .8; line-height: 140%; text-align: left; margin: 0; padding: 10px 0 10px 10px; } h1 {color: #1C158D;} h1.white {color: rgba(255, 255, 255, 1);} .mote-index h1 { width: 100%; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; line-height: 140%; font-size: 2.4rem !important; letter-spacing: 1px; text-align: left; margin: 0; padding: 10px 0 10px 10px; color: rgba(255, 255, 255, .9) } .mote p, .mote p.white { font-size: 1.7rem; } .tabs { position: relative; margin: 0 auto !important; padding-top: 0 !important; } .bg-abas { background: linear-gradient(to bottom, hsl(0,0%,92%) 0%,hsl(0,0%,92%) 60px,hsl(0,0%,92%) 60px,white 60px,white 100%); } .tabs input { position: absolute; z-index: 1000; width: 0px; height: 0px; left: -10000px; top: -10000px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); cursor: pointer; } .tabs input#tab-2 { left: 120px; } .tabs label { line-height: 41px; position: relative; display: inline-block; text-align: center; width: 260px; height: auto; padding: 10px; font-size: 1rem; font-weight: bold; letter-spacing: 1px; color: rgba(69, 90, 100, .8); } .tabs label:after { content: ''; background: #fff; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; display: block; } .tabs input:hover+label { background: rgba(0, 0, 0, .035); color: rgba(69, 90, 100, 1); cursor: pointer; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .tabs label:first-of-type { z-index: 4; } .tab-label-2 { z-index: 3; } .tab-label-3 { z-index: 2; } .tabs input:checked+label { background: #fff; z-index: 6; cursor: context-menu; color: #43A147; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .tabs input:checked+label.wtm-financial { color: #512DA8; } .content { background: #fff; position: relative; width: 1200px; min-height: 500px; display: block; margin: 0 auto; padding: 0; z-index: 5; overflow: hidden; } .content div { position: absolute; top: 0; padding: 0 20px; z-index: 1; opacity: 0; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -o-transition: all linear 0.3s; -ms-transition: all linear 0.3s; transition: all linear 0.3s; } .content-1, .content-2, .content-3 { width: 100%; -webkit-transform: translateX(150px); -moz-transform: translateX(150px); -o-transform: translateX(150px); -ms-transform: translateX(150px); transform: translateX(150px); } .tabs input.tab-selector-1:checked~.content .content-1, .tabs input.tab-selector-2:checked~.content .content-2, .tabs input.tab-selector-3:checked~.content .content-3 { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); z-index: 100; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: all ease-out 0.2s 0.1s; -moz-transition: all ease-out 0.2s 0.1s; -o-transition: all ease-out 0.2s 0.1s; -ms-transition: all ease-out 0.2s 0.1s; transition: all ease-out 0.2s 0.1s; } article.info { width: 60%; font-size: 1.3rem; line-height: 140%; margin: 0 30px 0 0; padding: 0 0 0 15px; } article.info p { width: 95% !important; font-size: 1.3rem; line-height: 140%; } article.info p strong { font-size: 1.3rem; color: #F79433; } article.info a, a[href="#anchor-recursos"], a.info { display: inline-block; font-size: 1.1rem; font-weight: 700; color: #1E88E5; border: 1px solid #64B5F6; padding: 8px 15px; margin: 10px 10px 0 0; } a[href="#anchor-recursos"]:hover, a.info:hover { color: #fff; background-color: #64B5F6; } article.info a[href="plataformas"] { color: #27A79B; border: 1px solid #27A79B; } article.info a[href="plataformas"]:hover { color: #fff; background-color: #27A79B; } #anchor-recursos { padding-top: 20px; } .content article { width: 100%; padding: 0 0 20px 0; } .grafico-index { background: url(../img/SVG/grafico.svg) right no-repeat; background-size: 450px; background-position-y: 50px; } .grafico-sfb { background: url(../img/SVG/grafico-SFB.svg) right no-repeat; background-size: 480px; background-position-y: 30px; } .logo-eikon { background: url(../img/logo-eikon2.png) right no-repeat; background-size: 300px; background-position-x: 80%; background-position-y: 150px; } .grafico { width: 35%; height: 380px; background: url(../img/SVG/grafico.svg) right no-repeat; background-size: contain; margin: 0 30px 0 80px; } .content article h2,.content article h2 strong { width: 50%; font-family: 'Roboto', sans-serif; font-size: 1.4rem; text-align: left; margin: 50px 0 0 0; line-height: 160%; color: rgba(0, 0, 0, .7); } .content article h2 strong{font-weight: normal; color: #43A147;} .content article p { width: 55%; font-size: 1.1rem; line-height: 150%; text-align: left; margin: 0; padding: 20px 0 0 0; } .content article p strong{font-size: 1.1rem;} .content > article ul { width: 90%; margin: 20px auto 0 auto; padding: 30px 30px 30px 50px; background-color: #f8f8f8; text-align: left; list-style-image: url(../img/SVG/bullet-produtos.svg) no-repeat; } .content article li { font-size: 1.1rem; padding: 10px 0; color: #0289D3; } @keyframes "page" { 0% { left: 0; } 50% { left: 10px; } 100% { left: 0; } } @-moz-keyframes page { 0% { left: 0; } 50% { left: 10px; } 100% { left: 0; } } @-webkit-keyframes "page" { 0% { left: 0; } 50% { left: 10px; } 100% { left: 0; } } @-ms-keyframes "page" { 0% { left: 0; } 50% { left: 10px; } 100% { left: 0; } } @-o-keyframes "page" { 0% { left: 0; } 50% { left: 10px; } 100% { left: 0; } } article.como-funciona { width: 30%; height: auto; margin: 30px auto; padding: 0 0 40px 0; } .skype h3, .skype-business h3, .eikon h3 { text-align: center; font-size: 1.5rem; font-weight: 700; letter-spacing: 1px; padding: 10px 0; margin: 0 0 20px 0; color: rgba(255, 255, 255, 1); } .skype h3 { background-color: #4FC3F7; border-bottom: 2px solid #0095CC; } .skype-business h3{ background-color: rgb(69, 171, 214); border-bottom: 2px solid #0095CC; } .eikon h3 { background-color: #FFB74D; border-bottom: 2px solid #F7891F; } article.como-funciona p, article.como-funciona li { font-size: 1.05rem; } article.como-funciona p{ padding: 5px 15px; } .btt-SaibaMais { color: rgba(255, 255, 255, .95); font-size: 1.2rem; background-color: #1D9AD6; padding: 10px 30px; margin: 40px 0 0 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .btt-SaibaMais:hover { color: rgba(255, 255, 255, 1); background-color: #1b7eae; } .flex-container, .flex-container100 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-content: flex-start; flex-flow: row wrap; min-width: 980px; max-width: 70%; margin: 0 auto 50px auto; } .flex-container100 { padding: 0; min-width: 100%; max-width: 100%; } .flex-clientes { width: 205px; height: 97px; margin: 30px auto 0 auto; } .flex-vantagens { width: 350px; height: auto; margin: auto; padding: 15px 10px 20px 10px; margin: 0 auto 50px auto; position: relative; text-align: center; border-bottom: 5px solid #1f94c7; } .flex-vantagens h2 { margin: 0; padding: 40px 0 0 0 !important; color: #0071A2; font-weight: 400; font-size: 1.3rem; letter-spacing: 1px; } .flex-vantagens p { font-size: 1rem; color: #fff; line-height: 150%; color: rgba(0, 0, 0, .6); width: auto; padding: 10px 0 0 0; } .flex-vantagens p.lista { line-height: 50%; } .flex-funcionamento { width: 45%; height: auto; margin: auto; padding: 10px 10px 20px 10px; margin: 0 auto 50px auto; position: relative; text-align: center; -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); border: 1px solid rgba(0, 0, 0, 0.05); } .flex-funcionamento h2 { margin: 0; padding: 40px 0 0 0; color: #F57C00; font-weight: 400; font-size: 1.3rem; letter-spacing: 1px; } .flex-funcionamento p { font-size: 1rem; color: #fff; line-height: 150%; color: rgba(0, 0, 0, .7); width: auto; padding: 10px !important; } .flex-specs { width: 30%; height: 360px; margin: auto; position: relative; padding: 40px 10px 0 10px; } .flex-specs h2 { padding: 0; } .flex-specs:last-child { width: 40%; } .flex-specs ul { padding: 10px 0 !important; } .bg-users { background: url(../img/SVG/icon-users.svg) top no-repeat; background-size: 50px; } .bg-headphone { background: url(../img/SVG/icon-headphone.svg) top no-repeat; background-size: 50px; } .bg-headset { background: url(../img/SVG/icon-headset.svg) top no-repeat; background-size: 50px; } .bg-security { background: url(../img/SVG/icon-security.svg) top no-repeat; background-size: 35px; } .bg-cloud { background: url(../img/SVG/icon-cloud.svg) top no-repeat; background-size: 50px; } .bg-block { background: url(../img/SVG/icon-block.svg) top no-repeat; background-size: 50px; } .bg-clock { background: url(../img/SVG/icon-clock.svg) top no-repeat; background-size: 50px; } .bg-search { background: url(../img/SVG/icon-search.svg) top no-repeat; background-size: 50px; } .flex-espec { width: 350px; height: auto; margin: 0; padding: 15px 5px 20px 5px; margin: 0 auto 50px auto; position: relative; } .flex-espec:first-child { width: 250px; } .flex-espec:last-child { width: 450px; padding-top: 100px; } .flex-espec h2 { font-size: 1.4rem !important; } section { width: 100%; height: auto; margin-top: 80px; } section h2 { font-family: Roboto, sans-serif; font-weight: normal; color: #311B92; font-size: 2rem; padding: 0; } section h3 { font-size: 1.6rem; font-weight: 400; color: #455A64; padding: 40px 0 0 0; margin: 0; } section h3.trial, section h3.trial span { font-size: 1.5rem; font-weight: 400; color: rgb(3, 104, 155); padding: 10px 0 20px 0; margin: 0; } section h3.trial span {color: rgba(3, 104, 155, .5);} section.produtos h2 { margin-bottom: -20px !important; } section h4 { font-size: 1.1rem; font-weight: 700; letter-spacing: 1px; color: #039BE5; padding: 0 0 10px 0; } section p { font-size: 1.05rem; width: 100%; text-align: left; padding: 8px 0; line-height: 160%; } section strong { font-size: 1.05rem; } .tit-blue { padding: 20px; margin: 50px 0; text-align: center; background-color: #47C3FB; color: #fff; font-size: 2rem; } section.produtos { padding: 0 0 50px 0; position: relative; } section.vantagens { padding: 80px 0 70px 0; margin: 0 0 -100px 0; } section.institucional { min-height: 400px; margin-bottom: 200px !important; } section.institucional h1 { padding: 0; } section.institucional h2 { font-size: 1.6rem; } section.institucional h3 { font-size: 1.2rem; margin-bottom: 0px !important; } section.institucional p { width: 80%; padding: 5px 0; } section.institucional p strong { color: rgba(0, 0, 0, .6); } section.institucional a { padding-bottom: 1px; border-bottom: 1px solid rgba(0, 0, 0, .4); } section.institucional ul { padding: 5px 10px 20px 30px; } .mapa { width: 400px; height: 350px; float: right; margin: 0 30px 0 0; border: 0; } .destaque { background-color: #f8f8f8; padding: 10px 20px; margin: 20px auto; } .divisao { height: 2px; background-color: #ccc; margin: 20px 0; } section.duvidas { padding: 0 0 60px 0; } section.duvidas ul.bullet { padding: 20px 0 0 30px; list-style-type: disc; } section.duvidas ul.bullet li { color: rgba(0, 0, 0, .2); font-size: 1.6rem; padding: 10px 0; background: none !important; } section.duvidas ul.bullet li a { font-size: 1.1rem; padding: 0 0 1px 0; } section.duvidas ul.bullet li a:hover { border-bottom: 1px solid rgba(0, 0, 0, .3); } table.compare { min-width: 800px; max-width: 1000px; margin: 50px auto 30px auto; background-color: #fafafa; border: 1px solid #f0f0f0; } table.compare th { width: 20%; color: #fff; font-weight: bold; font-size: 1rem; letter-spacing: 1px; padding: 10px 5px; } table.compare th:nth-child(2), table.compare th:nth-child(5) { background-color: #43A147; } table.compare th:nth-child(3) { background-color: #0091EA; } table.compare th:nth-child(4) { background-color: #00B8D4; } table.compare th:first-child { background-color: transparent; } table.compare td:first-child, table.compare tr:nth-child(2) td:first-child { background: none; background-color: transparent; text-align: left; vertical-align: middle; font-size: .9rem; font-weight: normal; padding: 0 20px; width: 22%; } table.compare td { width: 18%; height: 45px; text-align: center; color: #01579B; background-color: #B3E5FC; font-size: .9rem; letter-spacing: 1px; font-weight: bold; } table.compare tr td:nth-child(2), table.compare tr td:nth-child(5) { background-image: url(../img/SVG/icon-ok-table.svg); background-position:center; background-repeat: no-repeat; background-color: #62D362; color: #455A64; } table.compare td.ok { background: url(../img/SVG/icon-ok-table.svg) center no-repeat #B3E5FC; background-size: 45px; } table.compare td.nop, table.compare tr td.nop:nth-child(5) { background-image: none; background-color: #E0F7FA; } table.compare td.texto { background: none; background-color: #80DEEA; color: #0277BD; font-weight: bold; letter-spacing: 1px; } table.compare td.version { color: #fff; font-weight: bold; font-size: 1.3rem; line-height: 50px; background: url(../img/SVG/icon-seta1.svg) right no-repeat #00C652; background-size: contain; } table.compare td.version-option { background: #ebf5ef; } table.compare td.compare-topico { background: #E1F5FE; color: #03A9F4; letter-spacing: 1px; font-size: 1rem; font-weight: bold; } p.obs { font-size: .95rem !important; } .flex-suporte { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-around; flex-flow: row wrap; min-width: 980px; max-width: 70%; margin: 0 auto 50px auto; padding: 0 30px; } .flex-suporte article { width: 400px; background-color: rgba(0, 0, 0, .05); } h2.base-conhecimento, h2.artigos-uteis { font-size: 2rem; color: rgba(255, 255, 255, .9); padding: 8px 20px; } h2.base-conhecimento { background-color: #3A81C3; } h2.artigos-uteis { background-color: #59a4ea; padding: 3px 20px 5px 20px; } .flex-suporte article:nth-child(1) ul { padding: 20px; list-style-type: none; } .flex-suporte article:nth-child(1) .busca { background-color: rgba(0, 0, 0, .05); padding: 10px 0 10px 20px; } .flex-suporte article:nth-child(1) .busca form { float: none; } .campo-busca { width: 70% !important; } .btt-busca { width: 14px !important; height: 19px !important; background-color: #3A81C3; vertical-align: bottom; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; } .btt-busca:hover { background-color: #369; } .lupa { background: url(../img/SVG/icon-lupa.svg) center no-repeat #3A81C3; background-size: 65%; } .flex-suporte article:nth-child(1) a { display: block; font-family: 'Roboto Condensed', sans-serif; color: rgba(0, 0, 0, .6); font-weight: 300; font-size: 1.8rem; padding: 12px 0; } .flex-suporte article:nth-child(1) a:hover { color: #004FEF; } .flex-suporte article:nth-child(2) h2 span { font-size: 2.4rem; color: rgba(255, 255, 255, .9); vertical-align: baseline; } .flex-suporte article:nth-child(2) ul { padding: 0 20px 0 30px; } .flex-suporte article:nth-child(2) li { padding: 8px 0; margin: 5px 0; color: #59a4ea; } .flex-suporte article:nth-child(2) a { color: rgba(0, 0, 0, .8); } .flex-suporte article:nth-child(2) a:hover { color: #004FEF; } .flex-suporte article:nth-child(3) h3 { padding: 10px 0 5px 20px; color: #673AB7; } .flex-suporte article:nth-child(3) ul { list-style-type: none; padding: 0 0 20px 20px; } .flex-suporte article:nth-child(3) li { line-height: 150%; } .flex-suporte article:nth-child(3) a { padding-bottom: 1px; font-size: .95rem; } .flex-suporte article:nth-child(3) a:hover { color: #673AB7; } .flex-suporte article:nth-child(3) ul.artigos { list-style-type: disc; padding: 10px 10px 0 30px; } .flex-suporte article:nth-child(3) ul.artigos li { font-size: .9rem; line-height: 120%; padding: 5px 0; color: #27A79B; } .flex-suporte article:nth-child(3) ul.artigos li a { font-size: 1rem; } .flex-suporte article:nth-child(3) ul.artigos li a:hover { color: #27A79B; border-bottom: none; } .suporte-contato { padding: 0 0 50px 0; } .suporte-contato h1 { padding: 0 0 10px 40px; } .suporte-contato .tels { line-height: 200%; } .flex-SuporteContato { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-around; flex-flow: row wrap; width: 100%; margin: 0 auto 50px auto; padding: 20px 30px; border: 1px solid #ccc; background-color: rgba(0, 0, 0, .015); } .flex-SuporteContato article:first-child { width: 50%; } .flex-SuporteContato article:last-child { width: 50%; } .flex-SuporteContato article:first-child p { width: 80%; } section.revendas { min-height: 600px; } section.revendas p { width: 80%; } section.revendas ul { padding: 20px 0 0 20px; } section.revendas li { padding: 5px 0; color: #1E88E5; font-size: 1.1rem; } ul.categorias { list-style-type: none; padding: 0 !important; text-align: center; width: 900px; margin: 0 auto; } ul.categorias li { width: 150px !important; display: inline-block; text-align: center !important; padding: 10px 0; margin: 5px; background-color: #4983D7; color: rgba(255, 255, 255, 1); letter-spacing: 1px; border-radius: 5px; } section.contato { min-height: 600px; } section.contato p { width: 80%; } .cd-top { display: inline-block; height: 50px; width: 50px; position: fixed; bottom: 40%; right: 2%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(247, 148, 51, 0.8) url(../img/SVG/cd-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; z-index: 200000; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.3); } .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } .cd-top.cd-is-visible { visibility: visible; opacity: 1; } .cd-top.cd-fade-out { opacity: .5; } .cd-top:hover { background-color: #F79433; opacity: .9; } table.renovacao { width: 100%; margin: 10px auto 0 auto; background-color: #fafafa; margin: 30px 0 100px 0; } table.renovacao th { color: #fff; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; font-size: 1.8rem; letter-spacing: 1px; background-color: #0071A2; padding: 15px 10px; line-height: 80%; } table.renovacao th span { color: #fff; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; font-size: 1rem; letter-spacing: 1px; background-color: #0071A2; padding: 5px 10px; line-height: 50%; } table.renovacao th:nth-child(2) a { background-color: #F57C00; } table.renovacao th:nth-child(2) a:hover { background-color: #dd7102; } table.renovacao th a:hover { background-color: #0f80ce; } table.renovacao th:first-child { background-color: transparent; } table.renovacao td:first-child, table.renovacao tr:nth-child(2) td:first-child { background: none; background-color: transparent; text-align: left; vertical-align: middle; font-size: .9rem; padding: 0 20px; } table.renovacao td { width: 15%; height: 45px; text-align: center; color: #01579B; background: url(../img/SVG/icon-ok-table.svg) center no-repeat; background-size: 45px; } table.renovacao td strong { color: #368; } table.planos { min-width: 800px; max-width: 1020px; margin: 30px auto 0 auto; background-color: #fafafa; } table.planos th { width: 20%; color: rgba(255, 255, 255, 1); font-weight: bold; font-size: 1.2rem; letter-spacing: 1px; background-color: #0091EA; padding: 10px; } table.planos td { width: 33%; height: 45px; text-align: center; color: #01579B; background: #E1F5FE; } table.planos td.nop { background: none; background-color: #E0F7FA; } table.planos td.texto { background: none; background-color: #80DEEA; color: #0277BD; font-weight: bold; letter-spacing: 1px; } table.cadastro td { padding: 0; height: auto; } table.cadastro label { padding: 0; margin: 0; } .comprar-produto { padding: 30px; margin: 20px 0 30px 0; } .escolha-produto, .escolha-plano, .escolha-checkout, .escolha-continuar { display: inline-block; margin: 30px 30px 40px 0; } .escolha-plano, .escolha-checkout { } .escolha-produto select, .escolha-plano select { font-size: 1.4rem; width: 300px !important; } .flex-compra { width: 360px; height: auto; margin: auto; margin: 50px auto 0 auto; position: relative; text-align: center; border: 1px solid #ccc; } .flex-compra:first-of-type { width: 250px; background: url(../img/foto-loja.jpg) left bottom no-repeat; background-size: cover; } .flex-compra h2 { padding: 10px 0; color: rgba(255, 255, 255, 1) !important; } .flex-compra:nth-child(2) h2 { background: #0071A2; } .flex-compra:nth-child(3) h2 { background: #01597f; } .flex-compra h3 { width: 100%; padding: 15px 0 10px 0; margin: 0 0 20px 0; color: #ff8f00; font-size: 1.8rem; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; background: linear-gradient( #fff, rgba(0, 0, 0, .07)); border-bottom: 1px solid rgba(0, 0, 0, .1); line-height: 70%; } .flex-compra h3 span { font-size: .9rem; color: #ff8f00; } .flex-compra p { font-weight: bold; margin: 3px 0; padding: 10px 20px; } .flex-compra p span { color: #0071A2; } .comprar { display: block; font-size: 1.1rem; font-weight: normal; color: #fff; background-color: #4CAF50; padding: 10px 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: linear-gradient(#00C853, #01a143); border: 1px solid #01a143; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .comprar:hover { background: linear-gradient(#01a143, #01a143); color: #fff; cursor: pointer; } input.radio { width: 20px !important; height: 20px !important; margin: 0 10px 0 0; vertical-align: middle; } .condicoes-pgto ul.bullet { padding: 10px 0 !important; margin: 0 0 100px 0 !important; } .condicoes-pgto ul.bullet li { font-size: 1rem; margin: 4px 0; padding: 5px 0 5px 25px; color: #37474F; background: url(../img/SVG/ul-check.svg) left center no-repeat; background-size: 20px; background-position: 5px left; background-position-y: 5px; background-position-x: left; } .revendedor { border-bottom: 1px solid #ccc; padding: 25px 0 20px 30px; } .revendedor:first-of-type { border-top: 1px solid #ccc; margin-top: 30px; } .revendedor h2 { font-size: 1.4rem; padding: 0; } .revendedor p { padding: 5px 0; } .revendedor p span { font-size: 1.1rem; line-height: 200%; color: #0071A2; } .product-resume{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; flex-flow: row; min-width: 980px; max-width: 100%; } article.product-text{ width: 60%; padding-top: 20px; } article.product-graphic{ width: 32%; margin-left: 30px; } p+ul, .product-resume > ul, h3+ul, h4+ul, ul.trial { margin: 20px 0 30px 20px; list-style-type: none; } p+ul li, .product-resume > ul li, h3+ul li, h4+ul li, ul.trial li { padding: 0 0 0 20px; margin: 10px 0; background: url(../img/SVG/ul-bullet.svg) left no-repeat; background-size: 7px; background-position-y: 6px; } ul.trial{padding-left: 5px;} ul.trial li{color: #058937; font-size: 1.05rem;} .endereco { height: 380px; } .flex-box-recursos { width: 25%; height: auto; margin: 0; padding: 20px 20px 40px 20px; background-color: #fff; overflow: hidden; border: 1px solid rgba(0, 0, 0, .1); position: relative; } .flex-box-recursos>h3 { padding: 0; } .flex-box-recursos ul { list-style-type: disc; margin: 20px 0 0 20px; } .flex-box-recursos li { font-size: .95rem; margin: 10px 0; color: rgba(0, 0, 0, .6); background: none; padding: 0; } .flex-box-recursos li span { color: rgba(0, 0, 0, .7); } .flex-box-recursos p { font-size: .9rem; margin: 10px 0; color: #00838F; } .decimal { list-style-type: decimal; width: 95%; margin: 0 auto 50px auto; } .decimal li { margin: 10px 0; font-size: .85rem; } ul.cotacao li { background: none; padding: 5px 0; } ul.cotacao li label { width: 100%; display: block; padding: 0 2px; } .versao-info { border-bottom: 1px solid #ccc; padding: 0 0 30px 0; } .versao-info:first-of-type { border-top: 1px solid #ccc; margin-top: 30px; } .versao-info h2 { padding: 30px 0 0 0; } .versao-info p { line-height: 160%; margin: 0; padding: 0; } .btt-releaseNotes, .btt-download { display: inline-block; margin: 20px 10px; padding: 7px 0; width: 200px; text-align: center; border: 1px solid transparent; } .btt-releaseNotes { border: 1px solid rgba(0, 0, 0, .6); color: rgba(0, 0, 0, .8); background-color: #fff; } .btt-releaseNotes:hover { background-color: rgba(0, 0, 0, .07); } .btt-download { background: #0277BD; color: rgba(255, 255, 255, .9); } .btt-download:hover { background-color: #368; } .release-notes h3 { padding: 0 0 5px 40px; margin: 40px 0 0 0; background: url(../img/SVG/icon-ReleaseNotes.svg) top left no-repeat; background-size: 30px; font-size: 1.5rem; font-family: 'Roboto', sans-serif; } .release-notes p { padding: 10px 0 0 40px; } .release-notes ul { margin: 10px 0 10px 40px; } .table-form { width: 80%; } .table-form td { padding: 5px 0; } .table-form textarea { width: 100%; } .flex-SuporteContato { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-around; flex-flow: row wrap; width: 100%; margin: 0 auto 50px auto; padding: 20px 30px; border: 1px solid #ccc; background-color: rgba(0, 0, 0, .015); } .flex-SuporteContato article:first-child { width: 40%; } .flex-SuporteContato article:last-child { width: 60%; } .flex-SuporteContato article:first-child p { width: 80%; } .product-resume p { font-size: 1.05rem; padding: 7px 0; } .product-resume ul li { font-size: 1.05rem; } .img-eikon { float: right; margin: 10px 50px 0 50px; } .chamada-blog { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 0; justify-content: space-around; min-width: 980px; max-width: 70%; margin: 0 auto; padding: 0; } .chamada-blog article{ width: 60%; height: auto; padding: 30px 10px; position: relative; background: url(../img/SVG/lock.svg) center no-repeat #0289D3; background-size: contain; } .chamada-blog article + article{ width: 35%; padding: 30px 10px 0 10px; background: none; } .chamada-blog article h2{ width: auto; color: #fff; line-height: 140%; font-size: 2.8rem; padding-left: 30px; } .chamada-blog article p, .chamada-blog article p strong{ width: auto; font-size: 1.4rem; color: rgba(0,0,0,.5); } a.btt-blog { position: relative; display: inline-block; font-size: 1.15rem; font-weight: normal; color: #fff; background: linear-gradient(#00C853, #01a143); border: 1px solid #01a143; padding: 8px 15px; margin: 20px 0 0 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } a.btt-blog:hover { background: linear-gradient(#01a143, #01a143); color: #fff; cursor: pointer; } .medias{ width: 100%; background-color: #fafafa; border-top: 1px solid #eee; text-align: center; padding: 20px 0 10px 0; margin-top: 100px; } .medias > a{ display: inline-block; width: 35px; height: 35px; background-size: contain; margin: 0 20px; } .blog-svg, .facebook-svg, .linkedin-svg{fill:#879FA8;} .blog-svg:hover, .facebook-svg:hover, .linkedin-svg:hover{ -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .blog-svg:hover{fill:#009688;} .facebook-svg:hover{fill:#3B5998;} .linkedin-svg:hover{fill:#0077B5;} footer { width: 100%; height: 420px; padding: 0; background-color: #455A64; overflow: hidden; margin-top: 80px; } .footer-product { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 0 auto; padding: 0; justify-content: space-evenly; flex-flow: row wrap; width: 100%; border-top: 1px solid rgba(0, 0, 0, .15); padding: 0 !important; } .footer-product article { float: left; padding: 0 0 0 30px; } .footer-product article h5{ font-size: 1.2rem !important; color: rgba(255, 255, 255, .5) !important; padding: 30px 0 30px 10px !important; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; padding: 20px 0 10px 10px !important; letter-spacing: 0; } .globe { background: url(../img/SVG/icon-globe.svg) no-repeat; background-size: 18px; background-position: 85px 22px; background-position-x: 85px; background-position-y: 22px; } ul.ul-footer { margin: 0; width: 90%; padding: 0 0 10px 10px; } .ul-footer li { line-height: 150%; border-left: 1px solid rgba(0, 0, 0, .2); margin: 0 0 0 3px; font-size: .85rem; padding: 0 0 1px 10px; margin: 0 0 0 10px; color: rgba(255, 255, 255, .3); list-style-type: none !important; } .footer-product a { display: inline-block; font-size: .85rem; padding: 0 0 3px 0; color: rgba(255, 255, 255, .7); white-space: nowrap; } .footer-product a:hover { color: rgba(255, 255, 255, 1); } .footer-product article:last-child { width: 250px; height: 420px; padding: 0; float: right; background-color: rgba(0, 0, 0, .05); overflow: hidden; } .logo-winco { width: 100%; height: 40px; background: url(../img/SVG/logo-winco.svg) no-repeat rgba(255,255,255,.85); background-size: 110px; background-position: center; } p.winco-info { width: 100%; padding: 130px 0 0 30px; padding: 30px 0 0 30px; font-size: .7rem; font-weight: normal; line-height: 160%; letter-spacing: .07em; color: rgba(255, 255, 255, .7); } p.winco-info span { font-size: .8rem; color: rgba(255, 255, 255, .9); } .cc-window{ opacity:1; -webkit-transition:opacity 1s ease; transition:opacity 1s ease; -moz-transition:opacity 1s ease; -ms-transition:opacity 1s ease; -o-transition:opacity 1s ease;} .cc-window.cc-invisible{opacity:0} .cc-animate.cc-revoke{ -webkit-transition:-webkit-transform 1s ease; -webkit-transition:-webkit-transform 1s ease; transition:-webkit-transform 1s ease; transition:transform 1s ease; transition:transform 1s ease,-webkit-transform 1s ease; -moz-transition:-webkit-transform 1s ease; -ms-transition:-webkit-transform 1s ease; -o-transition:-webkit-transform 1s ease; } .cc-animate.cc-revoke.cc-top{-webkit-transform:translateY(-2em);transform:translateY(-2em)} .cc-animate.cc-revoke.cc-bottom{-webkit-transform:translateY(2em);transform:translateY(2em)} .cc-animate.cc-revoke.cc-active.cc-top{-webkit-transform:translateY(0);transform:translateY(0)} .cc-animate.cc-revoke.cc-active.cc-bottom{-webkit-transform:translateY(0);transform:translateY(0)} .cc-revoke:hover{-webkit-transform:translateY(0);transform:translateY(0)} .cc-grower{max-height:0;overflow:hidden;-webkit-transition:max-height 1s;transition:max-height 1s} .cc-revoke,.cc-window{position:fixed;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999} .cc-window.cc-static{position:static} .cc-window.cc-floating{padding:2em;max-width:24em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column} .cc-window.cc-banner{padding:1em 1.8em;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row} .cc-revoke{padding:.5em} .cc-revoke:hover{text-decoration:underline} .cc-header{font-size:18px;font-weight:700} .cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer} .cc-link{opacity:.8;display:inline-block;padding:.2em;text-decoration:underline} .cc-link:hover{opacity:1} .cc-link:active,.cc-link:visited{color:initial} .cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap} .cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent} .cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline} .cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1} .cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em} .cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em} .cc-revoke.cc-left{left:3em;right:unset} .cc-revoke.cc-right{right:3em;left:unset} .cc-top{top:1em} .cc-left{left:1em} .cc-right{right:1em} .cc-bottom{bottom:1em} .cc-floating>.cc-link{margin-bottom:1em} .cc-floating .cc-message{display:block;margin-bottom:1em;} .cc-window.cc-floating .cc-compliance{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto} .cc-window.cc-banner{-webkit-box-align:center;-ms-flex-align:center;align-items:center} .cc-banner.cc-top{left:0;right:0;top:0} .cc-banner.cc-bottom{left:0;right:0;bottom:0} .cc-banner .cc-message{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em;color: #fafafa;} .cc-compliance{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between} .cc-floating .cc-compliance>.cc-btn{-webkit-box-flex:1;-ms-flex:1;flex:1} .cc-btn+.cc-btn{margin-left:.5em} @media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none} .cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}} .cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-webkit-box-flex:0;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block} .cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em;margin-bottom:1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0} .telstop { float: left; width: 60%; } .bandeiras { float: left; width: 40%; } .topline { box-shadow: 0 1px 3px rgb(0 0 0 / 5%); } .telstop p { text-align: left; color: #294E5D; font-weight: bold; font-size: 14px; text-transform: uppercase; margin-bottom: 0; line-height: 50px; letter-spacing: 1.1px; margin-left: 53px; } .telstop a { color: #294E5D; font-size: 14px; } .bandeiras p { text-align: right; margin: 0 20px 0 0; padding: 15px; } .bandeiras img { zoom: 60%; } .newmargin { display: flex; box-shadow: inset 0 -6px 5px rgb(0 0 0 / 3%); }.MenuMobile{display: none;} #showRightPush, #showRightPush2{ width: 35px; height: 35px; display: block; float: right; margin: 24px 30px 0 0; background: url(../img/SVG/icon-hamburguer.svg) center no-repeat; background-size: contain; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .painel #showRightPush, .painel #showRightPush2{ height: 40px; width: 40px; margin: 7px 20px 0 0; background: url(../img/SVG/icon-mobile-fechar.svg) center no-repeat; background-size: contain; } .bg-close{ width: 100%; height: 54px; position: relative; border-bottom: 1px solid rgba(0,0,0,.12); background-color: #fff; } .ScrollMenu{ width: 85%; height: 100%; background-color:#fff; -webkit-box-shadow: 4px 3px 5px rgba(0,0,0,.2); -moz-box-shadow: 4px 3px 5px rgba(0,0,0,.2); box-shadow: 4px 3px 5px rgba(0,0,0,.2); } .cbp-spmenu {position: fixed;} .cbp-spmenu a {display: block;} .cbp-spmenu-vertical { width: 100%; height: 100%; top: 0; margin:0; z-index: 1000; } .cbp-spmenu-vertical .painel{ width: 100%; height: 100%; overflow:auto; background-color:rgba(0,0,0,.03); } .painel ul{ width: 100%; height: auto; list-style:none; overflow: auto; padding: 10px 0 20px 0; background: rgba(255,255,255,1); background: #455A64; } .painel li{ display: block; width: 100%; } .painel li{ display: block; width: 100%; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; color: #757575; margin:0; cursor: auto; } .painel ul a{ width: 100%; height: auto; display: block; margin:0; padding: 15px 0 15px 30px; font-size: .95em; font-weight: 700; letter-spacing: 1px; color: rgba(255,255,255,.7) ; text-align: left; } .painel ul a.text-green{color: #01C150 ;} .painel li:hover > a { text-decoration: none; color: rgba(255,255,255,1) ; } .painel ul a.menu-seta{ float: none; background:none; background-color: rgba(255,255,255,.08); color: rgba(255,255,255,.5) ; cursor: default ; padding: 10px 0 10px 20px; font-size: .9rem; letter-spacing: 1px; } .painel ul li.sobre-mobile ul{ padding:0; background-color: rgba(255,255,255,.1); border-top: 1px solid #42565F; border-bottom: 1px solid #42565F; } .selected { color: #03A9F4 ; } .separador{ width: 100%; height: 1px; background-color:rgba(0,0,0,.12); } .cbp-spmenu-vertical a:hover {background-color:rgba(0,0,0,.02);} .cbp-spmenu-right { left: -105%; background-color: rgba(0,0,0,.5); } .cbp-spmenu-right.cbp-spmenu-open {left: 0px;} .cbp-spmenu-push { overflow-x: hidden; position: relative; right: 0; } .cbp-spmenu-push-toright {right: 100%;} .cbp-spmenu, .cbp-spmenu-push { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } @media screen and (max-width:85.375em) { .mote{width: 55%;} } @media screen and (max-width:64em) { nav.right{display: none;} .header, section{width: 100%;} header{ width: 100%; top:0; left:0; z-index: 500; -webkit-box-shadow: 0 0 15px rgba(0,0,0,.4); -moz-box-shadow: 0 0 15px rgba(0,0,0,.4); box-shadow: 0 0 15px rgba(0,0,0,.4); } .MenuMobile{display: block;} .ScrollMenu{width: 300px;} .bg_index{background: url(../img/section-index-mobile.jpg) top left no-repeat;background-size: cover;} .bg_az-90{background: url(../img/bg_az-90-mobile.jpg) top left no-repeat;background-size: cover;} .bg_az-70{background: url(../img/bg_az-70-mobile.jpg) top left no-repeat;background-size: cover;} .bg_az-50{background: url(../img/bg_az-50-mobile.jpg) top left no-repeat;background-size: cover;} .bg_laptop-eikon{background: url(../img/bg_laptop-eikon-mobile.jpg) center no-repeat; background-size: cover;} .bg_laptop-skype{background: url(../img/bg_laptop-skype-mobile.jpg) top left no-repeat;background-size: cover;} .bg_laptop-wtm{background: url(../img/bg_compare-versoes-mobile.jpg) top left no-repeat;background-size: cover;} .bg_suporte{background: url(../img/bg_suporte-mobile.jpg) top left no-repeat;background-size: cover;} .bg_trial{background: url(../img/bg_trial-mobile.jpg) top left no-repeat;background-size: cover;} .mote-index, .mote{width: 100%; padding: 0 40px;} .mote-index h1, .mote h1, .mote h1.white{ text-shadow: none; font-size: 1.8rem !important; color: rgba(255,255,255,1); } .bg_index, .bg_az-90, .bg_az-70, .bg_az-50, .bg_laptop-eikon, .bg_laptop-skype, .bg_laptop-sfb, .bg_laptop-wtm, .bg_suporte, .bg_trial{ height: auto; min-height: 320px; } .bg_downloads, .bg_release-notes, .bg_winco, .bg-alerta{ margin-top: 40px; height: 200px; } p.title{display: none;} .mote{width: 80%;} .mote-index .green, .mote-index .blue{font-size: 1.1rem;} .bg_downloads .mote h1, .bg_release-notes .mote h1, .bg_winco .mote h1{padding-left: 45%;} .tabs label { width: 250px; font-size: 1rem; } section{ width: 100%; height: auto; } section h3{padding-bottom: 20px;} .container{width: 100%;min-width: 100%; max-width: 100%;padding: 30px;} .content{width: 100%;min-width: 100%; max-width: 100%;} .content-1 article, .content-2 article, .content-3 article{padding: 0 20px;} article.grafico-index, article.logo-eikon, article.grafico-sfb{ background: none; float: none; } article.logo-eikon{border-bottom: 0;} article.grafico-index p, article.logo-eikon p, article.grafico-sfb p{width: 100%;} section, .flex-container, .flex-container100 {min-width: 100%; max-width: 100%;} .flex-vantagens{width: 45%;} .flex-box-recursos{width: 50%;} .product-resume{ width: 100%; } article.como-funciona{ width: 100%; margin: 30px auto; padding: 0; } .mapa{display: none;} a.sua-conta { width: 100%; position: relative; display: inline-block; font-size: .9rem; font-weight: normal; color: #fff; background: linear-gradient(#00C853, #01a143); border: 1px solid #01a143; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; padding: 12px 0; font-size: 1rem; text-align: center; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } a.sua-conta:hover { background: linear-gradient(#01a143, #01a143); color: #fff; cursor: pointer; } .flex-suporte{margin: 0;padding: 0; min-width: 100%; max-width: 100%; width: 100%;} .flex-suporte article{width: 100%; background-color: rgba(0,0,0,0);} .flex-suporte article ul{width: 100%;} .flex-suporte article:nth-child(2) ul, .flex-suporte article:nth-child(3) ul{padding: 0 25px;} .campo-busca{width: 70% ;} .flex-SuporteContato article:first-child{width: 100%;} .flex-SuporteContato article:last-child{width: 100%;} .flex-SuporteContato article:first-child p{width: 100%;} .content article h2{width: 100%;} footer{height: auto;} .footer-product article{display: none;} .footer-product article:last-child{ display: block; width: 100%; height: 430px; padding:0; float: none; background-color: rgba(0,0,0,.05); overflow: hidden; } .chamada-blog { min-width:100%; max-width: 100%; flex-direction: column; } .chamada-blog article{ width: 100% !important; display: block; } .chamada-blog article + article{ width: 100% !important; display: block; padding-bottom: 50px; } .chamada-blog article h2{ width: 100% !important; } .chamada-blog article p, .chamada-blog article p strong{ width: 100% !important; font-size: 1.4rem; color: rgba(0,0,0,.5); } a.btt-blog { width: 100%; text-align: center; padding: 10px 15px; } } @media screen and (max-width:56em){ .tabs label { width: 240px; font-size: 1rem; } .hidden-xs { display: none !important; } } @media screen and (max-width:45.625em){ .bg_downloads, .bg_release-notes, .bg_winco, .bg-alerta{background-position: center;} .btt-download, .btt-releaseNotes{ width: 95%; padding: 14px 0; margin: 7px 10px; } .mote-index, .mote{ width: 100%; margin: 10px auto 30px auto; padding: 0; float: none; -webkit-animation: no; -moz-animation:no; animation:no; opacity:100; text-align: center; } .mote-index h1, .mote h1, .mote h1.white{ margin: 0; padding: 10px 10px 30px 10px; text-align: left; text-shadow: none; color: rgba(255,255,255,1); } .bg_downloads .mote, .bg_release-notes .mote, .bg_winco .mote, .bg-alerta .mote{display: none;} .mote-index .green, .mote-index .blue, .mote .green{font-size: 1.4rem;} .bg_laptop-eikon .mote h1, .bg_laptop-wtm .mote h1, .bg_downloads .mote h1{padding: 20px 20px 30px 20px;} .btt{ width: 90%; margin: 30px auto 0 auto !important; font-weight: 400; padding: 16px 10px; font-size: 1.5rem; } section.tabs{ margin:0; padding:0; display: block; height: auto; } .tabs label, .tabs input:checked + label.skype, .tabs input:checked + label.eikon, .tabs label:after { display: none;} .content div { opacity: 1; position: relative; display: block; } .content{height: auto;} .content-1, .content-2, .content-3 { display: inline-block; -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .content-1, .content-2{ border-bottom: 1px solid #ccc; } .content-1 article, .content-2 article, .content-3 article{ width: 100%; float: none; display: block; padding: 0 0 30px 0; } .btt-SaibaMais{ display: block; padding: 12px 30px; margin: 0; text-align: center; font-size: 1.3rem; } .flex-vantagens{ width: 100%; padding: 40px 20px; border-bottom: 2px solid #1f94c7; } .bg-users, .bg-headphone, .bg-headset, .bg-cloud, .bg-block, .bg-clock{ background-size: 40px; } .bg-security{background-size: 30px;} .flex-vantagens h2{ padding: 0; font-size: 1.4rem; } p.title{display: none;} h1, h1.white{ width: 90%; text-align: left; font-size: 1.4rem; margin: 50px auto 0 auto; padding:0; font-weight: normal; } h2{font-size: 6vw;} section h3{font-size: 5vw;} p+ul, h3 + ul, h4 + ul{ margin: -15px 0 30px 0; list-style-type: none; } section{padding:0;} .content {width: 100%;} .img-eikon{display: none;} article.como-funciona p{font-size: 1.1rem; padding:5px;} article.como-funciona li{font-size: 1rem;} .skype h3, .eikon h3{ text-align: center; padding: 10px 0 ; } .tit-blue{ font-size: 1.6rem; } .flex-box-recursos{ width: 100%; padding: 0 10px 40px 20px; margin-top: 10px; } .flex-box-recursos > h4{text-align: center;} .orange-flat{display: none;} form input, form texarea{width: 230px;} input.ddd{width: 20px;} input.tel{width: 180px;} input.n-pcs{width: 50px;} form .button { width: 80%; padding:12px 60px; text-align: center; margin: 30px auto 0 auto; } .endereco{height: auto;} .endereco article.left{float: none; width: 100%;} .endereco article.right{display: none;} .release-notes h3{background:none;} .release-notes p{padding: 10px 0 0 30px;} .release-notes ul{margin: 0 0 10px 0;} .table-suporte{width: 100%;} .flex-SuporteContato article:first-child, .flex-SuporteContato article:last-child{width: 100%;} .flex-SuporteContato article:first-child p{width: 100%; padding: 5px 0;} .flex-SuporteContato table{width: 100%; margin:0;} .flex-SuporteContato table td{padding:5px 0 ;} input{width: 180px ;} textarea{width: 90% ;} input[name=ddd]{width: 20px ;} input[name=tel]{width: 130px ;} .flex-suporte, .flex-vantagens{min-width: 100%; max-width: 100%; width: 100%;} .flex-suporte article{ width: 100%;padding-bottom: 40px;} .flex-suporte article:nth-child(1) a{font-size: 1.8rem ;} .css-only-modal { width: 100%; height: 100%; text-align: right; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .css-only-modal h2 {font-size: 2.4rem; padding: 0 30px;} .css-only-modal-close { top: auto; bottom: 22vh; right: 0; width: 100%; } .fa { display: inline-block; text-rendering: auto; cursor: pointer; background: transparent; width: 100%; height: auto; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; text-align: center; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .fa:hover{background: rgb(39, 90, 41);} .fa-times:before{ content:"Ir para o site do TalkManager"; font-size: 1rem; color: #fff; } a.atualizar, .modal-texto .sublinhado{display: none;} } @media screen and (max-width:31.25em){ .logo{width: 220px;} .logo-winco{display: none;} section:nth-of-type(2){ margin-top: 0; } .mote-index, .mote{ padding-bottom: 30px; } .mote-index h1, .mote h1, h1.white, .mote-index > h1.white{ padding: 100px 20px 30px 20px; margin-bottom: 0; font-size: 2.2rem !important; text-align: left; } .mote-index .green, .mote-index .blue, .mote .green, .mote .blue{ font-size: 1.1rem; font-size: 2.8vh; } .mote-index .green, .mote .green{margin-top: 20% !important;} .bg_laptop-wtm .mote h1, .bg_laptop-eikon .mote h1{ padding-left: 20px; text-shadow: 0; } .flex-vantagens{ padding: 20px; } .flex-vantagens h2{font-size: 1.4rem !important;} a.denunciar{width: 100%;} section h3{font-size: 7vw;} input{width: 100% !important;} textarea{width: 90% ;} input[name=ddd]{width: 20px ;} input[name=tel]{width: 130px ;} .button{ width: 100% !important; padding: 15px 0 !important; } }