/* B2B AutoAvaliar ~ version: avv08072025 @generated on 'Aug 02, 2025 - 15:22' */  @import url("/assets/fonts/CooperHewitt/fonts.css");  body , body *, button, input { font-family: "CooperHewitt", Roboto, Helvetica, sans-serif;} .aa--primary, .aa--primary-h:hover{background-color:#009775 !important;} .aa--primary-c, .aa--primary-c-h:hover{color:#009775 !important;} .aa--accent, .aa--accent-h:hover{background-color:#3a332d !important;} .aa--accent-c, .aa--accent-c-h:hover{color:#3a332d !important;}html * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body{margin:0;background:#fafafa;padding:150px 0 0 0; min-width:320px;box-sizing: border-box;min-height: calc(100vh - 150px);} header, article, section, nav{display: block;} body, button, input{font-family: "Roboto", Helvetica, sans-serif;} .wrapper{display: block; margin: 0 auto; max-width:1920px; width: 96%; box-sizing: border-box;} ul, li{margin:0;padding: 0;list-style: none;} a{text-decoration:none;color: #000;cursor: default;} a[href] { cursor: pointer; } a.hdu:hover{text-decoration: underline;} .pointer{cursor: pointer;} p{font-size: 12px;margin: 10px 0;} a img{border:none;} img{font-size: 5px;} /* Buttons */ button, .button{position: relative;display: inline-block; border: none; text-transform: uppercase; border-radius: 2px; transition:all 140ms ease; padding:10px 16px; cursor: pointer; outline:none; font-size: 14px;text-align: center;/*margin: 0 2px;*/box-sizing: border-box; box-shadow: 0 2px 2px rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.1), inset 0 0 0 rgba(0,0,0,0); line-height: 10px;font-weight: bold; color: #222; vertical-align: middle;} button:hover, .button:hover, button.active, .button.active{box-shadow:0 2px 2px rgba(0,0,0,.1), 0 2px 2px 0 rgba(0,0,0,.1), inset 0 0 300px rgba(0,0,0,.07);} button:active, .button:active, button:focus, .button:focus{box-shadow:0 4px 6px rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12), inset 0 0 300px rgba(0,0,0,.12);} button i.fa, .button i.fa{font-size: 1.1em; vertical-align: baseline; margin-right: 5px;} .button.button-flat, button.button-flat{ background: none;box-shadow:none; color: #222 !important;} button.button-flat:hover, .button.button-flat:hover, .button.button-flat.active, button.button-flat.active{box-shadow: inset 0 0 300px rgba(0,0,0,.1); background: none;} button.white, .button.white{ background: #fcfcfc; color: #666; box-shadow: 0 2px 2px rgba(0,0,0,.1), 0 2px 2px 0 rgba(0,0,0,.1) !important; } button.white:hover, button.white:focus, button.white:active, .button.white:hover, .button.white:focus, .button.white:active{ background: #FFF; color: #000; } button.button-flat:active, button.button-flat:focus, .button.button-flat:active, .button.button-flat:focus{box-shadow: inset 0 0 300px rgba(0,0,0,.2); background: none;} button.min, .button.min{ padding:5px; font-size: 12px;} button.wide, .button.wide{ width: 100%;padding: 10px 0;} button.large, .button.large{ padding:15px 0; max-width: 100%;} .button.fab, button.fab{padding: 11px 10px;width: 36px !important;height: 36px;border-radius: 50px;min-width: 0;text-align: center;} .button.fab .fa, button.fab .fa{font-size: 14px;vertical-align: middle;margin: 0; text-indent: 0;} .button.fab.min, button.fab.min { padding: 5px; height: 24px; width: 24px !important; } .button-outline, .button-outline:focus, .button-outline:active {background:none !important; border: 2px solid; box-shadow: none !important;color: #000;} .button-outline:hover { background: #000; color: #FFF;} .button-outline.white { color: #FFF;} .button-outline.white:hover { background: rgba(255,255,255,.3);} .button.btn-icon i, button.btn-icon i{display: block !important;} .label {font-weight: 600;letter-spacing: 1px; border-radius: 3px;font-size: 12px;text-transform: uppercase;} .btn-cancel {padding: 15px !important; margin-top: 10px !important; } /* Inputs */ input[type=text], input[type=email], input[type=password], input[type=number], input[type=tel], textarea, select{display: block;width: 100%;font-size: 13px;padding: 0 5px 0 0;height:30px;margin:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border:none;border-bottom:1px solid #DDD;background: none;border-radius: 0;} input[type=text]:focus,input[type=password]:focus, input[type=number]:focus, input[type=tel]:focus, textarea:focus, select:focus{outline: none;border-bottom-width: 2px; padding-top: 1px;} select option{ padding: 5px;} select.smaller{font-size: 11px; height: 20px;} input.clean, input.clean:focus, input.clean:hover{border:none;color:#666;vertical-align:middle;box-shadow:none; padding: 0;} textarea{resize:vertical;min-height: 50px;} .disabled, [disabled]{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6;} .disabled:hover, [disabled]:hover{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-opacity:.9; opacity:.9;} input[type=text].large, input[type=password].large, input[type=number].large{ font-size: 20px; height: 36px;} input.input-loader{ background: url(/assets/img/min-loader.gif) center right no-repeat;} .input-prefix input.input-loader{ background-position: 48px center;} input[type=file]{display: block;width: 100%;box-sizing: border-box;height: 30px;padding: 10px 0 5px;} input.input--full-large, .input-prefix input.input--full-large{font-size: 32px;height: 48px;} input[type=text], input[type=password], input[type=number], textarea, select{border-color:#AAA;} input[type=text].input-tile{width: 32px;display: inline-block;} input[type=text].input-tile.large-tile{width: 48px;height: 60px;} .center{text-align: center;} .left{text-align: left} .right{text-align: right;} .justify{text-align: justify;} .il{ display: inline;} .ib{ display: inline-block;} .bl{ display: block;} .uc{text-transform: uppercase;} .lc{text-transform: lowercase;} .bold{ font-weight: bolder;} .fr{float: right;} .fl{float: left;} .wide{ width: 100%;} .hidden{display: none !important;} /* with !important */ .hide {display: none;} /* without !important */ iframe{display: block;width: 100%;border: none;} hr{display: block;border: 0 solid #DEDEDE;border-top-width: 1px; height: 0;margin: 15px 0;} .word-break { word-break: break-all; } .transition, .transition-all, .transition-all *, button, .button{-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;} /* Grid */ .row, .clearfix{display:block;position: relative;} .row, .clearfix{*zoom:1;} .row:before, .row:after, .clearfix:before, .clearfix:after{display:table;line-height:0;content:"";} .row:after, .clearfix:after{clear:both;} .row > .col1, .row > .col2, .row > .col2-1, .row > .col2-2, .row > .col2-3, .row > .col3, .row > .col3-1, .row > .col3-2, .row > .col4, .row > .col4-1, .row > .col5, .row > .col5-1{display: block; min-height: 1px;float: left; box-sizing: border-box;} .row > .col1{width: 100%;} .row > .col2{width: 50%;} .row > .col2-1{width: 40%;} .row > .col2-2{width: 60%;} .row > .col3{width: 33.333%;} .row > .col3-1{width: 30%;} .row > .col3-2{width: 70%;} .row > .col4{width: 25%;} .row > .col4-1{width: 75%;} .row > .col5{width: 20%;} .row > .col5-1{width: 80%;} .row > .inverse{float: right !important;} .input-group-txt-left { position: absolute; margin: 1% 0 0 3%;} .input-group-into { padding: 1.5% 40% 1.5% 14% !important; } .input-group-txt-right { position: relative;top: -14px;margin: 0.2% 3% 0 0;float: right; } /* * * Styles * */ /* HEADER */ header {position:fixed;display: block; z-index:9999;width:100%; top:0;left: 0;box-shadow: 0 8px 20px -5px rgba(0,0,0,.15);} header, header.default-header:before, header.default-header:after {background: #009775; background: linear-gradient(to right, #009775, #3a332d);} header.default-header {position: relative !important;background: none;box-shadow: none; margin-top: -150px !important;padding: 12px 0;margin-bottom: 24px; } header.default-header:before, header.default-header:after {content: ''; position: absolute; width: 100%;display: block;height: 170px;border-radius: 0 0 100% 100%;top: 0;z-index: -1;} header.default-header:after {top: 15px;opacity: .3;} header.default-header img { width: 40%; max-width: 250px; } header .header-logo, header .header-logo img { transition: all .2s; } header .header-logo{position: relative;top: 0;left: 0;display: block;height: 70px;padding-top: 10px;} header .header-logo img{display: block;height: 100%;width: auto;} header .header-logo img.h-logo--br {display: inline-block;height: 100%;max-width: 200px;object-fit: contain;width: 100%;} header .header-logo img.h-logo--autoaction {display: inline-block;height: 100%;max-width: 200px;object-fit: contain;width: 100%;} @media all and (max-width: 720px) { header .header-logo img.h-logo--br { margin: 0 45px; } } @media all and (max-width: 720px) { header .header-logo img.h-logo--autoaction { margin: 0 45px; } } header .user {text-align: right; padding: 10px 0 0;} header .user a.user-action {display: block;padding:5px 0;color: #999;font-size: 12px;} header .user a.user-action:hover{text-decoration: underline;color: #CCC;} header .user i {font-size: 1.2em;vertical-align: -5%;margin-right: 6px;} header .user .profile-picture{display: block;float: left; width: 50px;height: 50px;border:none;margin-right: 10px;} header .user .name{display: block; font-size: 14px;margin:12px 0 0;} header .user .user-type{display: block;font-size: 10px;color: #666;text-transform: uppercase;letter-spacing: 2px;} #aa-app-main header > .wrapper{min-height: 90px;} .header-search{ position: relative; height: 50px; } .header-search form{margin: 0; position: relative; } .header-search input{position: relative; display: block;background: #FFF;height: 40px;margin: 7px 0 5px;border-color:#DDD;width: 100%;padding-left: 15px;border-radius: 0;z-index: 11;} @media all and (min-width: 1000px) { .header-search input { box-shadow: 0 8px 30px -5px rgba(0,0,0,.3); } } .header-search button{width: 100px;padding: 0 0 0 4px; position: absolute; top: 0; right: 0; height: 100%; margin: 0;min-width: initial;background:transparent;box-shadow: none;color: #fff; border-radius: 0; border-top-right-radius: 30px; border-bottom-right-radius: 30px; z-index: 12 } .header-search button span{font-size:10px;vertical-align: 1px;} .header-search input:focus + button{background: #CCC;color: #000;} .header-search button i{line-height: 35px !important;color: #222;margin: 0 4px 0 10px;} .header-search .search-icon{ position: absolute;top: 20px;left:12px;color: #CCC;font-size:16px; } .result-count{margin-top: -24px;} @media all and (min-width: 1025px) { .header-search form{ transition: all .2s ease;} header.on .header-search form{ bottom: -25px; } .header-search input, .header-search #hsearch input:focus{ height: 60px; border-radius: 30px; transition: height .1s ease; } header.on .header-search input{ height: 45px; } } header.on {/* js */} /*header.on nav ul.menu { padding-bottom: 16px; }*/ header.on nav ul.menu > li a{font-size: 12px;} .search-autocomplete{display: block;position: absolute;top: 100%;right: 0;width: 400px;padding-top: 5px;z-index: 10;} .search-autocomplete .content-result{min-height: 10px;} .search-autocomplete:before, .search-autocomplete:after{content: '';position: absolute;right: 30px;top: -5px;width: 0;height: 0;border: 17px solid transparent;border-top: 0;border-bottom-color: #FFF;} .search-autocomplete:before{top: -6px;border-bottom-color: #ccc;} .search-autocomplete > .aa-card{border-top: 1px solid #DDD;} .search-autocomplete .result-list li a{display: block;text-decoration: none;text-transform: uppercase; padding: 10px;font-size: 13px;font-weight: bold;} .search-autocomplete .result-list li a:hover{background: #f0f0f0;} .search-autocomplete hr{margin: 5px 0;} .search-autocomplete .item{position: relative;overflow: hidden;width: 29.333%;float: right;box-sizing: border-box;margin:3px 2% 3px;text-align: center;padding-bottom: 5px;border-radius: 5px;} .search-autocomplete .item:hover{ box-shadow: 0 2px 10px -3px rgba(0,0,0,.3);} .search-autocomplete .name{display: block;text-transform: uppercase;font-size: 10px;padding-top: 5px;} .search-autocomplete .name small{margin-top: 3px;opacity: .6;font-size: .8em; } .search-autocomplete .name small, .search-autocomplete .name span{display: block; overflow: hidden; height: 9px;} .search-autocomplete .photo{display: block;position: relative;overflow: hidden;height: 80px; border-radius: 8px;} .search-autocomplete .currency{font-weight: bold;font-size: 12px;padding-top: 3px;} .search-autocomplete .corner-icon{position: absolute;right: 0; top: 0; z-index: 10;width: 40px;height: 40px;border-radius:50%; background: #FFF;text-align: center;} .search-autocomplete .icon-close{opacity: .4;transform: scale(0.5);} .search-autocomplete .icon-close:hover{opacity:1;} .search-autocomplete ul.result-list .arrow{display: none;} .search-autocomplete ul.result-list a:hover .arrow{display: block;} .search-autocomplete .logo{position: relative;width: 70px;vertical-align: middle;margin: -8px 10px -8px -8px;} .search-autocomplete:not(.hidden){box-shadow: -600px 100px 0 1000px rgba(0,0,0,.75);background: rgba(0,0,0,.75);} .search-autocomplete .quote{font-weight: lighter;opacity: .7;font-style: italic;} /* Mobile Menu */ header .mobile{position: absolute;display: none;padding:18px 5px 18px 12px;width: 24px;height:20px;cursor: pointer;top: 0;z-index: 998;right: 10px;} header .mobile .menu-icon, header .mobile .menu-icon:after, header .mobile .menu-icon:before{position: absolute;display: block;content: '';top: 12px;background:#FFF;width: 24px;height: 2px;} header .mobile .menu-icon{position: relative; top: 8px;} header .mobile .menu-icon:after{ top: 8px;} header .mobile .menu-icon:before{ top: -8px;} /* Nav */ nav {position: relative;width: 100%;z-index: 12;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} nav ul.menu{display: block;position: relative;padding-bottom: 8px;} nav ul.menu > li{position: relative;display: block;float: left;} nav ul.menu > li a{position: relative;display: block;padding: 18px 10px 12px; font-size: 12px;color: #EEE;height: 16px;line-height:17px;text-transform: uppercase;} nav ul.menu > li a i{margin-right: 5px; } /*nav ul.menu > li a:hover{color: #FFBF43; border-bottom-color: transparent;}*/ nav ul.menu > li a:after{ position: absolute; display: block;bottom: 0; right: 50%; margin: 0 auto; height: 2px; content: ''; width: 0; background: #FFF; transition: all .2s;} nav ul.menu > li a:hover:after{ width: 100%; right: 0;} @media screen and (min-width: 720px) { nav ul.menu > li .header_menu-submenu { display: none; background: #242424;position: absolute; top: 90%; left: 0; min-width: 120px; border-radius:6px; opacity: .6; transition all .2s ease; padding: 6px; } nav ul.menu > li:hover .header_menu-submenu { display: block; top: 100%; opacity: 1; } } .count-badge{position: absolute;display: block;padding: 1px 3px;background: #F00;text-align: center;line-height: 11px;font-size: 9px;font-weight: bold;top:2px;right: 5px;border-radius: 6px;text-shadow: 0 1px #000;color: #FFF;} /* FOOTER */ footer{position: relative;display:block;bottom: 0;left: 0; z-index: 9998;font-size:13px;color:#666;padding: 10px 0; margin-top: 20px;} /*footer.default-footer:before {position: absolute;left: 0;top: -40px;height: 40px;width: 100%;content: '';background: #DDD;z-index: -1;border-radius: 0 100% 0 0;transform: rotate(180deg);}*/ footer.default-footer > .wrapper{position: relative;border-top: 2px solid #e3e3e3; padding: 20px 0;} footer.default-footer > .wrapper:before, footer.default-footer > .wrapper:after{position: absolute;content: '';} footer.default-footer > .wrapper:before{width: 2px;height: 2px;border-radius: 50%;left: -3px;top: -4px;background: #FFF;border: 2px solid #e3e3e3;} footer.default-footer > .wrapper:after{width: 70px;height: 40px; right: 0;top: -24px;background: #fafafa url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAdCAQAAAC9btI7AAACrklEQVR42s2WXUgUURiGT+6G9EeZYkhBRiUlFZZEkUZaJlkZFpQQRFJBRmhQ1vYDsboqhhFWFEiEWpRBGYZiWiZruJD1SGmr609JF2IR1UU30ZUxx9lt153Bn6Sd817M952Zb+aZmfOec4QYQ2M+LTipY5YIfOMG6UJwntNGgLlPrBDsw2YEmGQ+UkwPy4wAY6GMZlYbAWUen5iLnUgjwNwiWwg3DNEcYHGgUGLoxOyGIYW3nKOLNeO6xyIWTA6MnRT1qMDcU0YOqVweU+3a4ZkJG78oYva/ouzhqQdKgSnmqLz5yTHUmvhBghpvx8k3spg6cZRgelnuA2OhnX6qma5bMwcrDdix08RtkklQtZlCyrGRyKYJWQEL17x+VyRR9BNGAQd1K8xUYuU7Q6Oog7QJWFqNg3hFNK3sFIIM8nVrtmIlh9846NPB+ICDn+xnBxfGbWkZhQAOBqiSWRyPdGtOMMQXrEAjJRooV3nOa2wM0McgieO0tIyPc0b2PJFZGO26VacYIpdGTKznLoMjUL5SRjwmnpEn84yR5TPJ5iIL9Swt4yxyvGBWMkgnhZowETSQqVxHFFXU8M5HdVQq6xuPOSbzXZ6RFs8KJajFyiFczNC2tPqb2qihlw0yayYWMzVs1P0+l2ihjRiNM6tow8EVn74gmrjDC2yC97KjdPhB/pb2FCxhmho7CRaCXGop99NNSqSuq0d/FZCP1UelPJCzUreglSSi6CJc29Iab3eWevJwkeqZQxRtIW0U7SVDUxZeYiIUp2ApD3FxRNvSOjhxpBM6ietfPi662T2cZHrv4f5a+j8ux2amuMNwnFqWDtRGod69j/O2dKBgDlPkb+lAwYTgIol1Iy0dGBgzn6ngDQ4j7HPjqJBIXUaAiaYJMxF0CCM08ujBxbZAMvwBZsZmuOR+G+YAAAAASUVORK5CYII=') no-repeat center;background-size: 70px auto;} footer p {margin: 3px 0;} footer img{vertical-align: middle;} footer .to-top {position: absolute;display: block;cursor: pointer;text-align: center;font-size: 24px;bottom: 0; left: 50%; transform: translate(-50%, 0); width: 50px;height: 50px;background: #DDD;border-radius: 12px;color: #333;} footer .to-top .fa{padding-top: 12px;} footer .to-top:hover {background: #222; color: #FFF; } footer .to-top:hover .fa { padding-top: 8px; } @media screen and (max-width: 720px) { footer.default-footer {padding: 0 20px 50px; margin-top: 40px; text-align: center;} footer .to-top {transform: translate(-50%, 40px);} footer.default-footer .fr, footer.default-footer .fl {float: none;} } /* Vehicle List*/ .vehicle-wrapper{display: block; width: 25%;float: left;} .vehicle{position: relative;display: block;margin: 5px 8px 10px;background-color: #FFF;box-shadow: 0 1px 4px rgba(0,0,0,.1);border-radius: 12px;} /*.vehicle .header, .vehicle .info{position: relative;}*/ .vehicle .figure{position: relative;background: url('/assets/img/min-loader.gif') no-repeat center;height: 140px;border-bottom: 3px solid #999;overflow: hidden;z-index: 1; max-height:100%; border-radius: 12px 12px 0 0;} .vehicles-list .vehicle .figure { border-radius: 4px; } .vehicle .figure .chips-container {position: absolute; bottom: 15px; left: 5px;z-index: 1;} .vehicle .figure .chips-container .chips {text-transform: lowercase; font-weight: bold; font-size: 9px;padding: 2px 7px !important;} /*.vehicle .figure:after{ position: absolute; width: 100%; height: 20px; content: ''; top: 0; right: 0; background: linear-gradient(to bottom, rgba(0,0,0,.65),rgba(0,0,0,0));}*/ .vehicle .figure img{position: relative;display: block;width: 100%;opacity: 0; transition: all .5s ease;} .wk-moz .vehicle .figure img{height: 100%; object-fit: cover;} .vehicle .figure .owl-controls{ bottom: 25px; position: absolute; width: 100%; margin-top: 0;} .vehicle img.thumb{display: block;width:100%;height:auto;position: relative;z-index: 2;} .vehicle:hover .figure > img{-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);} .vehicle .title h3{position: relative;display: block;font-size: 12px; text-transform: uppercase;height: 36px;overflow: hidden;line-height: 17px; font-weight: normal;z-index: 2;text-align: left;} .vehicle .title h3 strong{color: #000;font-size: 1.3em;} .vehicles-grid h3{ max-width: 140px; overflow: hidden; } .vehicles-grid h3 br{display: block !important;} .vehicle .title .version{display: block;font-size: 11px;text-transform: uppercase;height: 12px;line-height: 12px;overflow: hidden; margin-top:3px} .vehicles-grid .title{min-height: 48px;} .vehicles-grid .title .version{width: 100%;opacity: .7;} .vehicle .basics .item{display: block; font-size: 10px;font-weight: bold;width: 50%;float: left;text-transform: uppercase;} .vehicles-grid .vehicle .basics .item{height: 12px;overflow: hidden;padding-top: 3px;text-align: left; text-overflow: ellipsis; white-space: nowrap; } .vehicles-grid .vehicle .basics .item.plate{display: block !important;} .vehicle .basics i.fa, .vehicle .basics i.aa-icon{font-size: 12px;margin-right: 3px;width: 15px;vertical-align: text-top;display: inline-block;opacity: .3;text-align: center;} .vehicle .basics span, .vehicle .basics .lst{display: none;} .vehicle .basics{padding: 5px 0;font-size:9px;text-align:center; border-top:1px solid #f0f0f0; color: #666;} .vehicles-grid .vehicle .basics{font-size:9px;padding-left: 10px;} .vehicles-grid .vehicle .more-than-one{height: 20px;padding: 15px 0 5px;font-size:11px;} .vehicle .time span, .vehicle .value span{letter-spacing:-0.02em;} .vehicle .time {text-align: center;padding: 6px 0;margin: 0;font-size: 16px;font-weight: bold;} .vehicle .time.min p{font-size: 13px;} .vehicle .price{ position: absolute; padding: 0 5px 0 32px; /*5px 5px 5px 28px;background: #222; background: linear-gradient(115deg, #fcfcfc 14px, #000 14px);*/ top: 7px;right: 0;z-index: 3; } .vehicle .price .currency{ position: absolute;font-size: 14px;color: #111/*#FFF*/;left: -12px; bottom: 0px;height: 12px;width: 12px; } .vehicle .price .currency.promo-currency{left:-12px !important; bottom: 5px !important} .vehicle .price .promo{ text-decoration: line-through; font-weight: normal; font-size: small; } .desconto{ background-color: #2CBB6D; color: white; font-size: smaller; border-radius: 5px;padding: 2px; gap: 2px;font-size: 10px; margin-left: 3px;} .vehicle .price p{margin: 0;font-size: 17px;letter-spacing: -0.05em;font-weight: bold; } /*.vehicle .price:before{content: '';position: absolute;border-right: 8px solid transparent;border-top: 30px solid #fcfcfc;top: -1px;left: -1px;}*/ .vehicle .price-success{ background: linear-gradient(115deg, #fcfcfc 14px, #7bbf62 14px); } .vehicle .price-danger{ background: linear-gradient(115deg, #fcfcfc 14px, #ff3333 14px); } .vehicle .time.finishing{ color: #f74e00;} .vehicle .time.finishing i.fa{font-size: 14px;} .vehicle .time .ms, .vehicle .value p > .ms{font-size:.7em;} .vehicle .actions button{padding:5px 0;width: 98%;font-size: 11px; height: 30px;} .vehicle .actions-prices .label{font-size: 9px;letter-spacing:0;} .vehicle .actions-prices .label + span{display: block;font-size: 14px;font-weight: bold;padding-bottom: 10px;} .corner-action{position: absolute;display: block;cursor: pointer;padding: 8px;z-index: 3; width: 20px; height: 20px; transition: all .2s ease-in-out;text-align: center;color: #FFF;left: 0;top: 0; border-radius: 4px;} .corner-action.on:before, .corner-action:hover:before{border-top-color: #a17200;border-right-color: #a17200;} .corner-action.on:after, .corner-action:hover:after{border-bottom-color: #a17200;border-left-color: #a17200;} .corner-action.expand{right: -2px;left: auto;background-image: none;} .corner-action.favorite.on{background-color: #009775 !important;} .corner-action.video{background-color: red !important; box-shadow: unset !important;width: 50px; height: 60px;right: 60px;left: auto;top: -2px;} .corner-action.video-anunciante{position:absolute;background-color: red !important; box-shadow: unset !important;width: 70px; height: 35px; top:80px; padding: 0 0px 0 5px;left:60px;} .corner-action:hover {transform: scale(1.05);} .vehicle .corner-action, .vehicle-avaliacao .corner-action { background-color: #111;background-color: rgba(0,0,0,.4); box-shadow: 1px 1px 2px rgba(0,0,0,.4);} .vehicles-grid .corner-action, .vehicle-avaliacao .corner-action.favorite { left: -2px; top: -2px; } .vehicle-avaliacao .corner-action.expand { top: -2px; } .corner-action.favorite { background-color: rgba(0,0,0,.4); box-shadow: 1px 1px 2px rgba(0,0,0,.4);} .corner-action.favorite.dealer.on { background-color: #fcfcfc !important;} @media all and (max-width: 720px) { .corner-action.video-anunciante{position:relative;background-color: red !important; box-shadow: unset !important;width: 70px; height: 35px; top:0px; padding: 0 0px 0 5px;left:0px;} } .favorite i.fa:before {content: "\f08a";} .favorite.on i.fa:before {content: "\f004";} .favorite.load i.fa:before {content: "\f1ce";} .favorite.load i.fa { animation: fa-spin 2s infinite linear;} .vehicle-modal.vehicle{ box-shadow: none; margin: 0; } .vehicle-modal.vehicle .header{ width: 280px; } .vehicle-modal.vehicle .info{ padding: 0 0 5px 300px; } .vehicle-modal.vehicle .info .basics{ padding: 0; } .vehicle-modal.vehicle button[name="avaliar"]{ margin: 7px 0 0 0; } .vehicle-modal .basics .item{ width: 33.3% !important; } /* #language-selector { width: 160px; float: right; font-weight: bold; } #language-selector * { font-size: 13px; } #language-selector .current { display: block; border-radius: 4px; border: 1px solid #555; color: #AAA; padding: 6px 4px 6px 8px; cursor: pointer; text-align: left; } #language-selector img { width: 20px; vertical-align: -14%; margin-right: 5px; } */ .popover { overflow: hidden; position: relative; } .popover:hover, .popover.popover-opened { overflow: visible; } .popover .popover-content { position: absolute; background: #FFF; top: 100%; left: 0; width: 100%; opacity: 0; overflow: hidden; padding: 2px 0; transition: all .1s ease-in; transform: scale(.8,.5); transform-origin: 100% 0; z-index: 9999; border-radius: 4px; margin-bottom: -5px; box-shadow: 0 8px 30px -5px rgba(0,0,0,.3); } /*.popover .popover-content:after { content: ''; position: absolute; width: 0;height: 0; border: 4px solid transparent; border-bottom-color: red; top: -10px; }*/ .popover:hover .popover-content, .popover.popover-opened .popover-content { opacity: 1; transform: scale(1,1);} .popover .popover-content.popover-menu > li { text-align: left; } .popover .popover-content.popover-menu > li i.fa { margin: 0 8px 0 4px; color: #222; vertical-align: middle; font-size: 13px; } .popover .popover-content.popover-menu > li > a { color: #333; display: block; padding: 8px 0 8px 10px;border-bottom: 1px solid #f0f0f0;cursor: default; } .popover .popover-content.popover-menu > li > a[href] { cursor: pointer; } .popover .popover-content.popover-menu > li > a:hover { background: #f6f6f6; text-decoration: none; } .side-box button.plus-value { position: relative;margin-top: 16px; border: 1px solid #f0f0f0; padding-top: 16px; width: calc(100% - 2px);} .side-box button.plus-value i { position: absolute; top: -10px; left: 50%; margin-left: -10px; color: #000; display: inline-block; width: 12px;height: 12px; padding: 4px;font-size: 10px;border-radius: 50%;text-align: center;line-height: 12px;} .vehicle .seller{position: absolute;display: block; font-size: 10px; top: 6px; right: 6px; padding: 6px; background: rgba(0,0,0,.4); border-radius: 4px; z-index: 2; color: #FFF;text-align: right;line-height: 5px;} .vehicle .bottom-info, .vehicle .bottom-success {position: absolute;display: block;color: #FFF;font-size: 7px;font-weight: bold;letter-spacing: 2px;padding: 2px 4px;bottom: 0;right: 0;z-index: 2;white-space: nowrap;text-transform: uppercase;} .bottom-info.showroom{background: #2c82c9;} .bottom-success.showroom{background: #1B603B;} .bottom-info.color, .my-list .vehicle .figure > .date{background: #111;} .vehicle .anunciante{position: relative;display: block;font-size:9px;text-align: center;padding: 5px 0;overflow: hidden;margin: 0; letter-spacing: -.5px;} .vehicle .anunciante img{position: relative;height: 30px;float: left;margin: -3px 0 2px 5px;} .vehicle .anunciante strong{font-size: 10px;} .vehicle .anunciante .name, #vehicles .vehicle .ratings-stars {display: block;height: 11px;overflow: hidden;} .vehicles-list .vehicle-wrapper{position: relative;width: 100% !important;float: none;margin-bottom: 15px;} .vehicles-list .title h3{height: auto;font-size: 16px; margin-top: 5px;} .vehicles-list .title h3 strong{font-size: 1em;} .vehicles-list .version{height: auto !important; margin-top: 3px;} .vehicles-list .title{padding-left: 0;} .vehicles-list .header{ position: absolute; top:0; left:0;width:190px;float: left; height: 100%; overflow: hidden;} .vehicles-list .info{ padding: 0 0 5px 210px;} .vehicles-list .time{width:50%; float: left;text-align: left;} .vehicles-list .actions.default{display: none;} .vehicles-list .figure{border: none; overflow: hidden;} .vehicles-list .anunciante {margin:0;width:25%;float:left;padding:0;} .vehicles-list .basics span, .vehicles-list .basics .lst{display: block;} .vehicles-list .basics .item i{font-size: 16px;text-align: center;float: left;margin-top: 4px;} .vehicles-list .basics .item{width: 20%;text-align: left;font-size:13px; letter-spacing: -1px; font-weight: bold; padding: 10px 0;} .vehicles-list .basics .item span{font-size: 8px;margin-right: 10px;font-weight: lighter;line-height: 10px;letter-spacing: 0;} .avaliacao-buttons button.jqibutton{width: 100px;min-width: initial;text-indent: 0;} .avaliacao-buttons button#avaliar{width: 50%;} .vehicles-list .vehicle .time, .vehicles-list .vehicle .value p{padding: 1px 0; } .vehicles-list .basics.more-than-one{ display: none;} .vehicles-list .corner-action.on { top: 0; left: 0; border-width:1px;} .create-package .vehicle-wrapper{width: 16.66%;} .create-package .anunciante, .create-package .basics i{ display: none;} .create-package .figure{ height: 80px;} .create-package .vehicle .time span, .create-package .vehicle .value p{ font-size:11px; padding: 0;} .list-packages:hover .package { opacity: .25;} .list-packages .package:focus, .list-packages .package:hover{ opacity: 1;} .list-avaliacoescorrentes .fab{ margin: 0;} .vehicle-tabs p{font-size: 13px;} .vehicle-tabs{padding-right: 30px;} .vehicle.min { background: none; box-shadow: none; border-bottom:1px solid #EEE; padding-bottom: 10px; margin-bottom:5px; } .vehicle.min .info { padding-left: 90px;} .vehicle.min p, .vehicle.min .time{ padding: 0;text-align: right; font-size: 11px;} .vehicle.min .value p{margin: 0;font-weight: bold;} .vehicle.min .figure{ height: auto; border:none; width: 100%;} .vehicle.min .figure img{ opacity: 1;} .vehicle.min .header { position: absolute; top: 0; left: 0; width: 80px;} .vehicle.min h3{height: 20px; line-height: 20px; overflow: hidden; text-align: left; padding: 0;font-size: 14px;} .vehicle.min .corner-action{ font-size:12px; line-height: 22px; padding: 0;} #vehicles {min-height:300px; position: relative;} #async-vehicles {position: relative;z-index: 1;} #vehicles > .loader{display: none;position: absolute;left: 50%;margin-left: -24px;top: 32px;z-index: 2;} #vehicles.aa-loading .vehicle-wrapper{opacity: .1;} #vehicles.aa-loading > .loader{display: block !important;} #vehicles > .clearfix{margin: 0 -8px;} .package-list{ margin:30px 0 20px;} .truck-axis{position: relative;display: block;margin: 24px auto 48px;max-width: 250px;width: 100%;height: 6px;background: #333;background: linear-gradient(to bottom, #999, #222);padding: 1px 0;} .truck-axis .type{position: absolute;display: block;text-align: center;margin: -5px auto 0;width: 100%;max-width: 140px;padding: 2px;background: #FFF;background: rgba(50,50,50,.6);font-size: 11px;font-family: monospace;font-weight: bold;color: #FFF; border-radius: 2px;left: 0;right: 0;} .truck-axis .left, .truck-axis .right{display: block;float: left;margin-top:-20px;} .truck-axis .right{float: right;} .truck-axis .pneu{position: relative;display: block;float: left;width:22px;height: 48px;background: #666; border-radius: 6px;margin: 0 1px;overflow: hidden;} .truck-axis .pneu:after{position: absolute;top: 0;right: 0;content: '';display: block;width:100%;height:100%;background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.3));} .truck-axis .pneu.half_life{background: #ffd900;} .truck-axis .pneu.bad{background: #dc3232;} .truck-axis .pneu.good{background: #487948;} .truck-axis.legenda{background: none;margin: 0;height: auto;max-width:none; text-align: left;font-weight: bold;} .truck-axis.legenda .pneu{margin-right: 5px;height: 14px;width: 14px;display: inline-block;float: none;vertical-align: sub;} .section-header h1{color: #666;font-size: 25px;padding: 0;margin: 0;border: none;} .section-header h1 strong{color: #000;} .section-header{padding: 10px 0;border-bottom: 1px solid #EEE;margin: 10px 0;} .section-header p{font-size: 10px;margin: 0;} .section-header h1 + p{font-size: 0.6em;font-weight:lighter;vertical-align: 15%; color: #666;} .section-header .offer p{text-align: right;} .section-header .offer p:first-child{margin-top: 5px;} .input-prefix{position: relative;display: block;height: 35px;} .input-prefix span.prefix{position: absolute;display: block;height: 15px;padding:10px 5px;width:15px;line-height: 15px;color: #CCC;font-weight: lighter;top:0;left:0;} .input-prefix input{position: relative;z-index: 1;font-size: 14px;text-align: right;height: 35px;} .input-prefix .input{display: block;height: 45px;line-height: 35px;color: #666;} /* friendly error */ .friendly-error{display: block;padding: 20px;background: #FFF; margin: 3% auto 50px;width:80%; max-width:320px;box-shadow:0 1px 1px rgba(0,0,0,.2);text-align: center;-ms-word-wrap: break-word; word-wrap: break-word;} .friendly-error * {display: block; width: 100% !important;} .friendly-error span{padding-top: 15px;font-size: 22px;} .friendly-error em{font-size: 11px;color: #666;font-style: normal;} .friendly-error .aux{font-size: 11px;color: #CCC;} /* aa-card */ .aa-card{position: relative;display: block;background: #CCC;margin:0 0 15px;box-shadow: 0 2px 8px -2px rgba(0,0,0,.1); transition: all .6s ease; } .aa-card .title h1, .aa-card .title h2{font-size: 14px;color: #222;} .aa-card .title i {display:inline-block;margin-right:10px;opacity:0.2;font-size:25px;} .aa-card .content{background: #FFF;padding: 15px; } .aa-card .content .content{padding: 0 !important;background: none;} .aa-card .action, .aa-card .title, .aa-modal-title{background: #f6f6f6;padding: 15px;} .aa-card p, .aa-card.full{margin: 0;} .flat-card{position: relative;display:block;font-weight: normal;background: #FFF;padding: 12px 15px;font-size: 15px;border:1px solid #e0e0e0;border-top:2px solid #FFB400;border-radius: 8px 8px 0 0;} /* messages */ .message{position: relative;display: block; margin: 10px; background-color: #CCC;cursor: pointer;padding: 8px;text-align: center;border-radius: 6px;} .message:before{content: "\f00d";font: normal normal normal 14px/1 FontAwesome;display: block;position: absolute;top: 5px;right: 5px;color: inherit; font-size: 12px; } .message, .message p{font-size: 14px; margin: 10px 0;} .message p a, .message p, .message p[class]{color: #FFF !important;} .tag{display: inline-block;padding: 3px 5px;font-size: .9em;background: #DDD;} .notification, .notification a{line-height: 12px;margin: 20px 0 10px;color: #999;font-size: 11px;} .notification-wrapper{ position: relative; z-index: 10;} .notification-wrapper + a > .message{ z-index: -1;} /* Modal - Login card */ .login-card.aa-card, .aa-modal{position: relative;width: 90%;max-width: 520px; margin: 50px auto;overflow: hidden;border: none; transition: all .4s;} .login-card.aa-card .content{padding: 30px 60px;} .login-card .content, .login-card.aa-card{background: #555861; border-radius: 12px; } .login-card__logo--br { display: block; margin: 0 auto; width: 200px; } .login-card__logo--br img { height: auto; object-fit: contain; width: 100%; } .aa-modal .content{padding: 30px;background: #FFF;} .login-card .login-heading, .login-card p, .login-card input, .login-card a, .login-card .input-loader, .login-card .form-1 label{color: #babbbf;} .login-card h1 + p{font-weight: 400;font-size: 14px;margin: 5px 0 30px;} .login-card .field input{border: 2px solid #babbbf !important; background: none;font-size: 14px; padding: 4px 10px} .login-card .field input, .login-card button[type=submit]{ border-radius: 12px; height: 48px; } .login-card .field i.fa{ display: none; } .login-card .field label{ position: relative; display: inline-block; width: auto; background: #555861; margin-left: 20px; bottom: -10px; text-transform: uppercase; font-weight: bold; font-size: 12px; padding: 0 6px; z-index: 1; } .login-card .title .modal-close{position: absolute;font-size: 22px;color: #000;opacity: .6;padding: 15px;top: 3px;left: 10px;} .login-card .title, .login-card .title-image, .aa-modal-title .title-image, .aa-modal-title .title{position: relative;} .login-card .title, .login-card .title-image{background: none;padding-bottom: 0;} .login-card .title-image{ height: 60px; } .dark-list{display: block;text-align: center;background: #34373e;} .dark-list li a{display: block;padding: 15px;border-top: 1px solid #787983;} @media screen and (max-width: 800px) { .login-card.aa-card .content { padding: 10px 25px 15px; } .login-card h1 + p{ margin-bottom: 15px;} } /* list controls */ ul.controls{display: block; text-align: right; letter-spacing: 0;} ul.controls li{ position: relative; display: inline-block; vertical-align: middle; } ul.controls li > a{display: block;height: 30px;width: 30px;overflow: hidden;} ul.controls a span{display: none;} ul.controls .grid:hover, ul.controls .grid.active{background-position: 0 0;} ul.controls .selectivity-input input[type=text]{ display: none;} ul.controls .list:hover, ul.controls .list.active{background-position: -30px 0;} ul.controls .selectivity-single-result-container{top: 5px;} ul.controls .selectivity-placeholder{ color: #666; font-size: 13px; margin-top: 5px; } ul.controls .selectivity-single-selected-item{ font-size: 11px; text-align: center;} ul.controls .reorder { padding-left:2px; width: 150px; text-align: left;} ul.controls .reorder .order-loading{ font-size: 13px; } ul.controls a:after { color: #999; display: inline-block; font: normal normal normal 20px/1 FontAwesome; height: 32px; line-height: 36px; text-align: center; width: 32px } ul.controls a:hover:after, ul.controls a.active:after { color: #333 } ul.controls a.grid:after { content: "\f009"; } ul.controls a.list:after { content: "\f03a"; } /* anunciantes */ .aa-groups-full-view > .view{display: inline-block;width: 20%; padding: 5px;box-sizing: border-box;} .aa-group{position: relative;display: block;background: #FFF;box-shadow: 0 2px 2px rgba(0,0,0,.1);border-radius: 12px;border: 1px solid #f6f6f6;overflow: hidden;color: #000;} .aa-group > img{width: 100%;display: block;} .aa-group > p{position: relative; /*border-top: 1px solid #eee;*/margin: 0;color: #666;text-align: left; font-size: 10px; letter-spacing: .5px;line-height: 14px;} .aa-group .fa-arrow-right{position: absolute; top: 0; bottom: 0; right: 0; margin: auto; height: 32px;} .aa-group > p .sm-hide{display: inline-block;max-width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: baseline;} .aa-group .title, .aa-group .offers {display: block;position: absolute; background: #000; color: #FFF;padding: 6px 0; width: 100%; font-size: 11px; font-weight: bold; text-transform: uppercase; text-align: center;z-index: 2;} .aa-group .title { top: -50px; } .aa-group .offers{ bottom: -100px; } .aa-group .offers .counter{display: block;padding: 5px;} .aa-group .corner-action{left: auto;right: 3px;} .aa-group .corner-action.on{background: none !important;} .aa-group .corner-action i { font-size: 23px; } .aa-group .ratings-stars { font-size: 10px; display: block; height: 11px; text-align: center; margin: 3px 0; } .aa-group:hover .title{top: 0;} .aa-group:hover .offers{bottom: 0;} .aa-group:before{content: '';display: block;position: absolute;top: 100%;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0);} .aa-group:hover:before{top: 0; background: rgba(0,0,0,.2);z-index: 1;} .aa-group .uf{ color: #666; font-weight: bold; font-size: 11px; } /*.aa-group .uf{display: block;position: absolute;padding: 2px 4px;top: 4px;right: 4px; border-radius: 4px; background: #DDD; color: #666; font-weight: bold;font-size: 9px;z-index: 1;} .aa-group .cities{display: block;font-size: 7px;border-top: 1px solid #333;padding-top: 4px;margin-top: 3px;}*/ .aa-group.side{margin: 5px 0 10px;} .box-filter-uf {display: block;margin: 0 auto;width: 250px;} .box-filter-uf .uf{display: none;} .box-filter-uf .aa-group > p .sm-hide{overflow: visible;} /* transition classes */ nav, nav ul.menu > li a, .aa-group, footer .to-top, .aa-group:before, .aa-group * {-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;} /* PHP Pagination Class */ .pagination{margin: 10px 0;} .pagination ul{text-align: center;} .pagination li{display: inline-block;font-size: 11px;margin: 0 2px;} .pagination li.dots{padding: 2px 6px;} .pagination a, .pagination:hover a{ opacity: .6;} .pagination a.current, .pagination a:hover, .pagination a:active{ opacity: 1;} /* tabs */ .tabs{margin:10px 0;} .tabs, .tabs-contents{position: relative;display: block;} .tabs .tabs-buttons a{float: left;margin-right: -5px;} .tabs .tabs-buttons a .fa{margin-right: 5px;} .tabs .tabs-buttons a.active span, .tabs .tabs-buttons a:hover span{color: inherit;} .tabs .tabs-contents{position: relative;display: block;z-index: 4;margin-top: -4px;border-radius: 3px;} .tabs .tabs-contents .t-cnt{position: relative;display: none;padding:20px; border:1px solid #DDD;background: #FFF;border-radius: 3px;} .tabs .tabs-contents .t-cnt.visible{display: block;} .search-fields p{margin:0;} .search-fields .button.min{margin: 0;} .search-fields.checklist-inline span{width: auto;padding: 0 5px 0 0;} /* Fixed Alerts */ .fixed-alert{position: fixed;width: 60%;text-align: center;left: 50%;margin-left: -30%;z-index: 999;border-radius: 50px;border: 3px solid #FFF;box-shadow: 0 2px 6px rgba(0,0,0,.2);} .fixed-alert p{font-size: 15px;} .fixed-alert.bottom{bottom: 40px;} .fixed-alert.avl-alert{display: none;} .modal-image-head div.jqi, .modal-image-head div.jqi .jqimessage{ padding: 0; border: none;} .modal-image-head .jqititle{ display: none; } .modal-image-head .jqimessage > img{ position: relative; width: 100%;} .modal-image-head div.jqi .jqiclose{ z-index: 2;} .modal-image-head .modal-content{ padding: 20px; font-size: 14px;} .modal-image-title{ position: relative; margin-top:-70px; padding: 0 0 20px 20px; color: #FFF;text-shadow: 0 3px 5px rgba(0,0,0,.3);font-size: 14px; background-image:linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0)); height: 60px; box-sizing: border-box;} .modal-image-title span{ font-size: 30px; display: block; margin-bottom: 5px; } .modal-image-head div.jqi .jqibuttons { margin: 0; } .modal-image-head .jqibuttons .highlight { width: 50%; margin: 0; top: 0;} .modal-image-head .jqibuttons button { display: inline-block; } /* Lists */ .checklist{font-size:11px;} .checklist span{display:block;padding: 5px 3% 5px 0;width: 47%;float: left;} .checklist-large span{float: none;padding: 5px 0;width: 100%;} .checklist span .fa{padding: 2px;margin-right: 7px;} .checklist span .fa.circle{border-radius: 50%;background: #ffb400;color: #FFF;text-shadow: 1px 2px 0 #9e7000;vertical-align: 10%;font-size: 0.9em;text-indent: 1px;} ul.simple-checklist li {padding-top: 2px;} ul.simple-checklist li span{line-height: 16px; font-size: 11px;} ul.simple-checklist li span strong{text-transform: uppercase;margin-right: 3px;} ul.simple-checklist li span strong:after{content: ':';opacity: .3;margin-left: 2px;} .checklist span i.fa-close{height: 12px;width: 12px;cursor: pointer;margin: 0 -4px 0 10px;float: right;font-size: 1em;} .section-features ul.stripped-list{margin:0 30px;} ul.stripped-list li{display: block;text-align: right;font-size: 12px;padding: 3px 0;border-bottom: 1px solid #f0f0f0;} ul.stripped-list li:last-child{border: none;} ul.stripped-list li .item{display: block;float: left;padding: 8px;color: #666;} ul.stripped-list li .value{display: block;float: left;padding: 8px; font-weight: bold;} ul.stripped-list .even{background:#f6f6f6;} ul.rounded-list li{display: block;font-size: 13px; margin: 2px;} ul.rounded-list li a{ display: block; padding: 7px;} ul.rounded-list li a:hover{ background: #f0f0f0;} blockquote{position: relative;display: block;padding: 10px;font-size: 13px;font-style: italic;margin: 10px;text-align: center;background: #f5f5f5;border-radius: 4px;word-wrap: break-word} blockquote:before, blockquote:after{position: absolute;display: block;font: normal normal normal 20px/1 FontAwesome;color: #ccc;} blockquote:after{content: "\f10e";bottom: -5px;right: -5px;} blockquote:before{content: "\f10d";top: -5px;left: -5px;} /* Vehicle Details */ .photos{display: block;position: relative; transition: all .2s;} .photos .photo-gallery{display: block;max-height: 450px;overflow: hidden;border-radius: 1px;} .photos .photo-gallery img{max-width:100%;display: block;margin: 0;} .photos .photo-gallery .owl-item .item{position: relative;} .photos .photo-gallery .owl-item .item .photo-label{position: absolute; top: 10px; left: 40px; font-size: 13px; border: 2px solid #009775;} .photos .photo-gallery .owl-item .item .photo-description{position: absolute; bottom:0; background: rgba(0,0,0,.1);padding: 8px; text-align: center;font-size: 9px;width: 100%;color: #FFF;font-weight: bold; transition: all .1s;} .photos .photo-gallery .owl-item .item:hover .photo-description{ background: rgba(0,0,0,.5); } .photos .thumb-gallery .owl-item img{opacity: .4 !important;transition: opacity .2s ease;cursor: pointer;border-radius: 4px; width: 99%; margin: 2px 0.5%; height: 100px; object-fit: cover;} .photos .thumb-gallery .owl-item:hover img, .photos .thumb-gallery img.current-image{opacity:1 !important;} .photos .photo-gallery .owl-item > img{display: block;width: 100% !important; } .fixed-slider{ position: fixed !important; overflow: hidden !important; -webkit-overflow-scrolling: auto !important; } .photos .owl-prev, .photos .owl-next{display: block;position: absolute;height:32px;width:32px; background: rgba(0,0,0,.4) !important; color: #FFF !important; transition:all .3s ease;padding: 0 !important;border-radius: 4px; line-height: 32px;bottom: 5px;} .photos:hover .owl-prev, .photos:hover .owl-next{ background: #FFF !important; color: #222 !important; } .photos .owl-next{right:5px;} .photos .owl-prev{left:5px;} .photos .owl-prev, .photos .owl-next, .photos .owl-controls{margin: 0 !important;transition: all .15s ease-in-out;} .photos .owl-stage-outer.owl-height{min-height:300px;max-height: 450px;} .photos .icon-photo360{ position: absolute; display: block; font-weight: bold; top: 0; right: 50px; font-size: 13px; text-shadow: 0 2px 3px rgba(0,0,0,.4);color: #FFF; text-align: center;width: 38px; height: 38px; line-height: 38px; perspective: 40px; text-indent: 4px; z-index: 5; } .photos .icon-photo360 .arrow{display: block; position: absolute; top: 0; left: 0; width: 34px; height: 34px; border-radius: 50%; border: 2px solid #FFF; animation: icon360 2s ease infinite; box-shadow: 0 0 3px rgba(0,0,0,.4);} .photos .icon-photo360 .arrow:after {content: '';display: block; position: absolute; top: -4px; right: 49%; width: 6px; height: 6px; border-radius: 50%; background: #FFF;} .photos.expanded {display: block;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 9999999;background: #222;background: rgba(0,0,0,.8); transition: all .2s;} .photos.expanded .favorite{top: 0;left: 0;} .photos.expanded .expand{top: 0;right: 0;background: #000;} .photos.expanded .photo-gallery{max-height: 80%;margin: 20px auto;max-width: 800px;overflow: hidden;} .photos.expanded .thumb-gallery{position: absolute;bottom: 0;} .photos.expanded .thumb-gallery .owl-stage{margin: 0 auto;} @media screen and (max-width: 960px) and (orientation:landscape){ .photos.expanded .photo-gallery{max-height: 100%;} .photos.expanded .thumb-gallery {display: none !important;} .photos.expanded .owl-nav .owl-prev {bottom: 25px;} .photos.expanded .owl-nav .owl-next {bottom: 25px;} } .section-features .stripped-list .item, .section-features .stripped-list .value { padding: 7px 5px;text-transform: uppercase;font-size: 13px; } .section-features .stripped-list .item > i, .section-features .stripped-list .item > img { float: left; margin: -2px 8px -2px 0; font-size: 18px; text-align: center; opacity: .7; } .section-features .stripped-list .item > img { width: 36px; } .section-features .stripped-list .item > i { opacity: 0.6;width: 22px; } .section-features .stripped-list .item > span { font-size: 11px; } .v-empresa{ position: relative;margin: 10px 15px;text-align: center;background-color: #FFF;padding: 10px 5px; line-height: 11px;border: thin solid #f0f0f0;border-radius: 5px;} .v-empresa:before { position: absolute; display: block; width: 100%; height: 100%; content: ''; top: 0; right: 0; background: rgba(0,0,0,0.02); z-index: 1;} .v-empresa img{width: 80%;} .v-empresa h3{font-size: 13px;} .v-empresa small{ font-size: .7em;} .side-box .label-actions{color: #666;font-size: 13px;} .vehicle-timer .label-actions{font-size: 11px;} .vehicle-timer{ text-align: center; margin: 0; } .side-box .content.header{background: #222;border-bottom-left-radius: 0;border-bottom-right-radius: 0;} .side-box .content.header .label-actions, .side-box .content.header .aa-display-1{color: #FFF;} .side-box .aa-display-1{padding: 8px 0 4px;} .side-box{ margin-bottom:10px;} .side-box .aa-card .content{ padding:18px 28px;} .side-box.finished .content{ padding:30px;} .side-box .car-value{color:#ff9400;text-align:right;margin:10px;} .side-box .system-date{text-indent: 0;} .side-box button{display: block;margin: 0 auto; width:100%; margin-top:2px;} .side-box .offer .input-prefix input{position: relative;padding-right:80px !important;} .side-box .offer .input-prefix button{position: absolute;top: 0;right: 0;width:70px;min-width:initial;z-index:2;height: 35px;} .side-box .offer .input-prefix .prefix{border-bottom-left-radius: 3px !important;} .side-box .side-title{ background: #EEE;} .side-box .aa-display-1 {font-size: 26px;line-height: 1;} .side-box .aa-display-1 span:before{opacity: .4;} .side-box .aa-display-1 .type{font-size: .4em;font-weight: normal;opacity: .6;} .send-valuation .content{padding-top: 4px;} .ship-component .location i.fa {display: block;text-align: center; font-size: 26px;} .ship-component .location {letter-spacing: -1px;} .ship-component img {width: 80%;padding-right: 10%; border-right: 1px solid #f0f0f0;} .ship-component .currency {font-weight: bold; font-size: 20px; letter-spacing: -2px; padding-top: 18px;} .ship-component .currency .cents{font-size: .6em; vertical-align: 40%; margin-left: 4px;} .report-component img { display: block; max-width: 200px; margin: 10px auto; } #aa-cvs-products-container {margin: -10px -40px 0; box-shadow: 0 0 30px -12px;} .jqi #aa-cvs-subtotal, .jqi .aa-cvs-checkout-subtotal{padding: 1px 20px 0 !important; margin: 0px -20px -120px; width: 100% !important; box-sizing: unset; background-color: #ffffff; z-index: 999; position: relative;} .vehicle-timer p{margin: 5px 0 0 0;padding: 0;font-size: 22px;} .vehicle-timer .ms, .vehicle-timer small{font-size: .7em; color: #666;} .vehicle-timer .system-date{color: #999;} .avl-item {min-height: 50px !important;padding-bottom: 4px; margin-bottom: 4px;} .avl-item hr { opacity: .3; margin: 4px; } .avl-item small { display: block; line-height: 12px; margin-top: 3px; height: 24px; } .avl-item i.fa { margin-top: -2px; } .modalVideo{ height: 400px !important; width: 600px !important; max-width: 95%; padding: 20px 20px; box-sizing: border-box;} .on-air-icon {position: relative;width: 48px;height: 48px;background-color: red;margin: 0 auto;} .on-air-icon .oa--outer, .on-air-icon .oa--inner {position: absolute;display: block;border: 5px solid;border-color: transparent white transparent white;border-radius: 50%;box-sizing: border-box;} .on-air-icon .oa--outer {width: 100%;height: 100%;animation: on-air-icon-anim 1.2s ease-in-out 100ms infinite;} .on-air-icon .oa--inner {width: 65%;height: 65%;animation: on-air-icon-anim 1.2s ease-in-out infinite;} .on-air-icon .oa--inner, .on-air-icon .oa--outer, .on-air-icon:before {position: absolute;display: block;margin: auto;top: 0;right: 0;left: 0;bottom: 0;} .on-air-icon:before {content: '';display:block;width: 30%;height: 30%;border-radius: 50%;background: white;} .on-air-icon strong {position: relative;display:block;width: 120%;color: white;text-align: center;font-size: 12px;top:100%;left:-10%;} .pref-modal-video-close { position: absolute; right: 15px; top: 15px; } #video-on-air {display: none;background-color: #000; background-color: rgba(0,0,0,.8);position: absolute;max-width: 90%;} @media screen and (max-width: 720px){ #video-on-air, .modalVideo { width: 100% !important; max-width: unset; } } .video-anunciante-icon {width: 25px;height: 25px;left: 3px;margin: inherit;} .video-anunciante-icon .oa--outer, .video-anunciante-icon .oa--inner {border: 2px solid;border-color: transparent white transparent white;} .video-anunciante-icon .oa--inner, .video-anunciante-icon .oa--outer, .video-anunciante-icon:before {top: 10px;} .video-anunciante-icon strong {font-size: 10px;top:50%;left:30px;} .quotation-infobar {padding: 9px 0 9px 25px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAATCAIAAAD5x3GmAAAABnRSTlMARwBwAEyv7uYjAAAAIElEQVR4AWNwL/AhiBhQAd30EFRBTz34wWDTM6pnVA8A+F9T+uhf+SIAAAAASUVORK5CYII=) 35px center #f3a000 no-repeat;} .quotation-infobar .quotation-label {padding-left: 35px; padding-top: 2px; font-size: 12px;} @keyframes on-air-icon-anim { from { transform: scale(1); opacity: 0; } 20% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.2); opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } /* jQuery SimpleValidator */ .aa-tooltip{display: block;position: absolute;padding:10px;color: #FFF;top: -25px;right:0;border-bottom: 3px solid;font-size: 12px;cursor: pointer;z-index: 5000;} .aa-tooltip:before{display: block;position: absolute;height:0;width: 0;bottom: -13px;right: 0;color: inherit;border:10px solid;border-bottom: none;border-left-color: transparent;border-right-color: transparent;content: ' ';cursor: pointer;} .aa-tooltip-wrapper{display: block;position: relative;} .aa-tooltip-wrapper .aa-tooltip{top: -45px;} .aa-error{border:1px solid #F00 !important;-webkit-animation: pralapraca .5s ease-in-out;-o-animation: pralapraca .5s ease-in-out;animation: pralapraca .5s ease-in-out;} .aa-tooltip{min-width: 180px;} .aa-tooltip.inform, .aa-tooltip.inform:before{border-bottom-color: #2969b0;border-top-color: #2969b0;} .aa-tooltip.danger, .aa-tooltip.danger:before{border-bottom-color: #eb330e;border-top-color: #eb330e;} .aa-tooltip.success, .aa-tooltip.success:before{border-bottom-color: #60a945;border-top-color: #60a945;} .aa-tooltip.warning, .aa-tooltip.warning:before{border-bottom-color: #d16d41;border-top-color: #d16d41;} .coupon{position:relative;display: block; overflow:visible;/*background:#e0e0e0;*/width:100%;margin:0 auto;} .coupon .content{display: block; text-align: center;margin-top: 20px; min-height: 90px;} .coupon .content span{font-size: 34px;letter-spacing: -2px;line-height:60px;} .coupon .content p{font-size: 16px;margin: 0;} .coupon .icon{position: relative;display: inline-block;margin-top: -10px;float: left;/* left: 10px; */font-size: 45px;} .coupon .fa-stack-1x{color: #FFF;} .coupon .fa{text-shadow:0 1px 10px rgba(0,0,0,.1);} .coupon small{font-size: .75em;} img.loading{display: block;margin: 5px auto;} h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0; } body .aa-display-4 {font-size: 112px;font-weight: 300;letter-spacing: -.01em;line-height: 112px;color: #555;} body .aa-display-3 {font-size: 56px;font-weight: 300; letter-spacing: -.005em;line-height: 56px;color: #555;} body .aa-display-2 {font-size: 34px;font-weight: 300; line-height: 64px;color: #555;} body .aa-display-1 {font-size: 24px;font-weight: 300; line-height: 40px;color: #555;} body .aa-headline {font-size: 20px;font-weight: 300; line-height: 32px;color: #555;} body .aa-subhead {font-size: 16px;font-weight: 300; line-height: 24px;color: #505050;} body .aa-text-plain {font-size: 14px;color: #606060;} body .aa-text-small {font-size: 11px;color: #606060;} body .aa-title{ margin:15px 0 10px; border-bottom:1px solid #f0f0f0;} .aa-display-1 .fa, .aa-display-2 .fa, .aa-display-3 .fa, .aa-display-4 .fa, .aa-headline .fa, .aa-subhead .fa, .aa-display-1 .aa-icon, .aa-display-2 .aa-icon, .aa-display-3 .aa-icon, .aa-display-4 .aa-icon, .aa-headline .aa-icon, .aa-subhead .aa-icon{ opacity: .6; margin: 0 5px;} p.aa-text-plain{margin: 10px 0px;} .strike{ text-decoration: line-through} .b{ font-weight: bolder !important;} .table-row{ border-bottom:1px solid #f0f0f0; padding: 10px 0; box-shadow: none; margin: 0;} .table-icon{ width: 48px; margin: 0 6px; max-height: 48px; font-size: 6px;} .table-row .aa-subhead{ line-height: 14px;} .table-row-indent{ padding-left: 2%;} .medal{ position: relative;display: block; width: 40px; height: 40px;border-radius: 50%; background: #000; font-size: 24px; color: #FFF; text-align: center;} .medal:before, .medal:after{ position: absolute;display: block; content: '';} .medal:before{width: 17px;height:34px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;top: 3px;right: 3px;background: rgba(255,255,255,.3);transform:rotate(45deg);transform-origin: left center;} .medal:after{ color: #000; height: 0; width: 0; border-right:15px solid transparent;border-left:15px solid transparent; border-top:8px solid #000; top: -5px; right:5px;} .medal i.fa{padding-top: 7px;opacity: 1;} .medal.platinum{background: #FCFCFC;} .medal.platinum:after{ border-top-color: #FCFCFC; } .medal.gold{background: #d3af37;} .medal.gold:after{ border-top-color: #d3af37; } .medal.ruby{background: #9b111e;} .medal.ruby:after{ border-top-color: #9b111e; } .medal.silver{background: #CCC;} .medal.silver:after{ border-top-color: #CCC; } .medal.bronze{background: #cd7f34;} .medal.bronze:after{ border-top-color: #cd7f34; } .dashboard #gmaps{height: 500px; padding:50px 0 20px 50px; margin:-50px 0 -20px -50px; opacity: .8; z-index: 0;} .dashboard #gmaps, .dashboard #gmaps > div{background:#fafafa !important;} .dashboard .map-container{position: relative; display: block; overflow: hidden;} .dashboard .aa-card.overlay{ margin-top: -50px; z-index: 2;} .dashboard .entity-filter { border-radius: 18px; } .dashboard .entity-filter .selectivity-result-item, .dashboard .entity-filter .selectivity-single-selected-item{ text-transform: uppercase; } .dashboard .entity-filter .selectivity-single-select{ border: none; line-height: 10px; text-indent: 10px; } .dash-carousel .aa-display-2, h1.list-header { font-weight: bold; color: #000; max-width: initial; } .dash-carousel .aa-display-2 > i, h1.list-header > i { display: inline-block; width: 46px; text-align: center; font-size: .75em; vertical-align: middle; margin: 0 !important; } .dash-carousel .aa-display-2 > svg, h1.list-header > svg { display: inline-block; height: 45px; vertical-align: -12%; margin: 0 12px !important; } .dash-carousel p.aa-subhead, h1.list-header + p.aa-subhead { margin: 0; } .dash-carousel .vehicle .seller { right: auto; left: 6px; } .dash-carousel .vehicle .favorite { left: auto; right: 0; background: none !important;box-shadow: none; font-size: 26px; width: 30px;height: 30px; } .dash-carousel .vehicle-wrapper { width: 100%; } .dash-carousel .vehicle { background: #FFF; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 8px -2px rgba(0,0,0,.1); } .dash-carousel .vehicle .price { top: 0; } .dash-carousel .vehicle .price p{ font-size: 14px; } .dash-carousel .header { position: relative; z-index: 1; } .dash-carousel .figure { border: none; background: #f0f0f0; border-radius: 4px 4px 0 0;} .wk-moz .dash-carousel .figure img { width: 100%; height: 100%; object-fit: cover;} .dash-carousel .info { position: relative;z-index: 2; padding: 10px 5px 0 10px; background: #FFF;} .dash-carousel .info .title { min-height: 32px; } .dash-carousel .owl-stage-outer:before, .dash-carousel .owl-stage-outer:after { content: ''; position: absolute; width: 6vw; top: 0; height: 100%; z-index: 1; } /*.dash-carousel .owl-stage-outer:before { left: 0; background: linear-gradient(to left, rgba(250, 250, 250, 0), rgba(250, 250, 250, 1));}*/ /*.dash-carousel .owl-stage-outer:after { right: 0; background: linear-gradient(to right, rgba(250, 250, 250, 0), rgba(250, 250, 250, 1)); }*/ .dash-carousel .owl-nav { position: absolute; top: -45px; right: 5px; } .dash-carousel .owl-prev, .dash-carousel .owl-next, .dash-carousel .owl-nav a.fa { background: none !important; color: #000 !important; font-size: 28px !important; margin: 0 30px 0 0 !important; opacity: .15; transition: all .2s ease;} .dash-carousel .owl-nav > div:hover { opacity: .5;} .dash-carousel.dash-carousel__dealers .owl-nav { bottom: -10px; top: auto; } .dash-carousel.dash-carousel__dealers .owl-dots { text-align: left; text-indent: 40px; padding-top: 15px; } .dash-carousel.dash-carousel__favorite-dealers .owl-carousel .view { margin: 8px;} .dash-view {position: relative; padding: 5px; display: block; transition: all .5s ease; background: #FFF; overflow: hidden; border-radius: 8px !important; border-left: 5px solid #FFF; box-shadow: 0 8px 20px -5px rgba(0,0,0,.15); } .dash-view:hover { box-shadow: 0 8px 30px -5px rgba(0,0,0,.3); } .dash-view > i { position: absolute; bottom: -50px; left: 16px; font-size: 26px; width: 32px; height: 32px; transition: all .2s ease;} .dash-view:hover > i, .dash-view.aa--primary > i { bottom: 5px; } @media screen and (min-width: 720px){ .dashboard-header h1{float: left;} } @media screen and (max-width: 720px){ .dash-view {margin: 0 1px !important; border: 0 !important;} .dash-carousel .aa-display-2 { font-size: 20px; padding-top: 10px; border-top: 1px solid #EEE; margin-top: 10px;} .dash-carousel:first-of-type .aa-display-2 { border: none; margin-top: 0; padding-top: 0;} .dash-carousel .aa-display-2 svg { vertical-align: -23%;} .dash-carousel p.aa-subhead { margin: -20px 0 0; font-size: 11px; text-indent: 20px;} .dash-carousel .owl-nav {bottom: -30px;top: auto;right: -10px;} .dash-carousel .owl-controls {position: relative;} #carousel__favorite-dealers .aa-group{margin: 5px;} #carousel__favorite-dealers .aa-group > p{display: none;} #carousel__favorite-dealers {padding-bottom: 20px;} .dash-buttons { margin: -15px 0 -20px; } .dash-carousel__views{padding-bottom: 30px;} } /*header { border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; transition: all .2s ease; } header:before, header:after, .dashboard-header:before { position: absolute; content: ''; width: 50%; height: 100%; top: 0; z-index:-1; } header:after{ right: 0; } header:before/*, .dashboard-header:before{ left: 0; } .dashboard-header { position: relative; margin: -6px auto 25px; } #aa-app-main.dashboard header, #aa-app-main.dashboard header:before{box-shadow: none; border-bottom-left-radius: 0;} #aa-app-main.dashboard header.on{box-shadow: 0 2px 2px rgba(0,0,0,.2);} .dashboard-header .dashboard-header-container{background: #009775; background: linear-gradient(to right, #009775, #3a332d 145%); } header:before, .dashboard-header:before { background: #009775;} header:after{ background: #3a332d; }*/ .dashboard-header .dashboard-header-container { padding-top: 10px; /*border-bottom-right-radius: 50px;*/ } .dashboard-header:before { /*border-bottom-left-radius: 50px;*/} .dashboard .counters .label {line-height: 12px;font-size: 11px;} .dashboard .counters .aa-display-2 {line-height: 42px;} .dash-ads { height: 40px; padding-top: 32px; } @media all and (max-width: 1200px) and (min-width: 800px) { .dash-carousel .figure { height: 130px; } } @media all and (min-width: 1400px) { .dash-carousel .figure { height: 165px; } } @media all and (min-width: 5000px) { /* hehe */ header .header-menu .wrapper, .dashboard-header .dashboard-header-container{ border-bottom-left-radius: 15px; } header.on, header.on:before, header.on:after { border-bottom-left-radius: 25px !important; border-bottom-right-radius: 25px !important;} header:before, .dashboard-header:before { border-bottom-left-radius: 50px; } header:after{ border-bottom-right-radius: 50px;} } img.dashboard-ad{padding: 0;} .boxed { display: block; background: #FFF; border-radius: 4px; padding: 5px;box-shadow: 0 8px 30px -5px rgba(0,0,0,.3); } .boxed.tag { display: inline-block; border-radius: 12px; margin: 4px; padding: 6px 8px; } .boxed.boxed-icon-link > .fa{ opacity: .35; margin: 0 4px; transition: all ease-out .1s } .boxed.boxed-icon-link:hover > .fa{ opacity: 1;transform: translateX(7px); } .entity-slider .owl-nav > div { margin-top: -3px !important; } .entity-slider .owl-nav .owl-prev { float: left;} .entity-slider .owl-nav .owl-next { float: right;} @media all and (max-width: 720px) { .dashboard-header{ margin: -15px -10px 0; padding-top: 0;} .dashboard.main-content h1.aa-display-1 {text-align: center; margin: 0;padding: 0 0 30px; color: #FFF;} } .chips{ display: inline-block; background: #DDD; font-size: 11px; color: #444; padding:5px 10px !important;border-radius: 50px; margin: 3px; line-height: 15px;} .chips:hover{ text-decoration: underline;} .chips i{color: #EEE;margin:-5px 10px -5px -10px;padding: 7px 0;border-radius: 50%;background: #999; background: rgba(0,0,0,.4);height: 11px;display: block;float: left;width: 25px;line-height: 12px;font-size: 13px; text-align: center;} .chips i.fa-times{cursor: pointer;} .chips i:hover{ background: #666;} .chips strong{ font-size: 1.2em; } .chips.bigger{ font-size: 1em !important; } .chips.smaller{ font-size: 0.6em !important; padding: 2px 7px !important; } .chips.smaller i{ font-size: 1.1em !important; padding: 4px; width: auto; margin: -2px 5px -5px -7px;} .chips.video{ background-color: red !important;color: #FFF !important; } .chips.services { background: #398b46; cursor: pointer; } .chips.services:hover{ text-decoration: none;} .chips.services i{font-size: 10px!important; } .services span.inform-c { color: white; } .service-container { display: inline-grid;width: 150px;margin: 0 10px; min-height: 100px; } .service-container .service-name { text-align: center; display: block; margin: 3px 0; } .service-container img { max-height: 50px; max-width: 120px; margin: 0 auto; display: block; } .service-container .service-saiba-mais { text-align: center; position: relative; float: left !important; width: 150px; bottom: 0; } .service-container .horizontal-separate { width: 1px; height: 70px; margin: 10% 0; background-color: #979494; position: absolute; top:0; } .service-container .left { text-align: center !important; } @media screen and (max-width:402px) { .service-container { margin: 12px 10px; } } @media screen and (max-width:1024px) { .service-container { margin: 12px 10px; } } @media screen and (min-width:1024px) { .service-container { margin: 12px 10px; } } .dshb-items {margin:0 10px;} .dshb-items > div > div{box-sizing: border-box;margin:5px;text-align:center;box-shadow: 0 1px 2px #CCC;border-radius:2px;} .dshb-items img{width: 24px;margin: 10px;} .dshb-items h3{font-size: 10px; padding: 5px; text-transform: uppercase;background-color: rgba(255,255,255,.1);} .dshb-items .count{display: block;padding: 10px 0;font-size: 28px;font-weight: bold;letter-spacing: -2px; line-height: 28px;} /* Overlay */ .loader-overlay, .overlay{ will-change: filter, opacity, transform; position: fixed;display: block;top: 0; left: 0; right: 0; bottom: 0; background: #111;background: rgba(0,0,0,.5); z-index: 99991;transform: scale(1); animation: loader-overlay-show 500ms ease forwards;background: radial-gradient(rgba(0,0,0,.75), rgba(0,0,0,.95));} .loader-overlay.closing, .overlay.closing{ will-change: filter, opacity, transform; -webkit-animation: loader-overlay-out 500ms ease forwards; -o-animation: loader-overlay-out 500ms ease forwards; animation: loader-overlay-out 500ms ease forwards;} .loader-overlay .icon{ position: absolute; left: 50%; top: 50%; margin: -16px 0 0 -32px;font-size: 14px; line-height: 100px; color: #FFF; font-weight: bolder; overflow: visible;} .loader{ position: relative; display: inline-block;border-radius: 50%; width: 4em;height: 4em; z-index: 0; border: 2px solid #DDD; border-left: 2px solid #AAA; animation: turn360 1.1s infinite linear;opacity: .7;vertical-align: middle;} .loader.loader-small{ width: 1.5em;height: 1.5em;} .loader.loader-medium{ width: 2.5em;height: 2.5em; } .loader-overlay .loader, .overlay > .loader{ position: absolute; top:0;bottom:0; left:0; right:0;margin:auto; } .overlay > .message{position: absolute;top: 50%;left: 0;right: 0;margin: -60px auto 0;width:500px;max-width: 94%;padding: 20px 0;color: #FFF;text-align: center;font-size: 1.5em;} .box-loader{display: block;background: #FFF url(/assets/img/loader.gif) no-repeat center center; height: 64px;width: 64px; margin: 0 auto; border-radius: 4px;background-size: 100% 100%;} .box-min-loader{display: inline-block;background: #FFF url(/assets/img/min-loader.gif) no-repeat center center; height: 16px;width: 16px; margin: 0 auto; border-radius: 6px;} img.bar-loader{display: block;width: 100%;height:3px;} /* General Forms */ form.form-1 .field{position: relative;display: block;margin: 0 0 20px;text-align: left;font-size: 10px;width: 100%;width: calc(100% - 14px);} form.form-1 .field i.input-loader{position: absolute;right: 3px;top: 2px;font-size: 16px;} form.form-1 .field .col4:not(.old-nav){width: calc(25% - 8px);margin-right: 8px;} form.form-1 .field .col5:not(.old-nav){width: calc(20% - 8px);margin-right: 8px;} form.form-1 .row > div:last-child > .field, form.form-1 .clearfix > .field, form.form-1 > .field{width: 100%;} form.form-1 .field .button, form.form-1 .field button{ width: 100%;} form.form-1 label{display: block;font-size: 14px;color: #555;} /*form.form-1 input[type=checkbox], form.form-1 input[type=radio]{vertical-align: middle;}*/ form.form-1 input[type=text], form.form-1 input[type=password], form.form-1 textarea{display:block;width:100%;} form.form-1 select, form.form-1 button{display:block;width:100%;} form.form-1 button{margin: 10px auto;} form.form-1 textarea{min-height: 48px} form.form-1 label.check{ display: inline-block;font-size: 12px; margin: 5px 10px 5px 0; } form.form-1 .selectable-field{display: inline-block;background: #f0f0f0;padding: 10px;border-radius:3px;border: 2px solid #e0e0e0;cursor: pointer;line-height: 12px;font-size: 12px;text-transform: uppercase;margin: 0 1px;} form.form-1 .selectable-field input {margin: 0 10px 0 5px; vertical-align: sub;} form.form-1 .selectable-field.checked{border-color: rgba(0,0,0,.2);color: #FFF;} .data-table {width: 100%;margin: 30px 0;font-size: 13px;text-align: left;border-collapse: collapse;} .data-table.min {margin: 0;} .data-table td, .data-table th{padding: 10px 5px;} .data-table.min td, .data-table.min th{padding: 5px;} .data-table th{text-transform: uppercase;} .data-table tr{border-bottom: 1px solid #f0f0f0;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;} .data-table tbody tr:hover{background: #f0f0f0;} .data-table tbody td a .fa{margin: 0 5px;} .data-table tr:last-child {border: none;} .search-filter{ position: relative; padding:10px 0 20px; -webkit-transition: top 0.1s; -moz-transition:top 0.1s; -o-transition:top 0.1s; transition:top 0.1s; -ms-overflow-style: none; height: calc(100vh - 100px); overflow-x: hidden; overflow-y: scroll; } .search-filter::-webkit-scrollbar { display: none; } .search-filter.mobile-show{ position: fixed;top: 0;left: 0;right: 0;bottom: 0;overflow-y: scroll;padding: 20px;background: #000;background: rgba(0,0,0,.8); height: auto; } .search-filter.mobile-show .md-sld-up > .aa-headline{color: #FFF;} .mobile-filter{position: fixed;bottom: 0;left: 0;right: 0;height: 36px;z-index: 10001;} .mobile-filter button{width: 100%;height: 36px;font-size: 16px;margin: 0;} .search-filter .aa-card .content{ position: relative;padding: 1px 15px 10px;} .search-filter .form-1 .field{ margin: 15px 0 0 0; } .category button , .category .button {font-size: 11px;margin: 0 !important;padding: 3px 0 !important; } .category button:focus, .category .button:focus{box-shadow: none;} .category button i, .category .button i{ margin: 0 0 3px;font-size: 20px; display: block;} .category [class*=col]{border-bottom: 2px solid transparent; transition: all 200ms;} .category [class*=col].selected{ border-bottom-color:#000; } .category [class*=col]:hover .button, .category [class*=col].selected .button{ box-shadow: inset 0 0 300px rgba(0,0,0,.1); } .category .button .fi{ display: block;width: 42px; margin: 0 auto 4px;background-repeat: no-repeat;background-position: center bottom; background-size: cover;height: 25px;} .category .button .fi-car{ background-image: url(/assets/img/f-car.svg); } .category .button .fi-motorcycle{ background-image: url(/assets/img/f-motorcycle.svg); } .category .button .fi-truck{ background-image: url(/assets/img/f-truck.svg); } .search-filter #filter-button{margin-bottom: 0;} .search-filter .form-1 .field .arrow-select{position: absolute;right: 0;top: 0;cursor: pointer;z-index: 1;background: #FFF;padding: 10px;border-radius: 50%;transition:all .2s;height: 8px;width: 8px;} .search-filter .form-1 .field:hover .arrow-select{background: #eaeaea;} .search-filter .field label{color: #111; font-size: 12px; position: relative;margin-bottom: -3px; margin-bottom: 1px;} .search-filter .title{position: relative;padding: 30px 5px 5px 20px;font-size: 19px;} .search-filter > img{display: block;margin: 50px auto;opacity: .2;} .search-filter .selectivity-search-input-container{padding-top: 5px;} .search-filter .fld-years .selectivity-search-input-container{display: none !important;} .search-filter .fld-years .col2{ position: relative;} .search-filter .selectivity-placeholder{font-size:13px;} .search-filter .message{margin:0;padding:1px;} .search-filter .aa-card{margin: 3px 0;} .search-filter .cards > .aa-card:first-of-type, .search-filter .cards > .aa-card:first-of-type .content{ border-radius: 12px 12px 0 0; } .search-filter .cards > .aa-card:last-of-type, .search-filter .cards > .aa-card:last-of-type .content{ border-radius: 0 0 12px 12px; } .search-filter .aa-check{padding: 4px 0;font-size: 12px;} .search-filter .aa-check > span{height: 11px;width: 11px;} .search-filter .aa-check span.checked:after{top: -4px;left: 0;} .search-filter #filter-compliments .field, .search-filter #filter-typeVehicle .field, .search-filter #filter-quotation .field{margin: 0 0 3px;width: 100%;border-bottom: 1px solid #f0f0f0; padding-bottom: 3px;} .search-filter label button.min{width: 35px;margin: -5px -5px 0 0;float: right;} .search-filter #filter-compliments button.toggle i, .search-filter #filter-typeVehicle button.toggle i{margin: 0;} .search-filter button.fab{display: inline-block;padding: 5px;width: 24px !important;height: 24px;margin:0 5px 0 0;} .search-filter button.fab .fa{font-size: 10px;} .search-filter .selectivity-results-container > [data-item-id]{ text-transform: uppercase; font-size: 12px; } .search-filter .sl-icon{ position: relative;display: inline-block; width: 24px; height: 24px; margin:-4px 6px -4px -4px; vertical-align: middle; opacity: .6; background: no-repeat center;} .search-filter .selectivity-multiple-selected-item .sl-icon{ display: none;} .search-filter #localizacao .open input, .search-filter #anunciantes .open input{ z-index: 9999; background: #FFF; padding: 12px !important; border: none; height: 35px; width: calc(100% + 1px) !important;} #s9y_yearMin, #s9y_yearMax, .search-filter .fld-prices input, .search-filter .fld-km input, .search-filter .fld-prices .selectivity-single-select{ width:calc(100% - 2px) !important;} #search-filter .selectivity-multiple-input, #search-filter .selectivity-single-select, #search-filter .fld-km input, #search-filter .fld-prices input {border-bottom-color: #DDD;} #search-filter .selectivity-placeholder {color: #828282;} #s9y_regioes .selectivity-multiple-selected-item {display: none !important;} #vehicles-search{padding: 5px 0;} .sf-close { position: absolute; top: 8px; right: 8px; width: 12px; height: 12px; background: #FFF; box-shadow: 0 2px 5px -2px #000; line-height: 10px !important; padding: 12px; border-radius: 50%; z-index: 1; } /* .lock-load{ position: absolute; display: block; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: rgba(255,255,255,.65); z-index: 99;overflow: hidden; border-radius: 12px;} */ .filter-sticky {position:sticky; top: calc(54px + 1px); } .filter-sticky.filter-no-scroll .search-filter{overflow: visible; height: auto;} /*.filter-scroller__loader.invisible { margin: 0;height: 0;overflow: hidden; border: none; } body.filter-scroller__enabled .filter-scroller { position: fixed; overflow: hidden; } body.filter-scroller__enabled .filter-scroller .fs__content { width: 100%; position: relative; padding-right:40px; height: 100%; overflow: hidden; overflow-y: scroll; } body.filter-scroller__enabled .filter-scroller .fs__scroll-bar { position: absolute; width: 3px; height: 90%; top: 5%; right: 0; background: rgba(0,0,0,.01);} body.filter-scroller__enabled .filter-scroller .fs__scroll-bar .bar{display: block;position: relative;top: 0;width: 100%;background: rgba(0,0,0,.2);height: 12%; border-radius: 2px; transition: top 100ms ease; opacity: 0.2;} body.filter-scroller__enabled .filter-scroller:hover .fs__scroll-bar .bar{opacity: 1;} body.filter-scroller__enabled .filter-scroller #search-filter{padding-bottom: 20px;margin: 0 5px 0 1px;}*/ @keyframes placeHolder-br-kf{ from { background-position: -468px 0 } to { background-position: 468px 0 } } .placeholder-brick, .search-filter .aa-card.lock-load .field > label, .search-filter .aa-card.lock-load .selectivity-multiple-input, .search-filter .aa-card.lock-load.checks .container , .search-filter .aa-card.lock-load input.mask, .search-filter .aa-card.lock-load .fld-years .selectivity-input { animation-duration: 1s;animation-fill-mode: forwards;animation-iteration-count: infinite;animation-name: placeHolder-br-kf;animation-timing-function: linear;background: #f6f7f8;background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);background-size: 800px 104px; display: block; height: 30px; border-radius: 2px; } .placeholder-brick.line { } .placeholder-brick.circle { } .placeholder-brick.label { margin-top: 25px; width: 70%; height: 15px; } .placeholder-brick.line-arrow { margin-top: 7px; } .placeholder-brick.line-arrow:before { content: ''; position: absolute; right: 15px; width: 0; height: 0; border: 6px solid transparent; border-bottom: none; border-top-color: #CCC; border-top-width: 6px; top: 0; bottom: 0; margin: auto;} .search-filter .aa-card.lock-load .field > label { font-size: 0; height: 14px; width: 70%; } .search-filter .aa-card.lock-load .arrow-select.fa-plus, .search-filter .aa-card.lock-load .field > label button, .search-filter .aa-card.lock-load .fld-years .selectivity-input .selectivity-placeholder, .search-filter .aa-card.lock-load .fld-years .selectivity-input .selectivity-caret { opacity: 0; } .search-filter .aa-card.lock-load .selectivity-multiple-input, .search-filter .aa-card.lock-load input.mask { font-size: 0; } /*width: calc(100% - 2px) !important*/ #vehicles-search label{padding-bottom:5px;} .selected-vehicle{position: relative;display: block;background: #EEE;user-select: none;border-radius:2px;padding: 4px 5px 4px 20px;margin:2px 0;font-size: 11px;} .selected-vehicle i{position: absolute;padding:5px;opacity: .6;top:50%;left:3px;height: 12px;width: 12px;margin-top: -11px;cursor:pointer;} .selected-vehicle .price, .selected-vehicle small{font-size: 10px;} .selected-vehicle .price{display: block;} .selected-vehicle.active{background: #000;color: #FFF;} .selected-vehicle:before{position:absolute;display:block;content:'';width:0;height:0;right:-6px;top:0;border:10px solid transparent;border-top-color:#EEE;border-left-color:#EEE;border-radius:2px;} .inform {background-color:#2969b0;color:#FFF;border-color: #15517c;} .inform:hover {background-color:#2c82c9;border-color: #15517c;} .danger {background-color:#ff3333 !important;color:#FFF !important;} .danger:hover {background-color:#eb330e;} .success{background-color:#7bbf62 !important;color:#FFF !important;} .success:hover{background-color:#60a945;} .warning{background-color:#F48E1A;color:#FFF;border-color: #df8f23;} .warning:hover{background-color:#F08A13;border-color: #d16d41;} .gray{background-color: #BBB;color: #FFF;border-color: #AAA;} .gray:hover{background-color:#AAA;border-color: #999;} .alert{background-color:#ffb400;} .alert:hover{background-color:#E2A511;} body .inform-c {color:#2969b0;} .inform-c:hover {color:#2c82c9;} body .danger-c {color:#f35839;} .danger-c:hover {color:#eb330e;} body .success-c{color:#7bbf62;} .success-c:hover{color:#60a945;} body .warning-c{color:#fba026;} .warning-c:hover{color:#f37934;} body .alert-c{color:#ffb400;} .alert-c:hover{color:#E2A511;} .change-vehicles{text-align: center;} .change-vehicles h3{font-size: 15px;text-transform:uppercase;letter-spacing:3px;color:#666;margin: 15px 0 0;} .change-vehicles a{display: inline-block;vertical-align: middle;width: 60px;padding: 5px;background: #FFF;border: 1px solid #DDD;border-radius:2px;margin: 0 -3px 5px;color: #666;} .change-vehicles a i{display:block;font-size: 18px;padding:5px 0 0;} .change-vehicles a span{font-size: 10px;} .change-vehicles a.selected:hover, .change-vehicles a.selected{background:#ffb400;color:#000;text-shadow:0 1px 0 rgba(255,255,255,.5);} .change-vehicles a:hover{background:#DDD;} .aa-ad{ position: relative;display: block; margin: 0 auto; box-sizing: border-box; } .aa-ad img{ display: block; width: 100%; max-height:200px;} header .aa-ad{ max-width: 65%; margin: 10px auto;} header .aa-ad img{max-height:68px;width: auto;max-width: 100%; border:1px solid #333;} .main-content{padding:0 0 0 20px;min-height: calc(100vh - 320px);} .main-content.data-content{padding:0 20px 0 0;} .col1 > .main-content{padding:0;} .main-content > h1.aa-display-1{ border-bottom:1px solid #f0f0f0; margin-bottom: 20px;} .bar-modal { position: relative; width: 90%; max-width: 700px; margin: 0 auto; box-shadow: 0 2px 12px -2px rgba(0,0,0,.3); } .bar-modal .aa-card{ border-radius: 5px; } .bar-modal .bar { width: 30%; float: left; } .bar-modal .bar .text { color: #FFF; } .bar-modal .bar .logo { display: block; width: 90%; margin: 24px auto;} .bar-modal .content { width: 70%; float: left; padding: 0 !important; min-height: 380px; border-radius: 0 5px 5px 0;} .bar-modal .car-icon{display: block;margin: 20px auto;width: 88px;height: 88px;background: url(/assets/img/icons/flat-modal-car.png) no-repeat center; background-size: contain;border-radius: 50%;} .bar-modal input.placeholding{opacity: .2;} .bar-modal input.input--full-large{text-align: center;} .bar-modal .input-prefix span.prefix{font-size: 24px;line-height: 30px;} .bar-modal .close{position: absolute;right: 15px;top: 15px;font-size: 24px;opacity: .4;cursor: pointer;} .bar-modal .close:hover{opacity: .8;} .bar-modal .confirm-code .fa{width: 48px;text-align: center;} .sending-sms [data-bindphone]{display: block;font-weight: bold;} @media screen and (max-width:1024px) { .bar-modal .bar, .bar-modal .content { width: 100%;float: none;} .bar-modal .content { border-radius: 0 0 5px 5px; } .bar-modal .bar .logo { width: 130px; padding: 0; margin: 12px auto; } .bar-modal .car-icon, .bar-modal .text {display: none;} .bar-modal .phone-steps {padding: 0;} .bar-modal .aa-display-2 {font-size: 24px;} .bar-modal input.input--full-large{font-size: 24px;text-align: right;} .bar-modal input[type=text].input-tile.large-tile{font-size: 32px;width: 32px;height: 48px;} .bar-modal .modal-circle-icon{margin-top: -32px !important;} .bar-modal .phone-ws-error .aa-display-2{margin: 0;padding: 0;} .confirm-code [data-bindphone]{display: block;} } /* Botão do chat VDP */ .chat { align-items: center; box-sizing: border-box; border: 1px solid #bbb; border-radius: 5px; display: inline-block; display: flexbox; display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; margin: 15px auto; padding: 15px 10px; user-select: none; width: 100%; } .chat__icon, .chat__text, .chat__button { box-sizing: border-box; display: block; float: left; padding-left: 5px; padding-right: 5px; width: 100%; } .chat__icon { flex: 0 0 25%; max-width: 25%; text-align: center; } .chat__icon > i { font-size: 30px; } .chat__text { font-size: .8em; font-weight: 600; line-height: 1.5; flex: 0 0 75%; max-width: 75%; text-align: left; text-transform: uppercase; } .chat__button { flex: 0 0 100%; max-width: 100%; text-align: center; } .chat__button .button { font-size: 0.8em; margin-top: 15px; line-height: 1.25; padding: 10px 5px; width: 100%; } @media all and (max-width: 720px) and (min-width: 420px) { .chat__icon { flex: 0 0 11.66666667%; max-width: 11.66666667%; } .chat__text { flex: 0 0 46.66666667%; max-width: 46.66666667%; } .chat__button { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .chat__button .button { margin-top: 0; } } @media all and (min-width: 992px) { .chat__icon { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .chat__text, .chat__button { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .chat__button .button { margin-top: 0; } } @media all and (min-width: 1360px) { .chat__icon { flex: 0 0 11.66666667%; max-width: 11.66666667%; } .chat__text { flex: 0 0 46.66666667%; max-width: 46.66666667%; } .chat__button { flex: 0 0 41.66666667%; max-width: 41.66666667%; } } @media all and (min-width: 1450px) { .chat__text { font-size: .85em; } .chat__button .button { font-size: .85em; } } /* Site Blindado */ .sslblindado-wrapper img {position:relative;z-index: 9999;margin-top:-30px;width:60px;} #sslblindado {width: auto !important; height: auto !important;} .survey-modal .jqi{ height: 400px !important; width: 560px; max-width: 90%; padding: 10px 25px; border: none; } .survey-modal .jqi .jqititle{ font-size: 32px; margin: 15px 0 10px; text-transform: uppercase; text-align: center; line-height: .9em;} .survey-modal .subtitle{ font-size:.5em;color: #222; text-transform: none; margin-top: 10px;} .survey-modal .jqifade { opacity: .74 !important;} .survey-modal .jqimessage { height: 300px !important; padding: 0 !important;} .survey-modal .survey-side { position: absolute; top: 0; left: 0; height: 424px;} .vehicle.simple-grid{ margin: 0 8px;box-shadow: none;} .vehicle.simple-grid .figure{ height: auto;} .vehicle.simple-grid .figure img{ opacity: 1;} .vehicle.simple-grid h3{overflow: hidden;height: 42px;} .vehicle.simple-grid .time{padding: 0;} .survey-modal .owl-carousel{ padding:0 20px; width: auto;} .survey-modal .owl-nav > div{display: block;position: absolute;height:40px;width:25px;font: normal normal normal 14px/1 FontAwesome; font-size: 0 !important;transition:all .3s ease;padding: 0 !important;margin: -40px 0 0 0 !important; opacity: .6; background: none !important; text-align: center; top: 50%; color: #666 !important;} .survey-modal .owl-nav > div:hover{ opacity: 1;} .survey-modal .owl-next{right: -10px;} .survey-modal .owl-next:before{ content: "\f054"; font-size: 36px; right: 0;} .survey-modal .owl-prev{left: -10px;} .survey-modal .owl-prev:after{ content: "\f053"; font-size: 36px; left: 0;} .snack-wrap { display: none; position: fixed; bottom: 90px; left: 50%; padding: 0; z-index: 10000; transform: translate(-50%, 0); } @media (max-width: 910px) { .snack-wrap { bottom: 110px; } } @media (max-width: 660px) { .snack-wrap { bottom: 120px; } } @media (max-width: 450px) { .snack-wrap { bottom: 130px; } } .snack-wrap.show { display: block;} .snackbar { display: block; border: #f2f2f2 1px solid; padding: 0; color: #fff; right: 0; bottom: -100px; z-index: 9; } .snackbar img{ display: block; z-index: 1;box-shadow:0 2px 2px rgba(0,0,0,.3); } .snackclose{ position: absolute; width: 16px; height: 16px; text-align: center; padding: 4px; border-radius: 50%; background: #FFF; z-index: 2; top: -10px; right: -10px; color: #000;box-shadow:0 2px 2px rgba(0,0,0,.3); } .snack-wrap .message{margin: 0; padding: 20px 22px;} .snack-wrap .message:before{display: none;} .aa-like{ display: inline-block; padding: 1px 47px 1px 1px; height: 35px; min-width: 16px; } .aa-like button.liked{ background: #ec836e; color: #FFF;} .aa-like.loading{ background: url(/assets/img/min-loader.gif) no-repeat center; opacity: .3;} .aa-like.loading button{ opacity: .2; } .aa-like button{ position: relative; height: 32px; box-shadow: inset 0 0 300px rgba(0,0,0,.1);} .aa-like button i.fa{font-size: 18px; margin: -3px 3px; vertical-align: -3%; text-indent: 0;} .aa-like button i:after{ content: ''; display: block; position: absolute; width: 100%; top: 5px; left: 0;} .aa-like .counter{ position: absolute;background: #FFF; top: 0; right: -46px; height: 8px; font-size: 13px; width: 36px; border:1px solid #DDD; box-shadow: 0 1px 3px rgba(0,0,0,.1); border-radius: 2px; padding:11px 0; color: #222;} .aa-like .counter:after, .aa-like .counter:before{ content: ''; display: block; position: absolute; top: 10px; border:6px solid transparent; border-left: 0; border-right-color: #DDD; left: -6px;} .aa-like .counter:after{left: -4px; border-right-color: #FFF;} .social-icons{display: block;text-align: right;} .social-icons *{vertical-align: middle;} .social-icons a {transition: all 0.1s;display: inline-block;margin: 0;padding: 0;width: 40px;height: 40px;background:transparent no-repeat center 0;text-indent: -5000px;text-align:left} .social-icons a:hover{background-position: 0 -40px;} .social-icons a.facebook{background-image: url(/assets/img/icons/facebook.png);} .social-icons a.facebook:hover {background-color: #3b5998 !important;} .social-icons a.googleplus{background-image: url(/assets/img/icons/googleplus.png);} .social-icons a.googleplus:hover {background-color: #d94a39 !important;} .social-icons a.twitter{background-image: url(/assets/img/icons/twitter.png);} .social-icons a.twitter:hover {background-color: #48c4d2 !important;} .social-icons a.linkedin{background-image: url(/assets/img/icons/linkedin.png);} .social-icons a.linkedin:hover {background-color: #3b5998 !important;} .social-icons a.skype{background-image: url(/assets/img/icons/skype.png);} .social-icons a.skype:hover {background-color: #18b7f1 !important;} .aa-check { position: relative;display: block; padding: 6px; font-size:13px; margin-bottom: 3px; overflow: hidden; user-select:none;} .aa-check > span{ position: relative; display: inline-block; height: 14px; width: 14px; margin-right: 5px; border:2px solid #ddd; border-radius:2px; vertical-align: -25%;} .aa-check{ outline: none;} .aa-check:active span:before{ content: ''; position: absolute; width: 28px; height: 28px; top: -7px; left: -7px; background: rgba(0,0,0,.08); border-radius: 50%;} .aa-check:hover span{ border-color: #CCC;} .aa-check span.checked:after{ position: absolute; left: 1px; top: -2px; font: normal normal normal 16px/1 FontAwesome; content: "\f00c";} .aa-check > input{ opacity: 0; position: absolute; top: 0; right:0; height: 1px; width: 1px;} .ad-interest{padding: 30px;} .ad-interest button { width: 90% } .ad-interest .aa-card {background-image: linear-gradient(135deg,rgba(0,0,0,.1),rgba(0,0,0,0));overflow: hidden;} .ad-interest .aa-card .content{border-radius: 0;} .ad-interest .aa-card .header {padding: 25px 0 45px;} .ad-interest .aa-card .header p{color: #fff;padding-top: 25px;text-align: center;text-transform: uppercase;font-size: 18px;font-weight: bolder;letter-spacing: 2px;} @media all and (min-width:1024px) { .ad-interest .left-card{margin: 60px -30px 0 auto;} } .ad-interest-text p {font-size: 16px;line-height: 1.5;padding: 10px 30px;text-align: center} .ad-interest .header{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANwAAAAoCAYAAACVWZSOAAAFFElEQVR4Ae3ZCUhU+wLH8TObloVojGIEKpIVGJr9M4MQsYKIUgiwyJCaBCJinKRCKxQSNfUvAQUYewUYlASxRixCC0tQUEBKCASx9h7PlqevsZk398vlBOdy5TaNc1b/X/h4RmfYBn+cc2a0VCqlWERR/JpKpbIsNTiVysKC8Fq5WIUcgwCChqMPxO9ESaSQxP8Nj3/oFg3i4DkVBZCLHIOQLgAf/NAfG95vohQSSBqOiwbfEYd3cvk1cQjrUIotqIWwQA02oQxFWIsANI8KYC2KUIZNqIGwQC22oBTrEILmUq4bXBCFKEUVhMNUoRzFyIMPmsv4kIdilDv4fS5FIYJqcNkVRBiV2A7hIrWoxHqsgc+hA1uD9ahELYSLbEclwgiqwWUuHxXQR+YJNahAGDnQdCHU4Agu4xYe4Tmm8Qn/wTekaFFH/I3n8AnTeI5HuIXLOIIahKDpchBGBWogPGI7KpCvBpceH8KogvCwRlzAPbxFHGYXx1vcwwU0QnhYFcLwqcH9XQAlqIbwoB1oxzheIQG7S+AVxtGOHRAeVI0SBJwyuNPowAm0oRUH0QiBShQjZNLQNmAbhAcdwjg+wul9xDgOQXjQNmwwaXghFKMSAo04iFa04QQ6cFrjR+dvOIlm1KMcq6FlwI8SDw/tDKaQhNtKYgpnPDy8EvihZWA1ylGPZpxEZ7r0wS3LcTRhI3LTuEcr9uilYx0u4h280jtcRJ1HLzWL07jHy8VGNOE4OjOnDy6LomiFQAE0g0JshfCgLryHV3uPLggP2opCaAYFEGhFFJ3ZoQ/ORG1ogPCodrzBSukN2iE8qgFt6DSLXzOvIDajBUfRhDL44fbC6MNtVGOlVI3b6EMYbs+PMjThKFqwGUGYkwkrPoc+jEIuYQARl575duEm5lOqedzELpeeySIYgFzCKPpwDp1OvaSM4QpGINMwgrPY66JPHj/gr6k+uOgTzb04+5v/o1cQc9rgejAMmaEY9kE40H48xj+neoz9EA60DzHIDA2jxwmD68YQZJZEHXSpuRMS35Beqm+Q2OmgS8coZJYModuOwXVjENIEw4igHsImEcwgs1QziEDYpB4RDEOaYBDdVgyuB4OQFujHYQgL7cFDJKFaXkk8xB4ICx1GP6QFBtGT7cHFcAnXIG0Qw24IE9WhH3NQZbc59KMOwkS7EYO0wTVcQmw5g+tCL0YgbTZg4tkuihmYm2oGURPPagOQNhtBL7rSHVwM3ejHKKTDRLN4b9eKF1BZ2wu0ZvFeLQrpMKPoRzdiSw3uPHoxDOlwvWiCyNABTCIBlT0lMIkDEBlqQi+kww2jF+d/Dm4Q0mWG0JzB92kTiMMZqeKYyOD7u2YMQbrMoKY/cKNRHIP4hRZMOn5oaniTaIH4hWMYhXQjfXCuFoFYQgeeIAGVO0rgCToglhCBBNTg7HQKAg24immo3N00rqIBAqcg7acGN4YJPMU8VN5qHk8xgTE1OPvcxUt8wcpI9QUvcVcNznzX8QCv8RkrO9VnvMYDXFeDW74x3MEUZhGHSrVUccxiCncwpgb3azdwH88wiwVkkkq1gFk8w33cgHQC35+rszYf8lGEMIp0hfBBpcp2KczhX7p/68evSMGyzBpcni5fV4BCFOgCsDuVKonPujn9+FW3AJg3uABCxueQgxACWGV4Ta5Bnm411gJqUCrPDPK/uv9hQRc3+IEkviOJH1hECj/TX0MplUplWWpwKpWF/QGp/XscpNPrbAAAAABJRU5ErkJggg==') repeat-x bottom center;} .group-welcome{ position: relative; width: 100%; padding:125px 0 0; margin: -110px 0 0; z-index: 2;background: #111; background-image: linear-gradient(to right, #333, #000);} .group-wrapper{ position: relative; } .round-background-after:after{ display: block; position: absolute; content: ''; bottom: -1px; width: 100%; height: 30px;background: #fafafa; border-radius: 30px 30px 0 0; } .group-welcome h1{ position: relative; line-height: 24px; color: #FFF; margin: 0; text-shadow:0 2px 7px #000; padding:15px 0 28px 200px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; min-height: 70px;} .group-welcome h1 small{display: block;font-size: .4em;} .group-welcome h1 .ratings-stars{display: block;font-size: 14px;} .group-welcome h1 .ratings-stars ul > li > a{text-shadow: none; color: #CCC !important; font-size: 10px; } .group-welcome h1 .ratings-stars ul > li { line-height: 13px;} .group-welcome h1 .ratings-stars ul { padding-bottom: 5px;} .group-welcome h1 .ratings-stars ul a > .fr { float: left; } .group-welcome h1 .ratings-stars ul a .ratings-stars { font-size: 11px; } .group-welcome h1 .ratings-stars ul a .ratings-stars i, .group-welcome h1 .ratings-stars ul a .ratings-stars .points { color: #AAA !important; } .group-welcome .suggestions h2{ padding-left: 10px; color: #FFF; font-size: 13px;} .group-welcome .owl-controls{ position: absolute; top: -15px; right: 0; margin: 0; } .group-home .owl-item .vehicle{ box-sizing: border-box; padding: 12px; background: #FFF; border-radius: 3px; box-shadow: 0 3px 8px -2px rgba(0,0,0,.3); margin: 7px 5px; border: none;} .group-home .owl-item .vehicle .figure{border-radius: 0;} .group-home .owl-item .vehicle .header{top: 9px; left: 10px;} .group-welcome .group-logo{position: absolute; display: block; width: 170px; left: 10px; top: 10px; z-index: 10;} .group-bars-colors { position: absolute; display: block; visibility: hidden; float: left; height: 64px; padding:0 10px; width: 48px; perspective: 30px; perspective-origin: 50% 100%; z-index: 2; top: 0; left: 180px; } .mobile-header .group-bars-colors { display: none;} .group-bars-colors .primary, .group-bars-colors .secondary{ display: block; float: left; width: 50%; position: relative; height: 100%;} .group-bars-colors .secondary{top: -1px;transform: skew(-13deg, -12deg) rotateX(-14deg) scale(0.8);transform-origin: 50% 100%;} .group-bars-colors .primary{bottom: -5px;transform: skew(-20deg, 44deg) rotateX(-13deg);transform-origin: 50% 100%;} .aa-flat-box div.jqi{padding: 0;} .mobile-header{ position: relative;z-index: 5; background: #fafafa; transition:all .2s ease; padding: 0 3px; margin: 0 -3px;} .mobile-header.is_stuck{ box-shadow: 0 12px 22px -18px rgba(0,0,0,.4);} .lower{text-transform: lowercase;} .upper{text-transform: uppercase;} .modal-circle-icon{margin: -80px auto 0 !important;font-size: 64px !important;padding: 30px;border-radius: 50%;color: #FFF;display: block !important;width: 64px;height: 64px;text-align: center;shape-outside: margin-box;} .tag-percent-value{position: absolute;background: #FFF url(/assets/img/icons/vr1-br.png) no-repeat center; background-size: 80% auto;top: 20px;right:10px;width: 32px;height: 22px;padding: 36px 0 0;z-index: 2; font-size: 13px;font-weight: bolder;letter-spacing: -1px;text-align: center; transform: rotate(12deg); border-radius: 6px 6px 3px 3px;box-shadow: 0 3px 10px -2px rgba(0,0,0,.8);} .tag-percent-value.tag-star{background: #FFF; padding: 4px 2px; z-index: 2; font-size: 11px; text-align: center; transform: rotate(12deg); border-radius: 0; height: 12px; width: 16px; letter-spacing: initial; top: 24px;} .tag-percent-value.tag-star:after, .tag-percent-value.tag-star:before{ content: ''; position: absolute; z-index: -1; top: 0; left: 0; height: 20px; width: 20px; background: #FFF; transform: rotate(30deg);} .tag-percent-value.tag-star:after { transform: rotate(-30deg); } #qtde-cotacoes-label.chips:hover{ text-decoration: none !important; } #cotacao-mensagem{margin: 6px 0 6px 0; text-align: center} /*.cotacao .header-search{display: none}*/ .obfuscated-price { display: inline-block; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAYCAYAAAAxkDmIAAAA/0lEQVR4Ae3RpVJoUQCF4Xtxd6u4S8K94JJ4AChowV0jUiHh7u6a0Tc69D3/ydhaM1/e8v/TNE3TNO37zLIsV/ABBsE4uALJJpu77IMnUAcOQT/YB4/Aj4AbsAG6wDUoNv3MwAqswAqswAqswAocAHbAHNgAU6DeZHOXM/AC3MEM6ABh4BB4gCTQBVbBLsgFvSYFVmAFVmAFVmAF/pmBA0E/uAdR4AHkgQxwB/ZAG2gCC2ADdIAEkAbWwQmYBROgwfTTAiuwAiuwAiuwAiuwffRsEA1CQBJwAdEgBRQDT1ALgkApqALDIALkgjjgD6qBs+l7B1ZgBVZgBVZgBVbgTze0zyYuisP2AAAAAElFTkSuQmCC') no-repeat center; background-size: cover; } .obfuscated-price.invert{ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAYCAQAAACbmfEDAAAA2UlEQVR42u3WL0tDYRjG4RUnuqJuiFkmyFBZE4aWJYuytA+gyWCSgYgYtIpVm2XM4B8EMaiosxv8SLbrKX6Cl+e+6jkcfm94OZVKLpcrZZP8csIZr6wSe+SbPk8cE2+MmfnHO7cMeKNLBmdwBhcdPMcd18RHLtgl9sIPU1xyyAJxHNOsEHFD7tngiAzO4AwuOrhO3KCfNPlik3U+eOCAfW6Io4xDaNFmxDNXnLNHBmdwBhcdHOuwxDxxb1aJ59aIX7waPRpssc0pi8Q9vMwsO0yQwRmcwcUF/wEFtSqI4xzEdgAAAABJRU5ErkJggg=='); } .side-box .obfuscated-price { width:125px; height: 25px; vertical-align: bottom; } .vehicle .value .obfuscated-price { width: 75px; height: 15px; } .scrollable-text{position: relative;padding: 10px;border: 1px solid #f0f0f0;margin: 20px 0;height: 80%; max-height: 600px; overflow: hidden; overflow-y: scroll;} .clean-impromptu .jqifade + .jqi{ background-color: transparent; border: none; } .clean-impromptu .jqifade + .jqi .jqistate{ background-color: transparent; border: none; } .clean-impromptu .jqifade + .jqi .jqistate .lead{ display: none; } .clean-impromptu .jqifade + .jqi .jqistate .jqimessage{ border: none; } .clean-impromptu .jqifade + .jqi .jqiclose{ font-size: 32px; } .iframe-load.loader{ position: absolute; left: 0; right: 0; margin: 80px auto 0; width: 84px;height: 84px; z-index: 0; border-color: #BBB; border-top-color: #FFF; border-width: 4px; } .iframe-load + iframe{ position: relative; z-index: 2; } .vr-icon{ display: flex; justify-content: center; align-items: center; } .vr-icon img{ height: 24px !important; width: auto !important; } .aa-welcome-animation {position: relative; display: block; width: 80%; height: 350px; overflow: hidden; margin: 0 auto; transform: scale(0.99);} .aa-welcome-animation * {will-change: auto;} .aa-welcome-animation .layer{position: absolute; } .aa-welcome-animation .sun { top: 10%; left: 60%; transform: translateX(-50%); background: url(/assets/img/road/sun.svg) no-repeat top; background-size: contain; width: 100px; height: 100px; animation: turn360 infinite 20s linear; } .aa-welcome-animation .clouds { top: 10%; left: 0; background: url(/assets/img/road/clouds.svg) repeat-x 0 center; background-size: auto 90%; width: 100%; height: 60%; animation: go-to-left infinite 80s linear; } .aa-welcome-animation .road { top: 40%; left: 0; background: url(/assets/img/road/road.svg) repeat-x 0 center; background-size: auto 90%; width: 100%; height: 60%; animation: go-to-left infinite 15s linear;} .aa-welcome-animation .car { bottom: 3px; left: 0; right: 0; margin: 0 auto; background: url(/assets/img/road/car.svg) no-repeat center; background-size: cover; width: 300px; height: 120px; transform: translate3d(0, 0, 0); animation: shake infinite 5s linear;} .aa-welcome-animation .car .wheels {width: 220px; bottom: 3px; left: 40px; transform: translate3d(0, 0, 0); animation: shake infinite 3s linear;} .aa-welcome-animation .car .wheel {display: block; width: 50px; height: 50px; background: url(/assets/img/road/wheel.svg) no-repeat center; background-size: cover; transform: translate3d(0, 0, 0); animation: turn360 infinite .5s linear;} @keyframes go-to-left { from { background-position: 0 0; } to { background-position: 400% 0;} } @keyframes shake { 10%, 90% { transform: translate3d(0, -1px, 0); } 20%, 80% { transform: translate3d(0, 1px, 0); } 30%, 50%, 70% { transform: translate3d(0, -1px, 0); } 40%, 60% { transform: translate3d(0, 1px, 0); } } .aa-alert { border: 2px solid #AAA; color: #AAA; border-radius: 12px; padding: 15px; margin: 5px 0;} .aa-alert legend { color: #FFF; padding: 0 10px; font-weight: bold; font-size: 14px; margin-bottom: -7px; } .aa-alert.aa-alert-highlight { border: 3px solid #FFF; } .aa-alert.aa-alert-highlight legend { font-size: 16px; } .aa-alert.aa-alert-placeholder legend { border: 1px solid #666; color: #666; text-align: center;} .aa-alert .field { margin: 0 !important; } .aa-alert .selectivity-single-select { border: none; padding: 0; font-size: 14px; margin-top: -7px;} .aa-alert .selectivity-placeholder { color: #333; } .aa-alert .selectivity-single-result-container { padding-left: 12px; } .aa-alert .selectivity-dropdown { width: 100%; } .aa-alert .alert-attributes .selectivity-result-label, .aa-alert .alert-attributes .selectivity-result-item { font-weight: normal; } .aa-alert .alert-attributes .button > input{position: relative; font-weight: bold; text-transform: uppercase; margin: -8px 0 -7px; border: 0; padding: 0 10px;} .aa-alert .alert-attributes .button > input::placeholder {text-align: left;} .aa-alert .chips { background: rgba(255,255,255,.3); color: #FFF; margin: 1px 3px; } .aa-alert .field.button.white { padding: 10px 0;} #preferences-modal { display: block; position: relative; max-width: 700px; width: 90%; margin: 0 auto; } #preferences-modal button[id].white{ width: 70%; margin: 20px auto 0; display: block; } #preferences-modal .owl-theme .owl-dots .owl-dot span { background: none; border: 2px solid #FFF; } #preferences-modal .owl-theme .owl-dots .owl-dot.active span{ background: #FFF; } #preferences-modal .list-preferences { max-height: 250px; overflow-y: auto; padding: 0 20px 30px; } #preferences-modal .list-preferences:after { position: absolute; bottom: 0; content: ''; width: 100%;height: 50px; background: linear-gradient(to bottom, rgba(25,25,25,0), rgb(34,34,34)); right: 0; } #preferences-modal .headline p, #preferences-modal .headline h3{ color: #FFF; } #modal-aa-preferences-modal {background: radial-gradient(rgba(25,25,25,.9), rgb(25,25,25));} .pref-modal-close { position: fixed; right: 15px; top: 15px; } #followcar-content p {background-color: rgba(255,255,255,0.07);padding: 15px 20px 0 20px;margin: 0;overflow-y: scroll;height: 90px;} @media screen and (max-width: 720px) { #preferences-modal button[id].white{ width: 100%;} } .vehicle-card { position: relative; box-shadow: 0 0 1px 1px #DDD; border-radius: 8px; overflow: hidden; } .vehicle-card a img { display: block; max-width: 250px; margin: 0 auto; box-shadow: 0 0 1px 1px #fafafa; } .vehicle-card .ad-price { position: relative; background: #fafafa; box-shadow: 0 0 1px 1px #EEE; margin: -15px -15px 0 0} .vehicle-card .ad-actions { border-right:1px solid #fafafa; margin: 0 0 -15px 0; } .vehicle-card .ad-right-actions { position: absolute; top: 0; right: 0; z-index: 1; width: 30px; } .vehicle-card .ad-right-actions .button, .vehicle-card .ad-right-actions button { padding: 6px !important; } .vehicle-card .ad-plate { position: relative; float: left; padding: 2px 4px; background: #000; font-size: 9px; font-weight: bold; color: #FFF; margin-top: -14px; height: 10px;} @media screen and (max-width: 800px) { .vehicle-card .content{ padding: 8px; } .vehicle-card .col3.aa-text-plain{ margin-top: -4px; } .vehicle-card .ad-price, .vehicle-card .ad-actions, .vehicle-card .ad-timer { margin: 0 -8px; padding-right: 15px; padding-left: 15px; } .vehicle-card .ad-price .aa-headline{ font-size: 17px; line-height: 24px; } .aa-title-select { border:2px solid #009775 !important; background: #FFF; border-radius: 6px; margin:6px 0; padding: 5px 10px; font-size: 14px !important; } .vehicle-card-finished .content { padding-bottom: 0; } } @media screen and (min-width: 800px) { .menu-avaliacoes .popover-content.popover-menu { background: none; box-shadow:none; position: static;transform:none; opacity: 1; } } @media all and (max-width: 480px) { .wk-moz { width: 100%; } .preferences-modal-content { height: 100vh; overflow-y: auto; } .pref-modal-close { z-index: 99; } .aa-alert .selectivity-single-select { text-align: center; } .aa-alert.aa-alert-highlight .field, .aa-alert.aa-alert-highlight .field .button, .aa-alert.aa-alert-highlight .btn-add { width: 100% !important; } .aa-alert.aa-alert-highlight .field:not(.row), .aa-alert.aa-alert-highlight .field .button { margin-bottom: 10px !important; } .aa-alert.aa-alert-highlight .btn-add { line-height: 18px; margin-top: 0; } .aa-alert.aa-alert-highlight .col5, .aa-alert.aa-alert-highlight .col5-1, .aa-alert.aa-alert-highlight .col5-1 .col2 { width: 100% } .selectivity-dropdown { min-width: max-content; width: 100%; } .selectivity-results-container { max-height: 300px; overflow-y: auto; } } /* Pages */ .dashboard .notification-wrapper, body.avaliacao .notification-wrapper { display: none; } .ratings-widget { margin-left: 10px; padding-left: 10px;border-left: 1px solid #eaeaea;} .ratings-widget .question {border-bottom: 1px solid #eaeaea;margin: 0;padding: 6px 0;} .ratings-widget .question:last-child {border: none;} .ratings-widget .question i {color: #CCC;} .ratings-widget .question i:hover, .ratings-widget .question i.hover, .ratings-widget .question i.selected {color: #009775;text-shadow: -1px -1px 1px #FFF, 1px 1px 1px #FFF, -1px 1px 1px #FFF, 1px -1px 1px #FFF; cursor: pointer;} .reviews .dealer { margin-top: 10px; } .reviews .dealer img { display: inline-block; width: 80px; vertical-align: -30%; } .ratings-widget .last-question {overflow: hidden;height: 0;transition: height .1s ease;padding: 0;margin-top: 5px;} .ratings-widget .last-question textarea{border: 1px solid #eaeaea;border-radius: 3px;} .ratings-stars * {opacity: 1 !important;} .ratings-stars i {margin: 0 2px 0 0 !important;} .ratings-stars .points {font-size: .9em;} .ratings-stars small {display: inline-block !important; font-size: .85em !important;margin-left: 1px;} .ratings-stars.open-details.closed ul {display: none;} @media all and (max-width: 1024px){ .ratings-widget { margin-left: 0; padding-left: 0; border-left: none;} } /* Media Queries */ /* Medium columns 8 */ @media all and (min-width: 721px) and (max-width: 1024px){ .md-hide{display: none !important;} .md-show{display: inline-block !important;} .md-show.hidden{display: none !important;} .row > .col-m1, .row > .col-m2, .row > .col-m3, .row > .col-m4, .row > .col-m5, .row > .col-m6, .row > .col-m7, .row > .col-m8{ float: left;} .row > .col-m1{width: 12.5%;} .row > .col-m2{width: 25%;} .row > .col-m3{width: 37.5%;} .row > .col-m4{width: 50%;} .row > .col-m5{width: 62.5%;} .row > .col-m6{width: 75%;} .row > .col-m7{width: 87.5%;} .row > .col-m8{width: 100%;} } /* Small columns 4 */ @media all and (max-width: 720px){ .sm-hide{display: none !important;} .sm-show{display: inline-block !important;} .sm-show-block{display: block !important;} /*.sm-show.hidden{display: none !important;}*/ body .row > .col-s1, body .row > .col-s2, body .row > .col-s3, body .row > .col-s4{ float: left;} body .row > .col-s1{width: 25%;} body .row > .col-s2{width: 50%;} body .row > .col-s3{width: 75%;} body .row > .col-s4{width: 100%;} } @media all and (max-width: 1024px) { .header-menu .col2{width: 100%;} .aa-card .title .counter, .aa-card .title .info{display: none;} .aa-card .title .col3{width: 50%;} header .mobile{display: block;} header.on .header-logo{top:-70px;} .vehicle-avaliacao .col4, .vehicle-avaliacao .col4-1{width: 100%;} .header-search{width: 80% !important;} .header-search input{width:100%;background: none; color: #FFF; border-bottom-color: #666;border-bottom-color: rgba(255,255,255,.5);} .header-search button{margin-right:-10px;width:40px;padding: 0;} .header-search button i{margin: 0;color: inherit;} .header-search button span{display: none;} .header-search button .hidden{display:block !important;text-align: center; text-indent: 0; margin: 0;color: #222;} .header-search .search-icon{margin-left: 10px; color: #666;} .aa-groups-full-view > .view{width: 25%;} .vehicles-list .vehicle .actions{ display: none;} header ul.menu{display: none;} header ul.menu.show{display: block;} header ul.menu li{float: none !important;} .header-search input:focus + button{background: #FFF;border-radius: 2px;} .vehicle-modal.vehicle .info{ padding: 0; } .vehicle-modal.vehicle .info .title, .vehicle-modal.vehicle .info .basics{ padding: 7px 0 3px 115px; } .vehicle-modal.vehicle .header{ width: 105px; } .scrollable-text { height: 65%; } .stripped-list>li .row span { margin: 3px auto; right: 0; left: 0; float: none; } #aa-cvs-products-container {margin: -10px -10px 0;} } @media all and (max-width: 1024px) and (min-width: 721px) { header ul.menu{position: absolute;width: 250px;background: #333;padding:0 20px;box-shadow: 0 2px 3px rgba(0,0,0,.5);cursor: default;margin-right:0;top:55px;right:0;} } #aa-app-main .header_menu-submenu li a img { position: relative; transform: translate(-2px, 5px); width: 18px } .menu-angle-icon-mobile { border: 0 !important; color: #fff !important; display: none !important; float: right; } @media all and (max-width: 720px) { body{ padding-top:90px; } header.default-header{ margin-top: -60px !important; } header .header-logo{ display: none; } header .header-logo.show{ position: fixed;z-index: 998; width: 100%; left:0; top: 60px; } header .header-logo img{ height: auto; width: 200px; margin:0 auto;} header .user > a.user-action, header .user > .popover{position: relative;display: block;float: left;width: 33.3%;text-align: center;text-transform: uppercase;font-weight: bold;} header .user{ position: fixed; display: none;bottom: 0; right: 0; width: 100%; z-index: 998;padding: 12px 0;} nav ul.menu > li a i{ position: relative; display: inline-block;padding:8px;border:1px solid; color: #ffb400;border-radius:50%;font-size:14px;width:18px;height:18px;text-align:center;line-height:19px;vertical-align:middle; opacity: .6; margin:0 20px 0 -50px;} #aa-app-main nav ul.menu > li a{ height: auto; padding: 5px 0 0;text-transform: uppercase; border-bottom:1px solid #333; left: 50px; margin:10px 0;} #aa-app-main .header_menu-submenu { display: block !important; max-height: 0px; overflow: hidden; padding-left: 32px; } #aa-app-main .header_menu-submenu.actived { max-height: 100%; overflow: visible; } #aa-app-main .header_menu-submenu li a i{ padding: 0; border:0; font-size: 18px; } #aa-app-main .header_menu-submenu li a img { left: 0; position: absolute; top: 50%; transform: translate(-40px, -50%); width: 25px } #aa-app-main header > .wrapper{min-height: initial;} header nav ul.menu{ position: fixed; background: url("/assets/img/bg-menu.jpg") no-repeat center; -webkit-background-size: cover; background-size: cover; width: 100%; height: 100%; top: 0; left: 0; z-index: 997; box-sizing: border-box; padding: 160px 0 36px 80px; overflow-y: auto; transition: opacity 0.3s ease;} #aa-app-main header nav ul.menu{opacity: 0;} header .mobile.cross .menu-icon{transform: rotate(-45deg);} header .mobile.cross .menu-icon:after{ width: 2px; height: 24px; top: -11px; left: 11px;} header .mobile.cross .menu-icon:before{ display: none;} .show{ display: block !important; } .menu-angle-icon-mobile { display: block !important; } .menu-angle-icon-mobile.opened { transform: rotate(180deg); } .header_menu-submenu a { font-size: 16px; line-height: 3 !important; margin: 0 !important; padding: 0 0 5px !important; } .header_menu-submenu a i { font-size: 26px !important; font-weight: 400 !important; } /* #language-selector {position: fixed; top: 15px; left: 10px; } #language-selector .current {border: none;} */ .header-search input{ padding-left: 3px; } .header-search input:focus + button + i{ opacity: 0;} .wrapper{padding: 0 10px;width: auto;} .row.wrapper{margin: 0 auto;} .section-features{position: relative;margin: 0 -10px;} .aa-card.avaliacao .title, .aa-group .uf{display: none !important;} .aa-card{margin-left:0;margin-right: 0;} .vehicle-avaliacao h1 small{display: block;} #vehicle-prices{position: fixed; bottom: 0; width: 100%; z-index: 999; left: 0;} .side-box .aa-display-1, .vehicle-timer p{ font-size: 16px; margin-top: 3px; line-height: normal;padding: 0;} .vehicle-timer .content{ background: #222;} .side-box .aa-card .content{ padding:15px 10px;} .side-box .label-actions{ font-size: 10px; color: #666;} .photos .thumb-gallery .owl-item img{margin:0;width:100%;border-radius:0;} .pagination li a{margin: 0 1px;} .vehicle-tabs{ padding: 0;} .mobile-header {background: #fafafa;} .mobile-header h1 {font-size: 18px;} .mobile-header h1 svg{display: none;} .mobile-header .group-bars-colors{ display: block; visibility: visible; } .group-bars-colors{ position: fixed;height: 10px;top: 52px;width: 100%;left: 0;} .group-bars-colors > span{position: absolute;display: block; height: 7px; width: 3px;top: -7px;left: 0;} .vehicle-wrapper{width: 50%;} .vehicles-list .title {padding: 0;} .vehicles-list .title h3{font-size: 10px;margin: 4px 0 1px;font-style: italic;} .vehicles-list .title h3 strong{float: left;margin-right: 6px;font-style: normal;font-size: 1.4em;} .vehicles-list .version{height: 12px !important;} .vehicles-list .time{width: 100%;} .create-package .vehicle-wrapper{width:33.333%;} .vehicle-list .time, .vehicle-list .value p{font-size: 14px;text-align: right;} .vehicle-list .time{text-align: left;} .vehicles-list .info{box-sizing: border-box;padding: 0 0 0 115px;margin: 0;width: 100%;} .vehicles-list .vehicle{margin: 12px 0;background: none;box-shadow: none;padding: 0 0 10px;border-bottom: 1px solid #EEE;border-radius: 0;} .vehicles-list .basics .item{width:auto;opacity: .5; font-size: 11px; margin-right:10px; padding:1px 0;} .vehicles-list .basics .item i{margin:0 5px 0 0;font-size: 12px;color: #333;} .vehicle.min{margin: 5px 0;} .vehicle .figure .chips-container {top: 0;right: 0;left: auto;z-index: 1;} .vehicle .figure .chips-container .chips {margin: 0;border-radius: 0;text-transform: uppercase;display: block;padding: 2px 2px 0 2px!important;font-size: 7px;letter-spacing: 1px;line-height: normal;} .vehicles-list .vehicle .time, .vehicles-list .vehicle .value p{font-size: 13px;} .vehicles-list .vehicle .time{ text-align: left;} .vehicles-list .vehicle .value p{ text-align: right;} .vehicle .anunciante, .vehicles-list .vehicle-wrapper:before, .vehicle .seller{display: none;} .vehicles-list .vehicle-wrapper{margin:0;} .favorite{background:none;box-shadow:none;} .vehicles-list .header{position: absolute;width:105px;left: 0;top: 0; height: 75px;} .vehicles-list .header .bottom-info{max-width: 90px;} .vehicle .price{padding: 2px 5px 2px 32px;top: 0px;} .vehicle .price .currency{bottom: 2px;} .vehicle .basics{padding-bottom: 0;} #s9y_marcas, #s9y_modelos{width: calc(100% - 2px);} #armored_website{display: block;width: 100% !important;background: #FFF;text-align: center;height: 28px !important;padding: 5px 0;} #armored_website img{width: 100px;} .main-content {padding:0;min-height: calc(100vh - 220px);} .main-content.data-content, ul.controls{padding: 0;} .main-content > h1, .main-content > p, .section-header h1, .section-header p{padding: 0;} .section-header h1, body .aa-display-1{font-size:17px;} /*.vehicle-avaliacao .section-header .offer{position:absolute;bottom:2px;opacity:.3;text-align:right; right: 10px; width: 50%;} .vehicle-avaliacao .section-header .offer p{display:inline;}*/ .vehicle-avaliacao .section-header{ margin:0; padding: 10px 0;} .section-features .stripped-list {margin:10px;} .vehicle-avaliacao h1 .version{ display: block;font-size: .6em; margin-bottom: 5px; opacity: .75;} .photos .owl-stage-outer.owl-height{ min-height:200px;max-height:450px;} ul.controls .selectivity-input{ margin: 0; border-bottom:1px solid #DDD; padding: 2px; width: 32px; float: left; } ul.controls .package{ border:1px solid #DDD; border-radius: 3px; } ul.controls .selectivity-input .selectivity-single-select{ border: none;} ul.controls .selectivity-dropdown{ min-width: 120px; right: 0; left:auto !important;} ul.controls .selectivity-single-result-container{ display: none;} ul.controls .selectivity-caret{right: 12px; top: 7px;} ul.controls .selectivity-caret:before{content: "\f0dc";} ul.controls .reorder{ width: auto;} #vehicles > .clearfix{margin: 0;} .aa-group.side img{display: block;width: 50%;margin: 0 auto;} .aa-group.side{box-shadow:none;border: none;margin: 0;} .aa-groups-full-view img, .dashboard #gmaps, .aa-group .view.button.light, .aa-group .offers{ display: none;} .aa-groups-full-view .view{ display: block;width: 100%; padding: 0; border: none;} .entity-slider .aa-group{text-align: left; box-shadow: none; background: none; border: none; } .entity-slider .aa-group .corner-action.favorite{display: none;} .aa-group .title, .aa-group:before{ display: none;} .aa-group > p{ padding:15px 40px 15px 0;margin-left: 30px;} .icon-group{ position: absolute; width: 14px; height: 8px; text-align: center; padding: 3px 0; border-radius: 50%; color: #FFF; margin: auto; font-weight: bold; font-size: 8px; left: -26px; top: 0; bottom: 0; } .aa-group .q { font-size: 10px;} .aa-group .navl {font-weight: bold; font-size: 11px;} .uf-modal > .jqi { padding: 10px 0; } .uf-modal .aa-group p { border-top: none; } .uf-modal .aa-group .q.hidden.sm-show, .uf-modal .navl { display: none !important; } .send-valuation{ width: 65%; float: left;} .send-buy-request.full, .send-valuation.full{ width: 100%; padding-right: 0;} .send-buy-request{ width: 35%; float: right;margin-top: -115px;box-shadow: none;} .side-box .aa-card{background: #FFF;} .send-buy-request button{ padding: 12px 0;height: 67px; line-height: 1.25em;} .send-buy-request button .price{ font-size: .85em; opacity: .9; width: 100%;} .send-buy-request button strong{ display: block; padding: 10px 0 5px;} .aa-like{ position: absolute; top: -60px; right: 10px; transform: scale(0.8) translateX(17px);} .jqibuttons #comprar .price{ display: none !important;} .menu-avaliacoes > .clearfix.pb-lg.mb-lg{padding: 0;margin: 0;border: none;} .menu-avaliacoes{padding-bottom: 10px;border-bottom: 1px solid #CCC;margin-bottom: 10px;} form.form-1 .row > .col-s4 > .field, form.form-1 .row > .col-s2:nth-child(even) .field{width: 100%;margin-right: 0;} form.form-1 button{margin: 6px auto;} .message{padding: 8px;} .message:before{top: 3px;right: 3px;} .message p{font-size: 10px;} .vehicle-min-price .label-actions{padding-top: 6px;text-align: center;} .vehicle-min-price .aa-display-1{text-align: right;} .side-box button.plus-value {padding-top: 8px;margin-top: 4px;} .side-box button.plus-value i{top: auto;bottom: -10px; margin-left: -5px;padding: 1px;font-size: 8px;} .dashboard.main-content h1.aa-display-1 br { display: none; } .filter-sticky { z-index: 99993; } .preferences-modal-content { height: 100vh; overflow-y: auto; } .pref-modal-close { z-index: 99; } .aa-alert.aa-alert-highlight .btn-add { margin-top: 0; } .aa-alert .selectivity-results-container { max-height: 300px; } .aa-alert #btn-add-attr { position: absolute; top: 46px; right: 0; } .alert-attributes .field.button.white { margin-top: 10px !important; } #preferences-modal .list-preferences { padding: 0; } form.form-1 .selectable-field { padding: 6px; } } @media all and (max-width: 480px) { .aa-alert #btn-add-attr { position: relative; top: 0; } } .flashes{-moz-animation:flahes 1s linear 1; -o-animation: flahes 1s linear 1;animation: flahes 1s linear 1;} @-moz-keyframes flahes {20%{ opacity: 1; } 40%{ opacity: 0; } 60%{ opacity: 1; } 80%{ opacity: 0; } 100%{ opacity: 1; } } @-o-keyframes flahes {20%{ opacity: 1; } 40%{ opacity: 0; } 60%{ opacity: 1; } 80%{ opacity: 0; } 100%{ opacity: 1; } } @-ms-keyframes flahes {20%{ opacity: 1; } 40%{ opacity: 0; } 60%{ opacity: 1; } 80%{ opacity: 0; } 100%{ opacity: 1; } } @keyframes flahes {20%{ opacity: 1; } 40%{ opacity: 0; } 60%{ opacity: 1; } 80%{ opacity: 0; } 100%{ opacity: 1; } } .md-sld-up{-o-animation: md-sld-up .5s 1 ease-in-out;animation: md-sld-up .5s 1 ease-in-out;animation-delay: .1s} .md-sld-down{-o-animation: md-sld-up .5s ease-in-out reverse forwards;animation: md-sld-up .5s ease-in-out reverse forwards;} .md-sld-up-2{-o-animation: md-sld-up 1.8s 1 ease-in-out;animation: md-sld-up 2s 1 ease-in-out;overflow: hidden;} @-o-keyframes md-sld-up { 0% {transform: translateY(30px);opacity: 0;} 75%{opacity: 1;} /*98% {transform: translateY(-3px);}*/ 100% {transform: translateY(0);} } @-moz-keyframes md-sld-up { 0% {transform: translateY(30px);opacity: 0;} 75%{opacity: 1;} /*98% {transform: translateY(-3px);}*/ 100% {transform: translateY(0);}} @keyframes md-sld-up { 0% {transform: translateY(30px);opacity: 0;} 75%{opacity: 1;} /*98% {transform: translateY(-3px);}*/ 100% {transform: translateY(0);}} @keyframes pralapraca{15%{transform:translateX(-5px);}45%{transform:translateX(8px);}65%{transform:translateX(-8px);}85%{transform:translateX(4px);}100%{transform:none;}} @-webkit-keyframes pralapraca{15%{-webkit-transform:translateX(-5px);}45%{-webkit-transform:translateX(8px);}65%{-webkit-transform:translateX(-8px);}85%{-webkit-transform:translateX(4px);}100%{-webkit-transform:none;}} @font-face {font-family: 'aa-icon';src:url('/assets/fonts/aa-icon/aa-icon.eot');src:url('/assets/fonts/aa-icon/aa-icon.eot#iefix') format('embedded-opentype'),url('/assets/fonts/aa-icon/aa-icon.ttf') format('truetype'),url('/assets/fonts/aa-icon/aa-icon.woff') format('woff'),url('/assets/fonts/aa-icon/aa-icon.svg#aa-icon') format('svg');font-weight: normal;font-style: normal;}[class^="aa-icon-"], .aa-icon {font-family: 'aa-icon' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.aa-icon-barrette:before {content: "\e929";}.aa-icon-buoy-2:before {content: "\e925";}.aa-icon-buoy:before {content: "\e926";}.aa-icon-car-relic:before {content: "\e927";}.aa-icon-star:before {content: "\e928";}.aa-icon-time:before {content: "\e924";}.aa-icon-quotes3:before {content: "\e923";}.aa-icon-author:before {content: "\e921";}.aa-icon-date:before {content: "\e922";}.aa-icon-grid:before {content: "\e91f";}.aa-icon-list:before {content: "\e920";}.aa-icon-load2:before {content: "\e91a";}.aa-icon-load1:before {content: "\e91b";}.aa-icon-transmission_fill:before {content: "\e91c";}.aa-icon-drive_2:before {content: "\e91d";}.aa-icon-engine_fill:before {content: "\e91e";}.aa-icon-add_car:before {content: "\e914";}.aa-icon-air_conditioning:before {content: "\e915";}.aa-icon-auto_electric:before {content: "\e916";}.aa-icon-brake:before {content: "\e917";}.aa-icon-oil-add:before {content: "\e918";}.aa-icon-Tire_Wheel:before {content: "\e919";}.aa-icon-calculator:before {content: "\e90f";}.aa-icon-added:before {content: "\e910";}.aa-icon-add:before {content: "\e912";}.aa-icon-remove:before {content: "\e913";}.aa-icon-delete:before {content: "\e90d";}.aa-icon-share:before {content: "\e90e";}.aa-icon-brochure:before {content: "\e911";}.aa-icon-mail:before {content: "\e90b";}.aa-icon-pin:before {content: "\e90c";}.aa-icon-engine:before {content: "\e908";}.aa-icon-speedometr3:before {content: "\e909";}.aa-icon-transmission2:before {content: "\e90a";}.aa-icon-calendar:before {content: "\e902";}.aa-icon-oil:before {content: "\e903";}.aa-icon-diagnostic:before {content: "\e904";}.aa-icon-Tire_Wheel_Service2:before {content: "\e905";}.aa-icon-Tire_Wheel_Service:before {content: "\e906";}.aa-icon-auto_loan:before {content: "\e907";}.aa-icon-gear:before {content: "\e900";}.aa-icon-key:before {content: "\e901";}.aa-icon-steering_wheel:before {content: "\e814";}.aa-icon-phone2:before {content: "\e812";}.aa-icon-question:before {content: "\e813";}.aa-icon-search:before {content: "\e810";}.aa-icon-reset:before {content: "\e811";}.aa-icon-label-reverse:before {content: "\e80c";}.aa-icon-transmission:before {content: "\e80d";}.aa-icon-fuel:before {content: "\e80e";}.aa-icon-road:before {content: "\e80f";}.aa-icon-speedometr2:before {content: "\e800";}.aa-icon-shop_bag:before {content: "\e801";}.aa-icon-chat2:before {content: "\e802";}.aa-icon-car:before {content: "\e803";}.aa-icon-car_search:before {content: "\e804";}.aa-icon-label:before {content: "\e805";}.aa-icon-speedometr:before {content: "\e806";}.aa-icon-chat:before {content: "\e807";}.aa-icon-application:before {content: "\e808";}.aa-icon-message:before {content: "\e809";}.aa-icon-car_sale:before {content: "\e80a";}.aa-icon-phone:before {content: "\e80b";} /* tooltip */ [data-tooltip]:before, [data-tooltip]:after { visibility: hidden; opacity: 0; pointer-events: none; transition: all .2s; } [data-tooltip] { position: relative; z-index: 2; cursor: pointer; } [data-tooltip]:before { position: absolute; top:-32px; left: 50%; padding: 5px; width: 190px; margin-left:-95px; border-radius: 3px; background-color: #FFF; color: #111; content: attr(data-tooltip); text-align: center; font-size: 12px; line-height: 1.2; overflow: hidden; box-shadow: 0 2px 8px -1px rgba(0,0,0,.4); } [data-tooltip].large-tooltip:before{width: 90%;margin-left: -45%;margin-left: calc(-45% - 5px);} [data-tooltip]:after { position: absolute; top:-8px; left: 50%; margin-left: -5px; width: 0; border-top: 5px solid #FFF; border-right: 5px solid transparent; border-left: 5px solid transparent; content: ""; } [data-tooltip]:not(.no_old_navigators):hover:before, [data-tooltip]:not(.no_old_navigators):hover:after { visibility: visible;opacity: 1; } [data-tooltip].data-tooltip-right:before { margin-left: -185px; } [data-tooltip].data-tooltip-left:before { margin-left: -5px; } [data-tooltip].data-tooltip-right:after, [data-tooltip].data-tooltip-right:before { right: 0; } [data-tooltip].data-tooltip-left:after, [data-tooltip].data-tooltip-left:before { left: 0; } .tiptop { position: absolute; z-index: 9999; max-width: 300px; padding: 20px; font-size: 12px;color: #fff;background: #222;border-radius: 3px; } .toaster-container { position: fixed; z-index: 99999; bottom: 0; opacity: 0; right: 30px; left: 30px; padding: 24px; background: #000; border-radius: 12px; transition: all .3s ease; } .toaster-container.visible { bottom: 30px; opacity: 1; } .toaster-container > i { position: absolute; top: 10px; right: 10px; font-size: 22px; } .toaster-container * { color: #FFF; } .toaster-container hr { opacity: .5; } .toaster-container table { width: 100%; table-layout: fixed; } @media screen and (max-width: 1024px) { .toaster-container { right: 0; left: 0; bottom: -30px; border-radius: 12px 12px 0 0; overflow: auto; overflow-x: hidden; } .toaster-container.visible { bottom: 0; } .toaster-container .wrapper {position: relative; overflow: auto; overflow-x: hidden; max-height: 300px; max-height: 40vh;} } .aavatar { border: 4px solid; border-radius: 50%; height: 20px; width: 40px; display: inline-block; padding: 10px 0; font-size: 22px; line-height: 22px; text-align: center; color: #f5f5f5;} .aavatar.aavatar-small { border: 2px solid;font-size: 9px; height: 6px; width: 18px; line-height: 9px; margin-right: 4px; padding: 6px 0;} .aa-divider {display: block;height: 1px;margin: 25px 10%;width: auto;background: rgba(0,0,0,.1);} .aa-tag{position: relative;display: inline-block;background-color: #f5f5f5;padding: .25em .4em;font-size: 0.8em;color: #111;vertical-align: middle;border-radius: .25rem;} .aa-tag-featured{background: #FFF;box-shadow:0 2px 4px rgba(0,0,0,.3);border-radius:20px;padding: 10px 12px;margin: 5px;font-size: 12px;} .aa-tag-icon{opacity: .6;padding-right: 8px;} .ads-vdp .related-carousel .aa-display-1 { color: #333; font-weight: bold; } .ads-vdp .related-carousel.dash-carousel .info { position: static; padding: 0; } .ads-vdp .related-carousel { position: relative; padding-bottom: 30px; } .ads-vdp .related-carousel:before { content: ''; position: absolute; z-index: 0; width: 100%; height: 65%; bottom: 0; background: #009775; } .ads-vdp .related-carousel .owl-theme .owl-controls .owl-nav [class*=owl-]{ color: #fff !important; background: #009775 !important; border-radius: 50%; width: 24px; height: 24px; padding: 6px; opacity: 1 !important; font-size: 16px !important; line-height: 25px; } .ads-vdp .related-carousel .owl-stage-outer:after { background: none; } .ads-vdp .related-carousel .owl-prev{ text-indent: -1px; } .ads-vdp .related-carousel .owl-next{ text-indent: 1px; } /* aux.css */ .middle{ display: inline-block;vertical-align: middle;} .rel{ position: relative;} .block{ display: block;} .pd-sm{ padding:6px;} .pl-sm{ padding-left:6px;} .pr-sm{ padding-right:6px;} .pt-sm{ padding-top:6px;} .pb-sm{ padding-bottom:6px;} .pd-md{ padding:12px;} .pl-md{ padding-left:12px;} .pr-md{ padding-right:12px;} .pt-md{ padding-top:12px;} .pb-md{ padding-bottom:12px;} .pd-lg{ padding:24px;} .pl-lg{ padding-left:24px;} .pr-lg{ padding-right:24px;} .pt-lg{ padding-top:24px;} .pb-lg{ padding-bottom:24px;} .pd0{ padding:0;} .mg-sm{ margin:6px;} .ml-sm{ margin-left:6px;} .mr-sm{ margin-right:6px;} .mt-sm{ margin-top:6px;} .mb-sm{ margin-bottom:6px;} .mg-md{ margin:12px;} .ml-md{ margin-left:12px;} .mr-md{ margin-right:12px;} .mt-md{ margin-top:12px;} .mb-md{ margin-bottom:12px;} .mg-lg{ margin:24px;} .ml-lg{ margin-left:24px;} .mr-lg{ margin-right:24px;} .mt-lg{ margin-top:24px;} .mb-lg{ margin-bottom:24px;} .mg0{ margin:0;} .uc{ text-transform: uppercase;} .lc{ text-transform: lowercase;} .light{ font-weight: lighter;} .bolder{ font-weight: bolder;} .bold{ font-weight: bold;} .line-top{ border-top:1px solid;} .line-bottom{ border-bottom:1px solid;} .line-right{ border-right:1px solid;} .line-left{ border-left:1px solid;} img.wide, img.img-responsive{ display: block; width: 100%; box-sizing: border-box;} body .aa--white-c{color: #FFF;} body .aa--white{background: #FFF;} body .aa--black-c{color: #000;} body .aa--black{background: #000;} .ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .aa-opacity-1{ opacity: .1;} .aa-opacity-2{ opacity: .2;} .aa-opacity-3{ opacity: .3;} .aa-opacity-4{ opacity: .4;} .aa-opacity-5{ opacity: .5;} .aa-opacity-6{ opacity: .6;} .aa-opacity-7{ opacity: .7;} .aa-opacity-8{ opacity: .8;} .aa-opacity-9{ opacity: .9;} /* jQuery Dragupload */ .dragupload-container{display: block;padding: 0 20px;border: 3px dashed #CCC;border-radius: 10px;cursor: pointer;} .dragupload-container:hover{border-color:#666;} .dragupload-container.active{border-color:orange !important;} .dragupload-container .info{display: block;text-align: center;font-size: 14px;font-weight: bold;color: #666;margin: 10px 0 30px;} .dragupload-container .dragupload-items{padding: 20px 0 0;} .dragupload-container .file{position: relative;display: block;width: 90px;padding: 5px;background: #f0f0f0;border: 1px solid #CCC;border-radius: 3px;float: left;margin: 5px;font-size: 10px;cursor: default;} .dragupload-container .file img{width: 100%;} .dragupload-container .file .icon{height: 65px;overflow: hidden;} .dragupload-container .file .status{position: absolute;top: 30px;left: 50%;margin-left:-18px;color: #FFF;width: 26px;height: 22px;border-left-color:#444; font-size: 18px; text-align: center;border-radius: 50%;padding-top: 4px;} .dragupload-container .file .progress-bar{position: absolute;background: #000;background-image: linear-gradient(to top, #222,#000);top: 8px;display: block;width: 80%;height:6px;border-radius:5px;left: 10%;margin-left: -2px;border: 2px solid #333;} .dragupload-container .file .progress-bar .percent{position: absolute;top:0;left: 0;display: block;width:0%;background-color: #FFF;background-image: linear-gradient(to top, #CCC,#f0f0f0);height:6px;border-radius: 3px;} .dragupload-container .file .percent.success{background-color: #00992C;background-image: linear-gradient(to top, #004A15,#00992C);} .dragupload-container .file .percent.failure{background-color: #F00;background-image: linear-gradient(to top, #900,#F00);} .dragupload-container .file .du-btn-act {position: absolute;display: block;top: 0;right: 0;} .dragupload-container .file .du-btn-act span {display: inline-block;padding: 3px;background: #333;border-radius: 2px;color: #FFF;width: 10px;height: 10px;text-align: center;line-height: 11px;font-size: 11px;border: 1px solid #FFF;} .dragupload-container .file .du-btn-act span:hover {background: #f1693c;cursor: pointer;} .dragupload-container .sortable-placeholder {border: 2px dashed #000;opacity: .6;width: 90px;float: left;margin: 5px;height: 77px;} .new-subscription fieldset{ position: relative;border: 1px solid #ececec;background: #fcfcfc;padding: 30px 20px 20px;margin-top: 25px; border-radius: 4px;} .new-subscription .panel.large {padding: 10px 70px 0; } .new-subscription .terms-fieldset .aa-tooltip-wrapper .aa-tooltip { top: -60px; } @media screen and (max-width: 800px) { .new-subscription .panel.large { max-width: 100%;padding: 0; } } .plate-card { display: inline-block; padding: 5px 10px; border: 1px solid #000; border-radius: 4px; font-family: monospace; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; } @keyframes loader-overlay-show { 0% {transform: scale(2); left: 0; right: 0; /*filter: blur(2px);*/ opacity: 0.3;} 100% {transform: scale(1); /*filter: blur(0); */opacity: 1; left: 0; right: 0;} } @keyframes loader-overlay-out { 100% {transform: scale(2); /*filter: blur(2px);*/ opacity: 0.3;} 0% {transform: scale(1); /*filter: blur(0); */opacity: 1;} } @keyframes turn360 { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} } @keyframes icon360 { 0% {transform: rotateX(70deg) rotate(360deg);} 100% {transform: rotateX(70deg) rotate(0deg);} } /* print */ @media print { footer .wrapper > .row, .snack-wrap, .vehicle-tabs + div, .overlay, .thumb-gallery, .photo-gallery, .vehicle-tabs .message, header > .wrapper > .row, header .login, .photos .owl-controls, .corner-action, .send-valuation, [name=comprar], .section-header-anuncio-id .hidden{display: none !important;} .vehicle-tabs, .side-title .label-actions .sm-hide{display: block !important;width: 100% !important;} footer, .section-features .stripped-list{margin-top: 0;} body, ul.stripped-list li, .side-box .content.header{padding: 0 !important;} header{position: static;padding: 10px 0;} .photos{overflow: hidden;} .side-box .content {padding-bottom: 0 !important;padding-top: 0 !important;} .section-features .row > .col-s4{width: 40%;} .section-features + .row{padding-top: 0;} .section-features, .vehicle-tabs .tabs{margin: 0;} .section-features .col3-1.col-s4{width: 30%;} .section-features .col3-1.inverse.col-s4{width: 30%;} .stripped-list .col-s2{width: 100%;} .vehicle-avaliacao h1 .version{display: inline-block;} .aa-card, #last-ads .vehicle .header, .section-header{border: none;} .side-box .aa-display-1{margin-top: 20px;} .section-header-anuncio-id {padding-top: 15px;} .section-header-anuncio-id .sm-hide{display: inline-block !important;} .section-features .stripped-list .item, .section-features .stripped-list .value{font-size: 9px;padding-bottom: 5px !important;padding-top: 5px !important;} footer p{text-align: left !important;} .section-features .stripped-list .item > img{width: 25px;} .print-photo{display: block !important;width: 100%;} .checklist span{width: 30%;padding: 5px 2% 5px 0;} .checklist.checklist-large span{width: 100%;padding: 5px 0;} .tabs .tabs-contents .t-cnt {border: none;padding: 10px 0;margin-bottom: 10px;} .tabs .tabs-contents hr{display: none;} header .logo{padding: 0;} .flat-card{padding: 12px 0;border: none;border-bottom: 1px solid #CCC;} .side-box .content.header .label-actions {padding-bottom: 30px;} .side-box .label-actions, .vehicle-timer p{text-align: right !important;} .side-box .aa-card{border: none;} footer {position: absolute;width: 100%;bottom: 0;left: 0;} #btn-print{display: none !important;} .side-title .final{ font-size: 14px;} .v-timer{display: none !important;} } .light-scroll::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEVHcEyC+tLSAAAAAXRSTlMAQObYZgAAAApJREFUCFtjYAAAAAIAAWJAT2gAAAAASUVORK5CYII=');} .light-scroll::-webkit-scrollbar{width: 6px;background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEVHcEyC+tLSAAAAAXRSTlMAQObYZgAAAApJREFUCFtjYAAAAAIAAWJAT2gAAAAASUVORK5CYII=');} .light-scroll::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #555;} /* blip chat custom */ #blip-chat-container #blip-chat-open-iframe { bottom: 15px !important; right: 15px !important;} @media (min-width: 768px) { #blip-chat-container #blip-chat-open-iframe { bottom: 30px !important; min-height: 48px !important; max-height: 48px !important; min-width: 48px !important; max-width: 48px !important; right:15px !important; } #blip-chat-container #blip-chat-open-iframe:after { background: #2cc3d5; color: #fff; content: 'Podemos ajudar?'; font-weight: bold; height: 40px; line-height: 40px; padding-right: 10px; position: absolute; text-align: center; text-transform: uppercase; top: 15px; right: 15px; width: 180px; z-index: -1; } } /* Area User */ .user.top-menu {display: none} .area-user__menu__item__button__icon, .area-user__menu__item__button__label, .area-user__menu__item__button__badge, .area-user__menu__item__button__arrow { color: #fff; } .area-user__menu, .area-user__menu__item__button, .area-user__menu__item__submenu__item__button { -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; flex-wrap: wrap; width: 100%; } .area-user__menu:before, .area-user__menu:after, .area-user__menu__item__button:before, .area-user__menu__item__button:after, .area-user__menu__item__submenu__item__button:before, .area-user__menu__item__submenu__item__button:after { box-sizing: border-box; clear: both; content: ''; display: table; } .area-user__menu__item, .area-user__menu__item__button__icon, .area-user__menu__item__button__label, .area-user__menu__item__submenu__item__button__icon, .area-user__menu__item__submenu__item__button__label { align-self: center; float: left; } .area-user__menu__item__submenu, .area-user__menu__item__button__badge, .area-user__menu__item__submenu__item:before { position: absolute; } .area-user__menu__item, .area-user__menu__item__submenu__item, .area-user__menu__item__submenu__item__button, header.on .area-user__menu__item__button__badge { position: relative; } header.on .area-user__menu__item__button__label, .area-user__menu__item__button__label, .area-user__menu__item__submenu { display: none; } .area-user__menu__item__button__label__title, .area-user__menu__item__button__label__subtitle, .area-user__menu__item__button:hover+.area-user__menu__item__submenu, .area-user__menu__item__submenu:hover, .area-user__menu__item__submenu--active { display: block; } .area-user__menu__item__button__label, .area-user__menu__item__button__label__title, .area-user__menu__item__button__label__subtitle, .area-user__menu__item__button__badge { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .area-user { margin: 15px auto 5px; max-width: 305px; right: 0; width: 100%; z-index: 999; } .new-portal-link { background: linear-gradient(270deg, #3C00FF 0%, #FF7A00 100%), linear-gradient(90deg, #FF7A00 0%, #3C00FF 100%) !important; border-radius: 7px !important; } .new-portal-link > span { width: 225px !important; max-width: 225px !important; text-align: center; } .new-portal-badget { position: absolute; top: 0; left: 10px; margin-top: -5px; border-radius: 4px; font-size: 7px; color: #FFFFFF; background: linear-gradient(#111, #111) padding-box, linear-gradient(270deg, #3C00FF 0%, #FF7A00 95.59%) border-box; border: 1px solid transparent; line-height: 8.47px; width: 23px; text-align: center; text-transform: uppercase; } .new-portal-link-disabled { background: linear-gradient(270deg, #FF7A00 0%, #FF7A00 100%), linear-gradient(90deg, #FF7A00 0%, #FF7A00 100%) !important; border-radius: 7px !important; } .new-portal-link-disabled > span { width: 225px !important; max-width: 225px !important; text-align: center; } @media all and (min-width: 1301px) { .area-user { max-width: 700px; } } @media all and (min-width: 769px) { .area-user { margin: 0 15px; position: absolute; top: 40px; } } @media all and (min-width: 721px) and (max-width: 768px) { .area-user { margin-bottom: -25px; } } @media all and (min-width: 1025px) { header.on .area-user { top: 95px; } } .area-user__menu { -webkit-box-pack: space-between; justify-content: space-between; } .area-user__menu__item--separator:before { border-left: 1px solid #363636; border-right: 1px solid #323232; box-shadow: 0 0 1px rgba(0, 0, 0, .8); content: ''; height: 100%; left: 50%; padding: 0; position: relative; top: 0; transform: translate(-50%, 0); width: 0; } .area-user__menu__item__button { background: transparent; line-height: 24px; overflow: hidden; padding: 0 5.5px; user-select: none; vertical-align: middle; } .area-user__menu__item__button__icon, .area-user__menu__item__submenu__item__button__icon { border-radius: 100px; height: 22px; line-height: 22px; margin-right: 5px; min-width: 22px; max-width: 22px; overflow: hidden; text-align: center; width: 22px; } .area-user__menu__item__button__icon>img, .area-user__menu__item__submenu__item__button__icon>img { height: 100%; object-fit: cover; user-select: none; width: 100%; } .area-user__menu__item__button__label, .area-user__menu__item__submenu__item__button__label { font-size: 9px; font-weight: normal; text-align: left; } .area-user__menu__item__button__label { max-width: 66px; } @media all and (min-width: 1300px) { .area-user__menu__item__button__label { display: block; } } .area-user__menu__item__button__label__subtitle { font-size: 90%; margin-top: 3px; } .area-user__menu__item__submenu__item__button__badge, .area-user__menu__item__button__badge { border-radius: 4px; font-size: 11px; font-weight: bold; height: 12px; left: 24px; line-height: 12px; padding: 2px 5px; text-align: center; top: -12px; transition: all .15s .25s ease-in-out; } .area-user__menu__item__button__badge { background: red; box-shadow: inset 0 0 1px rgba(255, 255, 255, .5), 0 0 2px rgba(0, 0, 0, .5); } .area-user__menu__item__submenu__item__button__badge { background: #aaa; margin-left: 5px; } header.on .area-user__menu__item__button__badge { animation: animate-fade-in .35s .15s 1 ease-in-out; left: 0; top: 0; } @keyframes animate-fade-in { from { opacity: 0; } to { opacity: 1; } } .area-user__menu__item__button__badge:empty, .area-user__menu__item__submenu__item__button__badge:empty { font-size: 0; height: 0; padding: 0; width: 0; } .area-user__menu__item__button__arrow { margin-left: 5.5px; } .area-user__menu__item__submenu { background: #fff; border-color: #fff; border-radius: 4px; box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1); min-width: 200px; padding: 3.25px 0; right: 0; top: 100%; width: 100%; z-index: 1; } @media all and (max-width: 991px) { .area-user__menu__item__submenu__clear { height: 0; left: 0; position: absolute; top: 0; transition: all .35s ease-in-out; width: 0; z-index: 0; } .area-user__menu__item__button:hover ~ .area-user__menu__item__submenu__clear { height: 28px; width: 100%; } } .area-user__menu__item__submenu:before { border-color: transparent; border-style: solid; border-width: 7px; border-top: 0; border-bottom-color: inherit; content: ''; height: 0; position: absolute; right: 30px; top: -7px; width: 0; } .area-user__menu__item__submenu__item { overflow: hidden; } .area-user__menu__item__submenu__item:before { background: #f6f6f6; content: ''; height: 100%; left: 0; opacity: 0; top: 0; transition: opacity .25s ease-in-out, width .15s .25s linear, background .25s .4s ease-in-out; width: 0; } .area-user__menu__item__submenu__item:hover:before { background: #f9f9f9; opacity: 1; width: 100%; } .area-user__menu__item__submenu__item + .area-user__menu__item__submenu__item { border-top: 1px solid #dadada; } .area-user__menu__item__submenu__item__button { display: block; line-height: 24px; overflow: hidden; padding: 5.5px 15px; user-select: none; z-index: 1; } .area-user__menu__item__submenu__item__button__label { font-size: 11px; } @media all and (min-width:0\0) and (min-resolution:.001dpcm) { .area-user__menu, .area-user__menu__item__button { display: table; } .area-user__menu__item, .area-user__menu__item__button__label, .area-user__menu__item__button__icon { display: table-cell; } } body.avaliacoes-grupo.avaliacao #blip-chat-container #blip-chat-open-iframe:after { display: none !important; } @media all and (max-width: 1300px){header .aa-ad{display:none !important;} .area-user__menu__item__button__label {display: block;font-size: 9px !important;} .area-user{max-width: 450px !important;} } @media all and (max-width: 768px) {.area-user__menu__item__button__label {display: block;font-size: 8px !important; } .area-user{max-width: 100% !important;} .hide-label{display: none !important} .dashboard-header{margin: 0px -10px 0 !important;} .area-user__menu__item__button{padding: 0 3px !important;}} /*LEGO-6449*/ /* Modal Alerta Cancelamentos */ .warning-notification{ background: #fff; width: 620px; position: absolute !important; right: 0; left: 0; border-left: solid 7px #f3a000; border-radius: 7px; padding: 10px 0; box-shadow: 0px 11px 20px #0000003b; } .warning-notification .icon{ padding: 0px 5px; width: 100%; text-align: center; } .warning-notification .content { text-align: center; margin: 20px 40px 30px; } .warning-notification .content h2{ color: #f3a000; font-size: 15px; margin: 5px 0px; } .warning-notification .content p{ font-size: 13px; text-align: left; } .warning-notification .close{ text-align: center; position: absolute;top: 0; right: 0; } .close-icon {position: absolute; right: 30px; top: 30px; width: 32px; height: 32px; opacity: 0.3; } .close-icon:hover { opacity: 1; } .close-icon:before, .close-icon:after { position: absolute; left: 15px; content: ' '; height: 33px; width: 2px; background-color: #333; } .close-icon:before { transform: rotate(45deg);} .close-icon:after { transform: rotate(-45deg); } @media screen and (max-width:768px){ .warning-notification { width: 90%; right: 15px; top: 10%; } .warning-notification .icon{ display: none; } .warning-notification .content{ padding: 0 15px; margin: 20px; } .close-icon{ zoom: .8; right: 20px; top: 20px; } .warning-notification .close{ width: 0; padding: 0; } .warning-notification .content h2 { color: #f3a000; font-size: 25px; margin: 5px 0px 0px; } } @media screen and (max-width:374px){ .vehicle .price{padding: 2px 5px 2px 32px;top: 70px;} } @media all and (max-width: 485px) { .pb-xs-15 { padding-bottom: 15px; } .w-xs-100 { width: 100% !important; } } .bg-green { background-color: #02a742; } .d-block { display: block; } .fc-green { color: #02a742; } .fc-white { color: #fff; } .fs-smaller { font-size: 55%; } .fs-11, .fs-small { font-size: 11px; } .fs-12 { font-size: 12px; } .fs-14 { font-size: 14px; } .fs-16 { font-size: 16px; } .fs-28 { font-size: 28px; } .fw-normal { font-weight: normal; } .fw-bold { font-weight: bold; } .lh-sm { line-height: 1.3; } .mt-5 { margin-top: 5px; } .mt-10 { margin-top: 10px; } .pbt-10 { padding-bottom: 10px; padding-top: 10px; } .text-uppercase { text-transform: uppercase; } .va-sup { vertical-align: super; } .avaliacao-buttons { display: flex; flex-direction: row-reverse; justify-content: space-between; padding-left: 10px !important; padding-right: 10px !important; gap: 5px; } .avaliacao-buttons button { padding: 8px 20px; min-width: 100px; border-radius: 4px; cursor: pointer; } .avaliacao-buttons button[value="false"], button[value="voltar"] { background-color: #e0e0e0 !important; } .tacPopup__container, .tacPopup__container * { box-sizing: border-box; } .tacPopup__container { margin-left: -10px; margin-right: -10px; max-width: 450px; min-width: 300px; width: calc(100% + 20px); } .tacPopup__content, .tacPopup__amount { align-content: center; align-content: center; display: inline-block; display: flex; justify-content: center; width: 100%; } .tacPopup__tac, .tacPopup__icon, .tacPopup__amount>* { align-self: center; display: flex; flex: 1 0 0%; float: left; justify-self: center; padding: 0 2%; position: relative; flex-direction: column; flex-wrap: wrap; align-content: center; justify-content: center; } .tacPopup__tac { line-height: 1.2; } .tacPopup__icon { color: #fff; width: 25%; } .tacPopup__icon i { background: #feb32b; border-radius: 100px; font-size: 32px; height: 64px; line-height: 64px; text-align: center; width: 64px; } .tacPopup__amount { width: 75%; } .tacPopup__amountLabel { line-height: 1.2; } .tacPopup__tac+.tacPopup__tac:before { content: '+'; font-size: 12px; left: -3.5px; position: absolute; top: 50%; transform: translate(0, -50%); } .tacPopup__amount { text-align: center; } .taxAAArea-title { display: block; margin-top: -10px; } .taxAAArea-title i { display: none; } .text-overflow-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .taxAACheckText input { float: left; } @media all and (max-width: 485px) { .tacPopup__icon { display: none; } .taxAAArea-title { font-weight: bold; } .taxAAArea-title i { background: #feb32b; border-radius: 100px; color: #fff; display: inline-block; height: 28px; line-height: 28px; margin-right: 5px; text-align: center; width: 28px } .avaliacao-buttons { flex-direction: column-reverse; } .avaliacao-buttons button { height: 42px; top: 0 !important; width: 100% !important; } .avaliacao-buttons button + button { margin-bottom: 10px !important; } .avaliacao-buttons button#lance { background: #feb32b; } .tacPopup__amount { border: 1px solid #02a742; border-radius: 3px; box-shadow: 0 0 5px 1px rgba(0, 0, 0, .1); padding: 15px 0; width: 100%; } } .docsGrid, .docsGrid * { box-sizing: border-box; } .docsGrid { margin: -5px; } .docsGrid-item, .docsGrid-content { display: inline-block; vertical-align: middle; } .docsGrid-content { margin: 5px 0; width: 100%; } .docsGrid-item { max-width: calc(100% - 43px); } @media all and (min-width: 992px) { .docsGrid-content { margin: 5px; width: auto; } } .docsGrid-item__icon { background: #fcb200; border-radius: 5px; height: 36px; margin-right: 7px; padding: 5px 7px; width: 36px; } .docsGrid-content-theme1 .docsGrid-item__icon { background: #fff; } .docsGrid-item__icon img { height: 100%; object-fit: contain; width: 100%; } .docsGrid-item__title, .docsGrid-item__subtitle { display: block; } .docsGrid-item__subtitle { color: #666; font-size: 10px; font-weight: bold; margin-bottom: 3px; text-transform: uppercase; } .docsGrid-item__title, .docsGrid-item__button { color: inherit; font-size: 12px; } .docsGrid-content-theme1 .docsGrid-item__title, .docsGrid-content-theme0 .docsGrid-item__title, .docsGrid-content-theme1 .docsGrid-item__subtitle, .docsGrid-content-theme0 .docsGrid-item__subtitle { color: #fff; } .docsGrid-item__button { float: right; font-weight: bold; padding: 7px 0 7px 7px; } @media all and (min-width: 992px) { .docsGrid-item__button { float: none } } .docsGrid-item__button i { font-size: 10px; } .docsGrid-content { background: #fafafa; border: 1px solid #ddd; border-radius: 5px; padding: 7px; } .docsGrid-content-theme0 { background: #fcb200; border-color: #fcb200; color: #fff; } .docsGrid-content-theme0 .docsGrid-item__icon { background: #fff; } .docsGrid-content-theme1 { background: #10b841; border-color: #10b841; color: #fff; } .docsGrid-content-theme2 { background: #fafafa; border-color: #ddd; } .docsGrid-content-theme2 .docsGrid-item__icon { background: #a1a1a1; } @media all and (max-width: 720px) { header .mobile.cross + nav ul { display: block !important; opacity: 1 !important; } header .mobile.cross + nav ul li a { left: 0 !important; } .col-s2.mobile-full { width: 100% !important; } } .badgeAlert * { box-sizing: border-box; } .badgeAlert { border-radius: 5px; padding: 15px 20px; } .badgeAlert__title { display: flex; font-size: 20px; font-weight: bold; align-items: center; } .badgeAlert__title img { margin-right: 10px; } .badgeAlert__text { font-size: 13px; margin-top: 7px !important; } .badgeAlert__text:empty, .badgeAlert__title:empty { display: none; margin-top: 0 !important; } .badgeAlert--green { background-color: #20c866; color: #fff; } .badgeAlert--yellow { background-color: #f17901; color: #fff; } .badgeAlert--blue { background-color: #2072c8; color: #fff; } .badgeAlert--yellow-rectangle { top: 414px; left: 1316px; border-radius: 0px 0px 7px 7px; border: 2px solid #F17901; } .badgeAlert--yellow-rectangle-text { font-family: Inter; font-size: 14px; font-weight: 600; line-height: 15px; letter-spacing: 0em; text-align: left; color: #F17901; margin: 0px 0px 0px 20px; } .badgeAlert--yellow-rectangle-price {font-family: Inter; font-size: 18px; font-weight: 700; line-height: 20px; letter-spacing: 0em; text-align: left; color: #F17901; margin: 0px 0px 0px 20px; } @media all and (max-width: 720px) { .badgeAlert .badgeAlert--yellow-rectangle { margin-left: 15px; margin-right: 15px; } } @media all and (max-width: 820px) { .badgeAlert--yellow-rectangle-text { font-size: 10px; margin: 0px 0px 0px 5px; } .badgeAlert--yellow-rectangle-price { font-size: 14px; margin: 0px 0px 0px 5px; } } .bg-white { background-color: #fff; } .grid-store-address { display: grid; grid-template-columns: auto auto; } .grid-store-search { width: 70%; padding: 10px; } .grid-store-map { padding: 10px; margin-left: -75px; } .grid-store-address select{ width: 100%; } .modal-circle-icon-number { /* margin: -49px auto 0 !important; */ margin-right: 4px; font-size: 19px !important; padding: 3px; border-radius: 50%; /* color: #FFF; */ display: inline-block !important; width: 25px; height: 25px; text-align: center; shape-outside: margin-box; font-style: initial; } .radio-payment-types{ margin-left: 10px; } .loader { border: 4px solid #f3f3f3; border-top: 4px solid #3498db; border-radius: 50%; width: 20px; height: 20px; animation: spin 2s linear infinite; } .grid-store-search select{ display: inherit !important; width: 87% !important; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .selo-verificado { width: 150px; height: 50px; border: solid 2px #0096ff; border-radius: 5px; } .img-selo-verificado { float: left; background: #0096ff; } .texto-selo-verificado { color: #0096ff; } .texto-selo-verificado p { font-size: 14px; line-height: 14px; } .aa-tooltip.tooltip-selo-verificado, .aa-tooltip.tooltip-selo-verificado:before { border-bottom-color: #ddd; } .tooltip-selo-verificado { background-color: #fff!important; color: #7a7a7a !important; border-top: solid 5px #0096FF !important; border-radius: 5px 5px 0 5px; } .aa-tooltip-wrapper .aa-tooltip .tooltip-selo-verificado { top: -57px; } @media screen and (max-width:1024px){ .show-mobile{ display: block !important; } } .selo-verificado-estoque { margin-left: 5px; } .selo-verificado-estoque p { white-space: normal; word-wrap: break-word; } .selo-verificado-pl { padding-left: 50px; text-align: center; color: #fff; } .aa-tooltip.tooltip-selo-verificado.tooltip-selo-verificado-estoque { top: -3px; left: 170px; text-align: center; } .tooltip-selo-verificado-estoque:before { color: #fff !important; transform: rotate(90deg); left: -15px; top: 19px; } .tooltip-selo-verificado-estoque { border-radius: 5px !important; } .selo-verificado-dashboard-anunciante { background: #0096ff; color: #fff; margin-right: 0; font-size: 13px; font-weight: normal; padding-top: 9px; line-height: 21px; } .selo-verificado-dashboard-anunciante-img { width: 20px !important; height: 20px !important; margin-right: 5px; float: left; } .selo-verificado-dashboard-anunciante-card { border: solid 1px #0096ff; } .selo-verificado-dashboard-anunciante-mobile { position: absolute; top: 11px; left: 63px; } .selo-verificado-card { position: absolute; left: 56px; top: 9px; } .selo-verificado-anunciante-info { background: #0096ff; color: #fff; margin-left: 70px; border-radius: 2px; } @media all and (max-width: 1024px) { .dash-carousel__dealers .selo-verificado-dashboard-anunciante { display: none !important; } .selo-verificado-dashboard-anunciante-card-name { align-items: center; display: flex !important; align-items: center; flex-direction: row; flex-wrap: nowrap; } .selo-verificado-dashboard-anunciante-card-name strong, .selo-verificado-dashboard-anunciante-card-name .selo-verificado-dashboard-anunciante-mobile { display: block !important; position: static !important; } } /* Selo verificado tooltip */ .selo-verificado { z-index: 3; } .selo-verificado:not(.selo-verificado-estoque) { position: relative; z-index: 3; } .selo-verificado-estoque:hover { z-index: 10000 !important; } .selo-verificado-estoque--mobile { align-items: center; border: 0; display: none; flex-direction: row; flex-wrap: nowrap; height: auto; justify-content: center; width: auto; } @media all and (max-width: 1024px) { .selo-verificado-estoque--mobile { display: flex; } } .selo-verificado-estoque--mobile > strong { background: #0096ff; border-radius: 3px; color: #fff; font-size: 12px; margin-left: 8px; padding: 6px 4px 6px 12px; position: relative; } .selo-verificado-estoque--mobile > strong::before { background: #0096ff url('/assets/img/verificado.png') no-repeat center center; background-size: contain; border-radius: 100px; content: ''; height: 18px; left: 0; position: absolute; top: 50%; transform: translate(-6px, -50%); width: 18px; } .selo-verificado-tooltip-contain { position: relative; width: 100%; } .selo-verificado-tooltip, .selo-verificado-tooltip * { box-sizing: border-box !important; } .selo-verificado-tooltip { background: #fff; border: 1px solid #eee; border-top: 2px solid #0096ff; border-radius: 8px; box-shadow: -4px 16px 20px 8px rgba(0, 0, 0, .15); height: fit-content; opacity: 0; display: none; position: absolute; transition: opacity .35s ease-in-out; width: 185px; z-index: 1000; } .selo-verificado-tooltip.bottom { top: 100%; } .selo-verificado-tooltip.top { bottom: 100%; transform: translate(0, -6px); } .selo-verificado-tooltip__header, .selo-verificado-tooltip__footer { padding: 8px; position: relative; } .selo-verificado-tooltip__header { background: url('/assets/img/verificado.png') no-repeat 4px 2px; background-size: 20px; color: #0096ff; font-size: 12px; font-weight: bold; padding-bottom: 0; padding-left: 25px; text-align: left; } .selo-verificado-tooltip__body { font-size: 12px; padding: 8px 10px; text-align: center; } .selo-verificado-tooltip__footer { background: #f0f0f0; border-radius: 0 0 8px 8px; text-align: right; display: none; } .selo-verificado-tooltip__footer a { color: #0096ff; font-size: 11px; font-weight: bold; } .selo-verificado-tooltip__header:empty, .selo-verificado-tooltip__body:empty, .selo-verificado-tooltip__footer:empty { display: hidden; } .selo-verificado-tooltip__header:after, .selo-verificado-tooltip__body:after, .selo-verificado-tooltip__footer:after { content: ''; height: 0; position: absolute; width: 0; } .selo-verificado-tooltip.bottom .selo-verificado-tooltip__header:after { border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 15px solid #0096ff; bottom: 100%; right: 0; transform: translate(-5px, -1px); } /* .selo-verificado-tooltip.top .selo-verificado-tooltip__footer:after { */ .selo-verificado-tooltip.top .selo-verificado-tooltip__body:after { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 15px solid #fff; left: 0; top: 100%; transform: translate(5px, -1px); } .d-flex { display: flex; } .d-flex.align-items-center { align-items: center; } .d-flex-wrap { flex-wrap: wrap; } .z-index-unset { z-index: unset !important; } .col-selo-verificado-vdp { width: max-content !important; position: absolute; top: 5px; right: 0; } .v-empresa .corner-action{ position: unset !important; background-color: unset !important; box-shadow: unset !important; } .v-empresa .advertiser-group-more { position: absolute; z-index: 1; left: 50%; transform: translate(-50%, -50%); font-size: 12px; color: #1d6ef9; } .col-selo-verificado-vdp .selo-verificado { width: 100%; border: unset !important; border-radius: unset !important; } .col-selo-verificado-vdp .selo-verificado .img-selo-verificado { float: unset !important; background: transparent !important; } @media all and (max-width: 1024px) { .row-selo-verificado-vdp { flex-wrap: wrap; justify-content: center } .col-selo-verificado-vdp { padding-top: 10px; order: 3; } } #documents_modal_ul, #documents_modal_ul .docsGrid { display: flex; flex-direction: column; align-items: stretch; } .eletricinfo-container, .eletricinfo-container * { box-sizing: border-box; } @media all and (max-width: 720px) { .eletricinfo-container { flex-wrap: wrap; } .eletricinfo-container>div { flex: 0 0 100% } .eletricinfo-left_column { order: 2 } } .eletricinfo-title { margin: 10px 0; margin-bottom: 2px; font-weight: bold; } .eletricinfo-title { margin: 10px 0; margin-bottom: 3px; font-weight: bold; } .eletricinfo-left_column { display: flex; flex-direction: column; padding: 10px; width: 50%; } .eletricinfo-right_column { display: flex; flex-direction: column; padding: 10px; width: 50%; } .eletricinfo-box { border: 1px solid #ddd; border-radius: 5px; margin: 10px 0; padding: 20px; height: 46% !important; min-height: fit-content; } .eletricinfo-box .d-flex { align-items: center; } .eletricinfo-box .d-flex span+span { margin-left: 7px; } .circle-container { align-items: center; display: flex; margin: 10px 0 10px 10px; width: 100%; } .ball { width: 15px; height: 15px; max-width: 15px; max-height: 15px; min-width: 15px; min-height: 15px; border-radius: 50%; } .circle-text { color: black; font-size: 13px; } .inline-block-element { display: inline-block; vertical-align: middle; } .svg-small { width: 100px; /* Defina o tamanho desejado */ height: 100px; /* Defina o tamanho desejado */ } /* Switcher em avaliacoes.php */ .switch-wrapper{ box-sizing: border-box; position: absolute; z-index: 101; left: 50%; bottom: 0; background-color: rgba(0, 0, 0, 0.5); padding: 8px 10px; border-radius: 4px; transform: translate(-50%, -35px); height: 35px; } .switch-wrapper-label { color: #fff; font-weight: 600; margin-left: 10px; } .switcher{ position: relative; display: inline-block; width: 36px; height: 20px; } .switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; border-radius: 34px; } .slider:before { position: absolute; content: ""; height: 14px; width: 14px; left: 4px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 50%; } input:checked + .slider { background-color: #feb32b; } input:focus + .slider { box-shadow: 0 0 1px #feb32b; } input:checked + .slider:before { -webkit-transform: translateX(14px); -ms-transform: translateX(14px); transform: translateX(14px); } .switch-wrapper.tooltip .tooltiptext { visibility: hidden; width: 145px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 5px; position: absolute; z-index: 102; top: -5px; left: 110%; font-size: 12px; } .switch-wrapper.tooltip .tooltiptext::after { content: ""; position: absolute; top: 50%; right: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent black transparent transparent; } .switch-wrapper.tooltip:hover .tooltiptext { visibility: visible; } .photos .photo-gallery { overflow: visible !important; } .photo-gallery [class^="photo_gallery_photo"] canvas { height: 100% !important; width: 100% !important; z-index: 100; } .photo-gallery [class^="photo_gallery_photo"] { background: transparent !important; display: inline !important; position: unset !important; height: auto !important; width: 100% !important; overflow: visible !important; } .photo-gallery [class^="photo_gallery_photo"] img { opacity: 1 !important; position: relative !important; } .item-avaliado-comentario { display:inline !important } /* Estilo da carteira */ .wallet-container { background: linear-gradient(145deg, #ffffff, #e5e5e5); border-radius: 16px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); width: 90%; max-width: 400px; padding: 25px; text-align: left; transition: transform 0.3s ease-in-out; margin-left: 20px; /* Ajustando a margem para o lado esquerdo */ margin-top: 20px; /* Ajustando a distância do topo */ margin-bottom: 20px; } /* Efeito de hover na carteira */ .wallet-container:hover { transform: translateY(-5px); } /* Cabeçalho da carteira */ .wallet-header { display: flex; justify-content: space-between; /* Espaça título e nome do usuário */ align-items: center; /* Alinha verticalmente */ margin-bottom: 15px; } .wallet-header h1 { font-size: 24px; color: #333; } .wallet-header p { font-size: 16px; color: #888; } /* Informações da carteira */ .wallet-info { display: flex; justify-content: space-between; /* Alinha título 'Saldo' e valor */ margin-top: 15px; } .wallet-info h2 { font-size: 18px; color: #444; } .wallet-info .balance-value { font-size: 32px; font-weight: 600; color: #27ae60; } /* Botões de ações */ .wallet-actions { margin-left: 20px; /* Espaço entre o saldo e o botão */ display: flex; gap: 15px; justify-content: center; flex-direction: column; } /* Contêiner que envolve o saldo e o botão */ .balance-container { display: flex; align-items: center; justify-content: space-between; width: 100%; } /* Estilos do Saldo */ .balance-value { font-size: 20px; font-weight: bold; color: #4caf50; margin: 0; /* Remove margem padrão de <p> */ } .wallet-actions .btn { background-color: #007bff; color: white; padding: 10px 20px; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; } .wallet-actions .btn:hover { background-color: #0056b3; } /* Responsividade */ @media (max-width: 600px) { .wallet-container { padding: 20px; } .wallet-header h1 { font-size: 22px; } .wallet-header p { font-size: 14px; } .wallet-info .balance-value { font-size: 28px; } .wallet-actions .btn { width: 100%; padding: 14px; } } /* O modal (inicialmente oculto) */ .modal-vehicle { display: none; /* Esconde o modal por padrão */ position: fixed; /* Fixa o modal na tela */ z-index: 1; /* Fica acima de outros elementos */ left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); /* Cor de fundo semitransparente */ } /* Conteúdo do modal */ .modal-content-vehicle { background-color: white; margin: 10% auto; /* Ajusta a margem superior para ser mais próxima da tela */ padding: 20px; /* Diminui o padding para se ajustar melhor */ border-radius: 8px; width: 90%; /* Reduz a largura em relação à tela */ max-width: 800px; /* Define um limite máximo de largura */ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } /* Media query para telas menores */ @media (max-width: 1366px) { .modal-content-vehicle { width: 90%; /* Reduz um pouco a largura em telas menores */ margin: 15% auto; /* Ajusta a margem para um bom posicionamento */ padding: 20px; /* Reduz o padding para se ajustar */ } } /* Media query para telas muito pequenas */ @media (max-width: 768px) { .modal-content-vehicle { width: 95%; /* Aumenta um pouco a largura para telas ainda menores */ margin: 20% auto; /* Ajusta a margem para centralizar o modal */ padding: 15px; /* Diminui mais o padding para telas pequenas */ } } /* Estilo para o botão de fechar (X) */ .close-vehicle { color: #aaa; font-size: 28px; font-weight: bold; position: absolute; top: 10px; right: 25px; cursor: pointer; } .close-vehicle:hover, .close-vehicle:focus { color: black; text-decoration: none; cursor: pointer; } .cards-container-elegible-vehicle { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 20px; /* Espaçamento entre os cards */ } .card-elegible-vehicle { display: flex; flex-direction: row; border-radius: 12px; width: 300px; /* Largura do card */ background-color: #fff; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); overflow: hidden; flex-shrink: 0; } .card-elegible-vehicle img { width: 120px; /* Tamanho da imagem */ height: 120px; object-fit: cover; border-radius: 12px 0 0 12px; /* Bordas arredondadas na imagem */ } .card-body-elegible-vehicle { padding: 20px; flex: 1; display: flex; flex-direction: column; } .card-header-elegible-vehicle { font-size: 18px; font-weight: bold; color: #333; margin-bottom: 10px; } .details-elegible-vehicle { font-size: 14px; color: #555; line-height: 1.6; } .details-elegible-vehicle strong { color: #feb32b; } .price-elegible-vehicle { font-size: 20px; font-weight: bold; color: #feb32b; margin-top: 15px; } .dealer-elegible-vehicle { display: flex; align-items: center; margin-top: auto; font-size: 14px; color: #777; } .dealer-elegible-vehicle img { width: 40px; height: 40px; border-radius: 50%; margin-right: 10px; } .dealer-name-eleigble-vehicle { font-weight: bold; color: #333; } /* Responsividade */ @media (max-width: 768px) { .card--elegible-vehicle { width: 250px; /* Menor largura em telas pequenas */ } } @media (max-width: 480px) { .cards-container-elegible-vehicle { flex-direction: column; /* Organiza os cards em coluna em telas muito pequenas */ } .card-elegible-vehicle { width: 100%; /* Cards ocupando toda a largura em telas pequenas */ } } #simpleVdpForm { margin: 7px auto; padding: 0 15px; } #simpleVdpButton { background: #ebebeb; color: #595959; height: 42px; width: 100%; } @media (max-width:1400px) { .clsAjusteSaldoModal { max-height: 80% !important; } .modal-body { overflow-y: scroll !important; max-height: 300px !important; } } /* SpeedoMeter */ .aa-speedometer{position: relative;display: block;background: #CCC;margin:0 0 15px;box-shadow: 0 2px 8px -2px rgba(0,0,0,.1); transition: all .6s ease; min-height: 47px;} .aa-speedometer .title h1, .aa-card .title h2{font-size: 14px;color: #222;} .aa-speedometer .title i {display:inline-block;margin-right:10px;opacity:0.2;font-size:25px;} .aa-speedometer .content{background: #FFF; padding: 10px; } .aa-speedometer .content .content{padding: 0 !important;background: none;} .aa-speedometer .action, .aa-card .title, .aa-modal-title{background: #f6f6f6;padding: 15px;} .aa-speedometer p, .aa-card.full{margin: 0;} :root { --variacao-termometro: 50px; --variacao-speedometer:90deg; } #vdpSpeedoMeter { width: 98px; height: 47px; border-top-left-radius: 360px; border-top-right-radius: 360px; overflow: hidden; position: relative; } #vdpSpeedoMeter-inner-div { position: absolute; left: 20%; top: 40%; width: 60%; height: 60%; border-top-left-radius: 360px; border-top-right-radius: 360px; background-color: #FFFFFF; z-index: 2; } #vdpSpeedoMeter-inner-div-2 { position: absolute; left: 0%; top: 0%; z-index: 4; width: 100%; height: 100%; border-top-left-radius: 360px; border-top-right-radius: 360px; background-color: #DA2406; transform-origin: bottom center; transform: rotate(-130deg); z-index: 0; } #vdpSpeedoMeter-inner-div-3 { position: absolute; right: 0%; top: 0%; z-index: 4; width: 100%; height: 100%; border-top-left-radius: 360px; border-top-right-radius: 360px; background-color: #2CBB6D; transform-origin: bottom center; transform: rotate(130deg); z-index: 0 } #vdpSpeedoMeter-inner-div-4 { position: absolute; left: 16px; top: -2px; width: 0; height: 0; border-left: 33px solid transparent; border-right: 33px solid transparent; border-bottom: 46px solid #F9B115; transform: rotate(180deg); } .vdpSpeedoMeter-tick { position: absolute; top: 40%; left: -250%; width: 300%; height: 5px; background-color: #000000; animation-name: ticker-mover-1; animation-duration: 1s; animation-iteration-count: 1; animation-fill-mode: forwards; border-top-left-radius: 50%; border-bottom-left-radius: 50%; border-top-right-radius: 5%; border-bottom-right-radius: 5%; } #vdpSpeedoMeter-inner-div-5 { position: absolute; left: 45%; top: 80%; width: 10%; height: 20%; border-radius: 50%; background-color: #000000; z-index: 2; } #vdpSpeedoMeter-texto { width: 50%; overflow: hidden; position: relative; text-align: center !important; vertical-align: middle !important; margin-top: -30px; } .vdpSppedoMeter-text-yellow { color: #F9B115; float: right; margin-right: 20% !important; margin-top: 8% !important; font-weight: 800; } .vdpSppedoMeter-text-green { color:#2CBB6D; float: right; margin-right: 20% !important; margin-top: 8% !important; font-weight: 800; } .vdpSppedoMeter-text-red { color:#DA2406; margin-right: 20% !important; font-weight: 800; } @keyframes ticker-mover-1 { 0% { transform-origin: right center; transform: rotate(0deg); } 100% { transform-origin: right center; transform: rotate(var(--variacao-speedometer)); } } .progress-container { width: 100%; background: linear-gradient(0.25turn, #209452, #F6B01F, #D62C13); position: relative; height: 10px; } .progress-bar { width: 70%; /* Porcentagem de progresso */ height: 10px; position: relative; } .marker-container { position: absolute; width: 100%; height: 100%; top: 0; left: var(--variacao-termometro); display: flex; justify-content: space-between; pointer-events: none; /* Marcadores não são clicáveis */ } .marker { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #000000; font-size: 12px; color: #000; position: relative; top: -8px; /* Ajusta a posição vertical */ } .clean-mailOpen .jqifade + .jqi{ background-color: white; border: none; width:60% } .clean-mailOpen .jqifade + .jqi .jqistate{ background-color: white; border: none; } .clean-mailOpen .jqifade + .jqi .jqistate .lead{ display: none; } .clean-mailOpen .jqifade + .jqi .jqistate .jqimessage{ border: none; } .clean-mailOpen .jqifade + .jqi .jqiclose{ font-size: 32px; } @media (max-width: 1440px) { #vdpSpeedoMeter-texto { width: 42% !important; font-size:80% !important; } } @media (max-width: 1366px) { #vdpSpeedoMeter-texto { width: 40% !important; font-size:70% !important; } #vdpSpeedoMeter { width: 89px; height: 42px; } #vdpSpeedoMeter-inner-div-4 { left: 16px; border-left: 29px solid transparent; border-right: 29px solid transparent; border-bottom: 41px solid #F9B115; } .vpdSpeddMeter-Row { max-height: 65px; overflow: hidden !important; } } @media all and (max-width: 1200px) { .vehicle-wrapper{ width: 33%; max-height:393px !important; } } @media all and (min-width: 1600px) { .vehicle-wrapper{ width:16.66666%; max-height:393px !important; } } /* ------ INICIO: CSS PARA A SELECAO DAS TAXAS (BENEFICIOS) ------ */ .aav-taxa-overlay { display: flex; position: fixed; z-index: 9999; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.7); align-items: center; justify-content: center; } .aav-taxa-container { background: #fff; padding: 30px; border-radius: 8px; max-width: 1000px; width: 90%; overflow-y: auto; max-height: 90vh; font-family: Arial, sans-serif; } .aav-title { text-align: left; margin-bottom: 20px; color: var(--DS-Grey-G300, #373737); font-family: Roboto; font-size: 20px; font-weight: 700; } .aav-taxa-table { width: 100%; border-collapse: collapse; table-layout: fixed; } .aav-taxa-table th, .aav-taxa-table td { border: 2px solid var(--DS-Blue-B20, #E9EBF8); padding: 10px; color: #272833; font-family: Roboto; font-size: 14px; font-weight: 400; vertical-align: middle; word-wrap: break-word; } .aav-taxa-table th { font-size: 16px; font-weight: 600; text-align: center; position: relative; } .aav-taxa-table th:first-child, .aav-taxa-table td:first-child { text-align: left; width: 45%; } /* PLANO COLUNAS */ .aav-taxa-table th.plan-col, .aav-taxa-table td.plan-col { text-align: center; } .aav-taxa-table th.plan-col { position: relative; text-align: center; vertical-align: top; } .plan-col-content { display: flex; justify-content: center; align-items: center; padding: 0 12px; gap: 8px; flex: 1 0 0; } .aav-full-header { display: flex; flex-direction: column; align-items: center; } .aav-full-badge { position: absolute; top: -14px; /* Sobe acima do header */ left: 50%; /* Centraliza horizontalmente */ transform: translateX(-50%); padding: 4px 10px; border-radius: 4px; background: #3C00FF; color: #FFF; font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; text-align: center; white-space: nowrap; } .aav-taxa-table th.aav-full-col, .aav-taxa-table td.aav-full-col { background: linear-gradient(270deg, #3C00FF 0%, #F58220 100%); color: #fff; } .aav-taxa-table td.aav-full-col * { color: #fff; } /* PREÇO + BOTÃO CELULA */ .aav-preco-botao { display: flex; flex-direction: column; align-items: center; gap: 8px; } .aav-preco { color: #272833; text-align: center; font-family: Roboto; font-size: 20px; font-style: normal; font-weight: 600; line-height: 150%; /* 30px */ margin-bottom: 5px; } .aav-preco-full { color: #FFF; text-align: center; font-family: Roboto; font-size: 20px; font-style: normal; font-weight: 600; line-height: 150%; /* 30px */ margin-bottom: 5px; } .aav-btn { border-radius: 4px; border: 1px solid var(--DS-Orange-O200, #F79746); background: white; padding: 10px 5px; border-radius: 4px; cursor: pointer; color: var(--DS-Orange-PANTONE-158-C, #F58220); text-align: center; font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 700; line-height: normal; display: flex; height: 39px; justify-content: center; align-items: center; gap: 10px; flex-shrink: 0; align-self: stretch; } .aav-btn-full { border-radius: 4px; background: #F58220; color: #FFF; padding: 8px 16px; border: none; cursor: pointer; text-align: center; font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 700; line-height: normal; display: flex; height: 39px; padding: 10px; justify-content: center; align-items: center; gap: 10px; flex-shrink: 0; align-self: stretch; } .aav-obs { margin-top: 20px; font-size: 13px; text-align: center; color: #444; } .aav-benefit-text { text-align: center; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; /* 21px */ color: #272833; } .tacPopup__summary { padding: 16px; border: 1px solid #E0E0E0; border-radius: 8px; font-family: Roboto, Arial, sans-serif; background: #fff; max-width: 500px; margin: 0 auto; } .tacPopup__row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; font-size: 14px; color: #272833; } .tacPopup__divider { border-top: 1px solid #E0E0E0; margin: 12px 0; } .tacPopup__total { display: flex; justify-content: space-between; font-weight: 700; font-size: 16px; color: #272833; } .tacPopup__info-icon { font-size: 12px; margin-left: 4px; color: #A0A0A0; cursor: pointer; } /* CARD BASE */ .aav-card-mobile { background: #fff; border: 1px solid #ccc; border-radius: 8px; box-sizing: border-box; font-family: Arial, sans-serif; position: relative; display: flex; flex-direction: column; height: 100%; } /* FULL CARD - gradiente */ .aav-full-card { background: linear-gradient(270deg, #3C00FF 0%, #F58220 100%); color: #fff; } /* CONTENT WRAPPER for flex layout */ .aav-card-content { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: space-between; padding: 16px; height: 100%; box-sizing: border-box; position: relative; } /* BADGE Melhor custo benefício */ .aav-full-badge { } /* HEADER Nome + Preço lado a lado */ .aav-card-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; padding: 20px 12px 0 12px; font-family: Roboto, Arial, sans-serif; } .aav-card-header h3 { font-size: 18px; font-weight: bold; margin: 0; } .aav-card-header .aav-card-preco { font-size: 18px; font-weight: 600; } /* FULL CARD AJUSTES DE COR */ .aav-full-card .aav-card-header h3, .aav-full-card .aav-card-header .aav-card-preco { color: #fff; } /* BOTÕES NO MOBILE */ .aav-card-mobile button { width: calc(100% - 24px); /* << ESPAÇO LATERAL BOTÃO */ margin: 16px 12px 20px 12px; /* << ESPAÇO LATERAL E INFERIOR */ padding: 10px 16px; border-radius: 4px; cursor: pointer; border: 1px solid orange; background: white; color: orange; } .aav-card-mobile button.aav-btn-full { background: #F58220; color: #fff; border: none; } /* DESCRIPTION: fills remaining space to push button down */ .aav-card-desc { flex-grow: 1; margin-bottom: 12px; } .aav-card-desc p { font-size: 14px; margin: 5px 0; text-align: left; color: inherit; } .aav-card-divider { border-top: 1px solid #ccc; margin: 10px 0; } .aav-full-card .aav-card-divider { border-top: 1px solid #fff; } .aav-card-desc { padding: 0 12px; } /* FOOTER: button always at bottom */ .aav-card-footer { text-align: center; } /* BUTTON BASE */ .aav-btn { border: 1px solid orange; background: white; color: orange; padding: 10px 5px; border-radius: 4px; cursor: pointer; width: 100%; transition: background 0.3s, color 0.3s; } /* BUTTON FULL PLAN */ .aav-btn-full { background: #F58220; color: #fff; border: none; } /* Ensure FULL plan text remains white */ .aav-full-card .aav-card-desc p, .aav-full-card .aav-btn, .aav-full-card .aav-card-header h3, .aav-full-card .aav-card-preco { color: #fff; } /* Swiper settings */ .swiper-slide { display: flex; flex-direction: column; justify-content: stretch; height: auto; } .swiper-nav { display: flex; justify-content: center; align-items: center; margin-top: 40px; gap: 20px; /* <-- ajuste aqui para mais espaço embaixo */ } .swiper-button-prev, .swiper-button-next { position: static; width: 36px; height: 36px; border: 1px solid #ccc; border-radius: 50%; color: #272833; background: #fff; cursor: pointer; display: flex; justify-content: center; align-items: center; } .swiper-button-prev::after, .swiper-button-next::after { font-size: 20px; } @media (max-width: 600px) { .aav-full-badge { position: absolute; right: 16px; padding: 4px 10px; border-radius: 4px; background: #3C00FF; color: #fff; font-size: 12px; font-weight: 500; text-align: center; z-index: 2; } } .packageAAV { color: var(--White, #FFF); text-align: center; font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 600; line-height: normal; display: flex; padding: 7px 15px; float: right; justify-content: center; align-items: center; gap: 10px; border-radius: 100px; background: var(--DS-Orange-PANTONE-158-C, #F58220); margin: 2px; } .packageAAV.pgto-pendente { background: #673ab7; font-size: 10px; margin-top: 3px; } .packageAAV.comprado{ background: #2CBB6D; } .packageAAV.plus { background: #1872FA; } .packageAAV.full { background: linear-gradient(270deg, #3C00FF 0%, #F58220 100%), #1872FA; } @media (max-width: 600px) { .packageAAV, .packageAAV.pgto-pendente { font-size: 8px; margin: 0px; } } /* ------ FIM: CSS PARA A SELECAO DAS TAXAS (BENEFICIOS) ------ */ .currency:before{content: "R$ ";font-size: .65em;} button, .button{background: #009775;color: #FFF;} button.button-accent, .button.button-acent{background: #3a332d;color: #FFF;} .button-outline, .button-outline:focus, .button-outline:active { color: #009775;} .button-outline:hover { background-color: #009775 !important;border-color:#009775;color: #FFF;} .button-outline-accent, .button-outline-accent:focus, .button-outline-accent:active { color: #3a332d;} .button-outline-accent:hover { background-color: #3a332d !important;border-color:#3a332d;color: #FFF;} .selectivity-multiple-selected-item { background-color: #009775 !important; color: #FFF;} .dash-carousel .aa-display-2 > svg, h1.list-header > svg { filter: grayscale(100%);}header{background: #FFF;} header .header-menu {background: #009775;} nav ul.menu > li a {font-weight: bold;text-transform: uppercase; color: #444;} nav ul.menu > li a:hover { color: #333; border-bottom-color: #333;} header .header-logo{ padding: 5px 0; height: 90px;} header.on .header-logo{ padding: 10px 0;} .search-filter .title h3{font-weight: bold;} .search-filter .title,button, .button {background: #009775;color: #444;} .button.fab:hover, button.fab:hover, button:hover, .button:hover, button:active, .button:active{background:#00adef;} .vehicle .time p{ color: #009775;} .vehicle .figure{ border-bottom-color: #009775;} nav ul.menu > li a, nav ul.menu > li a:hover{ color: #FFF;} nav ul.menu > li a{ opacity: .6;} nav ul.menu > li a:hover{ opacity: 1;}  .area-user__menu__item__button__arrow {color: #000;} .area-user__menu__item__button__label {color: #000;} .aavatar {color: #000} .area-user__menu__item--separator {display: none;}  @media (min-width: 721px){  header .user a, header .user a i{color: #333;}  header .user a:hover{color: #000;} } @media (max-width: 720px){  header .header-logo img { height: auto; }  header .header-logo { top: 0; padding:20px 0;background: #009775;}  nav ul.menu > li a i{color: #009775;}  nav ul.menu > li a{ font-size: 14px;} }  body, button, input{font-family: 'CooperHewitt',"Roboto", "Segoe UI", 'Roboto',sans-serif;} .aa--accent, .aa--accent-h:hover {  background-color: #e0e0e0 !important; }