@utf-8; @font-face { font-family: "Montserrat"; src: url("montserrat.ttf"); font-display: swap; } @font-face{font-family:"ddg-serp-icons";src:url("ddg-serp-icons.ttf");font-display: swap;} @font-face{font-family:"spin_cicle";src:url("spin_cycle.ttf");font-display: swap;} @font-face{font-family:"MuseoSans";src:url("museosans.ttf");font-display: swap;} body,html{height:100%;} body{font-size:62.5%;line-height:1.5;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;margin:0;padding:0;text-align:justify;} *, *:before, *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} img, picture, video, embed{max-width:101%;} a{color: #000;text-decoration:none;} a:hover{text-decoration:none;} p{font-size:1.7em;color:#33404c;} p.al{width:1100px;} .clear{clear:both;} #logo{float:left;width:30%;} .menu{margin-top:2.9em;} .menu ul{float:right;padding:0;margin:0;} .menu li{display:inline-block;padding:1.45em 0.7em;font-size:1.6em;font-weight:600;cursor:pointer;text-align:center;} .menu li:hover{background:#dcdddf;transition:all 0.2s ease-in-out;} .menu a{color:#363636;text-shadow:1px 1px 3px #B1B1B1;padding:1.48em 0em;} .menu a:hover{color:#02a388;} .content{max-width:1128px;margin:0 auto;padding:1.4em;height:100%;} .header{width:100%;height:120px;background:rgb(198,199,203);background:-moz-linear-gradient(top, rgba(198,199,203,1) 0%, rgba(227,227,229,1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(198,199,203,1)), color-stop(100%,rgba(227,227,229,1)));background:-webkit-linear-gradient(top, rgba(198,199,203,1) 0%, rgba(227,227,229,1) 100%);background:-o-linear-gradient(top, rgba(198,199,203,1) 0%,rgba(227,227,229,1) 100%);background:-ms-linear-gradient(top, rgba(198,199,203,1) 0%,rgba(227,227,229,1) 100%);background:linear-gradient(to bottom, rgba(198,199,203,1) 0%,rgba(227,227,229,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6c7cb', endColorstr='#e3e3e5',GradientType=0);border-bottom:1px solid #E7E7E7;} .corpo{min-height:600px;background:#dadada;box-shadow:0px 0px 7px #2F2F2F;} .corpo #priBanner{height:auto;padding:10px;font-family:MuseoSans, serif;font-size:16px;color:#FFFFFF;display:block;width:100%;background:#303030;box-shadow:0 6px 10px rgba(0,0,0,.23),0 10px 30px rgba(0,0,0,.19);margin-bottom:20px;text-shadow:1px 1px 1px #092E3C;position:relative;} .corpo #bannerf{height:0;display:none;width:100%;background:#303030;box-shadow:0 6px 10px rgba(0,0,0,.23),0 10px 30px rgba(0,0,0,.19);margin-bottom:20px;position:relative;} .corpo #banner2{height:480px;width:100%;background-image:url(../img/grafico.jpg);background-repeat:no-repeat;background-position:center;background-size:100%;box-shadow:0 6px 10px rgba(0,0,0,.23),0 10px 30px rgba(0,0,0,.19);margin-bottom:20px;position:relative;} .corpo #banner2 div#contBanner{width:1100px;margin:0 auto;position:relative;background:transparent;height:100%;} .corpo #banner2 div#contBanner h1{text-transform:uppercase;font-family:MuseoSans, serif;font-size:47px;line-height:52px;margin:0;padding:0;color:#fff;font-weight:bold;margin-top:60px;text-shadow:0px 0px 8px rgba(0,0,0,.3);} .corpo #banner2 div#contBanner span.vids{ padding: 15px 0px 15px 15px; color: #FFFFFF; text-shadow: 0px 0px 6px rgba(93, 86, 86, 0.2); font-size: 15px; background: #f03c42; font-family: MuseoSans, serif; text-transform: uppercase; display: none; } .corpo #banner2 div#contBanner span.vids i{ height: 46px; width: 41px; background-size: 100%; background-repeat: no-repeat; display: inline-block; position: relative; margin-left: 10px; background-image: url(../img/ytbb.png); bottom: -18px; background-position: -1px 9px; background-color: #cc181e; } .corpo #banner2 div#contBanner a.buttonBanner{color:#fff;padding:12px 25px;background:#0fbc71;font-size:16px;font-family:MuseoSans, serif;float:left;} .corpo #banner2 div#contBanner a.buttonBanner2{color:#fff;padding:12px;background:#0e8a54;font-size:16px;font-family:ddg-serp-icons, serif;float:left;} .corpo #banner3{height:340px;width:100%;margin-bottom:20px;position:relative;} .corpo #banner3 div#contBanner{width:1100px;margin:0 auto;position:relative;background:transparent;height:100%;padding-top:30px;} .corpo #banner3 div#contBanner ul{margin:0;padding:0;list-style:none;} .corpo #banner3 div#contBanner ul li{width:500px;padding:10px;border-radius:3px;min-height:130px;height: 136px;max-height: 300px;float:left;margin-bottom: 30px;} .corpo #banner3 div#contBanner ul li img{max-width:65px;} .corpo #banner3 div#contBanner ul li#rgt{float:right;} .corpo #banner3 div#contBanner ul li div#rg{width:calc(100% - 90px);min-height:100px;float:right;display:inline-block;} .corpo #banner3 div#contBanner ul li div#rg span.title{font-family:MuseoSans, serif;display:block;width:100%;text-transform:uppercase;color:#0e8a54;font-size:16px;} .corpo #banner3 div#contBanner ul li div#rg span.txt{font-family:MuseoSans, serif;display:block;width:100%;font-size:14px;color:#323232;text-align:left;padding-top:5px;} .corpo #banner3 div#contBanner ul li div#rg span{display:block;width:100%;} .corpo #banner3 div#contBanner ul li div#rg span button{float:right;margin-right:10px;margin-top:5px;outline:none;background:transparent;border:0;font-family:MuseoSans, serif;font-size:19px;color:#F91791;} .corpo #bannerf button.close{float:right;display:inline-block;outline:none;border:0;background:transparent;font-family:'ddg-serp-icons';font-size:18px;color:#eee;margin:10px;cursor:pointer;position:absolute;right:0;z-index:20;} .corpo #bannerf button.close:hover{color:#fff;cursor:pointer;} .corpo #bannerf div#contBanner{width:1100px;margin:0 auto;position:relative;background:transparent;height:100%;} .corpo #bannerf div#contBanner div#lines{position:absolute;width:1100px;margin-top:45px;} .corpo #bannerf div#contBanner div#lines span{width:100%;height:3px;background:#767676;margin-top:8px;display:block;padding:0;} .corpo #bannerf div#contBanner span#txt{text-decoration: none;color: #2196F3;display:inline-block;width:100%;font-size:47px;font-family:Montserrat !important;font-style:normal;font-weight:200;margin-bottom:8px;padding-top:5px;text-transform:uppercase;position:relative;text-shadow:none;} .corpo #bannerf div#contBanner span#txt i{ font-style: normal; color: #ffffff; text-shadow: 0 0 5px rgba(243, 243, 243, 0.47); } .corpo #bannerf div#contBanner span.vids{ padding: 15px 0px 15px 15px; color: #FFFFFF; position: relative; text-shadow: 0px 0px 6px rgba(93, 86, 86, 0.2); margin-left: 220px; top: -15px; font-size: 15px; background: #f03c42; font-family: MuseoSans, serif; } .corpo #bannerf div#contBanner.nw span.vids{ margin-left: 202px; } .corpo #bannerf div#contBanner span.vids i{ height: 46px; width: 41px; background-size: 100%; background-repeat: no-repeat; display: inline-block; position: relative; margin-left: 10px; background-image: url(../img/ytbb.png); bottom: -18px; background-position: -1px 9px; background-color: #cc181e; } .corpo #bannerf div#contBanner span#txt div{background:#303030;display:inline-block;} .corpo #bannerf div#contBanner span#txt span.presentClick{height:50px;display:inline-block;float:left;font-size:15px;font-weight:100;position:relative;margin-top:7px;width:80px;color:#A5A5A5;cursor:pointer;} .corpo #bannerf div#contBanner span#txt span.presentClick span{padding:9px 12px;background-color:#5A5757;border-radius:3px;position:absolute;margin-top:10px;height:auto;width:117px;} .corpo #bannerf div#contBanner span#txt span.presentClick span:before{content:"";display:inline-block;vertical-align:middle;margin-right:13px;margin-left:-19px;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:7px solid #5A5757;} .corpo #bannerf div#contBanner span#txt img#presente{height:50px;float:left;} .corpo #bannerf div#contBanner span#txt div#buttons{width:185px;float:right;position:relative;margin-top:8px;} .corpo #bannerf div#contBanner span#txt div#buttons a.buttonBanner{color:#fff;padding:12px 25px;background:#0fbc71;font-size:15px;font-family:MuseoSans, serif;float:left;} .corpo #bannerf div#contBanner span#txt div#buttons a.buttonBanner2{color:#fff;padding:12px;background:#0e8a54;font-size:15px;font-family:ddg-serp-icons, serif;float:left;} .corpo #bannerf div#contBanner div#boxes{width:100%;display:block;} .corpo #bannerf div#contBanner div#boxes div{background:#454646;width:256px;height:379px;display:inline-block;margin-right:24px;box-shadow:0 6px 10px rgba(0,0,0,.23),0 10px 30px rgba(0,0,0,.19);float:left;position:relative;} .corpo #bannerf div#contBanner div#boxes div#infobox1, .corpo #bannerf div#contBanner div#boxes div#infobox2, .corpo #bannerf div#contBanner div#boxes div#infobox3, .corpo #bannerf div#contBanner div#boxes div#infobox4{width:800px;float:right;margin-right:0;display:none;border-radius:2px;opacity:0;position:relative;margin-right:4px;} .corpo #bannerf div#contBanner div#boxes div#infobox1 div, .corpo #bannerf div#contBanner div#boxes div#infobox2 div, .corpo #bannerf div#contBanner div#boxes div#infobox3 div, .corpo #bannerf div#contBanner div#boxes div#infobox4 div{width:100%;box-shadow:none;height:100%;} .corpo #bannerf div#contBanner div#boxes div#infobox1 div#righ, .corpo #bannerf div#contBanner div#boxes div#infobox2 div#righ, .corpo #bannerf div#contBanner div#boxes div#infobox3 div#righ, .corpo #bannerf div#contBanner div#boxes div#infobox4 div#righ{width:330px;height:100%;display:inline-block;float:right;margin-right:0;} .corpo #bannerf div#contBanner div#bt_principal{width:100% !important;height:50px !important;box-shadow:none !important;background:transparent !important;margin-top:15px;} .corpo #bannerf div#contBanner div#bt_principal div{height:53px;width:536px;float:left;margin-right:0;padding:5px 15px 15px 15px;font-family:MuseoSans, serif;font-size:18px;text-transform:uppercase;text-align:center;color:#fff;background-color:#1A925E;font-weight:bold;} .corpo #bannerf div#contBanner div#bt_principal div span#spanIndexPrn{display:block;font-size:14px;font-weight:400;} .corpo #bannerf div#contBanner div#bt_principal div#rg{float:right;margin-right:4px;background:#0E6271;font-size:16px;} .corpo #bannerf div#contBanner div#boxes div#righ h1{margin:0;font-size:30px;font-family:sans-serif, arial, tahoma, helvetica;float:right;display:block;padding-top:25px;text-transform:uppercase;position:relative;z-index:30;color:#ffffff;text-align:left;margin-right:0;padding-right:20px;width:340px;text-align:center;} .corpo #bannerf div#contBanner div#boxes div#righ p{margin:0;color:rgb(184, 184, 184);float:right;width:360px;padding-left:25px;padding-right:25px;text-align:left;font-size:20px;padding-top:33px;display:block;font-family:sans-serif, arial, tahoma, helvetica;position:relative;z-index:30;} .corpo #bannerf div#contBanner div#boxes div#righ span.vejatudo{position:absolute;bottom:-110px;right:12px;} .corpo #bannerf div#contBanner div#boxes div#infobox1 div img, .corpo #bannerf div#contBanner div#boxes div#infobox2 div img, .corpo #bannerf div#contBanner div#boxes div#infobox3 div img, .corpo #bannerf div#contBanner div#boxes div#infobox4 div img{width:auto;height:auto;display:inline-block;float:left;margin:10px;margin-right:0;} .corpo #bannerf div#contBanner img#blog{float:none !important;margin:0 !important;margin-left:5px !important;position:relative;margin-bottom:-5px !important;} .corpo #bannerf div#contBanner div#boxes div#infobox1 div img#rank{position:absolute;left:0;margin-top:198px;} .corpo #bannerf div#contBanner div#boxes div#infobox2 div img#cosult{position:absolute;left:0;margin-top:198px;} .corpo #bannerf div#contBanner div#boxes div#infobox3 div img#ddertd02{position:absolute;left:0;margin-top:173px;} .corpo #bannerf div#contBanner div#boxes div#infobox3 div img#ddertd03{position:absolute;left:0;margin-top:264px;} .corpo #bannerf div#contBanner div#boxes div#infobox3 div img#ddertd04{position:absolute;left:0;margin-top:264px;margin-left:259px;} .corpo #bannerf div#contBanner div#boxes div#infobox4 div img#indi02{position:absolute;left:0;margin-top:264px;} .corpo #bannerf div#contBanner div#boxes div#infobox4 div img#indi03{position:absolute;left:0;margin-top:264px;margin-left:230px;} .corpo #bannerf div#contBanner div#boxes div#infobox1 div img#volp{position:absolute;left:0;margin-top:198px;margin-left:182px;} .corpo #bannerf div#contBanner div#boxes div#ult{margin-right:0;} .corpo #bannerf div#contBanner div#boxes div.hg{ width: calc(50% - 14px); } .corpo #bannerf div#contBanner.nw div#boxes div img{height: 270px;width:100%;margin-bottom:5px;border:0;} .corpo #bannerf div#contBanner div#boxes div img{height: 194px;width:100%;margin-bottom:5px;border:0;} .corpo #bannerf div#contBanner div#boxes div span.title{color:#fff;display:inline-block;width:100%;text-align:center;font-size: 20px;font-family:'Source Sans Pro' !important;font-weight:300;font-style:normal;margin:0;background:#007388;} .corpo #bannerf div#contBanner div#boxes div span.txt{color:rgb(184, 184, 184);display:inline-block;width: 100%;text-align: center;font-size:16px;font-family:'Source Sans Pro' !important;padding-top: 0px;font-weight:200;font-style:normal;margin:0;padding-top:10px;height: 51px;padding-left: 8px;padding-right:5px;} .corpo #bannerf div#contBanner.nw div#boxes div span.txt{ color:rgb(184, 184, 184); display:inline-block; width: 80%; text-align: left; font-size:16px; font-family:'Source Sans Pro' !important; padding-top: 0px; font-weight:200; font-style:normal; margin:0; padding-top:10px; height: 51px; padding-left: 14px; padding-right:5px; } .corpo #bannerf div#contBanner div#boxes div p#plus{width:100%;height: 34px;display:block;/* margin-left: 113px; *//* margin-top: -46px; *//* margin:0; */padding:0;box-shadow:none;/* float:left; */color:#fff;text-align:center;font-size:19px;/* padding-top: 56px; *//* padding-bottom:5px; */transition:.4s;opacity:1;/* float: right; */font-weight:200;font-family:'Source Sans Pro' !important;cursor:pointer;} .corpo #bannerf div#contBanner.nw div#boxes div p#plus{height: 34px;width:auto;display:block;padding:0;box-shadow:none;color:#fff;text-align:center;font-size:19px;transition:.4s;opacity:1;float: right;margin-right: 14px;margin-top: 18px;font-weight:200;font-family:'Source Sans Pro' !important;cursor:pointer;} .corpo #bannerf div#contBanner div#boxes div p#plus button#btn2{background:#007388;text-transform:uppercase;color:#fff;border:0;border-radius:2px;padding:10px 9px;font-size:10px;border:1px solid #007388;/* float: right; */cursor:pointer;/* margin-right: 7px; */} .corpo #bannerf div#contBanner div#boxes div p#plus button#btn2:hover{cursor:pointer;} .corpo #bannerf div#contBanner div#boxes div p#plus button#btn3{background:#007388;text-transform:uppercase;color:#fff;border:0;border-radius:2px;padding:10px 9px;font-size:10px;border:1px solid #007388;cursor:pointer;} .corpo #bannerf div#contBanner div#boxes div p#plus button#btn3.box1volta, .corpo #bannerf div#contBanner div#boxes div p#plus button#btn3.box2volta, .corpo #bannerf div#contBanner div#boxes div p#plus button#btn3.box3volta, .corpo #bannerf div#contBanner div#boxes div p#plus button#btn3.box4volta{display:none;} .corpo #bannerf div#contBanner div#boxes div p#plus button#btn3:hover{cursor:pointer;} .corpo #bannerf div#contBanner div#buttons{width:100%;display:none;text-align:center;} .corpo #bannerf div#contBanner div#buttons button#btn1{background:#dc143b;text-transform:uppercase;color:#fff;border:0;border-radius:2px;padding:10px 9px;font-size:10px;text-shadow:1px 1px 1px #bc1535;border:1px solid #cd173e;cursor:pointer;} .corpo #bannerf div#contBanner div#buttons button#btn1:hover{cursor:pointer;background:#cd173e;} .corpo #bannerf div#contBanner div#buttons button#btn2{background:transparent;text-transform:uppercase;color:#fff;border:0;border-radius:2px;padding:9px 9px;font-size:10px;text-shadow:1px 1px 1px #242424;border:1px solid #fff;cursor:pointer;margin-left:5px;} .corpo #bannerf div#contBanner div#buttons button#btn2:hover{cursor:pointer;background:#fff;color:#242424;text-shadow:1px 1px 1px #eee;} .content h1{margin-left:5%;font-size:2.8em;color:#34404C;} .menu-secundario{width:18%;float:left;margin-left:5.5%;} .menu-secundario ul{list-style:none;padding:0;margin:0;border-radius:3px;background:rgba(218, 218, 218, 1);} .menu-secundario ul a:first-child li{border-radius:3px 3px 0 0;} .menu-secundario ul a:last-child li{border-radius:0 0 3px 3px;border-bottom:none;} .menu-secundario li{padding:5% 0 5% 15%;font-family:Trebuchet MS;font-size:1.3em;font-weight:600;text-align:left;cursor:pointer;border-bottom:1px solid #D0D0D0;background-image:linear-gradient(#e5e5e5, #DBDBDB)} .menu-secundario li:hover{background:#f0f0f0;transition:all 0.3s ease-in-out;} .menu-secundario a{color:#4C606D;display:block;background:linear-gradient(#e5e5e5, #DBDBDB);} .menu-secundario a:hover{color:#02a388;} .hover{color:#02a388;background:#f0f0f0 !important;} li.active a{color:#02a388;} li.active{background:#dcdddf;border-bottom:5px solid rgb(76, 194, 228) !important;} section.principal h1{font-size:2.7em;color:#33404c;text-shadow:1px 1px 5px #696969;margin:0;border:none;} .sobre-tryd{float:left;width:60%;} .corretoras-homologadas{float:right;width:35%;text-align:center;} .corretoras-carousel{background:#FFF;border-radius:5px;margin-top:6%;padding:5px 0;box-shadow:1px 1px 6px #9B9B9B;border:1px solid #C7C7C7;} .corretoras-carousel .bx-viewport{height:145px !important;} #tcpCop{ height: 1700px; } #correts{ width: 1150px; margin: 0 auto; } #correts p{ background: #fff; border-radius: 5px; padding: 15px 0; box-shadow:1px 1px 6px #9B9B9B; border:1px solid #C7C7C7; display: inline-block; width: 30%; height: 150px; text-align: center; margin-left: 2%; margin-right: 1%; float: left; } #correts p img{ max-height: 120px; } @media screen and (max-width: 1150px){ #correts{ width: calc(100% - 50px); } } @media screen and (max-width: 750px){ #tcpCop{ height: 2580px; } #correts p{ width: 47%; } } @media screen and (max-width: 600px){ #tcpCop{ height: 4970px; } #correts p{ width: 100%; } } div#btnsLgn{ display: block; float: left; width: 100%; padding: 0px 40px; } div#btnsLgn span.tx{ text-align: center; width: 100%; display: block; font-size: 14px; text-transform: uppercase; font-family: MuseoSans; padding-bottom: 11px; color: #333; } div#btnsLgn div#bn{ display: inline-block; width: 230px; cursor: pointer; box-shadow: 1px 1px 5px rgba(70, 70, 70, 0.62); border-radius: 2px; margin-bottom: 20px; transition: box-shadow .28s cubic-bezier(.4,0,.2,1); } div#btnsLgn div#bn:hover{ box-shadow: 1px 1px 10px rgba(70, 70, 70, 0.62); } div#btnsLgn div#bn span.img{ padding: 7px 9px; display: inline-block; } div#btnsLgn div#bn span.name{ color: #eee; font-family: MuseoSans; font-size: 14px; display: inline-block; float: right; width: calc(100% - 45px); padding: 13px 12px 11px 12px; } div#btnsLgn div#bn.google{ background: #dc473a; margin-left: 10px; margin-right: 10px; } div#btnsLgn div#bn.google span.img{ background: #ce4337; } div#btnsLgn div#bn.facebook{ background: #3b5999; } div#btnsLgn div#bn.facebook span.img{ background: #30487c; } div#btnsLgn div#bn.linkedin{ background: #0273b3; } div#btnsLgn div#bn.linkedin span.img{ background: #025e91; } div#btnsLgn div#bn img{ height: 27px; width: 27px; } a#sendFormBtn{ padding: 8px 20px; background-color: #0094AE !important; box-shadow: 1px 1px 5px rgba(70, 70, 70, 0.62); color: #E8E8E8; } a#sendFormBtn:hover{ box-shadow: 1px 1px 10px rgba(70, 70, 70, 0.62); } #pbls{ padding: 20px; } #smor{ padding: 20px; background: #B7B6B6; font-family: MuseoSans; font-size: 14px; } #smor span.s{ display: inline-block; padding-right: 10px; color: #333; } #smor a{ display: inline-block; padding-right: 5px; padding-right: 10px; font-weight: bold; text-decoration: underline; } #pbls span{ display: block; width: 100%; font-family: MuseoSans; font-size: 13px; } #pbls span.tps{ font-size: 20px; padding-bottom: 5px; border-bottom: 1px solid #333; margin-bottom: 5px; } #pbls span.tt{ font-size: 19px; margin-bottom: 10px; } #pbls span.lis{ font-size: 18px; margin-top: 3px; margin-bottom: 3px; } #pbls span.ttab{ padding-left: 20px; padding-bottom: 1px; } #pbls span.cab{ padding-left: 45px; padding-bottom: 1px; } .sub-sessao{width:73%;margin:0;float:right;background:#FFF;border-radius:3px;} .download{margin:0 auto;float:none;} .download input[type="submit"]{left:0 !important;position:none !important;margin-bottom:0 !important;} .download input[type="reset"]{margin-left:5%;} .vantagens h3{margin-left:7%;width:85%;color:#33404c;font-weight:bold;font-size:2.1em;border-bottom:1px solid #33404c;} .vantagens p{margin-left:7% !important;width:85%;} .vantagens a{float:left;margin-left:6%;} .vantagens a span{font-size:1.7em;color:#000;font-weight:bold;float:right;margin-top:40px;} .sub-sessao p{margin: 4px;} section.principal .sub-sessao h2{font-size:2.2em;color:#33404c;text-shadow:1px 1px 2px #BAB7B7;padding:1% 0 1% 5%;margin:0;background-color:#E2E2E2;border-bottom:1px solid #BDBDBD;border-radius:2px 2px 0 0;box-shadow:0px 1px 2px #C3C3C3;} #listaCellBroker{list-style:none;width:59%;float:right;padding-left:0;} #listaCellBroker li{padding:1% 6%;font-size:1.3em;background:url("../img/bullet.png")0 9px no-repeat;} .coluna{width:40%;float:left;margin:5% 5%;} .coluna img{box-shadow:0 0 10px #4E4E4E;border-radius:11px;width:96%;margin:1.8%;} .coluna h3{font-size:1.8em;text-align:left;color:#33404c;text-shadow:1px 1px 2px #D3D3D3;margin:6% 4%;} .coluna p{font-size:1.5em;text-align:justify;margin:10% 4%;} .coluna a.btn{font-size:1.2em;margin:0 0 5% 4%;position:relative;bottom:12px;} .btn{background-color:#2BA5C9 !important;box-shadow:1px 1px 6px rgb(70, 70, 70);-webkit-border-radius:5;-moz-border-radius:5;border-radius:5px;} .caixa{width:45%;float:left;padding:0 2em 0 0;position:relative;} .caixa p{color:#CAC8C8;width:460px;font-family:MuseoSans, serif;text-align:left;font-size:19px;text-shadow:0px 0px 2px rgba(0,0,0,.3);margin:30px 0px;} .caixa input[type="button"]{position:relative;float:right;margin:0.3em;} footer{ background: #333334; width: 100%; height: 53px; float: left; clear: both; box-shadow: 0px 0px 7px #A2A2A2; padding: 10px; padding-bottom: 7px; font-family: MuseoSans; } footer div#content{ width: 1150px; margin: 0 auto; position: relative; } footer label{ color: #ccc; padding-bottom: 3px; display: inline-block; } footer p{ margin-bottom:0; } footer small{ font-size:1.4em; } footer a{ font-size:1em; text-decoration: none; } footer #imgs{ float:left; margin-top: 6px; } footer #cop img{ height: 34px; } footer div#content{ width: calc(1150px - 44px); } footer #cop{ float:right; position:relative; margin-top: 14px; } footer div#cnt{ display: block; width: 552px; font-size: 13px !important; text-transform: uppercase; margin: 0 auto; padding-top: 10px; } footer div#cnt .politica-privacidade{ color: #A7A2A2; transition: .4s; text-shadow: 0px 0px 4px rgba(0,0,0,0.7); } footer div#cnt span{ margin-left: 40px; color: #A7A2A2; } footer .politica-privacidade:hover{ color: #fff !important; text-decoration: none !important; } footer a#iconStech, footer a#iconCellBroker{ display: none; } #imgs{float:left;} #cop{float:right;position:relative;bottom:13px;} .frame-edicoes{width:1px;min-width:100%;height:311em;padding:1.5%;border:none;} .frame-tryd{width:1px;min-width:100%;height:370em;padding:0;border:none;} .sessao-frame-tryd{background:#FFF;} .sessao-frame-tryd h2{font-size:2.2em;color:#33404c;text-shadow:1px 1px 2px #BAB7B7;padding:1% 0 1% 5%;margin:0;background-color:#E2E2E2;border-bottom:1px solid #BDBDBD;border-radius:2px 2px 0 0;box-shadow:0px 1px 2px #C3C3C3;} .sessao-frame-tryd p{margin:3%;} .show-menu{text-decoration:none;width:25px;height:25px;background:url('../img/menu-icon.png')7px 7px no-repeat;border-radius:3px;padding:20px;cursor:pointer;display:none;} .show-menu-secundario{text-decoration:none;text-align:center;color:#34404C;text-shadow:#626262;font-weight:bold;font-size:1.5em;width:30%;border-radius:3px 3px 0 0;padding:2%;cursor:pointer;display:none;margin:0 auto;background:rgba(134,134,134,1);box-shadow:0 0 20px #616161;} #download-gratis{float:right;margin:0;padding:2% 14%;} #download-gratis img{box-shadow:1px 1px 3px #8E8E8E;border-radius:10px;} .menu input[type=checkbox]{display:none;-webkit-appearance:none;} .menu-secundario input[type=checkbox]{display:none;-webkit-appearance:none;} form.formulario{margin-top:3%;border-radius:4px;} .formulario p{margin-left:8%;} .formulario label{font-size:1.5em;color:#33404c;display:block;height:57px;margin-left:5%;padding-top:0%;} .formulario label > span{float:left;margin-top:1px;width:102px;margin-right:15px;text-align:left;font-weight:bold;} label.error{font-size:1em;color:#e23131;padding:0;text-align:left;margin-left:15%;margin-top:0;height:auto;} .formulario input[type="text"], input[type="password"]{background-color:#fff;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s;display:inline-block;height:28px;padding:4px 6px;margin-bottom:0px;font-size:14px;line-height:20px;color:#555;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} div#box_profis{padding:10px;background:#f4f4f4;border-radius:3px;height:0px;z-index:999;overflow:auto;display:none;transition:.3s;display:none;width:95%;} div#box_profis h1{text-shadow:none;font-size:1.5em;} div#box_profis p{font-size:17px;font-family:MuseoSans, serif;margin-left:0;padding-left:0;} div#box_profis::-webkit-scrollbar-track{background-color:#F4F4F4;} div#box_profis::-webkit-scrollbar{width:6px;background:#F4F4F4;} div#box_profis::-webkit-scrollbar-thumb{background:#dad7d7;} .formulario input[type="text"]:focus, input[type="password"]:focus{border-color:rgba(82,168,236,0.8);outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);} .formulario select{background-color:#fff;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s;height:30px;padding:4px 6px;margin-bottom:0px;font-size:14px;line-height:20px;color:#555;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;margin-left:0;margin-right:0;} .formulario select:focus{border-color:rgba(82,168,236,0.8);outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);} .formulario textarea{background-color:#fff;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s;display:inline-block;height:28px;padding:4px 6px;margin-bottom:0px;font-size:14px;line-height:20px;color:#555;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .formulario textarea:focus{border-color:rgba(82,168,236,0.8);outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);} .confirmacao > label{text-align:center;margin-left:0;} .confirmacao label > span{width:100px;display:inline-block;float:none;} input[type=checkbox].css-checkbox{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0;} input[type=checkbox].css-checkbox.med:checked + label.css-label.med{background-position:0 -17px;} input[type=checkbox].css-checkbox.med + label.css-label.med{ height: 17px; display: inline-block; line-height: 17px; background-repeat: no-repeat; background-position: 0 0; font-size: 15px; vertical-align: middle; cursor: pointer; margin-top: 0%; margin-bottom: 3%; font-weight: bold; padding: 0px 0 0 22px;} .elegant{background-image:url("../img/elegant.png");} .formulario .envia-form{position:relative;float:right;margin-bottom:3%;margin-right:10%;font-size:1.3em;} .formulario .envia-form.contato{margin: 57px 3% 3% 0;} .left{float:left !important;margin-right:1% !important;} .formulario .limpa-form{float:right;font-size:1.3em;} #nome, #email{width:78%;} #ddd{width:10%;} #cpf, #senha_atual, #senha, #confirma{width:41%;} #telefone{width:25%;} #mensagem{width:97%;height:90px;resize:none;margin-right:11%;} #lbl-login-tryd{ position: relative; top: -9px; display: none; padding-top: 0%; height: 30px;} #loginTryd-error{margin-left:29%;position:absolute;} .btnsForm{float:right;margin:0% 5% 3% 0;width:112px;} #rede-social{position:relative;float:right;margin-right:1.5%;} #rede-social-sidebar{display:none;} #iconCellBroker, #iconStech{display:none;} .sessao-centro{float:none;width:80%;margin:0 auto;} .sessao-centro ul, ol{margin-left:7%;} .sessao-centro ul, ol li{font-size:1.5em;} .sessao-centro h3{margin-left:7%;color:#33404c;font-weight:bold;font-size:2.1em;} .tabela-de-preco{width:200px;font-size:11px !important;color:#33404c;margin:0 auto;padding-bottom:10px;text-align:center;font-weight:bold;} .grupo-botoes{width:100%;text-align:center;font-size:1.3em;} .grupo-botoes a{margin:1%;display:inline-block;width:130px;} #accordion{width:50%;float:left;margin:1%;} #accordion > div{display:block !important;} #accordion h3{font-size:1.5em;} #accordion button:hover{color:rgba(255,255,255,.84);} #accordion .formulario label{text-align:left;width:100%;margin-top:0%;padding:0;margin-left:2%;height:60px;} #accordion .formulario label > span{font-weight:normal;width:100%;} #accordion .formulario select{font-size:0.9em;} #accordion button.solucoes{margin:2% 2% !important;} #accordion .element-left{width:50%;float:left;} #accordion .element-left{min-width:230px;} #accordion .element-left label{width:100%;float:none;} #accordion .element-left p{font-size:1.5em;margin-left:0;} #accordion .ui-icon{background-image:none !important;} #perfil-cliente{padding:5px;border-radius:5px;display:none;width:90%;margin:0 auto;} #question:hover{cursor:pointer;} table.resumo-pedido{float:right;border:1px solid #DDD;border-radius:4px;background-color:#EEE;width:47%;margin:1.2% 1% 0 0;} table.resumo-pedido th, td{padding:3%;} table.resumo-pedido tr > td:first-child{text-align:left;width:150px;} table.resumo-pedido tr > td:last-child{text-align:right;} table.resumo-pedido th{font-size:1.4em;} table.resumo-pedido td{font-size:1.2em;} .ui-dialog{top:50px !important;} .ui-accordion .ui-accordion-icons{padding-left:10px !important;} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{border:1px solid #4384ed !important;color:#207ece !important;} .ui-state-active .ui-icon{background-image:url("../images/ui-icons_222222_256x240.png") !important;} .btnsFormContratar{float:right;margin:5% 2% 0 0;width:200px;text-align:center;} p.toogle{display:none;} h1#avl{ font-size: 2.8em; color: #34404C; text-shadow: 1px 1px 5px #626262; border-bottom: 1px solid #34404c; } div#semn{ display: block; width: 100%; margin-top: 20px; height: 80px; } div#semn div#sm{ width: calc(25% - 20px); margin-left: 10px; background: #efefef; margin-right: 10px; text-align: center; font-family: MuseoSans; font-size: 16px; display: inline-block; float: left; box-shadow: 0 0 7px rgba(0, 0, 0, .5); } div#semn div#sm.pp{ margin-left: 0; } div#semn div#sm.cc, div#semn div#sm.tr{ margin-left: 17px; } div#semn div#sm.ld{ margin-left: 16px; margin-right: 0px; } div#semn div#sm div#tlt{ text-transform: uppercase; padding: 5px; background: #575757; color: #D1D1D1; } div#semn div#sm div#tlt span.ind{ color: #a7a7a7; padding-left: 15px; } div#semn div#sm div#clc{ padding: 10px 5px; text-transform: uppercase; color: #333; } div#semn div#sm.att div#clc.fo{ background: #14d77d; color: #666464; } div#semn div#sm.att div#clc.fa{ background: #feb536; color: #666464; } div#absavl{ margin-top: 20px; display: block; } div#absavl div#tabs{ height: 43px; } div#absavl div#tabs div#sbd.atv{ background: #696969; color: #d1d1d1; border: 1px solid #696969; border-bottom: 0; } div#absavl div#tabs div#sbd{ display: inline-block; width: calc(20% - 5px); margin-right: 2.5px; margin-left: 2.5px; font-family: MuseoSans; text-transform: uppercase; font-size: 12px; float: left; border: 1px solid #a8a8a8; border-bottom: 0; padding: 12px 10px; background: #B6B6B6; border-top-left-radius: 2px; border-top-right-radius: 2px; color: #5a5a5a; cursor: pointer; } div#absavl div#tabs div#sbd.blk{ display: block !important; } div#absavl div#tabs div#sbd span.btnOp{ display: none !important; } div#absavl div#tabs div#sbd.atv span.btnOp{ font-family: ddg-serp-icons; text-transform: none; float: right; font-size: 18px; line-height: 18px; display: none; } div#absavl div#tabs div#sbd.atv span.btnOp.cls{ display: none !important; } div#absavl div#tabs div#sbd.atv span.btnOp.opn{ display: inline-block !important; } div#absavl div#tabs div#sbd span.btnCl{ display: none !important; } div#absavl div#tabs div#sbd.atv span.btnCl{ font-family: ddg-serp-icons; text-transform: none; float: right; font-size: 18px; line-height: 18px; display: none; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } div#absavl div#tabs div#sbd.atv span.btnCl.cls{ display: none !important; } div#absavl div#tabs div#sbd.atv span.btnCl.opn{ display: inline-block !important; } div#absavl div#cnt div#tb{ display: none; } div#absavl div#cnt div#tb.atv{ display: block; } div#absavl div#cnt iframe{ width: 100%; border: 0; height: 600px; } div#absavl div#cnt{ background: #fff; width: 100%; text-align: center; display: block; } div#absavl div#cnt div#cols{ height: 450px; background: #FFFFFF; } div#absavl div#cnt div#cols div#cl{ width: 33%; float: left; display: inline-block; } div#absavl div#cnt div#cols div#cl div#sb{ margin-top: 20px; height: 130px; font-family: MuseoSans; font-size: 13px; } div#absavl div#cnt div#cols div#cl div#sb div#tt{ color: #4caf50; font-weight: bold; padding-bottom: 5px; display: block; font-size: 16px; text-transform: uppercase; } div#absavl div#cnt div#cols div#cl div#sb div#ttt{ color: #D7D7D7; font-weight: bold; padding-bottom: 2px; display: block; font-size: 16px; text-transform: uppercase; } div#absavl div#cnt div#cols div#cl div#sb div#tnt.o{ color: #FD4555; font-weight: bold; padding-bottom: 5px; display: block; font-size: 16px; text-transform: uppercase; } div#absavl div#cnt div#cols div#cl div#sb div#tnt.t{ color: #FD4555; font-weight: bold; padding-bottom: 2px; display: block; font-size: 16px; text-transform: uppercase; } div#absavl div#cnt div#cols div#cl div#sb div#vl{ color: #525252; padding-bottom: 5px; display: block; font-size: 16px; text-transform: uppercase; } div#absavl div#cnt div#cols div#cl div#sb div#frs{ text-transform: uppercase; color: #2F2F2F; font-weight: bold; font-size: 20px; padding-top: 50px; text-shadow: 0 0 15px rgba(102, 102, 102, 0.6); } div#absavl div#cnt div#cols div#cl div#sb div#frss{ color: orange; text-transform: uppercase; font-size: 17px; padding-top: 5px; } div#absavl div#cnt div#cols div#cl div#sb div#mns{ text-transform: uppercase; font-size: 11px; color: #525252; } div#absavl div#tabs.opn{ height: 215px !important; } @media screen and (max-width:730px){ div#semn{ height: 360px !important; } div#semn div#sm{ width: 100% !important; margin-bottom: 15px !important; display: block !important; float: left !important; margin-left: 0 !important; margin-right: 0 !important; } div#absavl div#tabs div#sbd{ width: 100% !important; border-radius: 0 !important; height: auto !important; margin: 0 !important; display: none !important; } div#absavl div#tabs div#sbd.atv{ display: block !important; } div#absavl div#tabs div#sbd.atv span.btnOp{ display: inline-block !important; } div#absavl div#cl{ width: 50% !important; } div#absavl div#cl.twfs{ display: none !important; } div#absavl div#cnt div#cols{ height: 405px !important; } div#absavl div#cnt div#cols div#cl div#sb{ height: 115px !important; } } span.selects{width:72% !important;} @media screen and (min-width:761px){#lista-menu{display:block !important;} .header{height:120px !important;} #sidebar{display:none !important;} } @media screen and (max-width:1150px){footer div#content{width: 100%} } @media screen and (max-width:1065px){ footer{height: 58px;} footer div#cnt{ text-align: center; padding-top: 0; width: 350px; } footer div#cnt span{ display: block; margin-left: 0; } a#logoStech, a#logoCellBroker{ display: none; } a#iconCellBroker, a#iconStech{ display: inline-block !important; } } @media screen and (max-width:560px){ footer{ height: 53px; } footer div#cnt{ padding-top: 10px; width: 165px; } footer div#cnt span{ display: none; } } @media screen and (max-width:475px){ footer div#cnt{ padding-top: 0; width: 84px; } } @media screen and (max-width:760px){.menu{margin-top:3.9em;z-index:2;} #logo{min-width:65%;} #lista-menu{display:none;} span.line{display:none !important;} .menu ul{position:absolute;display:none;} .menu li{margin-bottom:1px;padding:10px;} .menu li:hover{border-bottom:none !important;} .menu ul li, li a{width:100%;} .show-menu{display:block;margin-left:90%;} .show-menu:hover{background-color:#BDBDBD;box-shadow:1px 1px 3px #BDBDBD;transition:background-color 0.3s;} #lista-menu{background:#dcdddf;text-align:center;width:164px;height:100%;border-radius:5px;box-shadow:1px 1px 3px #BDBDBD;position:absolute;right:0px;z-index:2;} #lista-menu li:hover{background:#C9C9C9;border-radius:2px;} .menu-secundario{margin:0;width:100%;float:none;} .show-menu-secundario{display:block;} #lista-menu-secundario{display:none;} .menu-secundario ul{position:relative;text-align:center;width:100%;margin:0 auto;background:transparent;box-shadow:none;border:none;} .menu-secundario li{padding:0.8% 2%;text-align:center;display:inline-block;border-bottom:none;transition:none;margin:0.3% 0;border-radius:2px !important;} .menu-secundario a{padding:1.6% 0 1.3% 0;border-radius:3px;display:inline;} .sub-sessao{width:100%;margin-top:2%;background:#f4f4f4;} .content h1{margin-left:0;} .sidebar.open{min-width:240px;width:240px;} .sidebar .sidebar-header{height:135px;} .sidebar .sidebar-image img{width:44px;height:44px;} } @media screen and (max-width:1110px){#bannerf{height:0 !important;display:none !important;} } @media screen and (max-width:635px){p.toogle{display:block;} #carousel{width:85% !important;height:auto !important;margin:0 7%} .button-container{float:none !important;margin:4% auto !important;} .sobre-tryd{float:none;width:100%;} .corretoras-homologadas{float:none;margin:0 auto;width:250px;} .caixa{width:100% !important;padding:0;} .coluna{width:295px;height:auto;margin:5% auto;float:none;} section.principal .sub-sessao h2{text-align:center;} #download-gratis{padding:2% 4%;} form.formulario{width:97%;} #iphoneCarousel{min-width:165px !important;} #accordion{float:none;width:98%;} #accordion .formulario label{float:none;margin:0 auto;text-align:center;padding:3% 0;height:50px;} #accordion .element-left{float:none;width:95%;margin:0 auto;} #accordion .formulario label > span{text-align:center;float:none;} .btnsFormContratar{float:none;margin:0 auto;} table.resumo-pedido{float:none;margin:2% auto;width:270px;} .frame-tryd{height:385em;} .politica-privacidade{float:none;width:100%;text-align:center;} } @media screen and (max-width:541px){.frame-tryd{height:400em;} } @media screen and (max-width:539px){.frame-tryd{height:415em;} .frame-edicoes{height:370em;} .ui-accordion .ui-accordion-content{padding:0 !important;} .sessao-frame-tryd h2{text-align:center;} .confirmacao > label{text-align:start;margin-left:9%;} div#boxCarousel{height:314px !important;} } @media screen and (max-width:1050px){div#boxCarousel{height:400px !important;} } @media screen and (max-width:950px){div#boxCarousel{height:360px !important;} } @media screen and (max-width:853px){div#boxCarousel{height:323px !important;} } @media screen and (max-width:775px){div#boxCarousel{height:293px !important;} } @media screen and (max-width:700px){div#boxCarousel{height:264px !important;} } @media screen and (max-width:635px){div#boxCarousel{height:365px !important;} } @media screen and (max-width:550px){div#boxCarousel{height:318px !important;} } @media screen and (max-width:500px){div#boxCarousel{height:289px !important;} } @media screen and (max-width:477px){div#boxCarousel{height:322px !important;} } @media screen and (max-width:456px){div#boxCarousel{height:309px !important;} } @media screen and (max-width:405px){div#boxCarousel{height:273px !important;} } @media screen and (max-width:378px){div#boxCarousel{height:254px !important;} } @media screen and (max-width:345px){div#boxCarousel{height:232px !important;} } @media screen and (max-width:634px){#cpf, #senha_atual, #senha, #confirma{width:99% !important;margin-top:2px;margin-bottom:3px;} #nome, #email{width:99% !important;margin-top:2px;margin-bottom:3px;} span.selects{display:block;width:99% !important;margin-top:2px;margin-bottom:3px;} span.selects select{width:32% !important;} span.selects select#mes{margin-left:1%;margin-right:1%;} span.spnSpanTelefone{width:98% !important;display:block;margin-bottom:3px;margin-top:2px;} #telefone{width:55%;} .ttelefone{width:46% !important;} #lbl-login-tryd{ top: -3px; height: 35px; } #ddd{width:22%;margin-right:1%;} } @media screen and (max-width:480px){#lbl-login-tryd{height: 30px;top: 3px;}} @media screen and (max-width:680px){span.selects{width:75%;} span.spnSpanTelefone{width:75%;} } @media screen and (max-width:456px){span.selects select#mes{margin-left:0% !important;margin-right:0% !important;} } @media screen and (max-width:479px){label.error{margin-left:0;} #loginTryd-error{margin-left:0;position:inherit;} .formulario label > span{width:100%;} #cpf , #nome, #email, #senha_atual, #senha, #confirma{width:99%;} #ddd{width:20%;} #telefone{width:68%;} #carousel{width:100% !important;margin:0 !important;} #lbl-login-tryd{height:70px;} .texto-centro{text-align:center;} .texto-cellbroker{float:none !important;width:90% !important;margin:0 auto !important;} #iphoneCarousel{float:none !important;margin:0 auto !important;} .carousel-iphone{margin-top:0 !important;top:13.5%;} .saiba-mais-cellbroker{float:none !important;height:50px;text-align:center;margin-top:5%;} .saiba-mais-cellbroker .solucoes{float:none !important;margin:0 !important;} #listaCellBroker{float:none;width:90%;margin:0 auto;} #rede-social{display:none;} #rede-social-sidebar{display:none;} #logoStech, #logoCellBroker{display:none;} #iconStech, #iconCellBroker{display:inline-block;} #cop{width:65px;} .grupo-botoes a{margin:3% auto;display:block;width:145px;} .frame-tryd{height:450em;} .menu-secundario a:hover{color:#4C606D;} .menu-secundario li:hover{background-image:linear-gradient(#e5e5e5, #DBDBDB);} input[type=checkbox].css-checkbox.med + label.css-label.med{margin-top:2%;margin-bottom:2%;} .android-ios{float:none !important;} } @media screen and (max-width:1245px){div#banner3{height:515px !important;} div#banner2{background-image:none !important;} div#banner3 div#contBanner{width:100% !important;} div#bannerf div#contBanner{width:100% !important;} div#banner2 div#contBanner{width:100% !important;} div#banner2 div#contBanner .caixa{width:100% !important;padding:0 !important;background-color: #303030;} .corpo #banner2 div#contBanner span.vids{ display: block; width: 204px; height: 46px; text-align: left; margin-bottom: 10px; } .corpo #banner2 div#contBanner span.vids i{ position: absolute; bottom: 59px; } a#downlTrydExen{display: none;} a#tabelaPreconn{border-right: 0 !important;} div#banner2 div#contBanner h1{margin-top:10px !important;width:100% !important;text-align:center !important;} div#banner2 div#contBanner p{margin:0;width:calc(100% - 50px);margin-left:25px;margin-top:10px;color: #7D7C7C; text-align: center;} .corpo #banner2 div#contBanner a.buttonBanner{padding: 12px 32px;} div#banner2 div#contBanner div#btnCenter{width:100%;text-align:center;position:relative;margin-top:10px;margin-bottom:10px;} div#banner2 div#contBanner div#btnCenter div#buttons{width: 206px;height:49px;} div#banner3 div#contBanner ul li{float:left !important;width:calc(100% - 30px) !important;padding-left:20px !important;margin-bottom:15px !important;} p.al{width:100% !important;} div#boxCarousel{width:100%;display:block;float:left;position:relative;height:auto;background-color:#303030;box-shadow:0 6px 10px rgba(0,0,0,.23),0 10px 30px rgba(0,0,0,.19);margin-bottom:40px;} div#boxCarousel #carousel{float:none;background:transparent;margin:0 auto;} } @media screen and (max-width:380px){.frame-tryd{height:470em;} .vantagens a{margin-left:3%;} } nav.menu-secundario div#conts{ margin-top: 15px; } nav.menu-secundario div#conts span{ display: block; font-family: MuseoSans; padding: 4px 0px; font-size: 12px; text-transform: uppercase; color: #565555; } nav.menu-secundario div#conts span i{ display: inline-block; height: 20px; width: 20px; background-size: 100%; background-repeat: no-repeat; position: relative; bottom: -5px; background-image: url(../img/phone.png); margin-right: 6px; } nav.menu-secundario div#conts span.wpp i{ background-image: url(../img/whatsapp.png); } .clearfix:before, .clearfix:after{content:" ";display:table;} .clearfix:after{clear:both;} .clearfix{*zoom:1;} #carousel{height:346px;width:55%;float:right;position:relative;margin-top:64px;} #iphoneCarousel{width:30%;height:370px;float:left;margin:0 0 0 3%;position:relative;} #iphone{width:100%;position:absolute;} #tela_principal{width:100%;position:absolute;z-index:5;} .carousel{width:97%;position:relative;left:1.4%;margin-top:1.4%;z-index:3;} .carousel ul{margin:0;padding:0;list-style:none;display:block;position:relative;} .carousel li{padding:0;display:block;float:left;} .carousel-iphone{width:83%;position:relative;left:9.3%;margin-top:28.4%;} .carousel-iphone ul{margin:0;padding:0;list-style:none;display:block;position:relative;transform: translate3d(-200px, 0px, 0px);} .carousel-iphone li{padding:0;display:block;float:left;width:199px !important;} .android-ios{float:right;width:100%;height:100%;font-size:1.3em;text-align:right;margin-right:4%;} .android-ios a{} .bx-viewport{height: 359px !important;} .button-container{width:260px;margin:25px 0 0 0;padding:15px 25px !important;box-shadow:1px 1px 6px rgb(70, 70, 70);border-radius:0px;float:left;display:block;background:#2ba5c9 url(../img/downloadImage.png) 90% 10px no-repeat!important;padding:0.6em;color:#fff;font-size:25px;text-decoration:none;position:relative;-webkit-transition:background 0.25s linear;-moz-transition:background 0.25s linear;transition:background 0.25s linear;} .h2-center{text-align:center;padding:0.8% !important;} .texto-grande{color:#1e4b72;font-size:1.4em;font-weight:bold;margin:0 auto;} .texto-medio{color:#1e4b72;font-size:1.3em;font-weight:bold;} .solucoes{float:right;font-size:1.3em;margin:2% 5% !important;} .texto-medio a{width: 49%; display: inline-block;font-family: MuseoSans;text-transform: uppercase;font-size: 11px;color: #4C4B4B;} .texto-medio a span{color: #0094AE;} .texto-medio a img{position: relative;margin-bottom: -12px;margin-left: 6px;margin-top: -6px;height: 30px;width: 30px;} .texto-medio a img#dwn{height: 23px;width: 23px;margin-bottom: -9px;} @font-face{font-family:'Material Design Iconic Font';src:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/53474/Material-Design-Iconic-Font.eot?v=1.0');src:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/53474/Material-Design-Iconic-Font.eot?#iefix&v=1.0') format('embedded-opentype'), url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/53474/Material-Design-Iconic-Font.woff?v=1.0') format('woff'), url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/53474/Material-Design-Iconic-Font.ttf?v=1.0') format('truetype'), url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/53474/Material-Design-Iconic-Font.svg?v=1.0#Material-Design-Iconic-Font') format('svg');font-weight:normal;font-style:normal; font-display: swap;} [class^="md-"], [class*=" md-"]{display:inline-block;font:normal normal normal 14px/1 'Material Design Iconic Font';font-size:inherit;speak:none;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} .md{line-height:inherit;vertical-align:bottom;} .md-inbox:before{content:"\f119";} .md-star:before{content:"\f119";} .md-send:before{content:"\f119";} .md-drafts:before{content:"\f119";} .md-arrow-back:before{content:"\f119";} .md-arrow-forward:before{content:"\f119";} .logo-tryd-menu-mobile{margin:9% 8%;} .menu-sidebar{position:absolute !important;width:100% !important;height:132px !important;margin:0 !important;z-index:1;cursor:default;} .menu-sidebar:hover{box-shadow:none !important;} .sidebar{position:relative;display:block;min-height:100%;overflow-y:auto;overflow-x:hidden;border:none;-webkit-transition:all 0.5s cubic-bezier(0.55, 0, 0.1, 1);-o-transition:all 0.5s cubic-bezier(0.55, 0, 0.1, 1);transition:all 0.5s cubic-bezier(0.55, 0, 0.1, 1);} .sidebar:before, .sidebar:after{content:" ";display:table;} .sidebar:after{clear:both;} .sidebar::-webkit-scrollbar-track{border-radius:2px;} .sidebar::-webkit-scrollbar{width:5px;background-color:#F7F7F7;} .sidebar::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3);background-color:#BFBFBF;} .sidebar .sidebar-header{position:relative;height:118px;margin-bottom:8px;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} .sidebar .sidebar-header.header-cover{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;} .sidebar .sidebar-header:hover .sidebar-toggle{opacity:1;} .sidebar .sidebar-toggle{position:relative;float:right;margin:16px;padding:0;background-image:none;border:none;height:40px;width:40px;font-size:20px;opacity:0.7;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} .sidebar .sidebar-toggle:before, .sidebar .sidebar-toggle:after{content:" ";display:table;} .sidebar .sidebar-toggle:after{clear:both;} .sidebar .icon-material-sidebar-arrow:before{content:"\e610";} .sidebar .sidebar-image img{width:54px;height:54px;margin:16px;border-radius:50%;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} .sidebar .sidebar-brand{position:absolute;bottom:0;left:0;right:0;display:block;height:48px;line-height:48px;padding:0;padding-left:16px;padding-right:56px;text-decoration:none;clear:both;font-weight:500;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} .sidebar .sidebar-brand:hover, .sidebar .sidebar-brand:focus{-webkit-box-shadow:none;box-shadow:none;outline:none;} .sidebar .sidebar-brand .caret{position:absolute;right:24px;top:24px;} .sidebar .sidebar-brand .sidebar-badge{position:absolute;right:16px;top:12px;} .sidebar .sidebar-brand:hover, .sidebar .sidebar-brand:focus{text-decoration:none;} .sidebar .sidebar-badge{display:inline-block;min-width:24px;height:24px;line-height:24px;padding:0 3px;font-size:10px;text-align:center;white-space:nowrap;vertical-align:baseline;} .sidebar .sidebar-badge.badge-circle{border-radius:50%;} .sidebar .sidebar-divider, .sidebar .sidebar-nav .divider{position:relative;display:block;height:1px;margin:8px 0;padding:0;overflow:hidden;} .sidebar .sidebar-text{display:block;height:48px;line-height:48px;padding:0;padding-left:16px;padding-right:56px;text-decoration:none;clear:both;font-weight:500;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} .sidebar .sidebar-text:hover, .sidebar .sidebar-text:focus{-webkit-box-shadow:none;box-shadow:none;outline:none;} .sidebar .sidebar-icon{display:inline-block;margin-right:16px;min-width:40px;width:40px;text-align:left;font-size:20px;} .sidebar .sidebar-icon:before, .sidebar .sidebar-icon:after{vertical-align:middle;} .sidebar .sidebar-nav{margin:0;padding:0;} .sidebar .sidebar-nav li{position:relative;list-style-type:none;font-size:1.5em;} .sidebar .sidebar-nav li a{position:relative;cursor:pointer;user-select:none;display:block;height:48px;line-height:48px;padding:0;padding-left:16px;padding-right:56px;text-decoration:none;clear:both;font-weight:500;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} .sidebar .sidebar-nav li a:hover, .sidebar .sidebar-nav li a:focus{-webkit-box-shadow:none;box-shadow:none;outline:none;} .sidebar .sidebar-nav li a .caret{position:absolute;right:24px;top:24px;} .sidebar .sidebar-nav li a .sidebar-badge{position:absolute;right:16px;top:12px;} .sidebar .sidebar-nav li a:hover{background:transparent;} .sidebar .sidebar-nav .dropdown-menu{position:relative;width:100%;margin:0;padding:0;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;} .sidebar-default{background-color:#ffffff;} .sidebar-default .sidebar-header{background:url("../img/bg_menu_mobile_4.jpg");} .sidebar-default .sidebar-toggle{color:#212121;background-color:transparent;} .sidebar-default .sidebar-brand{color:#757575;background-color:transparent;} .sidebar-default .sidebar-brand:hover, .sidebar-default .sidebar-brand:focus{color:#212121;background-color:rgba(0, 0, 0, 0.1);} .sidebar-default .sidebar-badge{color:#ffffff;background-color:#bdbdbd;} .sidebar-default .sidebar-divider, .sidebar-default .sidebar-nav .divider{background-color:#bdbdbd;} .sidebar-default .sidebar-text{color:#212121;} .sidebar-default .sidebar-nav li > a{color:#212121;background-color:transparent;} .sidebar-default .sidebar-nav li > a i{color:#757575;} .sidebar-default .sidebar-nav li:hover > a, .sidebar-default .sidebar-nav li > a:hover{color:#212121;background-color:#e0e0e0;} .sidebar-default .sidebar-nav li:hover > a i, .sidebar-default .sidebar-nav li > a:hover i{color:#757575;} .sidebar-default .sidebar-nav li:focus > a, .sidebar-default .sidebar-nav li > a:focus{color:#212121;background-color:transparent;} .sidebar-default .sidebar-nav li:focus > a i, .sidebar-default .sidebar-nav li > a:focus i{color:#757575;} .sidebar-default .sidebar-nav > .open > a, .sidebar-default .sidebar-nav > .open > a:hover, .sidebar-default .sidebar-nav > .open > a:focus{color:#212121;background-color:#e0e0e0;} .sidebar-default .sidebar-nav > .active > a, .sidebar-default .sidebar-nav > .active > a:hover, .sidebar-default .sidebar-nav > .active > a:focus{color:#212121;background-color:#e0e0e0;} .sidebar-default .sidebar-nav > .disabled > a, .sidebar-default .sidebar-nav > .disabled > a:hover, .sidebar-default .sidebar-nav > .disabled > a:focus{color:#e0e0e0;background-color:transparent;} .sidebar-default .sidebar-nav > .dropdown > .dropdown-menu{background-color:#e0e0e0;} .sidebar-default .sidebar-nav > .dropdown > .dropdown-menu > li > a:focus{background-color:#e0e0e0;color:#212121;} .sidebar-default .sidebar-nav > .dropdown > .dropdown-menu > li > a:hover{background-color:#cecece;color:#212121;} .sidebar-default .sidebar-nav > .dropdown > .dropdown-menu > .active > a, .sidebar-default .sidebar-nav > .dropdown > .dropdown-menu > .active > a:hover, .sidebar-default .sidebar-nav > .dropdown > .dropdown-menu > .active > a:focus{color:#212121;background-color:#e0e0e0;} .sidebar{width:0;-webkit-transform:translate3d(-280px, 0, 0);transform:translate3d(-280px, 0, 0);} .sidebar.open{min-width:280px;width:280px;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} .sidebar-fixed-left, .sidebar-fixed-right, .sidebar-stacked{position:fixed;top:0;bottom:0;z-index:1035;} .sidebar-stacked{left:0;} .sidebar-fixed-right{right:0;box-shadow:0px 2px 15px rgba(0, 0, 0, 0.35);-webkit-box-shadow:0px 2px 15px rgba(0, 0, 0, 0.35);-webkit-transform:translate3d(280px, 0, 0);transform:translate3d(280px, 0, 0);} .sidebar-fixed-right.open{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} .sidebar-fixed-right .icon-material-sidebar-arrow:before{content:"\e614";} .sidebar-overlay{visibility:hidden;position:fixed;top:0;left:0;right:0;bottom:0;opacity:0;background:#000;z-index:10;-webkit-transition:visibility 0 linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition:visibility 0 linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition:visibility 0 linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);} .sidebar-overlay.active{opacity:0.5;visibility:visible;-webkit-transition-delay:0;-moz-transition-delay:0;transition-delay:0;} .texto-cellbroker{float:right;width:50.85%;height:auto;margin:0 4%;} .img-produtos{width:96%;margin:0 2%;box-shadow:2px 2px 7px #5A5A5A;} #rede-social-sidebar{background-color:#ECEFF1;padding:2%;padding-left:124px;} .btnsForm-confirmacao{margin:8% 0 8% 0;width:100%;display:inline-block;text-align:center;} .formulario .envia-form-confirmacao{position:relative;margin-bottom:3%;font-size:1.3em;margin-right:1%} .formulario .limpa-form-confirmacao{font-size:1.3em;} .mensagem-confirmacao{color:#33404c;font-size:1.4em;text-align:center;padding:15px 0 0 0;margin:0 auto;width:80%;} @media screen and (min-width:7000px){div#banner2{height:479px !important;} } form p{margin-bottom:10px;text-align:left;} form p:last-child{margin-bottom:0;} [type="radio"]:not(:checked), [type="radio"]:checked{position:absolute;left:-9999px;visibility:hidden;} [type="radio"]{} [type="radio"] + label{position:relative;padding-left:35px;cursor:pointer;display:inline-block;height:25px;line-height:25px;font-size:1rem;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;} [type="radio"] + label:before{content:'';position:absolute;top:0;left:0;width:18px;height:18px;z-index:0;border:2px solid #5a5a5a;border-radius:1px;margin-top:2px;-webkit-transition:0.2s;-moz-transition:0.2s;-o-transition:0.2s;-ms-transition:0.2s;transition:0.2s;} [type="radio"]:not(:checked):disabled + label:before{border:none;background-color:rgba(0, 0, 0, 0.26);} [type="radio"]:checked + label:before{top:-4px;left:-3px;width:12px;height:22px;border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid #26a69a;border-bottom:2px solid #26a69a;-webkit-transform:rotate(40deg);-moz-transform:rotate(40deg);-ms-transform:rotate(40deg);-o-transform:rotate(40deg);transform:rotate(40deg);-webkit-backface-visibility:hidden;-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-o-transform-origin:100% 100%;transform-origin:100% 100%;} [type="radio"]:checked:disabled + label:before{border-right:2px solid rgba(0, 0, 0, 0.26);border-bottom:2px solid rgba(0, 0, 0, 0.26);} [type="radio"]:indeterminate + label:before{left:-10px;top:-11px;width:10px;height:22px;border-top:none;border-left:none;border-right:2px solid #26a69a;border-bottom:none;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);-webkit-backface-visibility:hidden;-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-o-transform-origin:100% 100%;transform-origin:100% 100%;} [type="radio"]:indeterminate:disabled + label:before{border-right:2px solid rgba(0, 0, 0, 0.26);background-color:transparent;} [type="radio"].filled-in + label:after{border-radius:100%;} [type="radio"].filled-in + label:before, [type="radio"].filled-in + label:after{content:'';left:0;position:absolute;transition:border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;z-index:1;} [type="radio"].filled-in:not(:checked) + label:before{width:0;height:0;border:3px solid transparent;left:6px;top:10px;-webkit-transform:rotateZ(37deg);transform:rotateZ(37deg);-webkit-transform-origin:20% 40%;transform-origin:100% 100%;} [type="radio"].filled-in:not(:checked) + label:after{height:20px;width:20px;background-color:transparent;border:2px solid #989898;top:0px;z-index:0;} label#two{margin-left:37px;} label#twoo{margin-left:78px;} [type="radio"].filled-in:checked + label:before{top:1px;left:3px;width:6px;height:11px;border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotateZ(37deg);transform:rotateZ(37deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;} [type="radio"].filled-in:checked + label:after{top:0px;width:20px;height:20px;border:2px solid #26a69a;background-color:#26a69a;z-index:0;} [type="radio"].filled-in:disabled:not(:checked) + label:before{background-color:transparent;border:2px solid transparent;} [type="radio"].filled-in:disabled:not(:checked) + label:after{border-color:transparent;background-color:#BDBDBD;} [type="radio"].filled-in:disabled:checked + label:before{background-color:transparent;} [type="radio"].filled-in:disabled:checked + label:after{background-color:#BDBDBD;border-color:#BDBDBD;} .switch label input[type=radio]{opacity:0;width:0;height:0;} .switch label input[type=radio]:checked + .lever{background-color:#84c7c1;} .switch label input[type=radio]:checked + .lever:after{background-color:#26a69a;} input[type=radio]:checked:not(:disabled) ~ .lever:active:after{box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 166, 154, 0.1);} input[type=radio]:not(:disabled) ~ .lever:active:after{box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08);} .switch label input[type=radio]:checked + .lever:after{left:24px;} .switch input[type=radio][disabled] + .lever{cursor:default;} .switch label input[type=radio][disabled] + .lever:after, .switch label input[type=radio][disabled]:checked + .lever:after{background-color:#BDBDBD;} input[type="radio"], input[type="radio"]{box-sizing:border-box;padding:0;} label circle{position:absolute;margin-top:0px;margin-left:-7px;} div#req-mbox{ margin: 20px; } div#req-mbox div#mn{ padding: 10px; background: #f9f9f9; border: 1px solid #ccc; border-radius: 2px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.12); } div#req-mbox div#mn span.re{ display: block; font-family: RobotoDraft,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 1.7em; padding-bottom: 2px; color: #33404c; } div#req-mbox div#mn span.re i{ font-style: normal; } div#req-mbox div#mn span.re i u{ display: inline-block; text-decoration: none; height: 4px; width: 4px; background: #676767; box-shadow: 0 0 5px rgba(0, 0, 0, 0.16); color: transparent; border-radius: 100%; margin-right: 8px; position: relative; bottom: -9px; } div#req-mbox div#mn span.re a{ color: #FF5722; display: inline-block; padding-left: 10px; } div#req-mbox div#pbox{ display: block; height: 240px; text-align: center; margin: 20px auto; width: auto; border: 1px solid #ccc; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; box-shadow: 0 0 6px rgba(0, 0, 0, 0.12); border-radius: 2px; } div#req-mbox div#pbox div#box{ width: calc(100% / 3); height: 100%; float: left; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } div#req-mbox div#pbox div#box span.title{ display: block; padding: 10px; border-bottom: 1px solid #ccc; font-family: RobotoDraft,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif; text-transform: uppercase; font-size: 12px; color: #fff; background: #989898; } div#req-mbox div#pbox div#box span.tx{ display: block; text-align: left; padding-left: 10px; padding-top: 3px; font-family: RobotoDraft,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 13px; color: #6f6f6f; } div#req-mbox div#pbox div#box span.tx u{ display: inline-block; text-decoration: none; height: 4px; width: 4px; background: #676767; box-shadow: 0 0 5px rgba(0, 0, 0, 0.16); color: transparent; border-radius: 100%; margin-right: 8px; position: relative; bottom: -9px; } div#req-mbox div#pbox div#box div#mini{ margin-top: 3px; } div#req-mbox div#pbox div#box div#mini span.txt{ text-align: left; display: block; padding-left: 22px; font-family: MuseoSans; font-size: 10px; color: #737373; } div#req-mbox div#mb{ padding: 10px; background: #f9f9f9; border: 1px solid #ccc; border-radius: 2px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.12); } div#req-mbox div#mb span.imp{ display: block; font-family: MuseoSans; font-size: 20px; color: #F44336; text-transform: uppercase; text-shadow: 0 0 5px rgba(0, 0, 0, .1); } div#req-mbox div#mb span.tx{ display: block; padding: 4px; font-family: RobotoDraft,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 1.7em; color: #33404c; } @media screen and (max-width:1080px){ div#req-mbox div#pbox{ height: 260px; } } @media screen and (max-width: 1010px){ div#req-mbox div#pbox{ height: 260px; } } @media screen and (max-width: 930px){ div#req-mbox div#pbox{ height: 300px; } } @media screen and (max-width:890px){ div#req-mbox div#pbox{ height: 220px; } } @media screen and (max-width:890px){ div#req-mbox div#mn span.re{ padding-bottom: 8px; } div#req-mbox div#mn span.re a{ display: none; } div#req-mbox div#mb span.tx{ padding: 8px 4px; } div#req-mbox div#pbox{ height: 719px; border: 0; box-shadow: none; } div#req-mbox div#pbox div#box{ width: 100%; float: none; height: 231px; margin: 10px 0; box-shadow: 0 0 6px rgba(0, 0, 0, 0.12); border: 2px solid #ccc; border-radius: 2px; } div#req-mbox div#pbox div#box.puser{ height: 240px; } }