body {background:url(../images/bg.png);} h1,h2,h3,h4,h5,h6 {font-family:"Lato","Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; color:#5b6462;} h1,h2 {font-size:23px;} p {font-family:"Open Sans",Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; color:#7a7b81;} a {color:#fea700; } a:hover {color:#fea700;} a:focus {text-decoration:none;} header {position:relative; z-index:2;} header .rowTop {background:#fff; padding:13px 0px; border-bottom:solid 1px #f2f2f2; text-transform:uppercase; font-family:"Open Sans",Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; } header .rowTop .icons {color:#fea700; position:relative; top:1px;} header .rowTop a {color:#5b6462; font-size:13px; margin-right:10px; float:left;} header .rowTop a:hover {text-decoration:none; color:#fea700; transition-duration:0.3s;} header .rowTop a.doLogin {float:right;} #meteors {width:100%; height:700px; top:0px; left:0px; overflow:hidden; display:block; position:absolute;} .icon-arrowLeft {background: url('../images/sprite.png') no-repeat -8px -7px;width: 6px;height: 9px; display:inline-block; margin:0 3px;} header .rowLogo {padding:30px 0px;} header .rowLogo h1 {padding:0px; margin:0px;} header .rowLogo h1 a {background:url(../images/logoHoost.svg) no-repeat; width:197px; height:52px; display:block; overflow:hidden; text-indent:-9999px; margin:0 auto;} header .rowLogo .socialLinks {float:right; margin:5px 0px;} a.icon-facebook,a.icon-twitter,a.icon-youtube,a.icon-instagram {background:#fff; border:solid 1px #f2f2f2; border-radius:42px; width:42px; height:42px; border:solid 1px #f2f2f2; display:block; float:left; text-align:center; margin:0 3px;} a.icon-facebook:hover,a.icon-twitter:hover,a.icon-youtube:hover,a.icon-instagram:hover {border:solid 1px #d5d6d7; transition-duration:0.3s;} .logoCustomer {margin-bottom:15px;} .socialLinks a, .socialLinksFooter a { color:#323940;} .socialLinks a:hover,.socialLinks a:focus, .socialLinksFooter a:hover,.socialLinksFooter a:focus {text-decoration:none; color: #7a7b81;} .socialLinks .icons, .socialLinksFooter .icons {font-size: 20px; line-height: 40px;} .aligncenter {text-align:center; margin-top:20px;} .chatOnline {float:right; margin:5px 0px; width:185px; height:42px; display:block; background:#fff; border:solid 1px #f2f2f2; border-radius:3px; padding:3px 10px; line-height:11px; margin-left:5px; position:relative;} .chatOnline .indicator {background:#ed0016; border:solid 3px rgba(255,255,255,0.8); border-radius:30px; width:13px; height:13px; position:absolute; right:10px; top:14px; display:block;} .chatOnline:hover {border:solid 1px #d5d6d7; transition-duration:0.3s;} .chatOnline:hover .indicator {border:solid 1px rgba(255,255,255,0.8); transition-duration:0.3s;} .chatOnline a:hover {text-decoration:none;} .chatOnline strong {color:#323940; margin-top:6px; display:block; text-transform:uppercase; font-size:14px; font-family:"Open Sans",Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-weight:800;} .chatOnline span {font-size:10px; color:#909e9b; font-style:italic; letter-spacing:-1px;} .chatOnline.active .indicator {background:#00a88f;} .chatOnline a:focus {text-decoration:none;} .rowNav {display:block; padding:20px;} .rowNav ul li .container {display:none; width:100%} .rowNav ul li:hover a.mainLink, .rowNav ul li a.mainLink:hover, .rowNav ul li a.mainLink:focus {text-decoration:none; color:#323940} .rowNav ul li:hover span.subtxt,.rowNav ul li.openned span.subtxt {text-decoration:none; color:#323940; transition-duration:0.3s} .rowNav ul {list-style:none; padding:0px; margin:0px;} .rowNav #menuPrincipal {display:none;} .rowNav ul li {position:relative;} .rowNav ul li ul.submenu {background:#fff; border:solid 1px #f2f2f2; border-radius:5px; width:100%;margin-right: 0px;margin-left:0px; } .rowNav ul li#streaming, .rowNav ul li#webradio, .rowNav ul li#hospedagem {} .mobileOpen {cursor:pointer; background:#fff; font-family:"Lato","Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-weight:900; text-transform:uppercase; font-size:23px; color:#323940; padding:30px; display:block; border:solid 1px #f2f2f2; position:relative; } .mobileOpen .icon {position:absolute; right:30px; top:30px;} .submenu .leftSub {padding:10px 20px; height:100%; background:#fff;} .submenu .leftSub li.select {color:#d6d6d8; font-size:10px; text-transform:uppercase;font-family:"Lato","Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; position:absolute; top:10px; left:25px; display:none; } .submenu .leftSub li {margin:10px 0px;} .submenu .leftSub li a {font-family:"Lato","Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-size:15px; color:#6b6d7d;} .submenu .leftSub li a span {font-size:11px; color:#fea700;} .submenu .leftSub li a:hover {text-decoration:none; color:#323940;} #hospedagem .submenu .description {padding:60px; background:url(../images/bgMenuHosting.jpg) right bottom no-repeat;border-left:solid 1px #f2f2f2;} #streaming .submenu .description {padding:60px; background:url(../images/bgMenuStreaming.jpg) right bottom no-repeat;border-left:solid 1px #f2f2f2;} #webradio .submenu .description {padding:60px; background:url(../images/bgMenuWebradio.jpg) right bottom no-repeat;border-left:solid 1px #f2f2f2;} .submenu .description p {display:block; width:500px; margin:0px; float:right; line-height:30px; font-size:29px; font-weight:300; color:#7d7d7d; font-family:"Lato","Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; text-align:right} .submenu .description p span {color:#fea700;} .submenu .bottomNav {background:#f9f9fa; border-top:solid 1px #f2f2f2; padding:20px; clear:both; position:relative;} .submenu .bottomNav h6 {font-size:18px; font-weight:900; text-transform:uppercase; margin:0px; padding:0px; color:#5b6462;} .submenu .bottomNav p {padding:0px; margin:0px;} .submenu .bottomNav .chatOnline {position:absolute; right:20px; bottom:15px;} .rowNav ul li#streaming div.container {left:-210px;} .rowNav ul li#webradio div.container {left:-405px;} .menuEffect {height:0px; background:#fea700; width:100%; position:absolute; display:block; bottom:0px; left:0px;transition-duration:0.3s} .rowNav ul li:hover .menuEffect, .rowNav ul li.openned .menuEffect{height:5px; transition-duration:0.3s;} .mainMenu {background:#f2f2f2;} .mainMenu#streaming {border-left:none; border-right:none;} .mainLink {color:#323940; padding:19px; display:block; font-size:18px; font-weight:900; text-transform:uppercase; font-family:"Lato","Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;} .mainLink span {color:#909e9b; font-size:15px; font-style:italic; font-weight:400; text-transform:none; font-family:"Open Sans",Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; display:block;} .rowNav form, .mymail-form {float:right; padding:23px 0px; display:none;} .mymail-form {margin-bottom:15px;} .inputRegisterDomain,.mymail-form {float:left; background:#fff; border:solid 1px #f2f2f2; padding:3px; border-radius:50px; height: 37px;} .domainIcon {background: url('../images/sprite.png') no-repeat -41px -37px; width: 27px; height: 27px; display:inline-block; float:left; margin:1px;} .rowNav form {position:relative;} .inputRegisterDomain input[type=text],.mymail-form input[type=text]{background:none; border:none; width:189px; margin:0px 10px; color:#9fa5a3; font-family:"Open Sans",Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-size:13px;} .inputRegisterDomain input[type=text]:focus,.mymail-form input[type=text]:focus {outline:none;} .inputRegisterDomain input[type=submit],.mymail-form input[type=submit] { background: #fea700; border:none; border-radius:50px; color:#fff; font-weight:800; text-transform:uppercase; font-family:"Open Sans",Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-size:13px; padding:4px 15px 5px 15px; text-shadow:0px 2px 0px rgba(0,0,0,0.2); border-bottom:solid 2px #cd6f06; background: -moz-linear-gradient(top, #fdc400 0%, #ff8600 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #fdc400 0%,#ff8600 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #fdc400 0%,#ff8600 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdc400', endColorstr='#ff8600',GradientType=0 ); /* IE6-9 */} .inputRegisterDomain input[type=submit]:hover,.mymail-form input[type=submit]:hover {border-bottom:solid 3px #cd6f06; position:relative; top:-1px;} .inputRegisterDomain input[type=submit]:focus,.mymail-form input[type=submit]:focus {border-bottom:solid 1px #cd6f06; position:relative; top:1px;outline:none;} .mymail-form input[type=submit] {margin-top:0px;} .questionDomain {display:block; transition-duration:0.3s; color:#fea000; background:#fff; border:solid 1px #fea000; text-align:center; border-radius:50px; padding:1px; font-size:20px; float:left; width:30px; height:30px; margin:2px 0px 0px 10px } .questionDomain:hover,.questionDomain:focus {color:#fff; background:#fea000; transition-duration:0.3s; text-decoration:none;} .isHome {width:100%; z-index:10} .mainImage {width:100%;} #homeIntro {background:url(../images/floor.png) bottom center no-repeat; display:block; width:100%; height:auto; text-align:center; z-index:1; overflow:hidden;} #defaultPage { display:block; width:100%; height:auto; text-align:center; z-index:1; overflow:hidden; padding:20px;} #defaultPage h2 {font-weight:900; font-size:39px; text-transform:uppercase;} #txtIntro {position:relative; z-index:5;} #homeIntro .mainImage {margin-top:50px; position:relative; z-index:5;} #homeIntro h3 {font-size:15px; color:#5b6462; font-weight:600; text-transform:uppercase; } #homeIntro h3 span {display:block; font-weight:900; font-size:29px; color:#2eb892;} #homeIntro p {font-family:"Open Sans",Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-size:15px;} #homeIntro p a {color:#fea700;} .clouds {z-index:2; position:absolute; top:0px; left:0px; width:100%; height:366px; background-image:url(../images/clouds.png); background-position: 0px 0px; background-repeat: repeat-x; animation: animatedBackground 240s linear infinite;} @keyframes animatedBackground { from { background-position: 0 0; } to { background-position: 100% 0; } } .layer {width:100%; height:auto;} .layer.star1 img, .layer.star1 i {position:absolute; top:190px; left:0px; transform:rotate(10deg);} .layer.star2 img, .layer.star2 i {position:absolute; left: 130px; top: 120px; transform:rotate(-20deg);} .layer.star3 img, .layer.star3 i {position:absolute; top: 300px; left: 340px; transform:rotate(30deg);} .layer.star4 img, .layer.star4 i {position:absolute; top: 90px; right: 400px; transform:rotate(-40deg);} .layer.star5 img, .layer.star5 i {position:absolute; top: 310px; right: 220px; transform:rotate(-50deg);} .layer.star6 img, .layer.star6 i {position:absolute; top: 120px; right: 120px; transform:rotate(-60deg);} .layer.mascot img {position:absolute; left:50%; top:50%; margin-left:-122px; margin-top:-278px;} .layer.base img {position:absolute;top:62%;} .layer.star7 i {position:absolute; top: 210px; right: 120px; transform:rotate(00deg);} .layer.star8 i {position:absolute; top: 210px; right: 320px; transform:rotate(10deg);} .layer.star9 i {position:absolute; top: 210px; right: 820px; transform:rotate(-20deg);} .layer.star10 i {position:absolute; top: 310px; right: 920px; transform:rotate(30deg);} .layer.star11 i {position:absolute; top: 410px; right: 1020px; transform:rotate(-40deg);} .layer.star12 i {position:absolute; top: 110px; right: 920px; transform:rotate(50deg);} .layer.star1 i {font-size:32px; color:#dadbde;} .layer.star2 i {font-size:22px; color:#dadbde;} .layer.star3 i {font-size:42px; color:#dadbde;} .layer.star4 i {font-size:12px; color:#dadbde;} .layer.star5 i {font-size:32px; color:#dadbde;} .layer.star6 i {font-size:32px; color:#dadbde;} .layer.star7 i {font-size:22px; color:#dadbde;} .layer.star8 i {font-size:32px; color:#dadbde;} .layer.star9 i {font-size:12px; color:#dadbde;} .layer.star10 i {font-size:42px; color:#dadbde;} .layer.star11 i {font-size:22px; color:#dadbde;} .layer.star12 i {font-size:12px; color:#dadbde;} .layer.star13 i {font-size:22px; color:#dadbde;} .stars {position:absolute; top:0px; left:50%; margin-left:-585px; height:700px;} .meteor {position:absolute; top:0px; left:1000px; animation: animatedMeteor 15s linear infinite; z-index:1; opacity:0;} .meteor2 {position:absolute; top:0px; left:100px; animation: animatedMeteor2 20s linear infinite; z-index:1; opacity:0;} .meteor3 {position:absolute; top:0px; left:1200px; animation: animatedMeteor3 30s linear infinite; z-index:1; opacity:0;} .meteor4 {position:absolute; top:0px; left:300px; animation: animatedMeteor4 12s linear infinite; z-index:1; opacity:0;} .meteor5 {position:absolute; top:0px; left:500px; animation: animatedMeteor5 20s linear infinite; z-index:1; opacity:0;} .meteor6 {position:absolute; top:0px; left:700px; animation: animatedMeteor6 5s linear infinite; z-index:1; opacity:0;} .meteor7 {position:absolute; top:0px; left:800px; animation: animatedMeteor7 15s linear infinite; z-index:1; opacity:0;} .meteor8 {position:absolute; top:0px; left:900px; animation: animatedMeteor8 10s linear infinite; z-index:1; opacity:0;} .meteor9 {position:absolute; top:0px; left:1500px; animation: animatedMeteor9 10s linear infinite; z-index:1; opacity:0;} .meteor10 {position:absolute; top:0px; left:1700px; animation: animatedMeteor10 10s linear infinite; z-index:1; opacity:0;} @keyframes animatedMeteor { from { top:0px; left:1000px; opacity:1; } to { top:500px; left:1500px; opacity:0; } } @keyframes animatedMeteor2 { from { top:100px; left:100px; opacity:1; } to { top:500px; left:600px; opacity:0; } } @keyframes animatedMeteor3 { from { top:150px; left:1200px; opacity:1; } to { top:500px; left:1700px; opacity:0; } } @keyframes animatedMeteor4 { from { top:0px; left:300px; opacity:1; } to { top:500px; left:800px; opacity:0; } } @keyframes animatedMeteor5 { from { top:0px; left:500px; opacity:1;} to { top:500px; left:1000px; opacity:0; } } @keyframes animatedMeteor6 { from { top:0px; left:700px; opacity:1; } to { top:500px; left:1200px; opacity:0; } } @keyframes animatedMeteor7 { from { top:0px; left:800px; opacity:1; } to { top:500px; left:1200px; opacity:0; } } @keyframes animatedMeteor8 { from { top:0px; left:900px; opacity:1; } to { top:500px; left:1300px; opacity:0; } } @keyframes animatedMeteor9 { from { top:0px; left:1500px; opacity:1; } to { top:500px; left:2000px; opacity:0; } } @keyframes animatedMeteor10 { from { top:0px; left:1700px; opacity:1; } to { top:500px; left:2200px; opacity:0; } } #homeProducts {padding-top:30px; padding-bottom:30px;} .homeContent {/*background:url(../images/bgPlanet.jpg) center;*/ padding:25px 0px;} .homeContent .container {padding-top:25px; padding-bottom:25px;} .txtDefaultPages {padding-bottom:50px;} .txtDefaultPages .styleContainer {background:#fff; border:solid 1px #f2f2f2; padding:25px;} .txtDefaultPages p.subTitle {text-align:center;} .homeContent h3 {text-align:center; display:block; font-size:37px; font-weight:400;} .homeContent p {display:block; text-align:center;} .boxProductHome { border-radius:10px; text-align:center; padding:50px; border:solid 1px rgba(255,255,255,0)} .boxProductHome img {width:100%;} .boxProductHome:hover {background:#fff; border:solid 1px rgba(225,230,225,1); transition-duration:0.3s;} .boxProductHome h2 {font-weight:400;} .boxProductHome a {color:#fea700;} .boxProductHome a:hover {text-decoration:none;} .domainRegister, .politicaReembolso {text-align:left;} .domainRegister h3, .politicaReembolso h3 {text-align:left; font-size:27px;} .domainRegister p, .politicaReembolso p {text-align:left;} .domainRegister .inputRegisterDomain {width:100%; background:#fff; border-radius:10px; height:65px;} .domainRegister .inputRegisterDomain input[type=submit] {float:right; font-size: 18px; padding: 15px 25px;border-radius:10px;} .domainRegister .inputRegisterDomain input[type=text] {width:275px; font-size:18px; padding:15px 10px;} .domainRegister form {margin-bottom:10px; display:table;} .domainRegister a:hover {text-decoration:none;} .politicaReembolso span { color:#2eb892;} .politicaReembolso strong {font-weight:400; display:block; font-size:16px; margin-bottom:10px;} .politicaReembolso a {color:#fea700; display:block; margin-top:10px;} .politicaReembolso a:hover {text-decoration:none;} .politicaReembolso h3 {margin-bottom:20px;} footer {background:#fff; border-top:solid 1px #f2f2f2;} .footerTop {text-align:center; background:#fff; border:solid 1px #f2f2f2; padding:15px 0px;} .footerBottom {text-align:center; border:solid 1px #f2f2f2; padding:15px 0px;} .footerTop .icon-twitter {margin-right:20px; font-size: 20px; line-height: 40px;} .footerTop .icon-twitter:hover {text-decoration:none; opacity:0.8;} .footerTop .icon-twitter .icons {color:#323940;} .footerTop p {margin:0px;} .footerTop p a {color:#fea700;} .footerTop p a:hover {text-decoration:none;} .footerTop .chatOnline {margin:0px; margin-left:20px;} .footerTop .icon-facebook, .footerTop .icon-youtube {float:right;} .linksFooter {padding:40px 0px;} .linksFooter ul {list-style:none; margin:0px; padding:0px; margin-bottom:20px;} .linksFooter ul li {margin:5px 0px; clear:both;} .linksFooter ul li a,.linksFooter ul li,.linksFooter p {font-size:13px; color:#5b6462; font-family:"Open Sans",Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;} .linksFooter ul li a:hover {color:#fea700;text-decoration:none; transition-duration:0.3s;} .linksFooter ul li a span {font-size:11px; color:#fea700;} footer .socialLinksFooter li {float:left; clear:none;} footer h5 {font-weight:900; font-size:14px; text-transform:uppercase;} .socialFooter li {display:block;} .socialFooter a {margin-left:0px; margin-right:10px; width:160px; border:none; background:#fff; border-radius:100px;text-align:left;border:solid 1px #f2f2f2; margin:0 0 8px 0;} .socialFooter a .icon {float:left; margin:9px 15px;} .socialFooter strong {margin-top:2px; font-weight:400; display:block; float:left;} .socialFooter strong span {display:block; font-size:11px; color:#686c73!important} .mymail-form, .mymail-form input[type=submit] {border-radius:5px;} .mymail-form input[type=text] {width:100px;} .footerBottom a {color:#fea700;} .footerBottom .fltR {margin-top:5px;} .footerLink {background:url(../images/logoHoost.svg) no-repeat; width:94px; height:25px; display:block; overflow:hidden; text-indent:-9999px; margin:0 auto;} .contentWhyDomain {display:none; bottom:80px; background:#fff; border:solid 1px #f2f2f2; border-radius:5px; opacity:0; position:absolute; right:0px; width:100%; padding:25px;} .contentWhyDomain h6 {font-size:15px; text-transform:uppercase;} .contentWhyDomain h6 strong {font-size:35px; font-weight:900; display:block;} .closer { width:50px; height:50px; display:block;position:absolute; right:-10px; top:-10px; border:solid 5px #fff; border-radius:50px; background-color:#fff;} .footerBottom p {font-size:11px; margin-top:10px;} @media (min-width: 768px) { .mainImage {width:auto;} #serviceIntro .mainImage.revenda {width:100%;} #homeIntro h3 {font-size:24px; font-weight:400;} #homeIntro h3 span {font-size:49px;} #defaultPage {padding:40px 0px;} .txtDefaultPages .styleContainer {padding:50px;} .rowNav ul li#streaming div.container {left:-200px;} .rowNav ul li#webradio div.container {left:-385px;} footer { border:none;} } @media (min-width: 992px) { #menuPrincipal {display:block!important;} .mainMenu {width:185px; float:left; border:solid 1px #f2f2f2; border-bottom:none; border-top:none; background:#fff;} .rowNav {padding:0px;} .rowNav form, .rowNav ul{display:block;} .mobileOpen {display:none;} #homeIntro {height:700px;} .homeContent {padding:50px 0px;} .homeContent .container {padding-top:75px; padding-bottom:75px;} .rowNav ul li div.container {display:none; position:absolute; left:-15px; bottom:80px; opacity:0;} .submenu .leftSub li.select {display:block;} .submenu .leftSub {padding:38px 25px; } .rowNav {background:#fff; border-top:solid 1px #f2f2f2;border-bottom:solid 1px #f2f2f2;} .isHome {position:absolute; top:830px; left:0px; } header .rowLogo h1, .footerLink {float:left;} .footerTop, .footerBottom{text-align:left;} .footerBottom .fltR {float:right;} .footerBottom p {float:left; margin-top:5px; margin-left:10px; font-size:14px;} .rowNav form, .mymail-form {display:block;} .rowNav ul li#streaming div.container {left:-200px;} .rowNav ul li#webradio div.container {left:-385px;} .rowNav ul li .container {width:970px;} #serviceIntro .mainImage.revenda {width:100%;} } @media (min-width: 1200px){ h1,h2 {font-size:29px;} .mainMenu {width:195px;} .domainRegister .inputRegisterDomain input[type=text] {width:350px;} .politicaReembolso span {float:left; font-size:110px; width:119px; font-weight:800; letter-spacing:-5px; display:block; padding:0px; margin:0px; line-height:70px; margin-right:15px;} .mymail-form input[type=text] {width:150px;} .rowNav ul li#streaming div.container {left:-210px;} .rowNav ul li#webradio div.container {left:-405px;} .rowNav ul li .container {width:1170px;} #serviceIntro .mainImage.revenda {width:auto;} } .beutyMobileTxt {padding:0 20px;} #sobreNos #homeIntro,#infraEstrutura #homeIntro {background:none; height:auto;} #sobreNos #homeIntro {padding:0px 0px 50px 0px;} #sobreNos p,#infraEstrutura p,.txtDefaultPages p {font-size:13px; text-align:justify; font-weight:400; line-height:22px; margin:0px 0px;} #sobreNos .boxComplement p {font-size:16px; font-weight:400;} #sobreNos #homeIntro .beutyMobileTxt {margin:30px 0px;} #comments {padding:30px 0px; border-top:solid 1px #f2f2f2;} #comments h2 {text-transform:uppercase; font-weight:400; font-size:29px; color:#5b6462; text-align:center; margin-top:0px;} #comments p.subTitle {text-align:center; margin-bottom:50px; opacity:0.7;} .iconHearth {display:inline-block; width:30px; height:30px; position:relative;} .iconHearth span {background:url(../images/heart.svg) no-repeat; width:30px; height:30px; display:block; overflow:hidden; position:absolute; left:50%; top:50%; margin-left:-15px; margin-top:-10px; animation: animatedHeart 1s linear infinite;} @keyframes animatedHeart { 0% { -ms-transform: scale(1.1); transform: scale(1.1); } 50% { -ms-transform: scale(0.8); transform: scale(0.8); } 100% { -ms-transform: scale(1); transform: scale(1); } } section#comments .comment {position:relative; top:-15px; opacity:0;} .comment {margin:10px; border:solid 1px #f2f2f2; background:#fff; padding:15px; text-align:center; border-radius:5px;} .comment .iconHearth {width:20px; height:20px;} .comment .iconHearth span {width:20px; height:20px; margin-left:-10px; margin-top:-10px; animation:none; } .comment:hover {border:solid 1px #ebebeb;} .comment:hover .iconHearth span {width:20px; height:20px; margin-left:-10px; margin-top:-10px; animation:animatedHeart 1s linear infinite; } .comment p {text-align:justify;} .comment span.nameComment {color:#7cceb6; font-size:13px; display:block; text-align:left} .comment span.nomecliente {color:#5b6462; font-size:11px; display:block; text-align:left; opacity:0.5;} @media (min-width: 992px) { #comments {padding:60px 0px;} .comment {margin:20px; padding:30px} .beutyMobileTxt {padding:0px;} } #infraEstrutura {padding-bottom:50px;} ul.listOptions {list-style:none; margin:0px; padding:0px; margin-bottom:20px; text-align:left; } ul.listOptions li {margin:10px 0px; clear:both; font-size:13px; font-weight:400; text-align:justify; font-family:"Open Sans",Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; color:#7a7b81; position:relative; padding-left:20px;} ul.listOptions li a:hover {color:#323940;text-decoration:none; transition-duration:0.3s;} ul.listOptions li a span {font-size:11px; color:#fea700;} .listCircles {border-radius:100px; border:solid 1px #fea700; padding:3px; display:inline-block; position:absolute; left:0px; top:4px;} .listCircles span {display:block; width:6px; height:6px; inline-box-align:16px!important; background:#fea700; border-radius:100px; display:block;} .contentAboutUs .hardware {background:url(../images/bg.png); padding:10px;} .contentAboutUs .hardware span {font-size:12px; text-align:center; color:#5b6462; line-height:16px;} .contentAboutUs h3 {text-align:left;} .boxComplement h3 {margin-top:0px;} .picturesDC {margin:20px 0px;} .space20px {height:20px;} @media (min-width: 992px) { #comments {padding:50px 0px;} .comment {margin:10px; padding:30px} .beutyMobileTxt {padding:0px;} #sobreNos p,#infraEstrutura p,.txtDefaultPages p {font-size:18px; line-height:28px; margin:0px 0px 30px 0px;} ul.listOptions li {font-size:16px;} #sobreNos .boxComplement p, #infraEstrutura .boxComplement p {font-size:16px;} } @media (min-width: 1200px) { .comment {margin:20px; padding:30px} } #serviceIntro {background:url(../images/floor.png) bottom center no-repeat; display:block; width:100%; height:auto; text-align:center; z-index:1; overflow:hidden; position:relative; z-index:1; text-align:center; padding:30px 0px;} #serviceIntro h2 {font-size:33px; text-align:center; font-weight:900; color:#323940;} #serviceIntro p {font-size:19px; text-align:center;} #serviceIntro .mainImage {margin-top:30px; width:100%;} .mainImage, .monster {position:relative; top:-15px; opacity:0;} .listItens {list-style:none; margin:60px 0px 0px 0px; padding:0px;} .listItens li {float:left; width:12.5%; font-size:17px; line-height:16px; color:#7a7b81; text-align:center; text-transform:uppercase; font-weight:400; font-family:"Lato","Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;} .listItens li strong {font-size:11px; font-weight:600; display:block; color:#7a7b81;} .listItens .icons { font-size:51px; display:block; color:#fea700; margin-bottom:10px;} .containerButton {background:url(../images/bgPlanet.jpg) top center; height:80px; text-align:center; position:relative; } .btnGrContrate { margin:0 auto; text-align:center; width:265px; height:80px; display:table; border-radius:5px; background: #fea700; background: -moz-linear-gradient(top, #fdc400 0%, #ff8600 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #fdc400 0%,#ff8600 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #fdc400 0%,#ff8600 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdc400', endColorstr='#ff8600',GradientType=0 ); /* IE6-9 */ position:relative; bottom:-40px; z-index:2; border-bottom:solid 3px #cd6f06;} .btnGrContrate:hover {border-bottom:solid 4px #cd6f06; bottom:-39px; text-decoration:none; color:#fff;} .btnGrContrate:focus {border-bottom:solid 1px #cd6f06; bottom:-42px; text-decoration:none; color:#fff;} .containerButton p {text-align:center; display:block; width:100%; position:absolute; bottom:-90px; left:0px;} .btnGrContrate .price {background:rgba(100,100,100,0.1); float:left; letter-spacing:-1px; line-height:74px; display:block; width:180px; position:relative; text-align:center; font-size:36px; color:#fff; font-weight:900; font-family:"Lato","Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; text-shadow:0px 2px 0px rgba(0,0,0,0.3);} .btnGrContrate .price span {font-size:20px; position:relative; top:-10px;} .btnGrContrate .price span.period {font-size:13px; letter-spacing:normal; font-weight:300; position:absolute; right:33px; top:22px; } .btnGrContrate strong {letter-spacing:-1px; line-height:79px; font-size:36px; color:#fff; text-transform:uppercase; font-weight:900; font-family:"Lato","Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; text-shadow:0px 2px 0px rgba(0,0,0,0.3);} .btnGrContrate .icon-icons-73 {float:right; line-height:79px; font-size:36px; color:#fff;text-shadow:0px 2px 0px rgba(0,0,0,0.3); padding:0 20px;} #faq h4 {line-height:25px; font-family:"Open Sans",Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;} #faq .subTitle {margin-bottom:30px;} .itensObs {background:#fff; padding:120px 0px 60px 0px; border-top:solid 1px #f2f2f2;} ul.listFeatures {list-style:none; padding:0px; margin:0px;} ul.listFeatures li .icons { color:#fea700; font-weight:100; width:85px; height:110px; display:block; font-size:64px; text-align:center; line-height:90px;font-family:"Lato","Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;} ul.listFeatures li.twoLines h4 {margin-top:10px;} ul.listFeatures li h4 { color:#323940; font-size:19px; margin:0px; padding:0px; margin-bottom:8px;} ul.listFeatures li p {font-size:15px; } .listItensHosting:nth-child(even) .icons {float:none; margin:0 auto; } .listItensHosting h4,.listItensHosting p {text-align:center;} .listItensHosting:nth-child(odd) .icons {float:none; margin:0 auto; } .featuresAdd {margin-bottom:60px;} .featuresAdd h4 {font-size:11px; text-transform:uppercase; text-align:center; display:table;border:solid 2px #fff; background:#fff; position:relative; z-index:2; margin:20px auto;} .featuresAdd .clearfix {height:1px; width:100%; background:#f2f2f2; position:relative; top:-28px; z-index:1;} .featuresAdd ul {list-style:none; padding:0px; margin:0px;} .featuresAdd ul li .icons {color:#fea700;font-size:13px; float:none; width:auto; height:auto!important; line-height:normal!important; margin:0px; display:inline-block;line-height:normal;} .featuresAdd ul li {font-family:"Open Sans",Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; color:#7a7b81;line-height:normal; height:auto!important; margin:8px 0px;} .bgPlanet {padding:60px 0px; background:url(../images/bg.png) top center; border-top:solid 1px #f2f2f2;} .bgWhite {padding:60px 0px; background:#fff; border-top:solid 1px #f2f2f2;} article.servicePages h3 {font-size:33px; margin-bottom:50px; text-align:center; font-weight:900; color:#323940;} .servicePages p.subTitle {font-size:19px; text-align:center;} .animationHostingModel {width:583px; margin:60px auto;} .animationHostingModel .niceServer {background:#fff; border:solid 2px #2eb892; border-radius:7px; float:left; padding:20px; height:500px;} .animationHostingModel .niceServer .headerServer strong {font-size:11px; font-style:italic; float:left; color:#323940; position:relative; top:3px;} .animationHostingModel .niceServer .headerServer .serverLights {float:right;} .animationHostingModel .niceServer .headerServer .serverLights span {display:inline-block; background:#2eb892; width:5px; height:5px; border-radius:5px; position:relative; top:-3px;} .animationHostingModel .niceServer .headerServer .serverLights span:last-child {animation: animateLights 0.5s linear infinite;} .animationHostingModel .niceServer .headerServer .logoHoost {background:url(../images/logoHoost.svg) no-repeat; width:61px; height:16px; display:block; overflow:hidden; text-indent:-9999px; margin:0 auto; margin-bottom:10px;} .animationHostingModel .niceServer .user {width:185px; position:relative; height:80px; display:block; border-radius:5px; background:#6eb792; border:dashed 1px #42735a; padding:20px 10px; margin:5px 0px;} .animationHostingModel .niceServer .user .icons {float:left; font-size:40px; color:#305542; margin-right:5px;} .animationHostingModel .niceServer .user .userName {color:#305542; font-size:17px; margin:0px; padding:0px; line-height:14px; margin-top:7px;} .animationHostingModel .niceServer .user .userUsage {color:#42735a; font-size:11px; margin:0px; padding:0px;} @keyframes animateLights { from { background:#2eb892; } to { background:#fea700; } } .animationHostingModel .badServer {background:#fff; border:solid 2px #323940; border-radius:7px; float:right; padding:20px; height:500px; position:relative;} .animationHostingModel .badServer .headerServer strong {font-size:11px; font-style:italic; float:left; color:#323940; position:relative; top:3px; margin-bottom:11px} .animationHostingModel .badServer .headerServer .serverLights {float:right;} .animationHostingModel .badServer .headerServer .serverLights span {display:inline-block; background:#d85b5b; width:5px; height:5px; border-radius:5px; position:relative; top:-3px;} .animationHostingModel .badServer .headerServer .serverLights span:last-child {animation: animateLightsBad 0.5s linear infinite;} .animationHostingModel .badServer .headerServer .logoHoost {background:url(../images/logoHoost.svg) no-repeat; width:61px; height:16px; display:block; overflow:hidden; text-indent:-9999px; margin:0 auto; margin-bottom:10px;} .animationHostingModel .badServer .user {width:185px; position:relative; height:60px; display:block; border-radius:5px; background:#d85b5b; border:solid 1px #6b2323; padding:10px 10px; margin:3px 0px;} .animationHostingModel .badServer .user .icons {float:left; font-size:40px; color:#6b2323; margin-right:5px;} .animationHostingModel .badServer .user .userName {color:#6b2323; font-size:17px; margin:0px; padding:0px; line-height:14px; margin-top:7px;} .animationHostingModel .badServer .user .userUsage {color:#893232; font-size:11px; margin:0px; padding:0px;} .animationHostingModel .badServer .user.abusivo {height: 185px; background: #6b2323; text-align:center; padding:45px 0px; position:absolute; top:101px; z-index:2} .animationHostingModel .badServer .user.abusivo .icons {color:#d85b5b; margin-right:5px; float:none; text-align:center; font-size:58px;} .animationHostingModel .badServer .user.abusivo .userName {color:#d85b5b;} .animationHostingModel .badServer .user.abusivo .userUsage {color:#d85b5b;} .animationHostingModel .badServer .user.precated {margin-top:175px; z-index:1; position:relative;} .hoostVSconcorrente {background:url(../images/hoostVs.png) bottom no-repeat; width:125px; height:480px; float:left; display:none;} @keyframes animateLightsBad { from { background:#d85b5b; } to { background:#fea700; } } .serversTxt {float:left; width:100%; padding:15px;} .serversTxt h4 {text-align:center;} .serversTxt.right {float:right;} .serversTxt p {text-align:center;} #aboutcPanel, #aboutcApps {overflow:hidden;} #aboutcPanel .macPanel {margin:60px 0px; width:100%; position:relative; right:-50px; opacity:0;} #aboutcPanel .macPanel.whm {margin:60px 0px 0 0;} #aboutcPanel ul, #aboutcApps ul, #aboutTemas ul {list-style:none; padding:0px; margin:80px 0px;} #aboutcPanel ul li, #aboutcApps ul li {position:relative; clear:both; margin:20px 0px;} #aboutcPanel ul li .icons, #aboutcApps ul li .icons, #aboutTemas ul li .icons {font-size:68px; color:#fea700; float:left; margin-right:30px; width:70px; text-align:center;} #aboutcPanel ul li h5, #aboutcApps ul li h5, #aboutTemas ul li h5 {font-size:19px; margin:0px; padding:0px;} #aboutcPanel ul li p, #aboutcApps ul li p, #aboutTemasul li p {padding:10px 0px;} #aboutTemas ul li {position:relative; margin:20px 0px;} .buyNow {padding:60px 0px; text-align:center; background: #fea700; } .buyNow h6 {font-size:43px; color:#fff; font-weight:900; margin:0px; padding:0px; margin-top:5px;} .buyNow p {font-size:13px; color:#fff;} .buyNow a {display:block; border:solid 2px #fff; border-radius:5px; width:100%; height:80px; overflow:hidden;} .buyNow a:hover {text-decoration:none;} .buyNow .price {background:#fff; float:left; letter-spacing:-1px; line-height:70px; display:block; padding:0 30px; position:relative; text-align:center; font-size:36px; color:#fea700; font-weight:900; font-family:"Lato","Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;} .buyNow .price span {font-size:20px; position:relative; top:-10px;} .buyNow .price span.period {font-size:13px; letter-spacing:normal; font-weight:300; position:absolute; right:33px; top:22px; } .buyNow strong { letter-spacing:-1px; line-height:75px; font-size:36px; color:#fff; text-transform:uppercase; font-weight:900; font-family:"Lato","Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; padding:0 23px;} .buyNow .icon-icons-73 {float:right; line-height:75px; font-size:36px; color:#fff; padding:0 20px;} .buyNow.gr .strong{padding:0 13px;} #monster h3 {font-size:27px; font-weight:300; margin:0px; padding:0px;} #monster p.subTitle {font-size:17px; margin-top:30px;} #monster .txtMonster {float:left; width:325px; margin:70px 0px;} #monster .monster {float:left; margin:0 25px; width:270px; padding-bottom:50px;} #monster .monster img {width:100%;} #monster strong {color:#2eb892;} @media (min-width: 768px) { .listItensHosting:nth-child(odd) .icons {float: right; margin-left: 10px;} .listItensHosting:nth-child(even) .icons {float: left; margin-right: 10px;} .listItensHosting:nth-child(odd) h4,.listItensHosting:nth-child(odd) p {text-align:right;} .listItensHosting:nth-child(even) h4,.listItensHosting:nth-child(even) p {text-align:left;} ul.listFeatures li {height:110px;} #aboutcPanel ul li p, #aboutcApps ul li p {display:table;} } @media (min-width: 992px) { #serviceIntro .mainImage {width:auto;} .buyNow {text-align:left;} .btnGrContrate {text-align:left; width:506px;left: 50%; margin-left: -253px;} .btnGrContrate strong {float:left; padding: 0 0 0 50px;} #monster h3 {font-size:27px;} #monster p.subTitle {font-size:17px;} #monster .txtMonster {width:325px; margin:40px 0px;} #monster .monster {width:270px;} .serversTxt p {text-align:justify;} .serversTxt h4 {text-align:left;} .serversTxt {width: 235px; margin:100px 0px;} #serviceIntro h2, article.servicePages h3 {font-size:43px;} #aboutcPanel .macPanel {width:auto;} .buyNow strong {float:left;} .buyNow.gr strong {padding:0 13px;} } @media (min-width: 1200px) { .listItens li {font-size:21px;} ul.listFeatures li .icons {height:90px;} #serviceIntro .mainImage {width:auto;} .hoostVSconcorrente {display:block;} .serversTxt {width:278px;} .buyNow strong {padding:0 70px;} .buyNow.gr strong {padding:0 60px;} #monster h3 {font-size:33px; font-weight:300;} #monster p.subTitle {font-size:17px; margin-top:30px;} #monster .txtMonster {float:left; width:395px; margin:70px 0px;} #monster .monster {float:left; margin:0 25px; width:330px;} } .boxPlan {background:#fff; border-top:solid 5px #fea700; width:100%; padding:20px; box-shadow:0px 0px 5px rgba(0,0,0,0.1); margin-top:30px;} .boxPlan .cloudIcon {width:63px; height:63px; border-radius:50px; margin:10px auto; font-size:41px; line-height:57px; text-align:center; color:#fea700; overflow:hidden; position:relative;} .boxPlan h4 {text-transform:uppercase; text-align:center; font-size:15px; font-weight:600;} .boxPlan ul {padding:0px;list-style:none; font-size:16px; font-family:"Open Sans",Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; color:#7a7b81; border-top:solid 1px #f2f2f2; border-bottom:solid 3px #fea700; margin:20px 0px;} .boxPlan ul li ul {padding:0px; border:none; font-size:11px; margin:0px;} .boxPlan ul li {clear:both; margin:20px 0px;} .boxPlan ul li ul li {margin:10px 0px;} .boxPlan ul li ul li span.icons {float:none;} .boxPlan ul li span {float:right; color:#fea700;} .boxPlan .price {font-size:29px; font-weight:900;font-family:"Lato","Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; color:#323940; text-align:center;} .boxPlan .price .RS {font-size:13px; position:relative; top:-8px;} .boxPlan .price .mes {font-size:13px; opacity:0.6; font-weight:400; position:relative; left:-5px;} .boxPlan .btnPlan {height:60px; margin-top:20px;} .boxPlan .btnPlan a { margin:0 auto; width:100%; height:58px; padding:10px; text-align:center; display:table; border-radius:5px; color:#fff; background: #fea700; background: -moz-linear-gradient(top, #fdc400 0%, #ff8600 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #fdc400 0%,#ff8600 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #fdc400 0%,#ff8600 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdc400', endColorstr='#ff8600',GradientType=0 ); /* IE6-9 */ position:relative; z-index:2; border-bottom:solid 3px #cd6f06; font-size:25px; font-weight:900;font-family:"Lato","Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; text-transform:uppercase; text-shadow: 0px 2px 0px rgba(0,0,0,0.3);} .icon-servers2 {font-size:32px;} .question {height:15px; width:15px; display:inline-block; border-radius:20px; background:#fea700;text-align:center; position:relative; top:-5px; z-index:2} .question span { font-family:"Lato","Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;border-radius:20px; width:100%; height:100%; display:block; font-weight:900; font-size:11px; color:#fff!important; } .question .containerQuestion {position:absolute; background:#fea700; color:#fff; font-size:13px; border-radius:5px; padding:20px; left:20px; top:-20%; width:250px; text-align:left; z-index:5;} .question .containerQuestion span {font-size:13px; font-family:"Open Sans",Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-weight:400; font-style:normal; display:table; text-align:center;} .question .containerQuestion i {font-size:32px; line-height:36px; text-align:center; display:block;} .boxPlan .question:hover {opacity:1;} .boxPlan.yellow .question {background:#fff; } .boxPlan.yellow .question span { color:#fea700!important;} .txtRevendaDedicada {text-align:center; font-size:13px; margin-top:30px;} ul.listFeatures.featuresRevenda{padding-top:30px;} #containerPlans {padding-top:0px;} .boxPlan .btnPlan a:hover {border-bottom:solid 4px #cd6f06; top:-1px; text-decoration:none; color:#fff;} .boxPlan .btnPlan a:focus {border-bottom:solid 1px #cd6f06; top:0px; text-decoration:none; color:#fff;} .boxPlan .cloudIcon span.circle { box-shadow: -34px -28px 0px 10px #fff, 50px -50px 0px 10px #fff, 34px 28px 0px 10px #fff, -34px 28px 0px 10px #fff, -0px -0px 0px 10px #fea700; border-radius:50px; width:50px; height:50px; display:block; position:absolute; top:50%; left:50%; margin-top:-25px; margin-left:-25px} .boxPlan.two .cloudIcon span.circle { box-shadow: -34px -28px 0px 10px #fff, 50px -50px 0px 10px #fff, 50px 50px 0px 10px #fff, -34px 28px 0px 10px #fff, -0px -0px 0px 10px #fea700; } .boxPlan.thre .cloudIcon span.circle { box-shadow: -34px -28px 0px 10px #fff, 50px -50px 0px 10px #fff, 50px 50px 0px 10px #fff, -50px 50px 0px 10px #fff, -0px -0px 0px 10px #fea700; } .boxPlan.four .cloudIcon span.circle { box-shadow: -50px -50px 0 10px #fff, 50px -50px 0 10px #fff, 50px 50px 0 10px #fff, -50px 50px 0 10px #fff, 0 0 0 5px #fea700; } #vantagensCloud .listFeatures {padding:50px 0px;} #vantagensCloud .listFeatures li {height:135px; margin:15px 0px;} #vantagensCloud .listFeatures li .bgWhiteFeatures {background:#fff; height:100%; display: block; border-radius:5px; padding:20px 15px; } #faq .row {padding-top:50px; padding-bottom:50px;} #faq .row p {text-align:justify; margin-bottom:30px;} .alignCenter {text-align:center;} #vantagensCloud .listFeatures li {height:auto; text-align:center;} #vantagensCloud .listFeatures li .icons {float:none; width:100%; text-align:center; margin:0px;} #vantagensCloud .listFeatures li h4, #vantagensCloud .listFeatures li p {text-align:center;} #vantagensStreaming .containerTable {display:table; margin-bottom:50px;} @media (min-width: 992px) { .plans {top:-40px; position:relative;} .boxPlan {margin-top:0px;} .txtRevendaDedicada {margin-top:10px;} } @media (min-width: 1200px) { #vantagensCloud .listFeatures li {height:135px;} #vantagensCloud .listFeatures li:nth-child(even) .icons {float: left; width:100px; margin-right: 10px;} #vantagensCloud .listFeatures li:nth-child(even) h4, #vantagensCloud .listFeatures li:nth-child(even) p {text-align:left;} #vantagensCloud .listFeatures li:nth-child(odd) .icons {float: right; width:100px; margin-left: 10px;} #vantagensCloud .listFeatures li:nth-child(odd) h4, #vantagensCloud .listFeatures li:nth-child(odd) p {text-align:right;} } .subTitleRevenda {margin-top:50px;} .boxPlan.yellow {background:#fea700;box-shadow:none;} .boxPlan.four.yellow .cloudIcon span.circle { box-shadow: -50px -50px 0 10px #fff, 50px -50px 0 10px #fff, 50px 50px 0 10px #fff, -50px 50px 0 10px #fff, 0 0 0 5px #fff; } .boxPlan.yellow .cloudIcon, .boxPlan.yellow h4, .boxPlan.yellow ul, .boxPlan.yellow ul li span, .boxPlan.yellow .price {color:#fff;} .boxPlan.yellow ul {border-bottom:solid 3px #fff; border-top:solid 1px #fff;} .boxPlan.yellow .btnPlan {padding:5px; background:#fff; height:68px; border-radius:5px;} .revendaHosting.bgWhite {padding-top:0px;} .descRevendaShared {display:block; text-align:center; margin-top:20px;} .revendaDetailRefund {margin-top:50px; text-align:center;} .advantageRevenda {margin-top:50px;} .txtPhpinfo {text-align:center;} .featuresAdd ul.phpInfoList {padding:60px 0px 30px;} .mobIcons {font-size:32px; opacity:0.5; text-align:center;} .playersTxt { width:auto; margin:10px 10px; text-align:center;} .playersTxt h4 {font-size:30px; font-weight:300; color:#323940} .playersTxt p {font-size:15px;} .playersTxt.right {float:right;} .mobIcons.active {color:#fea700; opacity:1} .noOnThisPlan {height:2px; width:100%; background:#7a7b81;-ms-transform: rotate(7deg); /* IE 9 */ -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */ transform: rotate(-2deg); position:absolute; top:10px; left:0px;} .iconPlayers {font-size:210px; margin:0 auto; text-align:center; color:#fea700;} #vantagensStreaming .listFeatures {margin-top:60px;} #vantagensStreaming .listFeatures .icons {float:left; height:auto; margin-top:0px; margin-right:10px; line-height:normal;} #vantagensStreaming .listFeatures li {height:auto; clear:both;} #aboutcApps .apps {margin-top:80px;} .stores a {display:block; margin:10px 0px;} .imgApps p {margin:30px; text-align:center;} .imgApps {float:none; margin:0 auto; text-align:center;} .containerFloat {display:table;} #aboutcPanel ul li .containerFloat p, #aboutcApps ul li .containerFloat p{padding:10px 0px;} #aboutcPanel .icons {text-align:center;} @media (min-width: 992px) { .playersTxt {margin:10px 0px; text-align:left; float:left;} #vantagensStreaming .listFeatures .icons {} .stores a {display:block; margin:0px;} .boxPlan ul {font-size:15px;} .playersTxt { float:left; width:360px; margin:60px 0px;} .playersTxt h4 {font-size:29px;} .mobIcons {font-size:25px;} #vantagensStreaming .listFeatures .icons {} .strePrimed {height:335px;} #vantagensStreaming .listFeatures li {clear:none;} } @media (min-width: 1200px) { .noOnThisPlan {width:80%;} .boxPlan ul {font-size:16px;} .playersTxt { float:left; width:390px; margin:60px 0px;} .playersTxt h4 {font-size:30px;} .mobIcons {font-size:37px; margin:15px 0px; } .imgApps.fltRight {float:right;} } .linkHotsite {background:#fea700; padding:15px 40px 10px 40px; line-height:23px; text-align:center; border-radius:50px; font-weight:800; color:#fff; font-size:26px; text-transform:uppercase; display:table; margin:0 auto;} .linkHotsite span {display:block; font-size:12px; font-weight:400; text-transform:none;} .linkHotsite:hover {text-decoration:none; color:#fff} .aplicativosImgs {position:relative; height:580px; margin-top:100px;} .aplicativosImgs.main {position:relative; height:580px; margin-top:50px;} .aplicativosImgs .iOS {position:absolute; left:0px; z-index:1; top:50px;} .aplicativosImgs .windows {position:absolute; left:50%; margin-left:-160px; z-index:3} .aplicativosImgs .android {position:absolute; right:0px; z-index:2; top:50px;} .aplicativosImgs.main .iOS {left:20%;} .aplicativosImgs.main .android {right:20%;} .aplicativosImgs img {top:-15px;opacity:0} .suporteSearch {background:#fff; border:solid 5px #00a88f; height:105px; position:relative; margin:250px 0px 10px 0px; z-index:2;} .searchJedi {position:relative; z-index:50; margin:250px 0px 10px 0px;} .jedi {position:absolute; bottom:64px; left:50%; margin-left:-107px; z-index:201} .suporteSearch input[type=text] {height: 95px; width: 55%; float: left; border:none; outline:none; padding:0px 20px; font-size:32px; font-family:"Open Sans",Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;} .suporteSearch button {float:right; display:block; font-size:72px; background:none; border:none; line-height:0px; margin:11px;} #serviceIntro p.suporteSugestions {font-size:13px; margin-bottom:180px;} #serviceIntro p.suporteSugestions span {color:#fea700;} #explainSupport {padding:60px 0px;} .circleDashed {width:200px; height:200px; margin:20px auto; display:block; border:dashed 1px #fea700; border-radius:100px; text-align:center; font-size:92px; line-height:209px; color:#00a88f;} .circleDashed.mascot {border:dashed 1px #00a88f; position:relative;} .circleDashed.mascot img {position:absolute; bottom:0px; left:20px;} .explainSupport {text-align:center; padding:30px 0px;} .explainSupport p {padding:0 50px;} .runForest {position:absolute; right:-68px; top:100px;} .listCatSupport {padding:0px; margin:0px; border-bottom:none; list-style:none;} .listCatSupport li {font-size:18px; padding:5px; } .listCatSupport li a {font-size:18px; text-align:center; border:solid 1px #f2f2f2; background:#fff; font-weight:400; font-family:"Open Sans",Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; display:block; padding:20px; color:#7a7b81; } .listCatSupport li a:hover {text-decoration:none;opacity:0.8;} .listCatSupport li a .arrow {float:right; font-size:30px; position:relative; top:-4px; color:#00a88f;} .listCatSupport li a .icons {font-size:52px; text-align:center; display:block; color:#00a88f; margin:20px 0px; height:60px;} .listCatSupportMini {padding:0px; margin:0px; background:#fff; border:solid 1px #f2f2f2; border-bottom:none; list-style:none;} .listCatSupportMini li {font-size:13px; border-bottom:solid 1px #f2f2f2;} .listCatSupportMini li a {font-size:13px; font-weight:400; font-family:"Open Sans",Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; display:block; padding:10px; color:#7a7b81; } .listCatSupportMini li a:hover {text-decoration:none; opacity:0.8;} .listCatSupportMini li a .arrow {float:left; font-size:17px; position:relative; top:1px; color:#00a88f; margin-right:5px;} .listCatSupportMini li a .icons {font-size:13px; position:relative; top:-5px; float:right;color:#00a88f; background:#00a857; color:#fff; padding:8px; border-radius:5px;} .listCatSupportMini li a .icons span {font-family:"Open Sans",Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-size:13px} .popArticles {font-size:13px; color:#7a7b81;font-family:"Open Sans",Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; margin:10px; display:block;} .chatOnlineGr {border:solid 1px #00a88f; border-radius:5px; background:#fff; display:block; margin:20px 0px;} .chatOnlineGr:hover {text-decoration:none; border-color:#fea700; transition-duration:0.2s;} .chatOnlineGr:hover .chamadaHelpdesk { background-color:#fea700; transition-duration:0.2s;} .containerMasct {text-align:center; padding:15px 15px 10px 15px;} .containerMasct img {position:absolute; bottom:0px; left:15px;} .chamadaHelpdesk {background:#00a88f; padding:20px 10px; color:#fff; text-align:center; text-transform:uppercase; font-weight:900;font-family:"Open Sans",Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-size:15px;} #topicsSupport h3 {margin-top:0px;} .mouse { width: 25px; position: absolute; height: 36px; border-radius: 15px; border: 2px solid #00a88f; bottom: 50px; right: 50%; margin-right: -12px; z-index:2; } .mouse .scroll { display: block; margin: 6px auto; width: 3px; height: 6px; border-radius: 4px; background: #00a88f; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: scroll; -moz-animation-name: scroll; animation-name: scroll; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes scroll { 0% { opacity: 0;} 10% { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px);} 100% {opacity: 0; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px);} }@-moz-keyframes scroll { 0% { opacity: 0;} 10% { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px);} 100% { opacity: 0; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px);} }@keyframes scroll { 0% {opacity: 0;} 10% { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px);transform: translateY(0px);} 100% { opacity: 0; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px);} } .listSupport {padding:50px 0px; position:relative;} .listSupport .suporteSearch {background:#fff; border:solid 3px #00a88f; height:60px; position:relative; margin:0px; float:right; width:100%;} .listSupport .suporteSearch input[type=text] {height:54px; font-size:16px;} .listSupport .suporteSearch button {font-size:30px} .listSupport h2 {font-size:22px; text-align:center; margin:10px 0px; padding:0px;} .listSupport .headSupportLeft {float:left;} .breadc {list-style:none; margin:0px; padding:0px; text-align:left;} .breadc span {display:inline-block; font-size:11px; margin-right:5px; color:#00a88f} .breadc span a,.breadc strong { font-family:"Open Sans",Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-size:15px; margin-right:5px; color:#7a7b81} #topicsSupportList {padding:50px 0px; border-top:solid 1px #f2f2f2; background:#fff;} .descriptionHourssupporte {padding:60px 0px; border-top:solid 1px #f2f2f2;} .listaSupport {padding:0px; margin:0px; border-bottom:none; list-style:none; margin-right: -5px; margin-left: -5px;} .listaSupport li {font-size:19px; padding:5px; display:block;} .listaSupport li a {font-size:19px; font-weight:400; border:solid 1px #f2f2f2; font-family:"Open Sans",Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; display:block; padding:15px; color:#7a7b81; } .listaSupport li a:hover {text-decoration:none; opacity:0.8;} .listaSupport li a .arrow {float:left; font-size:23px; position:relative; top:1px; color:#00a88f; margin-right:5px;} .listaSupport li a .icons {font-size:19px; position:relative; top:-5px; float:right;color:#00a88f; background:#00a857; color:#fff; padding:8px; border-radius:5px;} .listaSupport li a .icons span {font-family:"Open Sans",Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-size:19px} .containerWidget {margin-bottom:50px;} .listSupport .jedi {bottom:-40px;} .boxArticles {padding:0px; padding-bottom:20px;} .boxArticles:nth-child(odd) {padding-right:10px;} .boxArticles:nth-child(even) {padding-left:10px;} .boxArticles h4,.titleSupport {font-size:18px; padding:0px; margin:0px; display:block; padding:15px 0px;} .boxArticles h4 a,.titleSupport a {color:#5b6462;} .boxArticles .count {float:right; display:block; background:#00a88f; color:#fff; font-size:13px; padding:8px; position:relative; top:-6px;} .tags {padding:0px; margin:0px; list-style:none;} .tags li { display:inline-block; margin:2px;} .tags li a {background:#f2f2f2; display:block; color:#5b6462; padding:5px 8px; font-size:12px; transition-duration:0.3s;} .tags li a:hover {text-decoration:none; background:#00a88f; color:#fff; transition-duration:0.3s;} .detailsSupport {padding:20px;} .detailsSupport p {font-size:17px; line-height:30px; padding-bottom:15px;} .detailsSupport h4 {font-size:23px; font-weight:900; margin-top:20px;} .detailsSupport p a img {width:100%; border:solid 1px #f2f2f2; border-radius:5px;} .detailsSupport p.alertSupport {padding:20px; font-size:15px; line-height:normal; color:#fff; background:#fea700; border-radius:5px; margin-bottom:30px;} .videoYoutubeSupport {width:100%; height:400px; background:#000;} .avalie {padding:20px; border:solid 1px #f2f2f2; margin:20px 0px;} .comentarios {padding:20px; margin:20px 0px;} .comentarios h3 {margin-top:20px; margin-bottom:30px; text-align:center;} .avalie p {padding:0px; margin:0px;} .siteAdminTemas {width:100%;} .headHomeClientarea {padding:0px; margin:0px;} @media (min-width: 768px) { .suporteSearch input[type=text] {width:75%;} } @media (min-width: 992px) { .siteAdminTemas {width:auto;} .containerMasct {padding:10px 15px 10px 125px; position:relative; text-align:left;} .listSupport h2 {margin:10px 0px; text-align:left;} .chatOnlineGr {margin:0px;} } @media (min-width: 1200px) { .chamadaHelpdesk {font-size:18px;} .containerMasct {padding:20px 15px 20px 125px; position:relative;} } .chamadaChat {background:url(https://www.hoost.com.br/chatHoost.png); width:300px; height:180px; display:block; position:fixed; bottom:0px; right:30px; z-index:2; display:none} .tooltip-inner {background-color: #fff; border-radius: 4px; padding: 10px; border: solid 1px #fea700; font-family:"Open Sans",Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; color:#7a7b81;} .tooltip.right .tooltip-arrow {border-right-color:#fea700;} .tooltip.top .tooltip-arrow {border-top-color:#fea700;} #faq ul.listOptions {margin-bottom:30px;} #faq ul.listOptions li {font-size:14px;} .boxPlan.streaming li {position:relative;} .boxPlan.streaming .cloudIcon {font-size:27px; } .boxPlan.streaming .cloudIcon .icon-sound {font-weight:bold;} .boxPlan .icon-correct, .boxPlan .icon-error {font-size:18px; font-weight:bold; position: relative; top: 3px;} .boxPlan .icon-error {color:#7a7b81;} #aboutTemas ul {margin-top:30px;} #aboutTemas ul li h5 {margin-bottom:10px; display:block;} #aboutTemas ul.temas {margin:0px; padding:0px;} .temas a {display:block; border-radius:5px; background:#fea700; padding:15px; color:#fff; font-weight:800; text-align:center; text-transform:uppercase; font-size:32px; transition-duration:0.3s;} .temas a span {font-size:11px; font-weight:400; display:block; } .temas a:hover {text-decoration:none; opacity:0.8; transition-duration:0.3s;} .listRecursosWR {margin:0px; padding:0px; list-style:none; text-align:left;} .suporteSearch .icon-search {color:#fea700;} #dwls_search_results {position:absolute; z-index:400;} .avalie p {float:left;} .breadcrumb_last {display:none;} .avaliacao {float:right;} .detailsSupport iframe {display:block; margin:0 auto; width:100%; height:250px;} @media (min-width: 768px) { .detailsSupport iframe {height:500px;} } .blogList {background:#fff; padding:20px; border:solid 1px #f2f2f2; margin-bottom:20px; position:relative; overflow:hidden;} .blogList .imgPost {position:relative; height:107px; width:100%; background:#fea700; overflow:hidden;} .blogList .imgPost img {position:relative; z-index:1; left:-0%;top:-0%; width:100%; transition-duration:0.3s} .blogList .contentPost {text-align:center; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:2; display:block;} .blogList .contentPost h2 {width:100%; height:100%; padding:50px; position:absolute; top:0px; left:0px; margin:0px;} .blogList .contentPost h2 span{color:#fff; font-size:18px; font-weight:900; width:100%; height:100%; display: flex; justify-content: center; align-items: center; text-shadow:0px 2px 0px rgba(0,0,0,0.3); } .blogList .contentPost .datePost {color:#fff; position:absolute; text-align:center; width:100%; top:20px; left:0px;} .blogList .contentPost .categoriaPost {position:absolute; bottom:20px; width:100%; left:0px; color:#fff; z-index:5} .blogList .contentPost .categoriaPost a {color:#fff;} .blogList a.mainLink {position:absolute; top:0px; left:0px; display:block; z-index:3; width:100%; height:100%; text-indent:-9999px;} .blogList:hover .imgPost img {opacity:0.4; left:-25%; top:-25%; width:150%; transition-duration:0.5s} .blogList .contentPost .datePost, .blogList .contentPost .categoriaPost {display:none;} .paginacao {text-align:center; padding:20px 0px;} .page-numbers {padding:15px 20px; background:#fff; border:solid 1px #f2f2f2; color:#7a7b81; font-size:15px; border-radius:5px;} .page-numbers:hover {text-decoration:none;} .page-numbers.prev {float:left;} .page-numbers.next {float:right;} .page-numbers.current {opacity:0.5;} .innerBlog {margin:30px 0px;} .innerBlog h2, .innerBlog h3 {color:#323940; font-size:25px; font-weight:900; text-align:center; margin-bottom:30px; } .innerBlog .categoriaPostdataInner {text-align:center; display:block; margin-top:30px; color:#7a7b81;} .innerBlog p{font-size:18px; line-height:28px; margin-bottom:30px;} .innerBlog.comments {margin-top:0px;} .txt404 {height:510px} .e404 { color: #323940; padding: 19px; display: block; font-weight: 900; text-transform: uppercase; font-family: "Lato","Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; line-height: 230px; font-size:110px; } /*Inview*/ .boxProductHome img {position:relative; top:-15px; opacity:0;} .phone {padding:3px 5px;font-size:15px; font-weight:600; background:#fea700; border-radius:5px; color:#fff; display:inline-block; width:40px; text-align:center;} .phone .icon-phone {padding:5px; font-size:15px; position:relative; top:1px;} .linksFooter ul li.listPhone {font-size:15px; color:#5b6462; font-weight:500;} @media (min-width: 768px) { .innerBlog {margin:60px 0px;} .blogList {padding:50px;} .blogList .contentPost .datePost, .blogList .contentPost .categoriaPost {display:block;} .blogList .imgPost {height:286px;} .blogList .contentPost h2 span{color:#fff; font-size:32px;} .innerBlog h2, .innerBlog h3 {font-size:32px;} .e404 {font-size: 300px; margin-top:0px;} } @media (min-width: 992px) { .blogList .imgPost {height:387px;} .blogList .contentPost h2 span{color:#fff; font-size:45px;} .innerBlog h2 {font-size:45px;} .e404 {font-size: 300px;line-height: 360px; margin-top: 80px;} .txt404 {height: auto} } @media (min-width: 1200px) { .blogList .imgPost {height:480px;} .blogList .contentPost h2 span{color:#fff; font-size:60px;} .innerBlog h2 {font-size:60px;} .e404 {font-size: 360px;} } .mymail-form {height:auto; position:relative; width:100%;} .mymail-form label {display:none;} .mymail-submit-wrapper {float:right;} .mymail-email-wrapper {float:left; margin-top:5px;} .mymail-form .mymail-form-info.success, .mymail-form .mymail-form-info.error {position:absolute; top:40px; text-align:center;} .twitterFeed ul {margin:0px; padding:0px; list-style:none}