.btt-large, .btt-medium, .btt-small, .disable{ display: inline-block; margin: 10px 5px; font-size: 13px; font-size: 1rem; font-weight: bold; letter-spacing: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; cursor: pointer; } .btt-large{padding: 7px 30px;} .btt-medium{padding: 5px 20px;} .btt-small{padding: 5px 15px; font-size: .9rem;} .btt-az01{background-color: #039BE5; color: #fff;} .btt-az01:hover{background-color: #0071A2;} .btt-az02{background-color: #0071A2; color: #fff;} .btt-az02:hover{background-color: #05405a;} .btt-az03{background-color: #546E7A; color: #fff;} .btt-az03:hover{background-color: #455A64;} .btt-lar01{background-color: #FFAE39; color: #fff;} .btt-lar01:hover{background-color: #ec961b;} .btt-verm01{background-color: #E53935; color: #fff;} .btt-verm01:hover{background-color: #ad211e;} .btt-verd01{background-color: #00C853; color: #fff; border: 1px solid transparent;} .btt-verd01:hover{background-color: #fff; color: #00C853; border: 1px solid #00C853;} select.select-default{ width: 220px; font-size: 13px; font-size: .85rem; color: #0071A2; padding: 5px; margin: 0 0 0 -5px; float: left; border-bottom: 1px solid #ccc; background: url('../img/PNG/select-arrow.png') no-repeat #fff; background-position: right; text-indent: 0.01px; text-overflow: ""; -webkit-appearance: none; -moz-appearance: none; appearance:none; cursor: pointer; } select.select-default::-ms-expand {display: none;} select.select-default option{ color: #0071A2; padding: 5px 0; font-size: 13px; font-size: .8rem; } select.select-table{ width: 110px; font-size: 13px; font-size: .8rem; padding: 0 5px; float: none; color: #0071A2; background: url('../img/PNG/select-arrow.png') no-repeat #fff; background-position: right; text-indent: 0.01px; text-overflow: ""; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; cursor: pointer; } select.select-table::-ms-expand {display: none;} select.select-table option{ color: #03A9F4; font-size: 13px; font-size: .8rem; } .select-separador{color: #ccc;} input.border-bottom{ width: 300px; margin: 25px 0 0 30px; border: 0; border-bottom: 1px solid #ccc; padding: 5px; font-size: 14px; font-size: .9rem; -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; } input.border-bottom:focus{ border-bottom: 1px solid #03A9F4; color: #039BE5; } input.border-bottom:focus::-webkit-input-placeholder { color:transparent; 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; } input.border-bottom:focus:-moz-placeholder { color:transparent; 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; } input.border-bottom:focus:-ms-input-placeholder { color:transparent; 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; } input.file-upload{ width: 100%; margin: 5px 0 0 0; display: block; float: none; font-size: 12px; font-weight: normal; color: rgba(0,0,0,.54); position: absolute; left: 0; opacity:0; -moz-opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } input.fakeupload{ width: 400px; position: absolute; left: 0; border: 0; border-bottom: 1px solid #ccc; padding: 5px; font-size: 14px; font-size: .9rem; -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; } .table-container{ height: auto; min-height: 50px; max-height: 250px; overflow-y: auto; } table.simpleListView{ width: 100%; border-collapse: collapse; } table.simpleListView td{ font-size: 13px; font-size: .8rem; padding: 12px 20px; border-bottom: 1px solid #e3e3e3; } table.simpleListView td span{ color: #7f7f7f; font-size: 13px; font-size: .8rem; } table.simpleListView td span + span{ color: #FF9800; font-weight: bold; } table.simpleListView td + td{ width: 20%; padding: 0; text-align: center; } .btt-td-click{ display: block; width: 100%; font-size: 13px; font-size: .8rem; padding: 12px 20px; margin: -12px -20px; background-color: transparent; } .btt-td-click:hover{ background-color: #e5f1f6; color: #0071A2; cursor: pointer; } .btt-td-az{ display: inline-block; padding: 12px 15px; margin: 0 auto; font-size: 13px; font-size: .8rem; color: #0071A2; } .btt-td-az:hover{ background-color: #0071A2; color: #fff; } .btt-td-vm{ display: inline-block; padding: 12px 30px; margin: 0 auto; font-size: 13px; font-size: .8rem; color: #E53935; } .btt-td-vm:hover{ background-color: #E53935; color: #fff; } *{ 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; overflow: auto; } 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: #03A9F4; padding-bottom: 1px; border-bottom: 1px solid #70c9f1; font-size: 1rem; } h2{ font-family: 'Roboto Condensed', sans-serif; font-weight: 300; color: #F79433; font-size: 2.6rem; } .align-center{text-align:center;} .align-right{text-align:right;} .left{float: left;} .right{float: right;} .bottom{ width: 100%; position: absolute; bottom: 0; } .flex-container100 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 0 0 0 145px; align-content: flex-start; flex-flow: row wrap; min-width: 980px; max-width: 70%; margin: 0 auto 50px auto; } .flex-container100 {padding: 0;} .flex-vantagens{ width: 360px; height: auto; margin: auto; padding: 20px; margin: 0 0 30px 0; position: relative; text-align:center; background-color: #fff !important; -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); } .flex-vantagens h3{ margin:0; padding: 45px 0 0 0; color: #0277BD; font-weight: 700; font-size: 1.1rem; letter-spacing: 1px; } .flex-vantagens p{ font-size: 1rem; color: #fff; line-height: 150%; color: rgba(0, 0, 0, .5); width: auto; } .flex-box-beneficios, .flex-requisitos{ width: 47%; height: auto; margin: 10px; padding: 20px 0; overflow: hidden; } .flex-requisitos{width: 45%; padding: 0;} .flex-box-beneficios h3{ font-size: 1.2rem; padding:0 0 0 5px; margin:0; color: #0277BD; font-weight: 700; } .flex-box-beneficios p{ width: 100%; font-size: 1rem; line-height: 140%; padding: 0 20px 0 5px; } .img-ipad{ width: 100%; height: 300px; background: url(../img/ipad.png) center no-repeat; background-size: contain; } .img-laptop-wff{ width: 100%; height: 300px; background: url(../img/laptop-wff.png) center left no-repeat; background-size: contain; } .img-laptop-webmail{ width: 100%; height: 300px; background: url(../img/laptop-webmail.png) center no-repeat; background-size: contain; } .img-mobile-hotspot{ width: 100%; height: 450px; background: url(../img/mobile-hotspot.jpg) center no-repeat; background-size: contain; } .recursos-info{ width: 100%; font-size: 1.3rem; line-height: 140%; margin: 0 30px 0 0; padding: 0 0 0 30px; } .recursos-info p{ width: 80%; font-size: 1.3rem; line-height: 140%; padding:0 0 10px 0; } .recursos-info p strong{font-size: 1.3rem;} .flex-box-recursos, .flex-SaibaMais{ width: 341px; width: 33.333%; height: auto; margin: 0; padding: 20px 20px 70px 20px; background-color: #fff; overflow: hidden; border: 1px solid rgba(0,0,0,.1); position: relative; } .flex-SaibaMais{padding: 20px;} .flex-box-recursos h3, .flex-SaibaMais h3{ height: auto; font-size: 1.05rem; font-weight: bold; letter-spacing: 1px; padding:0; color: #00838F; text-align: center; } .flex-box-recursos ul{ list-style-type: disc; margin: 0 0 0 20px; } .flex-box-recursos li{ font-size: .95rem; margin: 10px 0; color: rgba(0,0,0,.2); } .flex-box-recursos li span{ color: rgba(0,0,0,.7); } .flex-box-recursos p{ font-size: .9rem; margin: 10px 0; color: #00838F; } .flex-SaibaMais p{ font-size: .95rem; width: 100%; margin: 10px 0; } .flex-SaibaMais p strong{ font-size: .95rem; width: 100%; margin: 20px 0 0 0; color: #1E88E5; } .flex-SaibaMais a{ font-size: .95rem; color: #1E88E5; padding: 0 0 1px 0; border-bottom: 1px solid rgba(30,136,229,.4); } .recursos-SaibaMais{ width: 40px; height: 40px; padding: 2px; border: 1px solid #4DB6AC; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; font-size: 1.8rem; color: #4DB6AC; text-align: center; margin: 20px 0; position: absolute; bottom: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; } .recursos-SaibaMais:hover{ background-color: #4DB6AC; color: #fff; } .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; } .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;} section.bg-green{background-color: #F2F8F5; padding-top:0;} .text-orange{color: #F57C00;} .text-blue{color: #4983D7;} .text-green{color: #009688;} .text-purple{color: #512DA8;} .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); } .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); } .container{ min-width: 980px; max-width: 1150px; max-width: 70%; margin: 0 auto; } .container-1200{ min-width: 1024px; max-width: 1200px; margin: 0 auto; } header{ width: 100%; height: 80px; position: relative; z-index: 1000; background-color: #fff; border-bottom: 1px solid #fafafa; -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); } .logo{ width: 190px; height: 80px; display:block; margin: 0 0 0 30%; margin: 0 0 0 3vw; 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: 45px 50px 0 10px; letter-spacing: 1px; font-weight: bold; color: #274E66; line-height: 36px; text-decoration: none; -webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; transition: color .2s ease-in-out; } .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.ajuda{ background:url(../img/SVG/nav-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/nav-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/nav-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/nav-globe-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 35px 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: 200px; padding: 4px 0 4px 20px; margin: 0; border: none; color: #EF6C01; font-size: .95rem; line-height: 100%; } .menu ul li a:hover{color: #BF3904;} .menu ul li a:first-child{ padding-top: 10px; } .menu li:first-child ul li:nth-child(4) a, .menu li:first-child ul li:nth-child(5) a{color: #1E88E5;} .menu li:first-child ul li:nth-child(4) a:hover, .menu li:first-child ul li:nth-child(5) a:hover{color: #1769b1;} .menu hr { width: 200px; height: 1px; background-color: #ccc; margin: 5px auto; } .header2{ width: 100%; height: 40px; background-color: rgba(247, 148,51,.9); } ul.nav2{ height: 100%; list-style: none; text-align: center; } ul.nav2 li{ height: 100%; display: inline-block; } ul.nav2 li a{ display: block; height: 100%; padding: 0 25px; font-size: 1rem; font-weight: bold; letter-spacing: 1px; color: rgba(0,0,0, .7); color: rgba(255,255,255, .9); line-height: 40px; } ul.nav2 li a:hover{ background-color: rgba(255,255,255, .2); } ul.nav2 li a.active{ background-color: #fff; color: rgba(247, 148,51,1); cursor: default; } section{ width: 100%; height: auto; padding: 50px 0; overflow: hidden; } section p{ font-size: 1.05rem; width: 500px; text-align: left; padding: 10px 0 0 0; line-height: 160%; } .section-mote-index, .section-mote{ margin: 3px 0 0 0; padding:0; height: 350px; } .section-mote-index{ height: 350px; position: relative; background: url(../img/banner-index.jpg) center no-repeat; background-size: cover; } .just-mobile{display: none;} .mote-wff-bg{ background: url(../img/section-wff.jpg) center left no-repeat; background-size: cover; } .mote-https-bg{ background: url(../img/section-https.jpg) center left no-repeat; background-size: cover; } .mote-firewall-bg{ background: url(../img/section-firewall.jpg) center left no-repeat; background-size: cover; } .mote-mailserver-bg{ background: url(../img/section-MailServer.jpg) center left no-repeat; background-size: cover; } .mote-mailserver-bg{ background: url(../img/section-MailServer.jpg) center left no-repeat; background-size: cover; } .mote-free-bg{ background: url(../img/section-free.jpg) center left no-repeat; background-size: cover; } .mote-recursos-bg{ background: url(../img/section-recursos.jpg) center left no-repeat #3A81C3; background-size: cover; height: 180px; } .mote-institucional-bg{ background: url(../img/section-institucional.png) center left no-repeat #3A81C3; background-size: cover; height: 180px; } .mote-downloads-bg{ background: url(../img/section-recursos.jpg) center left no-repeat; background-size: cover; height: 280px; } .mote-suporte-bg{ background: url(../img/section-suporte.jpg) center left no-repeat; background-size: cover; height: 280px; } .mote-loja-bg{ background: url(../img/section-loja.jpg) center left no-repeat; background-size: cover; height: 280px; } .mote-404-bg{ background: #C0392B; height: 280px; } section.produtos{ padding: 0 0 70px 0; position: relative; } section.vantagens{padding: 50px 0 30px 0;} section.depoimentos{padding: 50px 0;} section .header{ width: 100%; height: auto; padding:0; line-height: 80px; position: relative; z-index:0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-color: rgba(0,0,0,.03); } section .header h2, section .header h2.H2-SaibaMais, .h2-SemRecuo{ padding:0 0 0 160px; font-size: 3.2rem; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; font-size: 2.8rem; color: #F57C00; } section .header h2.H2-SemRecuo{padding:0 0 0 30px;} .sem-recuo{padding:0;} section.institucional{min-height: 600px;} .divisao{ height: 2px; background-color: #ccc; margin: 40px 0; } section.institucional h2{ padding:0; font-size: 2.8rem; color: #F57C00; } section.institucional h3{ font-size: 1rem; margin: 20px 0 -10px 0; } section.institucional p{width: 80%;} section.institucional a{ padding-bottom: 1px; border-bottom: 1px solid rgba(0,0,0,.4); } .mapa{ width: 400px; height: 350px; float: right; margin: 0 30px 0 0; border:0; } .flex-free{ 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: 50px auto; } .flex-free article:nth-child(1){ width: 500px; margin: 0 50px 0 0; } .flex-free article:nth-child(1) h2{ padding: 8px 0; background-color: #005A93; color: #fff; text-align: center; font-size: 1.6rem; } .flex-free article:nth-child(2){ width: 500px; } .flex-free article:nth-child(2) h2{ padding: 8px 0; background-color: #59A4EA; color: #fff; text-align: center; font-size: 1.6rem; } a.btt-free{ width: 320px; display: inline-block; text-align: center; margin: 10px 5px; padding: 10px 0; color: #fff; font-size: 1.2rem; font-weight: bold; letter-spacing: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; background-color: #039BE5; cursor: pointer; } a.btt-free:hover{ background-color: #0071A2; } .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: 30%; background-color: rgba(0,0,0,.05); } h2.base-conhecimento, h2.artigos-uteis, h2.artigos-uteis, h2.manuais, h2.artigos-tecnicos{ 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;} h2.manuais{background-color: #673AB7;} h2.artigos-tecnicos{background-color: #27A79B;} .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-left: 20px; } .flex-suporte article:nth-child(1) .busca form{float: none;} .flex-suporte article:nth-child(1) .busca input[type="text"]{width: 70% !important;} .btt-busca{ width: 14px; height: 19px; 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: 2rem; padding: 8px 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 .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: 40%;} .flex-SuporteContato article:last-child{width: 60%;} .flex-SuporteContato article:first-child p{width: 80%;} .flex-loja{ 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: 0 30px; } .flex-loja article{ width: 30%; background-color: rgba(0,0,0,.05); padding: 0 20px 20px 20px; margin: 5px; border: 1px solid #ccc; } section.comprar{height: auto !important; padding-bottom:0;} section.comprar h3{ font-size: 1.05rem; font-weight: 700; letter-spacing: 1px; color: #039BE5; padding: 20px 0 0 0; } section.comprar p{width: 100%; padding: 3px 0;} section.comprar ul{list-style-type: none;} section.comprar li{padding: 5px 20px;} section.comprar a{ font-size: 1rem; padding-bottom: 1px; border-bottom: 1px solid #55809A; color: #55809A; } .ul-licencas{ list-style-type: disc !important; margin: 0 0 10px 30px !important; } .ul-licencas li{ padding: 8px 0 !important; color: #26A69A; } .ul-licencas li span{color: rgba(0,0,0,.8);} .ul-licencas li strong{color: #00796B; font-size: 1.05rem;} .como-comprar{ width: 50%; height: auto; padding: 20px 30px; background-color: #fafafa; } .como-comprar p strong{ font-size: 1.4rem; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; color: rgba(0,0,0,.9); } .como-comprar .divisao{margin: 40px 0 20px 0;} .como-comprar ul{ width: 320px; margin-bottom: 30px; } .como-comprar li{line-height: 200%;} .como-comprar li span{ font-size: 1.2rem; float: right; } .flex-comprar{ justify-content: center; align-items: flex-end; } .flex-comprar article{ width: 400px; height: 520px; border: 1px solid #ccc; margin: 30px 20px 0 20px; position: relative; background-color: #fff; } .flex-comprar article:nth-child(1){ -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 10px 14px 0px rgba(0,0,0,0.3); position: relative; min-height: 310px; } .flex-comprar article:nth-child(1) h2{background-color: #F45724; color: #fff;} .flex-comprar article:nth-child(1) .preco, .flex-comprar article:nth-child(1) .preco span{color: #F45724;} .melhor-opcao{ background: #F45724; padding: 6px 0; font-weight: bold; text-align: center; color: #fff; letter-spacing: 1px; } .flex-comprar article h2{ font-size: 1.8rem; font-weight: 400; padding: 15px 0; margin: 0 0 10px 0; text-align: center; background-color: #f7f8fa; color: #0277BD; background-color: #039BE5; color: #fff; } .flex-comprar article p, .flex-comprar article ul{ padding: 10px 20px; } .flex-comprar article h3{ padding: 15px 20px 0 20px; } .flex-comprar article li{padding-left:0;} p.obs{font-size: .85rem;} .preco{ color: #0277BD; padding: 15px 0 0 0; padding: 20px 10px; margin: 20px 0 0 0; text-align: center; background-color: #f7f8fa; font-size: .9rem; font-size: 1.05rem; position: absolute; bottom:0; } .preco span{ font-family: 'Roboto Condensed', sans-serif; font-weight: 300; font-size: 4rem; color: #0277BD; } .preco span:last-child{ font-size: 1.5rem; color: #0277BD !important; vertical-align:top; } p.aviso{ text-align: center; margin: 30px 0 0 0; font-size: .9rem; color: #0277BD; } section.revendas-index{ min-height: 400px; background: url(../img/banner-revendas.jpg) left top no-repeat; background-size: cover; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding:0 0 0 650px; } section.revendas-index h3{ width:100%; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; color: #274E66; font-size: 3.2rem; text-shadow: 1px 1px 1px #D7DCDE; } section.revendas-index ul{ width: 400px; padding: 20px 0 0 30px; float: left; } section.revendas-index ul li{ font-size: 1.2rem; letter-spacing: 1px; font-weight: 700; color: #016196; padding: 10px 20px; list-style-type: none; background:url(../img/SVG/bullet-blue-flat.svg) left center no-repeat; background-size:10px; } section.revendas-index ul li > ul{ padding: 10px 0 0 20px; } section.revendas-index ul li > ul li{ font-size: 1.05rem; letter-spacing: 1px; font-weight: 700; color: #016196; padding: 10px 20px; list-style-type: none; background:url(../img/SVG/bullet-produtos.svg) left center no-repeat; background-size:10px; } .chamada-revendas > a { display: inline-block; font-size: 1.4rem; font-weight: normal; text-align: center; float: left; clear: both; color: #fff; padding: 10px 15px; margin: 40px 5px 0 30px; background: #067c02; border: 1px solid #067c02; -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); } .chamada-revendas > a:hover { background: #056802; color: #fff; cursor: pointer; } section.revendas{min-height: 600px;} section.revendas p{width: 80%;} section.revendas p strong{ font-size: 1.1rem; color: #1E88E5; } section.revendas ul{padding: 20px 0 0 20px;} section.revendas li{ padding: 5px 0; color: #1E88E5; font-size: 1.1rem; } .container-revendas{ width: 100%; height: 1060px; overflow-y: auto; } .revendas-result h3{ color: #0277BD !important; padding: 20px 0 10px 0 !important; } .revenda{margin: 0 0 25px 0;} .revenda strong{color: #274E66;} .revenda img{ float: right; width: 70px; height: 70px; margin: 10px 10px 0 0; } .revenda a{border-bottom:0 !important; font-size: 1rem !important;} .revenda a:hover{border-bottom:1px !important;} .selo-revenda{ width: 110px; height: 110px; float: right; background: url(../img/selo-revenda.png) center no-repeat; background-size: contain; } .busca-revendas{ width: 100%; height: 60px; background-color: rgba(0,0,0,.08); padding:15px 0 0 0; margin: 30px 0; } .busca-revendas form{padding:0;} select{ width: 400px !important; border: 1px solid #ccc; padding: 6px 3px; margin: 0; color: #1E88E5; font-size: 1rem; -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-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .busca-revendas label{ width: 250px; font-size: 1rem; line-height: 35px; margin:0; padding: 0 0 0 30px; } section.contato{min-height: 600px;} section.contato p{width: 80%;} .icon-users{ background: url(../img/SVG/icon-users.svg) center left no-repeat; background-size: contain; } .icon-laptop{ background: url(../img/SVG/icon-laptop.svg) center left no-repeat; background-size: contain; } .icon-chart{ background: url(../img/SVG/icon-chart.svg) center left no-repeat; background-size: contain; } .icon-compare{ background: url(../img/SVG/icon-compare.svg) center left no-repeat; background-size: contain; } .icon-mail{ background: url(../img/SVG/icon-mail.svg) center left no-repeat; background-size: contain; } .icon-artigos{ background: url(../img/SVG/icon-artigos.svg) center left no-repeat; background-size: contain; } .icon-wifi{ background: url(../img/SVG/icon-wifi.svg) center left no-repeat; background-size: contain; } .header-recursos{ width: 100%; background-color: #0187D0; color: #fff; text-align: center; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; font-size: 2.8rem; padding:15px 0; } .inspecao-https h1{ width:100%; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; font-size:2.8rem; color: #F57C00; margin:0; padding:0; } .inspecao-https h2{ color: #1C158D; font-size: 1.4rem; font-weight: 400; margin:80px 0 10px 0; padding:10px 5px; background-color: #fafafa; letter-spacing: 1px; } .inspecao-https h2:first-of-type{ margin: 30px 0 -5px 0; } .inspecao-https .conteudo{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; flex-flow: row wrap; padding-top: 10px; } .inspecao-https .conteudo article{ width: 45%; width: 32vw; } .inspecao-https .conteudo article p{ width: 90%; font-size: 1.1rem; padding-left: 15px; } .inspecao-https .conteudo img{ margin: 30px 30px 0 0; } .inspecao-https p{ font-size: 1.1rem; width:85%; padding-left: 15px; } .inspecao-https ul{ padding-left: 40px; width:85%; } .inspecao-https ul li{ font-size: 1.1rem; list-style-type: decimal; padding: 8px 0 8px 5px; } .webinar-chamada { min-width: 980px; max-width: 70%; margin: -50px auto -70px auto; margin: 0 auto; background: #0289D3; } .webinar-chamada h2{ color: #fff; line-height: 140%; font-size: 2.4rem; padding: 20px 0 20px 30px; text-align: center; } .webinar-chamada h2 strong{ font-weight: 400; color: #fff; line-height: 140%; font-size: 2.4rem; } .webinar-chamada p{ background: url(../img/SVG/bg-webinar-chamada.svg) center left repeat-x #0289D3; background-size: contain; } a.btt-webinar-chamada { width: 400px; display: block; text-align: center; font-size: 1.8rem; font-weight: normal; color:rgba(255,255,255,.9); background: #4527A0; padding: 8px 50px; margin: 0 auto; -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-webinar-chamada:hover { background: #311B92; color: #fff; cursor: pointer; } section.requisitos{ height: auto; } section.requisitos article h2{ display: inline-block; color: rgba(255,255,255,.8); font-size: 1.8rem; padding: 0 60px 0 0; } section#Requisitos p{ color: rgba(255,255,255,.8); padding: 0 0 0 20px; background:linear-gradient(transparent, transparent), url(../img/SVG/icon-WhiteDot.svg) center left no-repeat; background-size: 1.5%; } section.artigos h5{ padding: 0; color: #0187D0; font-size: 2.8rem; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; } ul.artigos{ padding: 20px 0 0 180px; list-style-type: disc; } ul.artigos li{ color: rgba(0,0,0,.2); font-size: 1.6rem; padding: 10px 0; } ul.artigos li a{ font-size: 1.2rem; padding: 0 0 1px 0; } ul.artigos li a:hover{ border-bottom: 1px solid rgba(0,0,0,.3); } section.ReleaseNotes h3{ padding: 2px 0 5px 50px; margin: 60px 0 0 0; background:url(../img/SVG/icon-ReleaseNotes.svg) top left no-repeat; background-size: 3%; font-size: 1.7rem; font-family: 'Roboto', sans-serif; font-weight: normal; color: rgba(0,0,0,.5) } section.ReleaseNotes h3:first-child{margin:0;} section.ReleaseNotes h4{ padding: 2px 0 0 50px; margin: 20px 0 -5px 0; font-size: 1.3rem; font-family: 'Roboto', sans-serif; color: #3A81C3; } section.ReleaseNotes strong{ color: #78909C; font-size: 1.05rem; padding: 0 0 0 50px; } section.ReleaseNotes ul{ width: 100%; list-style-type: disc; margin: 0 0 10px 65px; } section.ReleaseNotes li{ padding:0; margin: 8px 0; background: none; background-size: 3%; } section.ReleaseNotes a.ALLReleaseNotes{ color: #009688; font-size: 1.1rem; margin: 0 0 0 40px; } section.ReleaseNotes a:hover{border-bottom: 1px solid rgba(0,0,0,.3);} section.plataformas{padding: 0;} section.plataformas:nth-of-type(2) {padding: 50px 0 0 0 !important;} section.plataformas:nth-of-type(4) {padding: 0 0 100px 0 !important;} article.plataformas p{width: 100%;} ul.vantagens-LiveCD{ list-style-type: disc !important; padding-left: 30px; margin: 0 0 30px 0; } ul.vantagens-LiveCD li{ margin: 7px 0; color: #368; } .plataforma-windows{ background:url(../img/SVG/plataforma-windows.svg) left top no-repeat; background-size: 50px; padding-left: 60px; } .plataforma-linux{ background:url(../img/SVG/plataforma-linux.svg) left top no-repeat; background-size: 50px; padding-left: 60px; } .plataforma-appliance{ background:url(../img/SVG/plataforma-appliance.svg) left top no-repeat; background-size: 50px; padding-left: 60px; } .flex-requisitos { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 0; align-content: flex-start; flex-flow: row wrap; width: 70%; background-color: rgba(0,0,0,.02); margin: 20px 0 0 0; padding: 0 0 20px 0; border: 1px solid rgba(0,0,0,.07); } .flex-requisitos > h3{ width: 100%; font-size: 1.4rem; font-weight: normal; line-height: 40px; padding: 0 0 0 30px; background-color: rgba(0,0,0,.07); color: #368; } .flex-so, .flex-hardware{ width: 30%; height: auto; padding: 10px 10px 0 10px; position: relative; } .flex-hardware{ width: 70%; } .flex-so p, .flex-hardware p{ width: 100% !important; font-size: .9rem; color: #368; line-height: 180%; padding: 0 20px; } a.configs-contact{ color: #368; font-weight: bold; padding-bottom: 1px; border-bottom: 1px solid #368; } .plataforma-btts{ padding: 0 0 20px 20px; } .plataforma-btts .comprar, .plataforma-btts .testar{font-size: 1.2rem !important;} .atualizacoes-importantes{ background-color: #f9f9f9; border-bottom: 1px solid #ccc; padding: 30px; margin-bottom: 50px; } .atualizacoes-importantes > ul{ padding: 20px 0 0 30px; } .atualizacoes-importantes > ul li{ font-size: 1rem; letter-spacing: 1px; color: #016196; padding: 6px 20px; list-style-type: none; background:url(../img/SVG/bullet-blue-flat.svg) left center no-repeat; background-size:8px; } section.download article{ width: 100%; min-height: 120px; padding: 20px 30px 40px 0; margin: 10px 0 20px 0; border-bottom: 1px solid #ccc; display: flex; } .versao-info{padding: 5px 30px 5px 0; width: 70%;} .versao-info h2{ color: #512DA8 !important; font-size: 1.1rem !important; } .versao-info h3{color: #368;} .versao-info p{ width: 90% !important; } .versao-info a{ display: inline-block; color: #028BD4; padding: 10px 0 1px 0; border-bottom: 1px solid #95bcd1; } .versao-btt{ width: 230px; } ul.highlights{ margin: 5px 0 0 30px; color: #368; } ul.highlights li{ line-height: 150%; color: #368; font-size: .9rem; } section.download h2{ font-size: 1.3rem; font-weight: 600; padding: 0; letter-spacing: 1px; color: #F57C00; } section.download p{ width: 100%; font-size: 1rem; padding: 0; } .versao-links{ width: 100%; margin: 20px 0 0 0; display: flex; } .btt-release-notes{ width: 220px; display: block; padding: 7px 0; margin: 0; border: 2px solid rgba(0,0,0,.4); color: rgba(0,0,0,.8); font-size: 1.0rem; text-align: center; } .btt-release-notes:hover{ background-color: rgba(0,0,0,.85); color: #fff; } .versao-download { width: 220px !important; font-size: 1.05rem; font-weight: normal; text-align: center !important; color: #fff; background-color:#4CAF50; background: linear-gradient(#03A9F4, #0288D1); border: none; padding: 7px 0; margin: 0 0 20px 0 !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .versao-download:hover { background: linear-gradient(#0288D1, #0288D1); color: #fff; cursor: pointer; } .versao-release{ min-width: 130px; margin-right: 10px; padding: 5px 10px 0 10px; background: #fafafa; } .versao-release p{ text-align: center; font-size: 1.1rem; color: rgba(0,0,0,.6); } .versao-release p+p{ text-align: center; font-size: 3.8rem; color: rgba(247,158,71,.8); } .versao-release p+p span{ font-size: 1.3rem; font-weight: bold; color: rgba(247,158,71,.8); } a[href="download-x-anteriores"]{ color: #028BD4; border: 1px solid #028BD4; padding: 8px 15px; margin: 30px 0 0 0; font-size: 1.1rem; font-weight: 700; } a:hover[href="download-x-anteriores"]{ color: #fff; background-color: #028BD4; border: 1px solid #028BD4; } .redirect{ padding-bottom: 1px; border-bottom: 1px solid rgba(0,0,0,.3); } .redirect:hover{ color: rgba(0,0,0,.9); } .mote-index, .mote, .mote-institucional{ width: 60%; float: right; margin: 50px 50px 0 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{width: 800px; width: 50vw;} .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%; } p.title, p.title-white, .desktop p.title{ width: 100%; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; font-size: 3.2rem; line-height: 120%; } p.title{color: #274E66;} p.title-white{color: rgba(255,255,255,1);} .desktop{ float: right; margin: 30px 10vw 0 0; } .desktop p.title{color: rgba(255,255,255,.9);} .desktop h1{ font-size: 1.4rem; font-weight: 400; color: rgba(255,255,255,.75); line-height: 140%; padding: 30px 0 50px 0; } .mote h1{ width: 100%; font-family: 'Roboto Condensed', sans-serif; font-size: 1.8rem; font-size: 1.5vmax; font-weight: 400; opacity:.8; line-height: 140%; padding:0; margin:0 0 20px 0; } .mote h1{color: rgba(255,255,255,.9);} a.testar, a.comprar, a.cadastro { display: inline-block; font-size: 1.2rem; font-weight: normal; color: #fff; background-color:#4CAF50; padding: 7px 15px; margin: 20px 5px 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.testar { background: linear-gradient(#03A9F4, #0288D1); border: 1px solid #0288D1; } a.testar:hover { background: linear-gradient(#0288D1, #0288D1); color: #fff; cursor: pointer; } a.comprar, a.cadastro { background: linear-gradient(#FFB03A, #EF6C00); color: #fff; border: 1px solid #FE951F; } a.comprar:hover, a.cadastro:hover { background: linear-gradient(#EF6C00, #EF6C00); color: #fff; cursor: pointer; } .flex-container{ max-width: 1200px; display: flex; height: auto; flex-flow: row wrap; justify-content: space-between; margin: 0 auto; padding: 0; } section.principal{padding:50px 0 70px 0;} .principal .flex-container{align-items: top;} .principal article{ max-width: 28%; padding: 0 10px 50px 10px; position: relative; } .principal article:nth-of-type(1){border-bottom: 3px solid rgba(0, 151, 167,.5);} .principal article:nth-of-type(2){border-bottom: 3px solid rgba(3, 155, 229,.5);} .principal article:nth-of-type(3){border-bottom: 3px solid rgba(249, 168, 37,.5);} .principal article h2 { font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 1.3rem; color: #1C158E; } article p{ font-size: 1.3rem; margin: 0 0 20px 0; line-height: 130%; } article li{ list-style-type: none; color:rgba(0,0,0,.85); margin: 16px 0; line-height: 120%; } .icon-webfilter{ width: 100%; height: 40px; background:url(../img/SVG/icon_webfilter.svg) left no-repeat; background-size:contain; margin-bottom: 10px; } .icon-connectivity{ width: 100%; height: 40px; background:url(../img/SVG/icon_connectivity.svg) left no-repeat; background-size:contain; margin-bottom: 10px; } .icon-shield{ width: 100%; height: 40px; background:url(../img/SVG/icon_shield.svg) left no-repeat; background-size:contain; margin-bottom: 10px; } .learn-webfilter, .learn-shield, .learn-connectivity{ width: 34px; height: 34px; position:absolute; bottom:10px; left: 45%; opacity: 0.4; } .learn-webfilter{background:url(../img/SVG/icon-more-webfilter.svg) center no-repeat;} .learn-shield{background:url(../img/SVG/icon-more-shield.svg) center no-repeat;} .learn-connectivity{background:url(../img/SVG/icon-more-connectivity.svg) center no-repeat;} .learn-webfilter:hover, .learn-shield:hover, .learn-connectivity:hover{ transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); opacity: 1; } .more-webfilter{fill: rgba(0, 151, 167,.6);} .more-shield{fill: rgba(3, 155, 229,.6);} .more-connectivity{fill: rgba(249, 168, 37,.6);} .more-webfilter-bg, .more-shield-bg, .more-connectivity-bg{fill: #fff;} .intro{ max-width: 970px; min-width: 700px; padding: 0 40px; margin: 0 auto; } .intro p{ width: 100%; font-size: 1.3rem; margin: 0 0 20px 0; line-height: 150%; } .intro p strong{ font-size: 1.3rem; color: #F79433; } .btt-recursos, .btt-plataformas { display: inline-block; font-size: 1.1rem; font-weight: 700; padding: 8px 15px; margin: 10px 10px 0 0; } .btt-recursos { color: #1E88E5; border: 1px solid #64B5F6; } .btt-plataformas { color: #27A79B; border: 1px solid #27A79B; } .btt-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); padding: 7px 50px; } .btt-blur01:hover{background-color: rgba(0, 0, 0, .4);} .btt01{ color: #fff; border: 2px solid #F79433; background-color: #F79433; padding: 5px 20px; display: inline-block; margin: 10px 5px; font-size: 1rem; letter-spacing: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .btt01:hover{ background-color: #fff; color: #F79433; } .card-vantagens{ width: 300px; height: auto; margin: auto; padding: 5px 10px 20px 10px; position: relative; text-align:center; border-bottom: 5px solid #F79433; border-bottom: 5px solid #1E88E5; } .card-vantagens h1{ margin:0; padding: 40px 0 0 0; color: #1E88E5; font-weight: 400; font-size: 1.3rem; letter-spacing: 1px; } .card-vantagens p{ font-size: 1rem; color: #fff; line-height: 150%; color: rgba(0, 0, 0, .5); width: auto; } .btt-orange, .btt-green, .btt-blue, .btt-purple{ color: #fff; padding: 3px 20px; display: inline-block; font-size: 1rem; letter-spacing: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .btt-orange{ border: 1px solid #F57C00; background-color: #F57C00; } .btt-green{ border: 1px solid #4DB6AC; background-color: #4DB6AC; } .btt-blue{ border: 1px solid #29B6F6; background-color: #29B6F6; } .btt-purple{ border: 1px solid #7E57C2; background-color: #7E57C2; } .btt-orange:hover{ background-color: #fff; color: #F57C00; } .btt-green:hover{ background-color: #fff; color: #4DB6AC; } .btt-blue:hover{ background-color: #fff; color: #03A9F4; } .btt-purple:hover{ background-color: #fff; color: #7E57C2; } .btt-blue-blend { display: inline-block; width: auto; font-size: 1.1rem; font-weight: normal; text-align: center; color: #fff; background: linear-gradient(#03A9F4, #0288D1); border: none; padding: 7px 15px; margin: 0 0 20px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .btt-blue-blend:hover { background: linear-gradient(#0288D1, #0288D1); color: #fff; cursor: pointer; } .bg-w{ background:linear-gradient(transparent, transparent),url(../img/SVG/icon-w.svg) top center no-repeat; background-size:12%; } .bg-conectividade{ background:linear-gradient(transparent, transparent),url(../img/SVG/icon-connections.svg) top center no-repeat; background-size:12%; } .bg-relatorios{ background:linear-gradient(transparent, transparent),url(../img/SVG/icon-relatorios.svg) top center no-repeat; background-size:35px; } .bg-suporte{ background:linear-gradient(transparent, transparent),url(../img/SVG/icon-support.svg) top center no-repeat; background-size:35px; } .bg-remote{ background:linear-gradient(transparent, transparent),url(../img/SVG/icon-connectivity.svg) top center no-repeat; background-size:35px; } .bg-browser{ background:linear-gradient(transparent, transparent),url(../img/SVG/icon-browser.svg) top center no-repeat; background-size:12%; } .bg-funcionalidades{ background:linear-gradient(transparent, transparent),url(../img/SVG/icon-features.svg) top center no-repeat; background-size:12%; } .bg-free{ background:linear-gradient(transparent, transparent),url(../img/SVG/icon-free.svg) top center no-repeat; background-size:40%; } .bg-filtro{ background:linear-gradient(transparent, transparent),url(../img/SVG/icon_filtro.svg) top no-repeat; background-size:40%; } .bg-seguranca{ background:linear-gradient(transparent, transparent),url(../img/SVG/icon_seguranca.svg) top no-repeat; background-size:40%; } .bg-email{ background:linear-gradient(transparent, transparent),url(../img/SVG/icon_mail.svg) top no-repeat; background-size:40%; } .bg-lock{ background:linear-gradient(transparent, transparent), url(../img/SVG/icon_seguranca-2.svg) center left no-repeat #fafafa; background-size: contain; } .bg-calendar{ background:url(../img/SVG/icon-calendar.svg) top no-repeat; background-size: 35px; background-position: auto 15px; background-position-y: 15px; } .bg-trial{ background:url(../img/SVG/icon-trial.svg) top no-repeat; background-size: 35px; background-position: auto 15px; background-position-y: 15px; } .bg-ad{ background:linear-gradient(transparent, transparent),url(../img/SVG/icon-ad.svg) top center no-repeat; background-size:35px; background-position: auto 15px; background-position-y: 15px; } .bg-platforms{ background:url(../img/SVG/icon-linux-windows.svg) top center no-repeat; background-size: 80px; background-position: auto 15px; background-position-y: 15px; } .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.compare{ width: 100%; margin: 30px 0 50px 0; } table.compare th{ width: 20%; color: #fff; font-weight: bold; font-size: 1rem; letter-spacing: 1px; } table.compare th a{ display: block; width: 100%; background-color: #03A9F4; color: #fff; font-weight: bold; font-size: 1rem; letter-spacing: 1px; padding: 10px 0; } table.compare th:nth-child(2) a{background-color: #F45724;} table.compare th:nth-child(2) a:hover{background-color: #cd4c23;} table.compare th a:hover{ background-color: #0f80ce; } table.compare th:first-child{ background-color: transparent; } table.compare tr:nth-child(2) td{ background: none; background-color: #E3F1FC !important; } table.compare tr:nth-child(2) td:nth-child(1){ background: none; background-color: transparent !important; } table.compare td:first-child, table.compare tr:nth-child(2) td:first-child{ background: none; background-color: transparent; text-align: left; font-size: .9rem; } table.compare td{ width: 20%; height: 45px; text-align: center; color: #01579B; background: url(../img/SVG/icon-ok-table.svg) center no-repeat #80DEEA; background-size: contain; } table.compare tr td:nth-child(2){ background-color: #FFB74D; } table.compare td.nop{ background: none; background-color: #E0F7FA !important; } table.compare td.texto{ background: none; background-color: #80DEEA; color: #0277BD; font-weight: bold; letter-spacing: 1px; } form { width: 100%; padding: 20px 0 0 5%; } form.comprar{padding: 20px 0 0 0;} form { border: none; margin-bottom: 10px; } form ol li { line-height: 30px; list-style: none; padding: 2px 0; margin-bottom: 2px; } form.comprar li{ line-height: 20px; list-style: none; padding: 0 0 0 15px; margin-bottom: 0px; } form ol ol li { background: none; border: none; float: left; } form label { float: left; font-size: .9rem; width: 100%; color: rgba(0,0,0,.6); letter-spacing: 1px; font-weight: bold; } form input, form select, form textarea, form.comprar input { 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: 500px; font-size: 1rem; margin: 0 0 15px 0; padding: 5px 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.comprar input { width: 80%;} input[name=ddd], input[name=rede], form.comprar input[name=ddd], form.comprar input[name=rede]{width: 30px;} input#numcomp{width: 40px;} input[name=tel]{width: 300px;} form.comprar input[name=tel]{width: 250px;} form select{ width: 200px; } form textarea { width: 500px; height: 150px; } form.comprar textarea { width: 80%; 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 { display: block; font-size: 1rem; color: #fff; background-color: #005a93; padding:4px 30px; 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); -ms-border-radius: 5px; -o-border-radius: 5px; } form button:hover { color: #005a93; background-color: #fff; cursor: pointer; } .form-erro{ width: 100%; color: #D95232; font-size: .9rem !important; font-weight: bold; letter-spacing: 1px; float: left !important; margin: -10px 0 0 0; } .logo-20anos{ width: 150px; height: 150px; margin: 5px 15px 15px 0; background: url(../img/SVG/logo-20anos.svg) left no-repeat; background-size: contain; float: left; } section.webinar-1{ width: 100%; height: 100%; background: url(../img/section-Webinar.jpg) no-repeat; background-size: cover; padding:0; } .logo-webinar{ width: 250px; height: 80px; display:block; background: url(../img/SVG/logo-winconnection-webinar.svg) left no-repeat; background-size: contain; } section.webinar-1 h1{ margin-top: 10%; text-align: center; color: rgba(255, 255, 255, .9); font-size: 2.5rem; } section.webinar-1 p{ width: 100%; text-align: center; color: rgba(255, 255, 255, .7); font-size: 1.2rem; letter-spacing: 1px; } .webinar-cadastro{ width: 80%; margin: 30px auto; } ul.webinar{ list-style-type: none; width: 335px; margin: 0 auto; } ul.webinar li{ text-align: left; } ul.webinar label{ width: 100%; padding-bottom: 5px; color: rgba(255, 255, 255, .8); } ul.webinar li input{ width: 280px; padding-bottom: 5px; color: #27135B; border: 1px solid #030208; background-color: rgba(255, 255, 255, .85); } ul.webinar li input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #eae4f7 inset; } ul.webinar li input:focus{ background-color: rgba(255, 255, 255, .95); border: 1px solid #030208; } .webinar-cadastro .button{ width: 305px; display: inline-block; text-align: center; margin: 10px 0; padding: 10px 0; color: rgba(255, 255, 255, .9); font-size: 1.3rem; letter-spacing: 1px; text-transform: uppercase; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; border:0; background: #F79433; cursor: pointer; } .webinar-cadastro > a:hover{ background: rgba(255,0,17,.9); } .webinar-2{ min-width: 980px; max-width: 70%; height: 450px; background: url(../img/webinar-rede.jpg) left bottom no-repeat; background-size: contain; margin: 0 auto; } ul.wnc-pontos{ margin-left: 650px; padding: 30px 0 0 0; list-style-type: none; } ul.wnc-pontos li{ font-size: 1.25rem; padding: 12px 0 12px 40px; color: #039BE5; background: url(../img/SVG/icon-ok-webinar.svg) left center no-repeat; background-size: 30px; } .footer-webinar{ height: 40px; background: rgba(204, 204, 204, .3); } .footer-webinar p{ font-size: .75rem; float: left; margin: 12px 0 0 30px; } .footer-webinar a{ font-size: .8rem; padding-bottom: 1px; border-bottom: 1px solid #999; float: right; margin: 12px 30px 0 0; } .medias{ width: 100%; background-color: #fafafa; border-top: 1px solid #eee; text-align: center; padding: 40px 0 17px 0; } .medias > a{ display: inline-block; width: 50px; height: 50px; 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: 430px; padding: 0; background-color: #455A64; overflow: hidden; } .footer-product{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 0 auto; padding: 0; align-content: flex-start; flex-flow: row wrap; min-width: 980px; max-width: 70%; border-top: 1px solid rgba(0,0,0,.15); } .footer-product article{ width: 25%; float: left; padding: 0 0 0 30px; } .footer-product h6, .footer-product h6.globe{ font-size: 1.1rem; font-weight: normal; color: rgba(255,255,255,.5); padding:30px 0 0 10px; } .footer-product h6.globe{ background:url(../img/SVG/icon-globe.svg) no-repeat; background-size: 18px; background-position: 90px 32px; background-position-x: 90px; background-position-y: 32px; } .footer-product ul{ margin:0; width: 90%; padding: 10px 0 10px 10px; } .footer-product li{ list-style:none; 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); } .footer-product a{ display: inline-block; font-size: .85rem; padding: 0 0 3px 0; color: rgba(255,255,255,.7); } .footer-product a:hover{ color: rgba(255,255,255,1); } .footer-product article:last-child{ width: 20%; height: 430px; 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 #C7CDCF; background-size:contain; background-position: center; } .logo-winco p{ font-size: .85rem; padding: 0 0 0 15px; line-height: 40px; font-weight: bold; color: #42565F; } 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}.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: 35px; width: 35px; margin: 10px 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); } .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: 15px 0 20px 0; background: rgba(255,255,255,1); } .painel ul.last { padding: 10px 0 0 0; background: transparent; border-top: 1px solid rgba(0,0,0,.12); border-bottom: 1px solid rgba(0,0,0,.12); margin-bottom: 50px; } .painel li, .painel ul.last li, .painel li.sair{ display: block; width: 100%; } .painel ul a, .painel ul.last a{ width: 100%; height: auto; display: block; margin:0; padding:0 0 0 40px; font-size: .95em; font-weight: 700; letter-spacing: 1px; color: #0071A2 !important; line-height: 300%; text-align: left; } .painel ul.last a{ padding:0 0 0 20px; line-height: 220%; color: rgba(0,0,0,.6) !important; } .painel li:hover > a { text-decoration: none; background-color: rgba(153,153,153,.07); color: rgba(0,0,0,.7) !important; } ul.last li.sair a{ margin: 20px 0 0 0; font-size: .9em; letter-spacing: .1em; font-weight: 700; color: rgba(0,0,0,.6) !important; line-height: 400%; border-bottom: 1px solid rgba(0,0,0,.12); border-top: 1px solid rgba(0,0,0,.12); } .selected { color: #03A9F4 !important; } .mobile-icon-wff{ background: url(../img/SVG/mobile-icon-wff.svg); background-size: 6%; } .mobile-icon-firewall{ background: url(../img/SVG/mobile-icon-firewall.svg); background-size: 8%; } .mobile-icon-mailserver{ background: url(../img/SVG/mobile-icon-mail.svg); background-size: 6%; } .mobile-icon-free{ background: url(../img/SVG/mobile-icon-free.svg); background-size: 7%; } .mobile-icon-plataforma{ background: url(../img/SVG/mobile-icon-plataforma.svg); background-size: 7%; } .mobile-icon-downloads{ background: url(../img/SVG/mobile-icon-downloads.svg); background-size: 7%; } .mobile-icon-suporte{ background: url(../img/SVG/mobile-icon-suporte.svg); background-size: 6%; } .mobile-icon-loja{ background: url(../img/SVG/mobile-icon-loja.svg); background-size: 6%; } .mobile-icon-revenda{ background: url(../img/SVG/mobile-icon-revenda.svg); background-size: 6%; } .mobile-icon-wff, .mobile-icon-mailserver, .mobile-icon-free, .mobile-icon-plataforma, .mobile-icon-downloads, .mobile-icon-suporte, .mobile-icon-loja, .mobile-icon-revenda{ background-repeat: no-repeat; background-position: center left 10px; background-position-y: center; background-position-x: 10px; } .mobile-icon-firewall{ background-repeat: no-repeat; background-position: center left 7px; background-position-y: center; background-position-x: 7px; } .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:100em) { .container, .flex-container, .flex-container100, .footer-product{max-width: 80%;} } @media screen and (max-width:87.5em) { .container, .flex-container, .flex-container100, .footer-product{max-width: 90%;} .section-mote-index{max-height: 400px;} .mote-lighter, .mote{width: 60%;} .slideshow .slides li div h1, .slideshow .slides li div h2 { line-height: 200%; font-size: 1.25rem; } } @media screen and (min-device-pixel-ratio: 1.5){ nav.right{display: none;} .header, section{width: 100%;} header{ width: 100%; position: fixed; 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;} } @media screen and (max-width:81.25em) { .mote-lighter, .mote{width: 80%;} .slideshow .slides li div{ float: right; width: 620px; margin: -10px 0 0 0; padding: 20px 0 0 30px; height: 420px; background-color: rgba(255,255,255,.7); } } @media screen and (max-width:78.125em) { .inspecao-https .conteudo article{ width: 100%; } } @media screen and (max-width:64.1em) { .footer-product{min-height: 100%; max-height: 100%;} .section-mote-index{min-height: 330px; max-height: 330px; margin:70px 0 0 0;} .mote-index{width: 530px; margin:0; padding:0;} .mote-index h1, .mote-lighter h1, .mote h1{font-size: 1.6rem;} .mote-index a.testar, .mote-index a.comprar{margin: 40px 5px 0 0;} .container, .container100{padding:0 30px;} section header h2{margin-left: -30px; font-size: 3rem;} article.info{width: 70%; } article.plataformas p{width: 100%;} .slideshow .slides li div{ background-color: rgba(255,255,255,.9); } .flex-requisitos {width: 100%;} .flex-so, .flex-hardware{width: 45%;} .flex-mp, .fade-out .flex-mp{ height: 160px; height: 8vh; } .flex-mp:nth-child(1){ background:none; } .flex-mp:nth-child(2){ background:none; } .flex-mp:nth-child(3){ background:none; } .flex-mp h3{ bottom: 50%; } section.revendas-index{ background: url(../img/banner-revendas-mobile.jpg) right top no-repeat; background-size: cover; padding:0 0 0 0; } .chamada-revendas{ background-color: rgba(255,255,255, .5); } .footer-product article:last-child{width: 25%;} } @media screen and (max-width:62.5em) { nav.right, section.depoimentos{display: none;} header{ width: 100%; position: fixed; 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;} .header, section, .container, .container100, .flex-container, .flex-container100, .footer-product, article.info{width: 100%; min-width: 100%; max-width: 100%;} .flex-container, .flex-container100 {margin: 0 auto; padding:0 20px;} .flex-vantagens{width: 40%;} .mote-index{width: 70%; margin:0; padding:0;} .mote-index h1, .mote h1, .mote-institucional h1{font-size: 1.4rem;} .mote-index a.testar, .mote-index a.comprar{margin: 40px 5px 0 0;} .mote-lighter, .mote{width: 85%;} .mote-institucional{width: 55%;} .mote-index-bg{ background: url(../img/section-index-mobile.jpg) center right no-repeat; background-size: cover; } .mote-index p.title, .mote-lighter p.title, .mote p.title, .mote-institucional p.title{font-size: 2.7rem; padding-left:0!important;} .img-laptop-wff, .img-ipad, .img-laptop-webmail, aside.info-WFF, aside.info-MailServer, aside.info-Free, aside.info-Firewall{display: none;} .flex-box-beneficios{width: 95%;} .icon-users, .icon-chart, .icon-recursos, .artigos h5{font-size: 2.2rem; margin:0;} .flex-box-recursos, .flex-SaibaMais{width: 50%;} ul.artigos{padding: 20px 0 0 30px;} .versao-info{width: 65%;} .versao-download{width: 35%; text-align: right;} .institucional p{width: 100% !important;} article.right{float: none; clear: both;} .mapa{ width: 400px; height: 350px; float: none; margin: 30px auto; border:0; } footer{height: auto;} .footer-product article{display: none;} .footer-product article:last-child{ display: block; width: 100%; height: 430px; padding:0; float: right; background-color: rgba(0,0,0,.05); overflow: hidden; } .tabs label {padding: 10px 1%; font-size: .9rem;} h1.MauUsoInternet{ font-size: 2.6rem; width: 100%; } .bg-MauUsoInternet{width: 100%;} #form_calcular_mau_uso{padding: 0 0 0 20px; margin: -20px 0 0 0;} .flex-suporte{margin: 0;padding: 0;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;} .webinar { min-width:100%; max-width: 100%; flex-direction: column; } a.btt-webinar { width: 100%; text-align: center; padding: 10px 15px; } .logo-webinar{margin: 0 auto ;} section.webinar-1 .container, .webinar-2{ min-width: 100%; max-width: 100%; } .webinar-2{ background: url(../img/webinar-rede-mobile.jpg) center bottom no-repeat; background-size: contain; } ul.wnc-pontos{margin: -40px 0 0 0;} ul.wnc-pontos li{ font-size: 1.6rem; padding: 12px 0; color: #0176ae; font-weight: bold; background: none; text-align: center; } .webinar-chamada { min-width: 100%; max-width: 100%; } } @media screen and (max-width:41em){ .section-mote-index{background: url(../img/section-index-mobile.jpg) center right no-repeat; background-size: cover; height: 430px;} .mote-wff-bg{background: url(../img/section-wff-mobile.jpg) center left no-repeat; background-size: cover; height: 430px;} .mote-firewall-bg{background: url(../img/section-firewall-mobile.jpg) center left no-repeat; background-size: cover; height: 430px;} .mote-mailserver-bg{background: url(../img/section-MailServer-mobile.jpg) center left no-repeat; background-size: cover; height: 430px;} .mote-free-bg{background: url(../img/section-free-mobile.jpg) center left no-repeat; background-size: cover; height: 430px;} .mote-recursos-bg{background: url(../img/section-recursos-mobile.jpg) center left no-repeat #3A81C3; background-size: cover; height: 180px;} .mote-institucional-bg{background: url(../img/section-institucional-mobile.jpg) center left no-repeat #3A81C3; background-size: cover; height: 180px;} .mote-downloads-bg{background: url(../img/section-downloads-mobile.jpg) center left no-repeat; background-size: cover; height: 270px;} .slideshow{display: none;} .just-mobile{ display: block; margin: 10px 0 0 0; position: relative; height: 320px; } .just-mobile a.testar, .just-mobile a.comprar{ width: 100%; position: absolute; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0; padding: 12px 0; margin:0; } .just-mobile a.testar{ bottom: 50px; } .just-mobile a.comprar{ bottom: 0; } .just-mobile p.title{ display: block; } .just-mobile h1{ line-height: 200%; margin: 10px 0 0 0; } .mote-index{width: 100%; padding-left: 30px;} .como-comprar{width: 100%;} section{padding: 20px 0;} .MauUsoInternet{display: none;} .flex-box-recursos, .flex-SaibaMais{width: 100%;} .flex-requisitos{width: 100%; margin:0 0 30px 0; padding:0;} .flex-requisitos p{width: 100%;} .artigos h5{ line-height: 50px; font-size: 1.6rem; font-weight: 400; padding: 0 0 0 90px; } .mote-downloads-bg{background: url(../img/section-downloads.jpg) center no-repeat;} .busca form{padding: 0 10px;} .busca label{padding: 0;} .mapa{display: none;} .flex-box-beneficios{padding:0;} .recursos-info {width: 100%; padding:0;} .recursos-info p{width: 100%;} .content {width: 100%; height: 480px;} article.left{float: none; width: 100%;} article.right{float: none; width: 100%;} .content article.right{display: none;} .flex-suporte{min-width: 100%; max-width: 100%;} .flex-suporte article{ width: 100%; padding-bottom: 40px; } .busca{padding: 15px 0 0 0;} .flex-suporte article:nth-child(1) .busca input[name="Busca-BaseConhecimento"]{width: 80% !important;} .flex-suporte article:nth-child(1) .busca{padding-left: 0;} .flex-suporte article ul{padding-bottom: 20px !important;} .flex-SuporteContato article p{width: 100% !important; padding:0;} .flex-SuporteContato, .flex-SuporteContato article{width: 100% !important;} .container{width: 100%; padding:0;} .flex-SuporteContato form{width: 100%; padding:20px 0 0 0;} .flex-SuporteContato input, .flex-SuporteContato textarea{width: 90% !important;} input[name=ddd], input[name=rede], form.comprar input[name=ddd], form.comprar input[name=rede]{width: 30px !important;} input#numcomp{width: 40px !important;} input[name=tel], form.comprar input[name=tel]{width: 180px !important;} .comprar p, .institucional p, h1{padding: 0 20px 20px 20px !important;} .institucional h3, .institucional h2, .revendas p{padding: 0 20px 10px 20px !important;} .revendas ul{padding: 0 20px 10px 40px !important;} .artigos h1{padding: 0 20px !important;} .como-comprar{margin: 0 0 20px 0; border: 1px solid #ccc;} .container-revendas{ width: 100%; height: auto; min-height: 50px; overflow-y: none; } .revenda img{ width: 50px !important; height: 50px !important; margin: 0 !important; } article.plataformas{padding: 0 30px;} article.plataformas h1{padding-left: 60px !important; margin-bottom: 10px;} .flex-requisitos{margin: 30px auto;} .flex-so, .flex-hardware{width: 100% !important;} .flex-so{border-bottom: 1px solid #ccc;} .icon-users, .icon-chart, .icon-recursos, .icon-mail, .icon-wifi{ font-size: 2rem !important; color: rgba(255,255,255, .9) !important; background: none; background-color: #F79433; padding:10px 30px !important; line-height: 140%; } footer{height: 450px;} } @media screen and (max-width:31.25em){ .section-mote{margin-top:50px;} .mote-index, .mote, .mote-institucional{width: 100%; float: none; padding:0 20px;} .mote-institucional{text-align: right;} a.comprar{margin: 20px 0 30px 0;} section.artigos h5{font-size: 1.6rem} ul.artigos li a{font-size: 1.2rem;} section.download article{ width: 100%; min-height: 120px; padding: 20px 10px 0 10px; margin: 10px 0 20px 0; border: 1px solid #ccc; display: block; } .atualizacoes-importantes > h2{font-size: 2rem !important;} .logo-20anos{ width: 100%; height: 150px; margin: 25px 15px 15px 0; background: url(../img/SVG/logo-20anos.svg) center no-repeat; background-size: contain; float: left; } section.revendas-index h3{ font-size: 2.6rem; } section.revendas-index ul{ padding: 20px 0 0 0; } .chamada-revendas > a { width: 100%; padding: 14px 0; margin: 40px 5px 0 0; float: none; } .flex-banner, .fade-out .flex-banner { width: 100%; height: auto; -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; padding: 0; margin: 0 auto !important; align-content: flex-start; justify-content: center; flex-flow: wrap; position: absolute; top: 200px; top: 27vh; left: 50%; transform:translateX(-50%); } .flex-mp, .fade-out .flex-mp{ width: 100% !important; height: 30px; padding: 0; margin: 5px auto; position: relative; text-align:center; } .flex-mp h3{ width: 100%; text-align: center; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; font-size: 2.3rem; font-size: 6vmax; position: absolute; color: rgba(255,255,255,.95); margin:0; padding:0; } .flex-mp:nth-child(1), .flex-mp:nth-child(2), .flex-mp:nth-child(3){background: none;} .banner-SaibaMais{ top: 55vh; } .banner-SaibaMais a{ font-size: 4vh; } .banner-SaibaMais a:hover{ background-color: rgba(255,255,255,.8); color: #c87a06; } .versao-info, .versao-info p{width: 100%;} .versao-download{width: 100%; text-align: center; margin: 30px 0 0 0;} .flex-container100{width: 100%;} .flex-comprar article{ width: 100%; min-height: 300px; margin: 30px 0 0 0; } .flex-comprar article p, .flex-comprar article ul{padding: 10px;} .como-comprar{padding: 10px;} .como-comprar ul{width: 100%;} .como-comprar li{padding:0 !important;} .como-comprar li span{font-size: 1rem;} .como-comprar .divisao{margin: 20px 0 0 0;} select{width: 200px !important;} .revendas-result{padding: 10px 0;} .revendas-result h2{ font-size: 1.4rem; text-align: center; } .selo-revenda{ width: 60px; height: 60px; float: right; } .H1-SaibaMais, .H1-SemRecuo{font-size: 2rem !important; line-height: 150%;} section.ReleaseNotes h3{ padding: 2px 0 5px 50px; margin: 60px 0 0 0; background:url(../img/SVG/icon-ReleaseNotes.svg) top left no-repeat; background-size: 3%; font-size: 1.7rem; font-family: 'Roboto', sans-serif; font-weight: normal; color: rgba(0,0,0,.5) } section.ReleaseNotes h3:first-child{margin:0;} section.ReleaseNotes strong{ color: #78909C; font-size: 1.05rem; padding: 0 0 0 20px; } section.ReleaseNotes ul{ width: 100%; list-style-type: disc; margin: 0 0 10px 20px; } section.ReleaseNotes li{ padding:0; margin: 8px 0; background: none; background-size: 3%; } section.ReleaseNotes a.ALLReleaseNotes{ color: #009688; font-size: 1.1rem; margin: 0 0 0 40px; } .header2{ width: 100%; height: auto; background-color: #fff; } ul.nav2{ list-style: none; text-align: center; } ul.nav2 li{ display: block; margin: 10px 0; text-align: center; } ul.nav2 li a{ display: block; width: 90%; padding: 8px 0; margin: 0 auto; font-size: 1.2rem; font-weight: bold; letter-spacing: 1px; background-color: rgba(247, 148,51,.9); color: rgba(255,255,255, .9); line-height: 40px; } ul.nav2 li a:hover{background-color: rgba(247, 148,51,.9);} ul.nav2 li a.active{ background-color: #fff; color: rgba(247, 148,51,1); border: 1px solid rgba(247, 148,51,.9); cursor: default; } .bg-abas{background: none;} .tabs label { padding: 10px 0; margin: 10px 0; width: 80%; font-size: 1.05rem; } label.WFF {background-color: #EAE7D6;} label.MS {background-color: #EAE7D6;} label.FW {background-color: #EAE7D6;} label.WF {background-color: #EAE7D6;} .tabs label:after {bottom: 0;} .tabs input:checked + label.WFF {color: #F57C00; outline: 1px solid #F57C00;} .tabs input:checked + label.MS {color: #4983D7; outline: 1px solid #4983D7;} .tabs input:checked + label.FW {color: #009688; outline: 1px solid #009688;} .tabs input:checked + label.WF {color: #512DA8; outline: 1px solid #512DA8;} article.left{float: none; width: 100%;} article.right{float: none; width: 100%;} .flex-vantagens{width: 100%;} .flex-vantagens h1{padding: 50px 0 0 0;} .flex-free article:nth-child(1){margin: 0;} .flex-free article:nth-child(1), .flex-free article:nth-child(2){width: 100% !important; margin: 0;} a.cadastro{margin: 20px auto; display: block; width: 90%; text-align: center; padding: 10px 15px;} .sem-recuo{ font-size: 2rem; text-align: center !important; } section.ReleaseNotes h3{ padding: 2px 0 5px 20px; margin: 60px 0 0 0; background:none; background-size: 3%; font-size: 1.2rem; font-family: 'Roboto', sans-serif; font-weight: 700 !important; color: rgba(0,0,0,.5) } section.ReleaseNotes ul{ width: 80%; margin: 0 auto; } .versao-btt{ width: 100%; padding: 30px 0; } .btt-release-notes{ width: 100%; padding: 14px 0; } .versao-download { width: 100% !important; padding: 14px 0; } .footer-webinar{ height: 60px; background: rgba(204, 204, 204, .3); } .footer-webinar p{ width: 100%; display: block; text-align: center; padding: 10px 0 0 0; font-size: .75rem; float: none; margin: 0; } .footer-webinar a{ width: 100%; display: block; text-align: center; padding: 0; font-size: .8rem; padding-bottom: 0; border-bottom: 0; float: none; margin: 12px 30px 0 0; } } @media screen and (max-width:31.25em){ p.title, p.title-white{ width: 100%; font-size: 2.2rem; padding-left:0!important; text-align: center; display: none; } .mote-index h1, .mote h1, .mote-institucional h1{ width: 100%; font-size: 1.5rem; text-align: center; } a.testar, a.comprar, a[href="#anchor-recursos"], a[href="plataformas"]{ width: 100%; text-align: center; } .artigos h5{font-size: 1.1rem;} .header-recursos{font-size: 2rem;} .webinar-chamada h2{ line-height: 140%; font-size: 2rem; padding: 20px; } a.btt-webinar-chamada { width: 100%; font-size: 1.7rem; padding: 15px 10px; } }