/* Theme Name: clcktm Theme URI: http://wordpress.org/themes/clcktm Author: Anderson Moraes Author URI: http://clicktime.com.br/ */ @import url("pesquisas.css"); @import 'style-produtos.css'; #tabautorizadas { display:none; } .show { opacity: 1; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, nav, section, summary { display: block; } article .post .entry-content a { color: #39C !important; } .articleBody { min-height: 510px; padding-bottom: 4% !important; } .articleBody a { text-decoration: underline; } .tags { margin: 5% 0 0 0; } .tags-links a { color: #C30!important; padding: 4px; text-decoration: none; font-size: 12px; border: 1px solid; white-space: nowrap; float: left; display: block; margin: 0 5px 5px 0 !important; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: "proxima-nova", Helvetica, sans-serif; font-weight: 400; } body { color: #141412; line-height: 1.5; margin: 0; background-color: #f6f6f6; } a { color: #2a6faa; text-decoration: none; } a:visited { color: #2a6faa; } a:focus { outline: thin dotted; } a:active, a:hover { color: #369; outline: 0; } a:hover { text-decoration: none; } h1, h2, h3, h4, h5, h6 { clear: both; line-height: 1.3; font-weight: 400; } h1 { font-size: 48px; margin: 33px 0; } h2 { font-size: 30px; margin: 25px 0; } h3 { font-size: 22px; margin: 22px 0; } h4 { font-size: 20px; margin: 25px 0; font-weight: 400; } h5 { font-size: 18px; margin: 30px 0; } h6 { font-size: 16px; margin: 36px 0; } address { font-style: italic; margin: 0 0 24px; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } p { margin: 0 0 24px; font-weight: 400; } li { font-weight: 400; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 14px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } pre { background: #f5f5f5; color: #777; font-family: monospace; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } blockquote { font-size: 18px; font-style: italic; font-weight: 400; background: #F8F8F8; padding: 24px 40px; margin: 0 0 20px 0; } blockquote blockquote { margin-right: 0; } blockquote cite, blockquote small { font-size: 14px; font-weight: normal; text-transform: uppercase; } blockquote em, blockquote i { font-style: normal; font-weight: 300; } blockquote strong, blockquote b { font-weight: 400; } small { font-size: smaller; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dl { margin: 0 20px; } dt { font-weight: bold; } dd { margin: 0 0 20px; } menu, ol, ul { margin: 16px 0; padding: 0 0 0 40px; } ul { list-style-type: square; } nav ul, nav ol { list-style: none; list-style-image: none; } li > ul, li > ol { margin: 0; } img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; } button, input { line-height: normal; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { padding: 0; } input[type="search"] { -webkit-appearance: textfield; padding-right: 2px; /* Don't cut off the webkit search cancel button */ width: 270px; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-bottom: 1px solid #ededed; border-collapse: collapse; border-spacing: 0; font-size: 14px; line-height: 2; margin: 0 0 20px; width: 100%; } caption, th, td { font-weight: normal; text-align: left; } caption { font-size: 16px; margin: 20px 0; } th { font-weight: bold; text-transform: uppercase; } td { border-top: 1px solid #ededed; padding: 6px 10px 6px 0; } del { color: #333; } ins { background: #fff9c0; text-decoration: none; } hr { background: url(../clcktm/images/dotted-line.png) repeat center top; background-size: 4px 4px; border: 0; height: 1px; margin: 0 0 24px; } /** * 2.0 Repeatable Patterns * ---------------------------------------------------------------------------- */ .genericon:before, .featured-post:before, .date a:before, .entry-meta .author a:before, .format-audio .entry-content:before, .comments-link a:before, .tags-links:before, .categories-links a:first-child:before, .edit-link a:before, .attachment .entry-title:before, .attachment-meta:before, .attachment-meta a:before, .comment-awaiting-moderation:before, .comment-reply-link:before, .comment-reply-login:before, .comment-reply-title small a:before, .bypostauthor > .comment-body .fn:before, .error404 .page-title:before { -webkit-font-smoothing: antialiased; display: inline-block; font: normal 16px/1 Genericons; vertical-align: text-bottom; } /* Clearing floats */ .clear:after, .attachment .entry-header:after, .site-footer .widget-area:after, .entry-content:after, .page-content:after, .navigation:after, .nav-links:after, .gallery:after, .comment-form-author:after, .comment-form-email:after, .comment-form-url:after, .comment-body:after { clear: both; } .clear:before, .clear:after, .attachment .entry-header:before, .attachment .entry-header:after, .site-footer .widget-area:before, .site-footer .widget-area:after, .entry-content:before, .entry-content:after, .page-content:before, .page-content:after, .navigation:before, .navigation:after, .nav-links:before, .nav-links:after, .gallery:before, .gallery:after, .comment-form-author:before, .comment-form-author:after, .comment-form-email:before, .comment-form-email:after, .comment-form-url:before, .comment-form-url:after, .comment-body:before, .comment-body:after { content: ""; display: table; } /* Assistive text */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; line-height: normal; padding: 15px 23px 14px; position: absolute; left: 5px; top: 5px; text-decoration: none; width: auto; z-index: 100000; /* Above WP toolbar */ } /* Form fields, general styles first. */ button, input, textarea { border: 1px solid #CCC; font-family: inherit; padding: 5px; } select { border: 1px solid #CCC; font-family: inherit; padding: 4px 5px; } input, textarea { color: #696969; } input:focus, textarea:focus { border: 2px solid #c3c0ab; outline: 0; } /* Buttons */ button, input[type="submit"], input[type="button"], input[type="reset"] { background: #5887f5; /* Old browsers */ border: none; border-bottom: 3px solid #416EDA; border-radius: 2px; color: #fff; display: inline-block; padding: 11px 24px 10px; text-decoration: none; } button .cancel { background: #C33; /* Old browsers */ border: none; border-bottom: #933 3px solid; border-radius: 2px; color: #fff; display: inline-block; padding: 11px 24px 10px; text-decoration: none; } button:hover, button:focus, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus { background: #5887f5; /* Old browsers */ outline: none; } button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active { background: #5887f5; /* Old browsers */ border: none; border-top: 3px solid #7499F1; padding: 10px 24px 11px; } .post-password-required input[type="submit"] { padding: 7px 24px 4px; vertical-align: bottom; } .post-password-required input[type="submit"]:active { padding: 5px 24px 6px; } /* Placeholder text color -- selectors need to be separate to work. */ ::-webkit-input-placeholder { color: #7d7b6d; } :-moz-placeholder { color: #7d7b6d; } ::-moz-placeholder { color: #7d7b6d; } :-ms-input-placeholder { color: #7d7b6d; } /* * Responsive images * * Fluid images for posts, comments, and widgets */ .entry-content img, .entry-summary img, .comment-content img, .widget img, .wp-caption { max-width: 100%; } /* Make sure images with WordPress-added height and width attributes are scaled correctly. */ .entry-content img, .entry-summary img, .comment-content img[height], img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; } img.size-full, img.size-large, img.wp-post-image { height: auto; max-width: 100%; } /* Make sure videos and embeds fit their containers. */ embed, iframe, object, video { max-width: 100%; } /* Override the Twitter embed fixed width. */ .entry-content .twitter-tweet-rendered { max-width: 100% !important; } /* Images */ .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } img.alignleft { margin: 5px 20px 5px 0; } .wp-caption.alignleft { margin: 5px 10px 5px 0; } img.alignright { margin: 5px 0 5px 20px; } .wp-caption.alignright { margin: 5px 0 5px 10px; } img.aligncenter { margin: 5px auto; } img.alignnone { margin: 5px 0; } .wp-caption .wp-caption-text, .entry-caption, .gallery-caption { color: #220e10; font-size: 18px; font-style: italic; font-weight: 300; } img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; } .wp-caption.alignleft + ul, .wp-caption.alignleft + ol { list-style-position: inside; } /** * 3.0 Basic Structure * ---------------------------------------------------------------------------- */ .site { background-color: #fff; margin: 0 auto; width: 100%; max-width: 1250px; } .sliderContainer { clear: both; display: block; height: auto; width: 100%; background: rgb(33,37,48);/* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgb(33,37,48)', endColorstr='#386194'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(rgb(33,37,48)), to(#386194)); /* for webkit browsers */ background: -moz-linear-gradient(top, rgb(33, 37, 48), #386194); /* for firefox 3.6+ */ } .sliderDiv { clear: both; max-width: 1250px; display: block; height: auto; max-height: 336px !important; margin: 0 auto; } .sliderP { font-family: "proxima-nova", Helvetica, sans-serif; font-size: 20px; line-height: 20px; color: #fff; font-weight: 400; } .wrap { width: 100%; margin: 0 auto; display: block; overflow: auto; } .site-main { position: relative; } .site-main .sidebar-container { height: 0; position: absolute; top: 40px; width: 100%; z-index: 1; } .site-main .sidebar-inner { margin: 0 auto; max-width: 1250px; padding-right: 5%; } /** * 4.0 Header * ---------------------------------------------------------------------------- */ /** * 4.1 Site Header * ---------------------------------------------------------------------------- */ .hfeed { width: 100%; min-height: 110px; background: rgb(33,37,48); } .site-header { position: relative; max-width: 1250px; margin: 0 auto; } .site-header .home-link { color: #141412; float: left; width: 90px; height: 100px; margin: 0 0 10px 0; background-color: #538cc4; text-align: center; top: 0; position: relative; padding: 12px 0 0 0; text-decoration: none; transition: all; transition-duration: 0.2s; } .site-header .home-link:hover { float: left; transition: all; transition-duration: 0.2s; box-shadow: rgba(0,0,0,0.2) 1px 1px 4px; -webkit-box-shadow: rgba(0,0,0,0.2) 1px 1px 4px; -moz-box-shadow: rgba(0,0,0,0.2) 1px 1px 4px; background-color: #007cad; } /*@keyframe in { to { transform: rotate(360deg); } } @keyframe out { to { transform: rotate(0deg); } }*/ .site-header .home-link img { width: 80%; } .site-header .site-title:hover { text-decoration: underline; } .site-title { font-size: 1; line-height: 1; margin: 0; padding: 0; } .site-description { font: 300 italic 24px "proxima-nova", Helvetica, sans-serif; margin: 0; } /** * 4.2 Navigation * ---------------------------------------------------------------------------- */ #ocliente { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; } #push { display: none; } .main-navigation { margin: 65px 0 0 20px; float: left; /*min-height: 45px;*/ position: relative; } ul.nav-menu, div.nav-menu > ul { margin: 0; padding: 0; } .nav-menu li, .serv-menu li { display: inline-block; position: relative; } .nav-menu > li { height: 30px; } .nav-menu li a { color: #e4e7eb; text-transform: uppercase; font-weight: 600; display: block; font-size: 15px; line-height: 1; padding: 15px 10px; text-decoration: none; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .nav-menu li:hover > a, .nav-menu li a:hover, .serv-menu li a:hover { color: #fff; /*background-color: #5887f5;*/ } .nav-menu .sub-menu, .nav-menu .children { background-color: #220e10; border-top: 0; display: none; padding: 0; /*width: 200px;*/ position: absolute; top: 100%; z-index: 99999; } .nav-menu .sub-menu { padding: 15px 15px 0; } .nav-menu .sub-menu li { margin-bottom: 15px; } .nav-menu .sub-menu li {background: transparent!important; } @media(max-width: 640px) { .nav-menu .sub-menu li {margin: 0; }} .nav-menu .sub-menu ul, .nav-menu .children ul { border-left: 0; left: 100%; top: 0; } ul.nav-menu ul a, .nav-menu ul ul a { color: #fff; margin: 0; border-radius: 0; width: 200px; } ul.nav-menu ul a:hover, .nav-menu ul ul a:hover { /*background-color: #db572f;*/ } ul.nav-menu li:hover > ul, .nav-menu ul li:hover > ul { display: block; } .nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a { } .menu-toggle { display: none; } .shoppcart a:before { -webkit-font-smoothing: antialiased; font-size: 17px; top: 9px; left: 9px; position: absolute; line-height: 1; font-family: "dashicons"; content: '\f174'; } .socialshare a:before { -webkit-font-smoothing: antialiased; font-size: 17px; top: 9px; left: 9px; position: absolute; line-height: 1; font-family: "dashicons"; content: '\f242'; } .shoppcart a:before { -webkit-font-smoothing: antialiased; font-size: 17px; top: 9px; left: 9px; position: absolute; line-height: 1; font-family: "dashicons"; content: '\f174'; } .socialshare a:before { -webkit-font-smoothing: antialiased; font-size: 17px; top: 9px; left: 9px; position: absolute; line-height: 1; font-family: "dashicons"; content: '\f242'; } .contato a:before { -webkit-font-smoothing: antialiased; font-size: 17px; top: 9px; left: 9px; position: absolute; line-height: 1; font-family: "dashicons"; content: '\f466'; } .client a:before { -webkit-font-smoothing: antialiased; font-size: 17px; top: 9px; left: 9px; position: absolute; line-height: 1; font-family: "dashicons"; content: '\f110'; } .socialshare a { background: rgb(175, 68, 29) !important; } .socialshare ul li a:before { content: none; } .socialshare ul.sub-menu { width: 316px; padding: 8px 8px 0 8px; } .socialshare ul li { float: left; margin-right: 8px; display: block; clear: none; } .socialshare ul li a { width: inherit; padding: 0 !important; } .socialshare ul li a:hover { opacity: 0.6; } .socialshare ul iframe { background: #FFF; margin: 8px 0 0 0; } .client ul li a:before { content: ''; } .client ul li.login a:before { content: '\f160'; } .client ul li a { background: none; color: #e4e7eb; padding: 0!important; } .contato a, .shoppcart a, .client a, .socialshare a { display: inline; padding-left: 33px !important; } .shoppcart a:hover, .client a:hover, .socialshare a:hover { color: #FFF; } .servnav { float: right; position: absolute; right: 5px; top: 10px; } ul.serv-menu, div.serv-menu > ul { margin: 0 0 0 0; padding: 0 0 0 0; } .serv-menu li { display: inline-block; position: relative; height: initial; color: rgba(228, 231, 235, 0.72); text-transform: uppercase; font-weight: 400; /* background: rgba(54, 50, 60, 1); */ font-family: Arial, Helvetica, sans-serif; font-size: 9px; line-height: 1; } .televenda { margin: 0 0 0 11px; vertical-align:top; } .televenda a { padding-left:28px; } .televenda a:hover { background-color: transparent !important; } .televenda a:before { -webkit-font-smoothing: antialiased; top: 11px; left: -11px; position: absolute; content:url(fonts/fi-telephone.svg); opacity:0.72; } .fb-like.fb_iframe_widget {padding-top:12px;} .fb-like.fb_iframe_widget > span {vertical-align:top !important;} .expand { overflow:hidden; } .serv-menu li a { color: rgba(228, 231, 235, 0.72); text-transform: uppercase; font-weight: 400; /* background: rgba(54, 50, 60, 1); */ font-family: Arial, Helvetica, sans-serif; display: block; font-size: 9px; line-height: 1; padding: 14px 12px 13px 6px; text-decoration: none; } .client li.login a:before { top: 25px; left: 22px; } .serv-menu li.login a { color: #e4e7eb; text-transform: uppercase; font-weight: 300; background: #69F !important; font-family: Arial, Helvetica, sans-serif; display: block; font-size: 12px; line-height: 1; width: 170px; margin: 15px; padding: 14px 12px 13px 6px; text-decoration: none; } /* Navbar .navbar { background: #005c81; /* for non-css3 browsers filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005c81', endColorstr='#007cad'); /* for IE background: -webkit-gradient(linear, left top, left bottom, from(#005c81), to(#007cad)); /* for webkit browsers background: -moz-linear-gradient(top, #005c81, #007cad); /* for firefox 3.6+ margin: 0 auto; width: 100%; z-index: 102; }*/ /* Carrinho autotrac antigo */ #main_content { background: #FFFFFF; } .div_produto input[type="button"], input[type="reset"] { background: url(http://www.autotrac.com.br/img/btn_excluir.gif) no-repeat; border: none; color: #fff; display: inline-block; padding: 0; text-decoration: none; } .div_produto, .div_produto .produto_imagem, .div_produto .produto_descricao_geral, .div_produto .produto_valor, .div_produto .produto_quantidade, .div_produto .produto_total { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* NavBar */ .navbar { margin: 0 auto; width: 100%; z-index: 102; } .site-header .search-form { position: absolute; right: 30px; top: 30px; } .site-header .search-field { background-color: transparent; background-image: url(../clcktm/images/search-icon.png); background-position: 5px center; background-repeat: no-repeat; background-size: 24px 24px; border: none; cursor: pointer; height: 37px; margin: 3px 0; padding: 0 0 0 34px; position: relative; -webkit-transition: width 400ms ease, background 400ms ease; transition: width 400ms ease, background 400ms ease; width: 0; } .site-header .search-field:focus { background-color: #fff; border: 2px solid #c3c0ab; cursor: text; outline: 0; width: 230px; } /** * mav mobile * ---------------------------------------------------------------------------- */ .saibaMais { padding: 4px 11px; display: inline-block; background: rgba(145, 145, 145, 0.2); margin-bottom: 15px; } .mobilenav { width: 250px; } .mobile { width: 0px; transition: all; transition-duration: 0.4s; overflow: hidden; left: 0; background: #000; height: 100%; z-index: 1000; box-shadow: 3px 0 6px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 3px 0 6px rgba(0, 0, 0, 0.6); -moz-box-shadow: 3px 0 6px rgba(0, 0, 0, 0.6); color: #fff; font-weight: 100; font-size: 1.5em; top: 0; list-style: none; margin: 0; padding: 0; } .mobile li { line-height: 40px; text-indent: 20px; } .mobile li a { color: #999; display: block; padding: 14px 0; border-bottom: #333 1px solid; text-decoration: none; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .mobile li a:hover { color: #fff; background: rgba(98,200,191,.5); text-decoration: none; padding-left: 20px; } .mobile li a:active, .mobile li a:focus { text-decoration: none } .allcontent { max-width: 1250px; overflow: hidden; } /** * Breadcrumb * ---------------------------------------------------------------------------- */ .page .breadcrumb { display: none!important } .breadcrumb { max-width: 1250px; margin: 0 auto; padding: 4px 9px 7px 20px; clear: both; border-top: #e8e8e8 1px solid; } .breadcrumb ul { margin: 0; padding: 0; list-style: none; color: #777; } .breadcrumb ul li, .breadcrumb ul strong { display: inline; font-size: 11px; color: #777; font-family: Arial, Helvetica, sans-serif; font-weight: normal; } .breadcrumb ul li a { font-size: 11px; color: #777; } .breadcrumb ul li a:hover { color: #366; text-decoration: none } /** * 5.0 Content * ---------------------------------------------------------------------------- */ .frameBar { padding: 5%; background: url(images/icons/loading11.gif) center 120px no-repeat; } .frameBar object, .frameBar iframe { width: 100%; height: auto; margin: 0; border: none; min-height: 750px; } article .wrap { padding-bottom: 1%; } .hentry { padding: 0; overflow: auto; display: initial; } .entry-header, .entry-content, .entry-summary, .entry-meta { margin: 0 auto; max-width: 604px; width: 100%; } .entry-top { float: left; width: 66%; } .entry-content.wide { padding: 0 !important; max-width: 1250px; } .pLeft, .iLeft { float: left; margin-left: 0; } .pRight, .iRight { float: Right; margin-right: 0; } .iLeft, .iRight { width: 420px; } .sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta { max-width: 1250px; padding: 0 396px 0 5%; clear: both; } .sideMargin { margin: 110px auto 0 auto !important; } /** * 5.1 Entry Header * ---------------------------------------------------------------------------- */ .sidebar .entry-header .entry-meta { padding: 0; } .entry-thumbnail { float: left; display: block; width: 30%; margin-right: 4%; margin-bottom: 1%; } .entry-thumbnail img { display: block; width: 100%; margin: 0 auto 10px; } .entry-header { margin-bottom: 20px; margin-top: 80px; } .bigTitle { background: #fff; margin: 0 5% 0 5%; padding-bottom: 22px; border-bottom: 1px solid #CCC; overflow: auto; } .entry-title { font-weight: normal; color: #000; font-size: 35px; line-height: 37px; margin: 0; padding: 5% 0 0 0; } .noFloat { float: none; width: 100%; padding-left: 0; } .entry-title a { color: #141412; } .entry-title a:hover { color: #ea9629; } /** * 5.2 Entry Meta * ---------------------------------------------------------------------------- */ #post_image { z-index: 99999; } .appmodal { text-align: center; } .appmodal p { padding: 12px 0 0 0; margin: 0; } .app_links { float: left; margin-right: 6px; text-align: center; } .qr_links { font-size: 10px; background: url(images/icons/qr.png) no-repeat top left; padding: 3px 0 5px 20px; } .entry-meta { font-size: 14px; } .entry-meta a { color: #777; } .entry-meta a:hover { color: #000; } .entry-meta > span { margin-right: 20px; } .entry-meta > span:last-child { margin-right: 0; } .featured-post:before { content: "\f308"; margin-right: 2px; } .entry-meta .date a:before { content: "\f303"; } .comments-link a:before { content: "\f300"; margin-right: 2px; position: relative; top: -1px; } .entry-meta .author a:before { content: "\f304"; position: relative; top: -1px; } .categories-links a:first-child:before { content: "\f301"; } .tags-links:before { content: "\f302"; color: #C30; float: left; position: relative; top: 5px; } .edit-link a:before { content: "\f411"; position: relative; top: -1px; } .single-author .entry-meta .author, .sticky.format-standard .entry-meta .date, .sticky.format-audio .entry-meta .date, .sticky.format-chat .entry-meta .date, .sticky.format-image .entry-meta .date, .sticky.format-gallery .entry-meta .date { display: none; } /** * 5.3 Entry Content * ---------------------------------------------------------------------------- */ .entry-content { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; word-wrap: break-word; } .entry-content blockquote { font-size: 16px; } .entry-content blockquote cite, .entry-content blockquote small { font-size: 16px; } .entry-content img.alignleft, .entry-content .wp-caption.alignleft { margin-left: -60px; } .entry-content img.alignright, .entry-content .wp-caption.alignright { margin-right: -60px; } footer.entry-meta { margin-top: 24px; margin-bottom: 3px; } .format-standard footer.entry-meta { margin-top: 0; } /* Page links */ .page-links { clear: both; font-size: 16px; font-style: italic; font-weight: normal; line-height: 2.2; margin: 20px 0; text-transform: uppercase; } .page-links a, .page-links > span { background: #fff; border: 1px solid #fff; padding: 5px 10px; text-decoration: none; } .format-status .entry-content .page-links a, .format-gallery .entry-content .page-links a, .format-chat .entry-content .page-links a, .format-quote .entry-content .page-links a, .page-links a { background: #e63f2a; border: 1px solid #e63f2a; color: #fff; } .format-gallery .entry-content .page-links a:hover, .format-audio .entry-content .page-links a:hover, .format-status .entry-content .page-links a:hover, .format-video .entry-content .page-links a:hover, .format-chat .entry-content .page-links a:hover, .format-quote .entry-content .page-links a:hover, .page-links a:hover { background: #fff; color: #e63f2a; } .format-status .entry-content .page-links > span, .format-quote .entry-content .page-links > span { background: none; } .page-links .page-links-title { background: transparent; border: none; margin-right: 20px; padding: 0; } /* Mediaelements */ .hentry .mejs-mediaelement, .hentry .mejs-container .mejs-controls { background: #220e10; } .hentry .mejs-controls .mejs-time-rail .mejs-time-loaded, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: #fff; } .hentry .mejs-controls .mejs-time-rail .mejs-time-current { background: #ea9629; } .hentry .mejs-controls .mejs-time-rail .mejs-time-total, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: #595959; } .hentry .mejs-controls .mejs-time-rail span, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { border-radius: 0; } /* get email -------------------------------------------------------------------------------------*/ .homeBar { height: 100px; max-width: 1250px; margin: 0 auto; position: inherit; z-index: 5; background-color: rgb(33,37,48); } /*.home .wpcf7 { width:59.5%; float:left; position: relative; z-index: 1000; } .home .wpcf7-form-control-wrap.your-email { float: left; width: 63%; padding-top: 30px; display: inline-block; margin-bottom: .5em; margin: 0 !important; } .home .wpcf7-text.wpcf7-email { box-sizing: border-box; display: block; width: 100%; max-width: 100%; padding: .5em; background-color: #F1F1F1; border: 2px solid gray; margin-bottom: 8px; width: 100%; height: 40px; font-size: 20px; font-weight: 500; } .home .wpcf7-form-control.wpcf7-submit { margin: 30px 0 0 2%; height: 40px; padding: 11px 0; display: table-cell; vertical-align: middle; background: #5887f5; border: none; width: 35% !important; float: left !important; border-radius: 0; color: #FFF; text-transform: uppercase; font-weight: 400; font-size: 14px; line-height: 20px; } .wpcf7-form-control { box-sizing: border-box; width:100%; height:35px; padding:.5278em; background-color:#F1F1F1; margin-bottom:8px; border: 2px solid #ddd; } .wpcf7-form-control.wpcf7-submit { margin-bottom: 1em; background: #5887f5; border-top: none; padding: 11px 0; display: block; width: 100%; margin-top: .5em; min-height: 40px; padding: 10px; cursor: pointer; border-bottom: 3px solid #416EDA; border-radius: 2px; color: #fff; } .servNews .wpcf7-text.wpcf7-email { box-shadow: inset rgba(0, 0, 0, 0.1) 4px 4px 15px; border:2px solid #ddd; } .servBar .wpcf7-form-control.wpcf7-submit { margin-left:0 !important; max-width:80%; } */ .newsletter { width: 66%; float: left; padding: 0; height: 100px; } .newsletter .yks-status .yks-success, #yks_form_error_message { margin: 1px 0 -29px -1px; padding-left:5px; width:99%; color: darkgreen; font-size:12px; background:#dfd; border-radius:3px; } #yks_form_error_message { color:#b81c23; background:#ffeaea; display:inline-block !important; } .yikes-mailchimp-container { position:relative; z-index:1000; } .newsletter .yikes-mailchimp-container { width:59.5%;float:left; } .yikes-mailchimp-container label span { display:none; } .yikes-easy-mc-form label.FNAME-label, .yikes-easy-mc-form label.LNAME-label {display:none;} .newsletter label { margin:0 !important; } .newsletter .EMAIL-label { padding-top: 30px; } .newsletter .EMAIL-label { float: left;width:63%; } .newsletter .EMAIL-label input { width:100%; height:40px; font-size:20px; font-weight:500; padding:0 20px; border:none !important; background: #DDD; box-shadow: inset 1px 1px 2px rgba(0,0,0, 0.3); } .yikes-easy-mc-form input[type="text"] { height:auto; } .yikes-easy-mc-form input[type="text"], .yikes-easy-mc-form input[type="url"], .yikes-easy-mc-form input[type="email"], .yikes-easy-mc-form input[type="number"], .yikes-easy-mc-form select { border:none; } .yks-mailchimpFormDivRow.yks-mc-form-row-last-name+.yks-mailchimpFormDivRow { display:none; } .yks-mailchimpFormDivRow.yks-mc-form-row-last-name+.yks-mailchimpFormDivRow+.yks-mailchimpFormDivRow { padding-top:30px; } .newsletter button { width:35% !important;float:left !important; } .servBar .yikes-easy-mc-submit-button { display:block !important; text-align:center; padding:17px !important; transition:all 0.3s ease 0s; background:#069 none repeat scroll 0% 0%; border:none; border-radius:0; box-shadow:none; font-weight:400; color:#FFF; bottom:10%; margin:0px; height:61px; font-size:18px; line-height:1.5; } .servBar .EMAIL-label input { height:61px; } .newsletter .yikes-easy-mc-form .yikes-easy-mc-submit-button { margin: 30px 0 0 2%; height: 44px; padding: 11px 0; display: table-cell; vertical-align: middle; background: #5887f5; border: none; width: 100%; border-radius: 0; color: #FFF; text-transform: uppercase; font-weight: 400; font-size: 14px; line-height: 20px; /* margin-top:-8px !important; */ } .servBar .yikes-easy-mc-submit-button { margin-top:-8px !important; } .homeBar .yikes-easy-mc-submit-button { height:40px !important; } .yikes-easy-mc-form .yikes-easy-mc-submit-button:hover, .yikes-easy-mc-form .yikes-easy-mc-submit-button:active { background:#F90; border-top:none; padding:11px 0; } .newsletter .obsEmail { float: left; padding: 0; display: table; width: 40%; height: 100px; color: #FFF; line-height: 16px; } .newsletter .obsEmail div { padding: 0 2% 0 10%; height: 100px; width: 100%; vertical-align: middle; display: table-cell; color: #FFF; font-weight: 400; font-size: 15px; line-height: 16px; } .newsletter .obsEmail div span { clear: both; display: block; } .newsletter .mailButton { height: 40px; width: 20%; background: transparent; float: left; display: table; margin: 30px 0 0 2%; text-align: center; } .newsletter .mailButton input { display: block; height: 40px; padding: 11px 0; display: table-cell; vertical-align: middle; background: #5887f5; border: none; width: 100%; border-radius: 0; color: #FFF; text-transform: uppercase; font-weight: 400; font-size: 14px; line-height: 20px; } .newsletter .mailButton input:hover { background: #F90; text-decoration: none; color: #FFF; } /* social share -------------------------------------------------------------------------------------*/ .socialWidget { width: 33%; padding: 18px 30px 0; height: 100px; float: right; display: block; } .social-share, .sitewide-social { position: relative; z-index: 4; height: 50px; margin: 0; } .social-share>div, .sitewide-social>div { float: left; height: 50px; } .social-share>div.facebook:hover, .sitewide-social>div.facebook:hover { cursor: default; } .social-share>div.twitter:hover, .sitewide-social>div.twitter:hover { cursor: default; } .social-share>div .wrap, .sitewide-social>div .wrap { display: block; height: 38px; width: 38px; overflow: inherit; position: relative; text-decoration: none; } .social-share>div.expanded .wrap, .sitewide-social>div.expanded .wrap { border-right: none; background: #300; width: 38px; } .social-share>div.expanded .wrap .expand, .sitewide-social>div.expanded .wrap .expand { display: block; } .social-share>div .wrap .expand, .sitewide-social>div .wrap .expand { display: none; width: 141px; padding-left: 15px; margin-left: 50%; height: 43px; position: absolute; top: 37px; left: -78px; line-height: 50px; text-align: left; background: rgba(255,255,255,.8); box-shadow: 0 2px 4px rgba(0,0,0,.3); -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.3); -moz-box-shadow: 0 2px 4px rgba(0,0,0,.3); z-index: 3; } .social-share>div.facebook.expanded .expand { width: 170px; } .social-share>div.youtube.expanded .expand, .sitewide-social>div.youtube.expanded .expand { width: 140px; padding-left: 10px; margin-left: 10%; left: -60px; transition: all; transition-duration: 0.3s; } .social-share>div.twitter .expand, .sitewide-social>div.twitter .expand { line-height: 60px; } .social-share .icon { width: 38px; height: 38px; opacity: .7; float: left; display: block; margin: 0; background-image: url(images/icons/social.png); background-color: #ccc; background-repeat: no-repeat; border-bottom: 1px solid #FFF; } .social-share .icon:hover { background-color: #777; opacity: 1; } .social-share>div .num { margin: 0 0 0 0; -webkit-font-smoothing: subpixel-antialiased; text-transform: uppercase; font-weight: 300; display: block; font-size: 14px; width: 100%; text-align: center; line-height: 24px; color: #333 !important; opacity: .7; } .social-share>div.comment { margin: 0px !important; } .social-share>div.comment .text { margin: 12px 15px 0 0px; } .social-share>div .text { float: left; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #9d9d9d; } /* Sitewide Social -------------------------------------------------------------------------------------*/ .home .social-share { border-right: none; margin: 0; } .home .social-share>div { float: left; height: 50px; } .home .social-share>div .num { margin: 0 0 0 0; -webkit-font-smoothing: subpixel-antialiased; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-weight: 300; display: block; font-size: 14px; width: 100%; text-align: center; line-height: 24px; color: #fff !important; opacity: .7; } .home .social-share>div .icon { background-color: transparent; } .social-share>div.twitter .icon { background-position: -124px -2px; } .social-share>div.twitter .icon:hover { background-color:#00aced; } .social-share>div.facebook .icon { background-position: -1px -2px; } .social-share>div.facebook .icon:hover { background-color: #3b5998; } .social-share>div.gplus .icon { background-position: -42px -2px; } .social-share>div.gplus .icon:hover { background-color: #dd4b39; } .social-share>div.linkedin .icon { background-position: -83px -2px; } .social-share>div.youtube .icon { background-position: -165px -2px; } .social-share>div.mail .icon { background-image: url(images/icons/icon24w.png);background-position: 50% 50%;background-size:100%; } /** * Produtos * ---------------------------------------------------------------------------- */ .proBar { max-width: 1250px; margin: 0 auto; padding: 1% 3%; display: block; background-color: #FFF; overflow: hidden; } .produtos { width: 33.2%; overflow: auto; float: left; display: block; text-align: center; } .produtos:nth-child(even) .proInner { border-right: #e5e5e5 1px solid; border-left: #e5e5e5 1px solid; } .produtos .h1produto { font-weight: 600; color: #333; clear: right; text-transform: uppercase; font-size: 32px; margin: 12px 0; letter-spacing: -1px; padding: 0; } .produtos .h1produto span { font-weight: 400; text-transform: none; } .proImg { height: 150px; padding: 0; float: none; } .proImg img { height: 100%; width: auto; } .proInner { width: 100%; padding: 1% 11%; margin: 8% auto; position: relative; } .proText { padding-top: 20px; text-align: center; font-size: 14px; font-weight: 400; clear: both; line-height: 20px; color: #333; overflow: auto; } .proInner .compreAll { position: absolute; top: 0; z-index: 350; left: 0; width: 100%; transition: all; transition-duration: 0.2s; height: 100%; } .proInner:hover { background-color: rgba(0,0,0,0.04); text-decoration: none; color: #FFF; } .produtos .compre { display: block; cursor: pointer; text-align: center; font-size: 14px; font-weight: 400; text-transform: uppercase; color: #000; transition: all; transition-duration: 0.2s; background-color: #ddd; padding: 6px 5%; width: 40%; float: left; margin: 20px 5%; } .produtos .c2 { position: relative; z-index: 336; } .produtos .saiba { display: block; padding: 6px 0; text-align: center; width: 92px; border: 1px solid #CCC; float: left; font-size: 17px; font-weight: 200; color: #333; } .produtos .saiba:hover { background-color: #CCC; border-color: #ccc; text-decoration: none; } /** * Destques * ---------------------------------------------------------------------------- */ .carousel h1.destTitle { font-size:23px !important; } .destBar { max-width: 1250px; margin: 0 auto; padding: 30px 0 60px 50px; display: block; background-color: #FFF; overflow: hidden; position: relative; } .destTitle { display: block; clear: both; text-align: center; padding: 5px 0; } .destTitle h3 { font-size: 44px; font-weight: 200; color: #000; margin: 0 3% 25px 0; } .destBar .prev { position: absolute; left: 0; z-index: 9; top: 72px; width: 50px; height: 405px; background: url(images/arrowprev.png) center center no-repeat; opacity: .1; transition: all; transition-duration: .4s; } .destBar:hover .prev { opacity: .9; cursor: pointer; } .destBar:hover .next { background: url(images/bg/bkg_next_on.png) center center repeat-y; cursor: pointer; } .destBar .next { position: absolute; right: 0; top: 72px; width: 50px; height: 405px; transition: all; transition-duration: .4s; background: url(images/bg/bkg_next.png) center center repeat-y; } .destTitle { display: block; clear: both; padding: 5px 0; } .destTitle h2 { font-size: 22px; letter-spacing: -1px; font-weight: 200; color: #777; margin: 0 0 8px 0; } ul.carousel { margin: 0; padding: 0; list-style: none; } .destaques { width: 250px; margin: 0 50px 0 0; height: 400px; float: left; display: block; text-align: center; box-shadow: 1px 1px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.1); } .destInner { background-color: #fff; max-width: 250px; margin: 0 auto; height: 400px; position: relative; transition: all; transition-duration: 0.3s; } .destInner .play { position: absolute; z-index: 99; background: url(images/autotrac_posts_play.png) center center no-repeat; height: 50%; text-align: center; width: 100%; overflow: hidden; } .destInner .destImg { height: 222px; text-align: center; overflow: hidden; } .destInner .destImg img { height: 100%; width: auto; max-width: none; } .destInner:hover { background-color: #f2f2f2; } .destMeta { position: absolute; bottom: 0; width: 100%; font-size: 14px; letter-spacing: 0; text-align: right; padding-right: 12px; border-top: #e2e2e2 1px solid; line-height: 30px; color: #888; } .destaques h1 { font-weight: 200; font-size: 26px; line-height: 27px; margin: 10px 12px 30px 12px; text-align: left; } .destaques a { color: #333; letter-spacing: -1px; } .destaques a:hover { color: #033; text-decoration: none; } /** * Videos * ---------------------------------------------------------------------------- */ .videosBar { max-width: 1250px; margin: 0 auto; background-color: #FFF; overflow: hidden; position: relative; padding: 10px 0 20px 50px; display: block; border-top: 1px solid #ddd; height: 340px !important; background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0) 20%); /* FF3.6+ */ background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(0,0,0,0.08)), color-stop(20%, rgba(0,0,0,0))); /* Chrome,Safari4+ */ background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0) 20%); /* Chrome10+,Safari5.1+ */ background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0) 20%); /* Opera 11.10+ */ background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0) 20%); /* IE10+ */ background-image: linear-gradient(to top, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0) 20%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42000000', endColorstr='#00000000', GradientType=1 ); /* IE6-9 */ } .videosBar .prevv { position: absolute; left: 0; z-index: 9; top: 38px; width: 50px; height: 252px; background: url(images/arrowprev.png) center center no-repeat; opacity: .1; transition: all; transition-duration: .4s; } .videosBar:hover .prevv { opacity: .9; cursor: pointer; } .videosBar:hover .nextv { background: url(images/bg/bkg_next_on.png) center center repeat-y; cursor: pointer; } .videosBar .nextv { position: absolute; right: 0; top: 38px; width: 50px; height: 252px; transition: all; transition-duration: .4s; background: url(images/bg/bkg_next.png) center center repeat-y; } ul.carvideos { margin: 0; padding: 0; list-style: none; } .videos { width: 250px; margin: 0 50px 0 0; height: 222px; float: left; display: block; text-align: center; } .videosInner { max-width: 250px; margin: 0 auto; height: 253px; position: relative; transition: all; transition-duration: 0.3s; } .videosInner .videosImg { text-align: center; width: 50%; overflow: hidden; } .videosInner .play { position: absolute; z-index: 333; background: url(images/autotrac_posts_play.png) center center; height: 111px; text-align: center; width: 50%; overflow: hidden; } .videosInner .videosImg img { width: 100%; max-width: none; } .videosMeta { width: 100%; font-size: 11px; letter-spacing: 0; text-align: left; padding-right: 12px; line-height: 30px; color: #888; } .videosTitle { font-weight: 400; color: #000; font-size: 16px; line-height: 15px; margin: 0; padding: 20px 0 0 0; text-align: left; } .videos a { color: #000; } .videosInner:hover { opacity: 0.7; } /** * Acessórios * ---------------------------------------------------------------------------- */ .acessBar { max-width: 1250px; margin: 0 auto; background-color: #FFF; overflow: hidden; position: relative; padding: 5% 2% 5% 5%; display: block; } .acessBar ul { margin: 0; padding: 0; width: 100%; display: block; margin-bottom: 1%; list-style: none; } .acessBar ul li { float: left; width: 23.5%; height: 350px; margin-right: 1%; margin-bottom: 1%; display: block; position: relative; text-align: center; border: 1px #ddd solid; transition: all; transition-duration: 0.2s; } .acessBar ul li .acessTitle { font-weight: 600; margin: 5px; } .acessBar ul li .acessTitle span.obs { font-weight: 400; } .acessBar ul li:hover { border: 1px #333 solid; } .acessBar ul li a { position: absolute; height: 100%; width: 100%; z-index: 99; display: block; } .acessBar ul li img { height: 80%; width: 80%; } .acessBar ul li .acessCompre { position: absolute; bottom: 0; background: #3C6; color: #FFF; font-weight: 600; margin-left: -49px; left: 50%; padding: 8px 12px; } /** * Acessórios - item * ---------------------------------------------------------------------------- */ .acessItemBar { max-width: 1250px; margin: 0 auto; background-color: #FFF; overflow: hidden; position: relative; padding: 5%; display: block; } .acessItemTitle { padding: 1% 3%; border-bottom: 1px solid #ddd; font-size: 16px; font-weight: 400; } .acessItemBar .acessItemImg { width: 60%; text-align: center; float: left; position: relative; } .acessItemBar .acessItemImg .promo, .acessBar ul li .promo { width: 70px; height: 70px; top: 20px; left: 20px; background: url(images/promo.png) no-repeat top left; background-size: contain; position: absolute; text-align: center; float: left; } .acessItemBar .acessItemInfo { width: 40%; float: right; padding-left: 4%; border-left: 1px solid #ccc; } .acessItemBar .acessItemInfo .desc { font-size: 13px; font-weight: 400; color: #333; } .acessItemBar .acessItemInfo .preco { font-size: 18px; padding: 20px 0; clear: both; font-weight: 400; color: #333; } .acessItemBar .acessItemInfo .preco span { font-size: 18px; padding: 20px 0; font-weight: 600; color: #900; } .acessItemBar .acessItemInfo .size_quant { float: left; padding-top: 30px; width: 40%; } .acessItemBar .acessItemInfo .acessCompre { background: #3C6; color: #FFF; display: table; clear: both; text-transform: uppercase; font-size: 16px; font-weight: 600; padding: 10px 16px; } .acessItemBar h1 { font-weight: 600; font-size: 24px; line-height: 1; margin: 0 0 5px 0; } .acessItemBar ul li .acessTitle span.obs { font-weight: 400; } .acessItemBar ul li:hover { border: 1px #333 solid; } .acessItemBar ul li a { position: absolute; height: 100%; width: 100%; z-index: 99; display: block; } .acessItemBar ul li img { height: 80%; width: 80%; } .acessItemBar ul li .acessCompre { position: absolute; bottom: 0; background: #3C6; color: #FFF; font-weight: 600; margin-left: -49px; left: 50%; padding: 8px 12px; } /** * categorias_blog menu * ---------------------------------------------------------------------------- */ .catBlog { position: absolute; top: 30px; right: 0; } .catBlog ul { list-style: none; margin: 0; padding: 0; } .catBlog li { float: left; margin-right: 1px; } .catBlog li a { padding: 2px 10px; font-size: 13px; background: #FFF; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; display: block; } .catBlog li a:hover { background: none; } /** * features * ---------------------------------------------------------------------------- */ .featBar { max-width: 1250px; margin: 0 auto; clear: both; padding: 2% 2% 4% 5%; display: block; overflow: auto; background: #86C8EB; border-top: 1px solid #ddd; } .featTitle { display: block; clear: both; text-align: center; padding: 5px 0; } .featTitle h2 { font-size: 44px; font-weight: 200; color: #fff; margin: 0 3% 25px 0; } .featColumn { width: 98%; float: none; margin: 0 5% 0 0; } .featColumn ul { list-style: none; margin: 0; padding: 0; } .featColumn ul li { width: 28.2%; float: left; margin: 0 5% 0 0; display: block; padding: 8px 10px 8px 0; border-bottom: 1px solid rgba(255,255,255,0.6); } .featColumn .featP { display: table; height: 100%; padding-left: 9px; } .featColumn .featP p { margin: 8px 0; padding: 0 0 0 0; width: 100%; font-size: 14px; vertical-align: middle; display: table-cell; font-weight: 400; line-height: 15px; } .featImg { float: left; height: 52px; padding: 0; margin: 0; width: 52px; } .featImg img { height: 46px; margin: 2px; } .featImg img .big { vertical-align: middle; margin: 0 auto; height: 40px; background: #fff; } .featOne { float: left; padding-top: 20px; height: 300px; width: 18%; position: relative; } .featOne img { height: auto; vertical-align: central; width: 130%; position: absolute; left: -55px; } .featLista { clear: both; text-align: center; padding: 30px 0 0 0; font-weight: 400; } .featLista a { border-bottom: 1px dotted #fff; } /** * Rede * ---------------------------------------------------------------------------- */ .redeBar { max-width: 1250px; margin: 0 auto; padding: 0; display: block; background: #FFF; overflow: hidden; } .white { padding: 12px; font-weight: 400 !important; font-size: 14px !important; } .white strong { font-weight: 600 !important; font-size: 17px !important; } .redeBar ul.parceiros { margin: 0; padding: 0; display: block; } .redeauto { height: 480px; font-weight: 400; float: left; width: 40%; padding: 2% 2% 0 5%; } .redeList { height: 335px; width: 100%; overflow: auto; padding: 0; border: 1px solid #ddd; } .redeFind { display: block; width: 100%; overflow: auto; margin-bottom: 25px; border-bottom: 1px solid #ddd; } .redeauto h4 { font-size: 18px; margin: 0 0 10px 0; font-weight: 400; padding: 0 0 0 25px; background: url(images/autorizadas.png) 0 5px no-repeat; } .redeBar .redeSel { display: block; padding: 12px 0 12px 0; } .redeBar select { border: 1px solid #CCC; font-family: inherit; font-weight: 500; font-size: 19px; color: #666; border-radius: 4px; padding: 6px 8px; } .redeBar ul.parceiros a { color: #333; } .redeBar .found { font-family: inherit; font-weight: 500; font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding: 12px 0 0 8px; } .redeBar ul.parceiros li { display: none; text-align: left; line-height: normal; font-family: Arial, Helvetica, sans-serif; padding: 8px; border-bottom: 1px solid #CCC; font-size: 12px; background: #FFF; transition: all; transition-duration: 0.2s; } .redeMap { width: 60%; height: 505px; position: relative; float: right; border: none; box-shadow: 2px 2px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.1); -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.1); margin: 0; } #map { width: 100%; height: 505px; margin: 0; } #map img { max-width: none; } .redeBar ul.parceiros li:hover { background: #f1f1f1; } .redeBar .rede { margin: 0 auto; clear: both; overflow: auto; max-width: 1250px; padding: 2% 5%; } .redeBar h5.show { font-size: 18px; padding: 10px 12px; border: #066 1px solid; display: table; margin: 30px 0; } .redeBar .rede table { width: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #777; line-height: 13px; } .redeBar .rede table tr td { border: none; vertical-align: top; padding: 6px 12px 12px 0; } .redeBar .rede table .tel { min-width: 100px; } .redeBar .rede table .autorizada { border-top: #ccc 1px solid; padding: 20px 0 0 22px; font-size: 22px; margin-top: 20px; color: #000; font-family: "proxima-nova", Helvetica, sans-serif; height: 58px; background: url(images/autorizadas.png) 0 22px no-repeat; } .redeBar .redeTitle { display: block; float: left; text-align: right; width: 25%; clear: both; padding: 15px 0 0 0; } .redeBar h3 { font-size: 27px; font-weight: 200; color: #000; line-height: 35px; margin: 0px 0 20px 0; } .redeBar .redeText { float: left; width: 47%; margin: 0 6% 0 0; font-size: 15px; font-weight: 400; } .redeBar .numeros { margin: 30px 0 0 0; font-size: 15px; font-weight: 400; } .redeBar .t1 { margin: 30px 0 0 0; } .redeBar .numeros .linha { height: 82px; margin-bottom: 22px; } .redeBar .numeros .dest { float: left; width: 60%; font-weight: 400; padding-top: 10px; padding-left: 22px; height: 82px; } .redeBar .numeros .square { float: left; width: 82px; height: 82px; text-align: center; } .redeBar .redeText p { padding: 0; font-size: 16px; } .redeBar .redeButton { float: left; } .redeBar .redeButton a { display: block; width: 200px; font-size: 18px; text-align: center; margin-right: 40px; line-height: 40px; background-color: darkorange; color: #FFF; } .redeBar .redeButton a:hover { background-color: #FC0; color: #000; text-decoration: none; } /** * redeHead * ---------------------------------------------------------------------------- */ .redeHead { width: 100%; max-width: 1250px; min-height: 400px; overflow: auto; margin-bottom: 25px; background: url(images/rede.png) top left no-repeat; } .redeHead .head { margin: 60px auto 0 auto; width: 100%; max-width: 1040px; overflow: auto; } .redeHead h2 { font-weight: 300; font-size: 40px; letter-spacing: -1px; } .redeHead .logo { float: left; height: 400px; width: 35%; } .redeHeadr .logo img { width: 100%; } .redeHead .heading { float: right; width: 55%; } .redeHead .pricetag { border: 1px solid #47b66c; padding: 0; height: 57px; float: left; width: 400px; } .redeHead .contato a { padding: 0 14px; line-height: 32px; font-size: 20px; font-weight: normal; float: left; letter-spacing: -1px; color: #47b66c; border: #47b66c 1px solid; display: block; } .redeHead .contato a:hover { background-color: #0C6; text-decoration: none; color: #fff; } /** * Rede * ---------------------------------------------------------------------------- */ .redeTab { max-width: 1250px; margin: 0 auto; padding: 55px 30px 45px 30px; display: block; background: #cbffe5 url(images/brasil_autotrac.png) right center no-repeat; overflow: hidden; } .redeTab .redeTitle { display: block; float: left; text-align: right; width: 25%; clear: both; padding: 15px 0 0 0; } .redeTab .redeTitle h2 { font-size: 43px; letter-spacing: -1px; font-weight: 200; color: #000; line-height: 35px; margin: 0 0 14px 46px; } .redeTab .redeText { float: left; width: 75%; padding: 0 0 0 50px; font-size: 14px; } .redeTab .redeText p { width: 80%; font-weight: 400; padding: 0; font-size: 16px; } .redeTab .redeButton { float: left; } .redeTab .redeButton a { display: block; width: 200px; font-size: 18px; text-align: center; margin-right: 40px; line-height: 40px; background-color: darkorange; color: #FFF; } .redeTab .redeButton a:hover { background-color: #FC0; color: #000; text-decoration: none; } /** * Pronta * ---------------------------------------------------------------------------- */ .prontaTab { max-width: 1250px; margin: 0 auto; padding: 55px 30px 45px 30px; display: block; background: #CFF; overflow: hidden; } .prontaTab .prontaTitle { display: block; float: left; text-align: right; background: url(images/pronta.gif) no-repeat top right; width: 25%; clear: both; padding: 65px 0 0 0; } .prontaTab .prontaTitle h2 { font-size: 30px; letter-spacing: -1px; font-weight: 400; color: #000; line-height: 30px; margin: 0 0 14px 46px; } .prontaTab .prontaText { float: left; width: 75%; padding: 0 0 0 50px; font-size: 14px; } .prontaTab .prontaText p { width: 80%; font-weight: 400; padding: 0; font-size: 16px; } .prontaTab .prontaButton { float: left; } .prontaTab .prontaButton a { display: block; width: 200px; font-size: 18px; text-align: center; margin-right: 40px; line-height: 40px; background-color: darkorange; color: #FFF; } .prontaTab .prontaButton a:hover { background-color: #FC0; color: #000; text-decoration: none; } /** * Autotrac * ---------------------------------------------------------------------------- */ .page-id-1750 input[type="text"],.page-id-1750 input[type="email"],.page-id-1750 input[type="tel"], .page-id-1750 textarea { width:100%; } .autoBar { width: 100%; max-width: 1250px; padding: 0 2% 5% 5%; margin: 5% auto 0 auto; overflow: auto; } .autoBar h2 { font-weight: 300; font-size: 40px; letter-spacing: -1px; } .autoBar .auto { width: 30.33%; margin-right: 3%; float: left; background-image: url(images/bkg_carro2.jpg); background-repeat: no-repeat; height: 320px; } .autoBar .auto a { display: block; height: 100%; width: 100%; transition: all; transition-duration: 0.3s; } .autoBar .auto a:hover { background: rgba(0,0,0,0.3); } .autoBar .autoLogo { background-position: left bottom; } .autoBar .autoLogo .overlay { width: 100%; height: 100%; background: url(images/one_carro_g.png) center center no-repeat; } .autoBar .autoText { } .autoBar .autoText .overlay { width: 100%; height: 100%; padding: 20% 10% 8% 12%; font-weight: 400; font-size: 22px; line-height: 33px; color: #fff; } /* .autoBar .autoCompre { background-position: left -790px bottom; } */ .autoBar .autoCompre { } .autoBar .autoCompre .overlay { width: 100%; height: 100%; padding: 30% 13% 0 13%; font-weight: 400; font-size: 22px; line-height: 33px; } .novo-op1, .novo-op2, .autoLogo+.autoText, .autoLogo+.autoText+.autoCompre, .planosBar h3, .planosBar .plano, .autoLogo+.autoText.sobre, .autoLogo+.autoText+.autoCompre.sobre, .auto.autoCompre.novo-op1, .auto.autoText.novo-op2 {display:block !important;} .auto.autoCompre #formproduto { color:white; padding:16px 34px; } .auto.autoCompre #formproduto .intro { font-size:14px; } .auto.autoCompre #formproduto .plano { display:table; border-bottom:1px solid #417475; width:100%; margin-top:3px; font-size:18px; } .auto.autoCompre #formproduto .plano label, .auto.autoCompre #formproduto .condicoes { display:table-cell; vertical-align:middle; } .auto.autoCompre #formproduto .plano label { font-weight:bold; } .auto.autoCompre #formproduto .condicoes { text-align:right; padding-bottom:5px; } .auto.autoCompre #formproduto .condicoes .total { color:#66b5ac; font-size:12px; text-transform:uppercase; margin-top:-2px; } .auto.autoCompre #formproduto .condicoes .economize { font-style:italic; font-size:12px; } .compreja { width:100%; text-transform:uppercase; padding:18px !important; font-size:18px; border-left:1px solid #3f8a41 !important; border-bottom:1px solid #3f8a41 !important; border-radius:0 !important; margin-top:13px; box-shadow:-4px 4px 4px #041a21; text-shadow:-1px -1px 1px #3f8a41; background:url(images/brilho-botao.png) top right no-repeat !important; background-color:#53c45b !important; } .compreja:hover { background-color:#58ff5e !important; transition-duration:0.3s; transition-property:background-color; } .compreja:active { background-color:lightgreen !important; border-top:2px solid #3f8a41 !important; box-shadow:none; text-shadow:none; } .auto.autoCompre #formproduto+.televendas a { color:black; margin-top:-5px; } .autoBar .pricetag { border: 1px solid #53c45b; padding: 0; height: 57px; overflow: auto; width: 100%; display: table; color: #fff; } .autoBar .compre, .autoBar .pricetag { width: 100%; display: table; max-width: 282px; margin: 0 auto; } .autoBar .compre a { line-height: 57px; font-size: 18px; text-transform: uppercase; font-weight: 600; color: #FFF; padding-left: 7%; display: block; width: 100%; border: 1px solid #53c45b; background-color: #53c45b; } .autoBar .compre a:hover { background-color: #0C6; text-decoration: none; } .autoBar .price { padding: 10px 0; font-size: 16px; font-weight: 400; display: block; overflow: auto; } .autoBar .text { float: left; margin: 0 auto; padding: 0 4px; } .autoBar .reais { font-size: 22px; float: left; margin: 0 auto; padding: 0 4px; font-weight: 500; } .autoBar .plans { clear: both; } .autoBar .plans a { padding: 15px 0; display: block; text-decoration: underline; font-size: 13px; color: #333; } .autoLogo.moto .overlay { background: url(images/one_moto_g.png) center center no-repeat; } .autoLogo.mini .overlay { background: url(images/one_mini_g.png) center center no-repeat; } .autoLogo.sobre .overlay { background: url(images/sobre_autotrac.png) center center no-repeat; } .autoText.sobre .overlay { padding: 10% 10% 8% 12%; font-size: 22px; } .autoBar .moto { } .autoBar .mini { } .autoBar .sobre { background-image: url(images/bkg_sobre.jpg); } .autoCompre.moto .overlay, .sobre.autoCompre .overlay, .autoText.moto .overlay, .autoCompre.mini .overlay, .autoText.mini .overlay { box-shadow: none } .autoBar .sobre a { height: auto; color: #FFF; display: initial; } .autoBar .sobre .compre, .autoBar .sobre .compre2 { border-bottom: none; line-height: 1.2; color: #FFF; background: #39C; padding: 10px 8px; font-size: 18px; font-weight: 400; text-align: center; border-top: 1px solid #FFF; border-left: 1px solid #FFF; border-right: 1px solid #FFF; } .autoBar .sobre .compre2 { line-height: 1; font-size: 19px; margin-top: 5%; border: none; font-weight: 600; color: #000; padding: 10px 5%; background: #FFF; } .autoBar .sobre .pricetag .price { text-align: center; background: rgba(0,0,0,0.4); } .autoBar .sobre .pricetag { border-bottom: 1px solid #FFF; border-top: none; height: auto; border-left: 1px solid #FFF; border-right: 1px solid #FFF; } .autoBar .mini .pricetag { border-bottom: 1px solid #FFF; border-top: none; border-left: 1px solid #FFF; border-right: 1px solid #FFF; } .autoBar .saiba { color: #FFF; text-align: left; line-height: 1; padding-top: 17px; } .autoBar .saiba a { font-size: 13px; font-weight: 400; color: #FFF; border: 1px solid rgba(255,255,255,0.5); padding: 13px; text-align: left; display: initial; line-height: 1; } .autoBar .televendas { font-size: 13px; font-weight: 400; color: #fff; text-align: center; line-height: 1; padding-top: 17px; } .autoBar .televendas a {color:white;} .aut_mob { display:none; } /** * onebar * ---------------------------------------------------------------------------- */ .oneBar { padding: 5%; border-top: 1px solid #ddd; overflow: auto; } .oneBar .saibam { color: #333; text-align: left; line-height: 1; padding-top: 17px; } .oneBar .saibam a { font-size: 13px; font-weight: 400; color: #333; border: 1px solid rgba(0,0,0,0.5); padding: 13px; text-align: left; display: initial; line-height: 1; } .oneBar .saibam a:hover { background: rgba(0,0,0,0.1); } .redeAutotrac { background: url(images/rede_autotrac.png) left center no-repeat; } .frameBar.concess { padding: 5%; max-width: 1045px; margin: 0 auto; padding-top: 0; border: none; } .frameBar.prezi { padding: 0; margin: 0 auto; border: none; } .oneBar h3, .oneBar h2 { margin-top: 0; } .sat { background: url(images/satelite.jpg) right center no-repeat; } .sat2 { background: url(images/satelite2.jpg) right bottom no-repeat; } .sat3 { background: url(images/satelite4.jpg) right bottom no-repeat; padding-bottom: 9%; } .seg { background: url(images/one_carro_seguranca.jpg) right top no-repeat; } .mini.seg { background: url(images/one_mini_seguranca.jpg) right top no-repeat; } .moto.seg { background: url(images/one_moto_seguranca.jpg) right top no-repeat; } .piquet { background: url(images/piquet.jpg) 90% center no-repeat; } .vinte { background: url(images/autotrac20.png) left center no-repeat; } .logos { background: url(images/sobre_logos.png) 90% center no-repeat; } .sat .half, .sat2 .half, .seg .half { padding: 0 12px; } .oneBar.screens { position: relative; } .oneBar.screens.screensMoto { min-height: 600px; } .oneBar.screens .left { clear: left; } .oneBar.screens .screenCar { position: absolute; width: 40%; height: 100%; right: 0; top: 0; } .oneBar.screens .screenShots li { float: left; margin: 0; line-height: 1; padding: 0; } .screenCar .prev { position: absolute; left: 0; z-index: 9; top: 0; width: 50px; height: 100%; background-image: -moz-linear-gradient(left, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0.08) 1%, rgba(0,0,0,0) 80%); /* FF3.6+ */ background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0,0,0,0.08)), color-stop(1%, rgba(0,0,0,0.08)), color-stop(80%, rgba(0,0,0,0))); /* Chrome,Safari4+ */ background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0.08) 1%, rgba(0,0,0,0) 80%); /* Chrome10+,Safari5.1+ */ background-image: -o-linear-gradient(left, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0.08) 1%, rgba(0,0,0,0) 80%); /* Opera 11.10+ */ background-image: -ms-linear-gradient(left, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0.08) 1%, rgba(0,0,0,0) 80%); /* IE10+ */ background-image: linear-gradient(to right, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0.08) 1%, rgba(0,0,0,0) 80%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42000000', endColorstr='#00000000', GradientType=1 ); /* IE6-9 */ transition: all; transition-duration: .4s; } .screenCar .prev .img { opacity: .1; position: absolute; left: 0; z-index: 9; top: 0; width: 50px; height: 100%; background-position: center center; background-repeat: no-repeat; background-image: url(images/arrowprev.png); cursor: pointer; } .screenCar:hover .prev .img { opacity: .9; cursor: pointer; } .screenCar:hover .next { cursor: pointer; opacity: .9; } .screenCar .next { position: absolute; right: 0; top: 0; width: 50px; height: 100%; transition: all; opacity: .1; transition-duration: .4s; background: url(images/arrownext.png) center center no-repeat; } .midiaTab { max-width: 1250px; margin: 0 auto 4% auto; padding: 2% 3%; display: block; background: #cbffe5; overflow: hidden; } .midiaTab .redeTitle { display: block; float: left; text-align: right; width: 30%; clear: both; min-width: 180px; padding: 0; } .half.redeAutotrac { background: url(images/rede_autotrac.png) left top no-repeat !important; } .midiaTab .redeTitle h2 { font-size: 43px; letter-spacing: -1px; font-weight: 200; color: #000; line-height: 35px; margin: 0; } .midiaTab .redeText { float: left; width: 70%; padding: 5px 0 0 35px; font-size: 16px; } .midiaTab .redeText p { padding: 0; margin: 0; } .oneBar .half { width: 47%; } .oneBar .full { width: 100%; } .oneBar .left { background: rgba(255,255,255,0.7); float: left; margin-right: 3%; } .oneBar .right { background: rgba(255,255,255,0.9); float: right; margin-left: 3%; } .screens .half { background: none; } .oneBar .third { width: 30.33%; } .oneBar .twothirds { width: 60.66%; } .oneBar .superOne { background: #CFF; padding: 12px; float: right; font-weight: 800; font-size: 20px; margin: 15px 0 15px 15px; width: 50%; line-height: 1; top: -5px; position: relative; } .oneBar .superOneLarge { background: #ddd; padding: 12px; font-weight: 800; font-size: 23px; margin: 0 15px 15px 0; line-height: 1; top: -5px; position: relative; } .oneBar .superOneLarge a { display: block; } .oneBar .superOne img, .oneBar .superOneLarge img { margin-right: 12px; float: left; padding-bottom: 1px; } .oneBar .superOne span, .oneBar .superOneLarge span { font-size: 14px; font-weight: 400; line-height: 1; } .oneBar ul { margin: 0; padding: 0; list-style: none; } .oneBar ul li { float: left; text-align: center; font-weight: 600; line-height: 1.2; width: 30%; font-size: 14px; margin-right: 2%; } .oneBar ul li.apps { float: none; text-align: left; font-weight: 400; width: 100%; padding: 12px; background: #f1f1f1; border-left: 2px solid #f44; margin-bottom: 10px; display: table; } .oneBar ul li.apps p { line-height: 16px; display: table-cell; vertical-align: middle; font-size: 14px; margin-right: 0; margin-bottom: 10px; min-height: 71px; overflow: hidden; } .oneBar ul li span { font-size: 12px; font-weight: 400; } .oneBar ul li img { clear: both; display: block; margin: 0 auto; height: auto; } .oneBar.treina ul li a { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background: rgba(0,153,255,0.1); display: block; padding: 6px 4px; transition: all; transition-duration: 0.2s; } .oneBar.treina ul li a:hover { background: rgba(0,153,255,0.3); } .oneBar ul li.apps img { clear: none; display: block; float: left; width: 70px; margin: 0 6px 0 0; } h2.thirdh2 { font-size: 24px; margin: 0; } .acBar .pricetag { color: #000; border-bottom: 1px solid #53c45b; border-top: none; margin: 0 auto; border-left: 1px solid #53c45b; border-right: 1px solid #53c45b; } .acBar .compre, .acBar .pricetag { max-width: 180px; margin: 0 auto; } .acBar .compre a { line-height: 37px; font-size: 18px; text-align: center; text-transform: uppercase; font-weight: 600; color: #FFF; display: block; width: 100%; border: 1px solid #53c45b; background-color: #53c45b; } .acBar .compre a:hover { background-color: #0C6; text-decoration: none; } .acBar .price { padding: 5px; text-align: center; font-size: 18px; font-weight: 400; display: block; overflow: auto; } .acBar .acMini { padding: 2%; box-shadow: inset 0px 0px 40px rgba(11,11,11,0.1); -webkit-box-shadow: inset 0px 0px 40px rgba(0,0,0,0.1); -moz-box-shadow: inset 0px 0px 40px rgba(0,0,0,0.1); } .acBar .clip { background: url(images/capa_clip.jpg) center center no-repeat; color: #FFF; } .acBar .clip .pricetag { color: #FFF; } .acBar .clip img { width: 205px; height: 126px; } .acBar .acMini_img { text-align: center; } .acBar .acMini_tit { font-weight: 600; font-size: 19px; margin-bottom: 10px; text-align: center; } .acBar .acMini_desc { font-weight: 400; font-size: 14px; line-height: 18px; margin-bottom: 14px; text-align: center; } .acBar .text { float: left; margin: 0 auto; padding: 0 4px; } .acBar .reais { font-size: 20px; margin: 0 auto; padding: 0 4px; font-weight: 500; } /** * produtos home * ---------------------------------------------------------------------------- */ .prodBar { max-width: 1250px; margin: 0 auto; padding: 3% 2% 5% 5%; display: block; background: #FFF; clear: both; overflow: auto; border-bottom: 1px solid #ddd; } .prodBar .escolha h3 { margin: 0 0 20px 0; } .prod { width: 30.33%; margin-right: 3%; float: left; } .prod a { display: block; height: 100%; width: 100%; font-weight: 400; transition: all; transition-duration: 0.3s; } .prod a:hover { background: rgba(0,0,0,0.3); } .prod_Carro { background-position:top left; background-repeat:no-repeat; height: 640px; } .prod_Mini { background-position:top left; background-repeat:no-repeat; height: 320px; } .prod_Moto { background-position:top left; background-repeat:no-repeat; height: 320px; } .prodAcessorios { background: #f3f3f3; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNGRmZDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f3f3f3 0%, #d4dfd7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #d4dfd7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f3f3f3 0%, #d4dfd7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f3f3f3 0%, #d4dfd7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f3f3f3 0%, #d4dfd7 100%); /* IE10+ */ background: linear-gradient(to bottom, #f3f3f3 0%, #d4dfd7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#d4dfd7', GradientType=0 ); /* IE6-8 */ height: auto; min-height: 285px; margin-top: 35px; padding: 2% 3% 2% 3%; width: 63.6%; } .prodAcessorios h3 { font-size: 28px; margin: 0; letter-spacing: -1px; color: #6B8D8D; padding: 0; } .prodOutros { width: 45%; margin: 0 2% 0 3%; text-align: center; float: left; } .prodOutros a:hover { background: none; } .prodOutros a:hover .prodOutrosTit { color: #033; text-decoration: underline; } .prodOutrosTit { font-size: 18px; margin: 0; font-weight: 700; letter-spacing: -1px; color: #033; padding: 0 0 10px 0; } .prodOutrosImg { text-align: center; } .prodOutrosDesc { font-size: 13px; margin: 0; font-family: Arial, Helvetica, sans-serif; font-weight: 400; color: #033; padding: 0 0 5px 0; } /** * servicos * ---------------------------------------------------------------------------- */ .servBar { max-width: 1250px; padding: 0 2% 5% 5%; margin-bottom: 5%; display: block; background: #FFF; overflow: auto; clear: both; } .servBar h4 { margin-top: 0; font-size: 15px; text-transform: uppercase; line-height: 25px; font-weight: 600; } .servBar h4:before { font-family: "Dashicons"; content: "\f338"; margin-top: 0; float: left; top: -5px; color: #aeae93; left: -6px; position: relative; margin-right: 5px; line-height: 44px; font-size: 44px; } .servBar .servRenova h4:before { content: "\f463"; font-size: 38px; } .servBar .servNews h4:before { content: "\f466"; font-size: 35px; top: -9px; } .servBar p { font-weight: 400; } .servBar .serv { width: 30.33%; margin-right: 3%; float: left; } .servBar .serv .yikes-mailchimp-container { margin-top:10px;margin-bottom:-45px; } .servBar .serv input[type="submit"], .servBar .serv a, .mailchimpForm input[type="submit"] { display: block; text-align: center; padding: 17px; transition: all; background: #069; border: none; box-shadow: none; font-weight: 400; color: #FFF; position: absolute; bottom: 10%; margin: 0; height: auto; font-size: 18px; transition-duration: 0.3s; } .servBar .serv input[type="submit"] { margin-left:-3px; } .servBar .serv a { width: 80%; } .servBar .serv input[type="submit"]:hover, .servBar .serv a:hover { background: #3CC; } .newsSidebar { position: relative; min-height: 200px; } .newsSidebar input[type="submit"], .newsSidebar input.yks-mc-input-email-address { width: 100%; } .servBar .servAtiva, .servBar .servRenova, .servBar .servNews { background: #f6f6f4; padding: 10%; font-weight: 400; position: relative; min-height: 350px; } .sidebar-inner .yks-mailchimpFormDivRowLabel, .servBar .servNews .yks-mailchimpFormDivRowLabel, .servNews .yks-mailchimpFormDivRowLabel {display:none;} .sidebar-inner .ykfmc-submit, .servBar .servNews .ykfmc-submit, .servNews .ykfmc-submit {height:55px !important;} .sidebar-inner .yks-mailchimpFormDivRow.yks-mc-form-row-last-name+.yks-mailchimpFormDivRow+.yks-mailchimpFormDivRow, .sidebar-inner .yks-mailchimpFormDivRow.yks-mc-form-row-email-address, .servBar .servNews .yks-mailchimpFormDivRow.yks-mc-form-row-email-address, .servNews .yks-mailchimpFormDivRow.yks-mc-form-row-email-address {width:100%;padding-top:0;} .servBar .servNews input, .mailchimpForm input, .servNews input.yks-mc-input-email-address, .servBar .servNews input.yks-mc-input-email-address, .sidebar-inner input.yks-mc-input-email-address { display: block; text-align: center; width: 100%; padding: 14px; border: 1px solid #000; transition: all; font-weight: 400; color: #666; box-shadow: inset rgba(0,0,0,0.1) 4px 4px 15px; height: auto; margin-bottom: 12px; font-size: 18px; transition-duration: 0.3s; background:white; text-transform:lowercase;height:61px; } .sidebar-inner .ykfmc-submit { text-align:center; padding:11px 0; background:#069; font-weight:400; color:#FFF; font-size:18px; text-transform:lowercase; margin-left:-2px; } .sidebar-inner .yikes-mailchimp-form-description { margin-bottom:24px; } .sidebar-inner .widget.widget_yikes_mc_widget { height:260px; } /** * compare * ---------------------------------------------------------------------------- */ .compareBar { width: 100%; min-height: 450px; margin: 25px auto 0 auto; padding: 45px 5%; border-top: 1px solid #CCC; overflow: auto; clear: both; } .compareBar h3 { font-weight: 400; margin-top: 0; font-size: 30px; text-align: left; } .compare tr { border-bottom: 1px solid #D0D8D7; } .compareBar td { border-top: none; padding: 0 12px; height: 70px; text-align: center; Line-height: normal; font-size: 16px; } .compare .modelo { vertical-align: top; } .compare .modelo img { width: 80px; padding-bottom: 20px; } .compare .gray { background-color: #fff; } .compare .ok { background: url(images/ok.png) center center no-repeat; } .compare .text { height: 70px; max-width: 700px; display: table; text-align: left; line-height: normal; } .compare .text p { display: table-cell; vertical-align: middle; margin: 0; } /** * Planos * ---------------------------------------------------------------------------- */ .planosBar { width: 100%; min-height: 450px; margin: 0 auto; padding: 2% 2% 4% 5%; border-bottom: 1px solid #CCC; overflow: auto; clear: both; background: #fff; } .planosBar h3 { font-size: 30px; margin: 20px 0 35px 0; display: block; clear: both; } .planosBar a { color: #FFF; } .planosBar .plano { width: 30.33%; margin: 0 3% 0 0; float: left; background: #eee; transition: all; transition-duration: .3s; } .planosBar .caixa { min-height: 130px; overflow: auto; background: #69F; transition: all; transition-duration: .4s; } .planosBar .caixa:hover { background: #0C6; } .planosBar .umdoistres { font-weight: 400; font-size: 72px; padding: 5px 0 0 0; letter-spacing: -1px; text-align: center; display: block; line-height: 72px; color: #FFF; } .planosBar .anos { padding: 0 0 5px 0; font-size: 22px; line-height: 20px; font-weight: 400; letter-spacing: -1px; text-align: center; display: block; color: #FFF; } .planosBar .numbers { background: rgba(0, 102, 204, 0.34); margin: 0 auto; padding: 15px 0 12px 0; } .planosBar .compre { padding: 0 0 14px 0; font-size: 19px; text-transform: uppercase; color: #FFF; font-weight: 400; text-align: center; } .planosBar .reais { padding: 0; font-size: 22px; text-align: center; font-weight: normal; line-height: 10px; color: #FFF; } .planosBar .total { padding: 15px 0 0 0; font-size: 15px; color: #FFF; text-align: center; } #callDiv { padding: 20px 3%; clear: both; display: block; text-align: center; background: #CF6; font-size: 16px; font-weight: 600; margin-top: 0; margin-right: 3%; height: auto; } .planosBar .text { padding: 32px; clear: both; display: inline-block; text-align: center; background: #f1f1f1; font-size: 14px; font-weight: 400; margin-top: 3%; margin-right: 3%; } .planosBar .economia, .planosBar .zero { text-align: center; padding: 12px 0; margin: 12px 12px 0 12px; font-size: 18px; font-weight: 400; } .planosBar .economia { background: rgba(0, 255, 255, 0.52); color: #FF3; } .planosBar .economia span { font-weight: 600; } /** * Aplicativos * ---------------------------------------------------------------------------- */ .appBar { max-width: 1250px; margin: 0 auto; padding: 55px 3% 45px 3%; display: block; background: #FC6; overflow: hidden; } .appTitle { display: block; float: left; text-align: right; width: 25%; clear: both; padding: 15px 0 0 0; } .appTitle h2 { font-size: 33px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; letter-spacing: -1px; font-weight: 200; color: #000; line-height: 35px; } .appText { float: left; width: 75%; padding: 0 0 0 50px; font-size: 14px; } .appText p { width: 60%; padding: 0; font-size: 16px; } .appButton { float: left; } .appButton .storeicon { width: 30px; height: 30px; float: left; margin: 3px 10px 3px 3px; } .appButton .storeicon img { height: 30px; width: auto; } .appButton a { display: block; width: 137px; margin-right: 40px; height: 45px; color: #333; } .appButton a:hover { background-color: #FC0; color: #000; text-decoration: none; } /** * CartBar * ---------------------------------------------------------------------------- */ .cartBar { width: 100%; max-width: 1250px; margin: 60px auto 0 auto; padding: 0 5%; } .cartBar h2 { font-weight: 300; font-size: 40px; letter-spacing: -1px; margin-top: 0; } .cartBar h3 { font-weight: 300; font-size: 25px; letter-spacing: -1px; line-height: 25px; margin-top: 0; } .cartBar .shopcart, .cartBar .logo { float: right; height: 400px; } .cartBar .shopcart { width: 37%; margin-left: 3%; } .cartBar .shopcart h2 { font-size: 26px; line-height: 45px; margin: 0; } .cartBar .shopcart img, .cartBar .logo img { width: 100%; } .cartBar .heading { float: left; width: 60%; padding-right: 12px; } .cartBar .options ul { margin: 0; height: 50px; padding: 0; list-style: none; display: block; } .cartBar .options ul li { float: left; display: block; width: 31%; text-align: center; margin-right: 3%; display: table; } .cartBar .options ul li:nth-child(3) { margin-right: 0; } .cartBar .options ul li a { display: block; width: 100%; border: 3px solid; font-size: 19px; display: table-cell; vertical-align: middle; height: 60px; color: #000; transition: all; transition-duration: 0.4s; } .cartBar .options ul li a.disabled { display: block; width: 100%; border: 3px solid; font-size: 19px; display: table-cell; vertical-align: middle; height: 60px; cursor: default; color: #999; opacity: .5; } .cartBar .options.disabled { opacity: .5; } .cartBar .options ul li a.disabled:hover { color: #999; background: none; opacity: .2; } .cartBar .options ul li a:hover { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; text-decoration: none; background: #bbb; border: 3px #e5e5e5 solid; color: #FFF; } .cartBar .options ul li a.mini { border: 3px solid #f60; } .cartBar .options ul li a.moto { border: 3px solid #066; } .cartBar .options ul li a.carro { border: 3px solid #636; } .cartBar .options ul li a.a1 { border: 3px solid #47b66c; } .cartBar .options ul li a.a2 { border: 3px solid #3CC; } .cartBar .options ul li a.a3 { border: 3px solid #69F; } .cartBar .options ul li a.mini.selected { background: #f60; color: #FFF; } .cartBar .options ul li a.moto.selected { background: #066; color: #FFF; } .cartBar .options ul li a.carro.selected { background: #636; color: #FFF; } .cartBar .options ul li a.a1.selected { background: #47b66c; color: #FFF; } .cartBar .options ul li a.a2.selected { background: #3CC; color: #FFF; } .cartBar .options ul li a.a3.selected { background: #69F; color: #FFF; } .cartBar .options { background: #f2f2f2; border-left: #093 2px solid; padding: 25px 15px 35px 15px; margin-bottom: 20px; } .cartBar .pricetag { border: 1px solid #47b66c; padding: 0; height: 57px; float: left; width: 400px; } .cartBar .retorne a { padding: 0; text-align: center; height: 55px; width: 49%; margin-right: 1%; padding: 17px 0; font-size: 14px; font-weight: 400; font-weight: normal; float: left; color: #000; background-color: #BCEBBA; } .cartBar .noretorne { padding: 0; float: left; text-align: center; height: 55px; width: 49%; margin-right: 1%; } .cartBar .retorne a:hover { background-color: #CCC; text-decoration: none; } .cartBar .compre a { padding: 0; text-align: center; width: 50%; line-height: 55px; font-size: 20px; text-transform: uppercase; font-weight: normal; float: left; letter-spacing: -1px; color: #FFF; display: block; background-color: #47b66c; } .cartBar .compre.disabled a { opacity: .1; } .cartBar .compre.disabled a:hover { cursor: default; background-color: #47b66c; text-decoration: none; } .cartBar .compre a:hover { background-color: #0C6; text-decoration: none; } .cartBar .price { padding: 0 10px; font-size: 18px; font-weight: 400; float: left; color: #47b66c; display: block; } .cartBar .text { line-height: 55px; float: left; padding: 0 4px; } .cartBar .reais { font-size: 36px; float: left; padding: 0 4px; line-height: 50px; font-weight: 500; } .cartBar .plans { clear: both; } .cartBar .plans a { padding: 15px 0; display: block; text-decoration: underline; font-size: 13px; color: #333; } .cartBar .chk { clear: both; max-width: 663px; } .cartBar .chk ul { margin: 0; height: 45px; width: 100%; padding: 0; list-style: none; display: block; } .cartBar .chk ul li { float: left; display: block; color: #666; text-align: center; max-width: 160px; min-width: 25%; border-top: 1px solid #ccc; font-size: 14px; text-transform: uppercase; margin-right: 3px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; font-weight: normal; line-height: 44px; height: 45px; } .cartBar .chk ul li.current { color: #333; background: #f2f2f2; font-weight: bold; } .cartBar .chk ul li.current:first-child { color: #333; background: #f2f2f2; font-weight: bold; } .cartBar .chk ul li:first-child { border-left: #093 2px solid; } .cartBar .chk ul li:nth-child(4) { margin-right: 0; } /** * Modal * ---------------------------------------------------------------------------- */ .modal { z-index: 99; } .ui-widget-overlay { background: #000; opacity: .3; filter: Alpha(Opacity=30); position: fixed; top: 0; left: 0; width: 100%; height: 100%; } #contrato { overflow: visible; } #contrato object { border: 1px solid #ccc; } .ui-dialog { overflow: hidden; position: fixed; padding: .2em; outline: 0; height: 80%; background: #FFF; box-shadow: 0px 2px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.3); -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.3); border: none; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; display: none; } .ui-dialog .ui-dialog-content { position: relative; border: 0; clear: both; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /** * CartBar - items * ---------------------------------------------------------------------------- */ .cartBar .items { background: #f2f2f2; border-left: #093 2px solid; padding: 25px 15px 15px 15px; margin-bottom: 5px; position: relative; overflow: auto; } .cartBar .items h3 { font-weight: bold; font-size: 25px; letter-spacing: -1px; line-height: 25px; margin-top: 0; } .cartBar .items h4 { font-size: 22px; letter-spacing: -1px; line-height: 25px; margin: 0 0 10px 0; } .cartBar .items .remove { position: absolute; right: 0; top: 0; width: 45px; height: 45px; background: url(images/remove.png) center center no-repeat; } .cartBar .items .remove a { display: block; height: 45px; width: 45px; } .cartBar .items .remove a:hover { text-decoration: none; } .cartBar .items ul { margin: 0; padding: 5px 0 !important; height: 50px; padding: 0; list-style: none; display: block; } .cartBar .items ul li { float: right; display: block; text-align: right; margin-left: 4%; display: table; font-size: 11px; font-family: Arial, Helvetica, sans-serif; } .cartBar .items ul li.money { font-size: 15px; max-width: 300px; width: 50%; font-family: Arial, Helvetica, sans-serif; } .cartBar .items ul li.quant { width: 30px; text-align: right; } .cartBar .items ul li.quant input { width: 30px; text-align: right; } .cartBar .items ul li.tit { float: none; width: 100%; text-align: left; margin: 0; padding: 0; } .cartBar .items ul li.desc { float: none; width: 100%; border-bottom: 1px solid #ccc; padding: 0 0 15px 0; text-align: left; font-size: 13px; margin: 0 0 12px 0; line-height: 15px; } .cartBar input, .cartBar textarea { width: 100%; } .cartBar input[type=radio] { width: auto; margin-right: 12px; } .cartBar input[type=button] { width: auto; } .cartBar .pag ul li { float: left; display: block; text-align: right; margin-left: 4%; display: table; font-size: 11px; font-family: Arial, Helvetica, sans-serif; } .cartBar ul.parcela { float: left; width: 30%; margin-right: 3%; } #parcelas, #cupom, #acao, #total { height: 0; padding-top: 0; padding-bottom: 0; transition: all; transition-duration: 0.3s; } .acao { display: block; overflow: hidden; } .cartBar ul.parcela li { float: none; padding: 7px 0; } /** * RedeBar * ---------------------------------------------------------------------------- */ /** * 5.4 Galleries * ---------------------------------------------------------------------------- */ .gallery { margin-bottom: 20px; margin-left: -4px; } .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; } .gallery-columns-1.gallery-size-medium, .gallery-columns-1.gallery-size-thumbnail, .gallery-columns-2.gallery-size-thumbnail, .gallery-columns-3.gallery-size-thumbnail { display: table; margin: 0 auto 20px; } .gallery-columns-1 .gallery-item, .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item { text-align: center; } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 4px); max-width: calc(25% - 4px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 4px); max-width: calc(20% - 4px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 4px); max-width: calc(16.7% - 4px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 4px); max-width: calc(14.28% - 4px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 4px); max-width: calc(12.5% - 4px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 4px); max-width: calc(11.1% - 4px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); box-sizing: border-box; color: #fff; font-size: 14px; line-height: 1.3; margin: 0; max-height: 50%; opacity: 0; padding: 2px 8px; position: absolute; bottom: 0; left: 0; text-align: left; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; width: 100%; } .gallery-caption:before { box-shadow: 0 -10px 15px #000 inset; content: ""; height: 100%; min-height: 49px; position: absolute; left: 0; top: 0; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /** * 5.5 Post Formats * ---------------------------------------------------------------------------- */ /* Aside */ .format-aside { background-color: #f7f5e7; } .blog .format-aside:first-of-type, .single .format-aside:first-of-type, .format-aside + .format-aside, .format-aside + .format-link, .format-link + .format-aside { box-shadow: inset 0 2px 2px rgba(173, 165, 105, 0.2); } .format-aside .entry-meta { margin-top: 0; } .format-aside blockquote { font-size: 100%; font-weight: normal; } .format-aside cite { font-size: 100%; text-transform: none; } .format-aside cite:before { content: "\2014"; margin-right: 5px; } /* Audio */ .format-audio { background-color: #db572f; } .format-audio .entry-title { font-size: 28px; font-weight: bold; } .format-audio .entry-content:before { content: "\f109"; float: left; font-size: 64px; position: relative; top: 4px; } .format-audio .entry-content a, .format-audio .entry-meta a, .format-audio .entry-content a:hover, .format-audio .entry-meta a:hover { color: #fbfaf3; } .format-audio .audio-content { background: url(../clcktm/images/dotted-line.png) repeat-y left top; background-size: 4px 4px; float: right; padding-left: 35px; width: 80%; width: -webkit-calc(100% - 85px); width: calc(100% - 85px); } .format-audio .wp-audio-shortcode { height: 30px !important; /* Override mediaelement.js style */ margin: 20px 0; max-width: 400px !important; /* Override mediaelement.js style */ } .format-audio audio { max-width: 100% !important; /* Avoid player width overflow. */ } /* Chat */ .format-chat { background-color: #eadaa6; } .format-chat .entry-title { font-size: 28px; font-weight: bold; } .format-chat .entry-meta a, .format-chat .entry-content a { color: #722d19; } .format-chat .entry-meta .date a:before { content: "\f108"; margin-right: 2px; } .format-chat .entry-meta .author { display: none; } .format-chat .chat { margin: 0; } .format-chat .chat .chat-timestamp { color: #722d19; float: right; font-size: 12px; font-weight: normal; margin: 5px 10px 0; } .format-chat .chat .fn { font-style: normal; } /* Gallery */ .format-gallery { background-color: #fbca3c; } .format-gallery .entry-header { margin-bottom: 15px; } .format-gallery .entry-title { font-size: 50px; font-weight: 400; margin: 30px 0 0 0; } .format-gallery .entry-meta a, .format-gallery .entry-content a { color: #722d19; } /* Image */ .format-image .entry-title { font-size: 28px; font-weight: bold; } .format-image .categories-links, .format-image .tags-links { display: none; } /* Link */ .format-link { background-color: #f7f5e7; } .blog .format-link:first-of-type, .single .format-link:first-of-type { box-shadow: inset 0 2px 2px rgba(173, 165, 105, 0.2); } .format-link .entry-header, .format-link .entry-content p:last-child { margin-bottom: 0; } .format-link .entry-title { color: #ca3c08; display: inline; font: 300 italic 20px "proxima-nova", Helvetica, sans-serif; margin-right: 20px; } .format-link .entry-title a { color: #bc360a; } .format-link div.entry-meta { display: inline; } /* Quote */ .format-quote { background-color: #210d10; } .format-quote .entry-content, .format-quote .entry-meta { color: #f7f5e7; } .format-quote .entry-content blockquote { font-size: 28px; margin: 0; } .format-quote .entry-content a, .format-quote .entry-meta a, .format-quote .linked { color: #e63f2a; } .format-quote .entry-content cite a { border-bottom: 1px dotted #fff; color: #fff; } .format-quote .entry-content cite a:hover { text-decoration: none; } .format-quote blockquote small, .format-quote blockquote cite { display: block; font-size: 16px; } .format-quote blockquote { font-style: italic; font-weight: 300; padding-left: 75px; position: relative; } .format-quote blockquote:before { content: '\201C'; font-size: 140px; font-weight: 400; line-height: .8; padding-right: 25px; position: absolute; left: -15px; top: -3px; } .format-quote .entry-meta .author { display: none; } /* Status */ .format-status { background-color: #722d19; padding: 0; } .format-status .entry-content, .format-status .entry-meta { padding-left: 35px; position: relative; } .format-status .entry-content a { color: #eadaa6; } .format-status .entry-meta a { color: #f7f5e7; } .sidebar .format-status .entry-content, .sidebar .format-status .entry-meta { padding-left: 95px; } .format-status .entry-content:before, .format-status .entry-meta:before { background: url(../clcktm/images/dotted-line.png) repeat-y left bottom; background-size: 4px 4px; content: ""; display: block; height: 100%; position: absolute; left: 10px; top: 0; width: 1px; } .sidebar .format-status .entry-content:before, .sidebar .format-status .entry-meta:before { left: 70px; } .format-status .categories-links, .format-status .tags-links { display: none; } /* Ensures the dots in the dot background are in lockstep. */ .format-status .entry-meta:before { background-position: left top; } .format-status .entry-content { color: #f7f5e7; font-size: 24px; font-style: italic; font-weight: 300; padding-bottom: 30px; padding-top: 40px; position: relative; } .format-status .entry-content p:first-child:before { background-color: rgba(0, 0, 0, 0.65); content: ""; height: 3px; margin-top: 13px; position: absolute; left: 4px; width: 13px; } .sidebar .format-status .entry-content > p:first-child:before { left: 64px; } .format-status .entry-content p:last-child { margin-bottom: 0; } .format-status .entry-meta { margin-top: 0; padding-bottom: 40px; } .format-status .entry-meta .date a:before { content: "\f105"; } /* Video */ .format-video { background-color: #db572f; } .format-video .entry-content a, .format-video .entry-meta a, .format-video .entry-content a:hover, .format-video .entry-meta a:hover { color: #fbfaf3; } .format-video .entry-title { font-size: 50px; font-weight: 400; } .format-video .entry-meta { color: #220e10; } /** * 5.6 Attachments * ---------------------------------------------------------------------------- */ .attachment .hentry { background-color: #e8e5ce; margin: 0; padding: 0; } .attachment .entry-header { margin-bottom: 0; max-width: 1040px; padding: 30px 0; } .attachment .entry-title { display: inline-block; float: left; font: 300 italic 30px "proxima-nova", Helvetica, sans-serif; margin: 0; } .attachment .entry-title:before { content: "\f416"; font-size: 32px; margin-right: 10px; } .attachment .entry-meta { clear: none; color: inherit; float: right; max-width: 604px; padding: 9px 0 0; text-align: right; } .hentry.attachment:not(.image-attachment) .entry-meta { max-width: 104px; } .attachment footer.entry-meta { display: none; } .attachment-meta:before { content: "\f307"; } .full-size-link a:before { content: "\f402"; } .full-size-link:before { content: none; } .attachment .entry-meta a, .attachment .entry-meta .edit-link:before, .attachment .full-size-link:before { color: #ca3c08; } .attachment .entry-content { background-color: #fff; max-width: 100%; padding: 40px 0; } .image-navigation { margin: 0 auto; max-width: 1040px; position: relative; } .image-navigation a:hover { text-decoration: none; } .image-navigation .nav-previous, .image-navigation .nav-next { position: absolute; top: 50px; } .image-navigation .nav-previous { left: 0; } .image-navigation .nav-next { right: 0; } .image-navigation .meta-nav { font-size: 32px; font-weight: 300; vertical-align: -4px; } .attachment .entry-attachment, .attachment .type-attachment p { margin: 0 auto; max-width: 724px; text-align: center; } .attachment .entry-attachment .attachment { display: inline-block; } .attachment .entry-caption { text-align: left; } .attachment .entry-description { margin: 20px auto 0; max-width: 604px; } .attachment .entry-caption p:last-child, .attachment .entry-description p:last-child { margin: 0; } .attachment .site-main .sidebar-container { display: none; } /** * 5.7 Post/Paging Navigation * ---------------------------------------------------------------------------- */ .navigation .nav-previous { float: left; } .navigation .nav-next { float: right; } .navigation a { color: #09C; } .navigation a:hover { color: #ea9629; text-decoration: none; } .paging-navigation { background-color: #f1f1f1; padding: 40px 0; } .paging-navigation .nav-links { margin: 0 auto; max-width: 604px; width: 100%; } .sidebar .paging-navigation .nav-links { max-width: 1040px; padding: 0 376px 0 60px; } .paging-navigation .nav-next { padding: 13px 0; } .paging-navigation a { font-size: 22px; font-style: italic; font-weight: 300; } .paging-navigation .meta-nav { background-color: #09C; /* border-radius: 50%; */ color: #fff; display: inline-block; font-size: 26px; padding: 3px 0 8px; text-align: center; width: 50px; } .paging-navigation .nav-previous .meta-nav { margin-right: 10px; padding: 5px 0 9px; width: 50px; } .paging-navigation .nav-next .meta-nav { margin-left: 10px; } .paging-navigation a:hover .meta-nav { background-color: #ea9629; text-decoration: none; } .post-navigation { background-color: #fff; color: #ca3c08; font-size: 20px; font-style: italic; font-weight: 300; padding: 20px 0; } .post-navigation .nav-links { margin: 0 auto; max-width: 1040px; } .sidebar .post-navigation .nav-links { padding: 0 376px 0 60px; } .post-navigation a[rel="next"] { float: right; text-align: right; } .pag_clcktm { padding: 3% 0 3% 5%; background: #f9f9f9; border-top: #e2e2e2 1px solid; } .pag_clcktm ul { padding: 0; } .pag_clcktm li a, .pag_clcktm li a:hover, .pag_clcktm li.active a, .pag_clcktm li.disabled { color: #fff; text-decoration: none; } .pag_clcktm li { display: inline; } .pag_clcktm li a, .pag_clcktm li a:hover, .pag_clcktm li.active a, .pag_clcktm li.disabled { background-color: #6FB7E9; border-radius: 3px; cursor: pointer; padding: 12px; padding: 0.75rem; } .pag_clcktm li a:hover, .pag_clcktm li.active a { background-color: #3C8DC5; } /** * 5.8 Author Bio * ---------------------------------------------------------------------------- */ .author-info { margin: 0 auto; max-width: 604px; padding: 30px 0 10px; text-align: left; /* gallery & video post formats */ width: 100%; } .author.sidebar .author-info { max-width: 1040px; padding: 30px 376px 10px 60px; } .single .author-info { padding: 50px 0 0; } .author-avatar .avatar { float: left; margin: 0 30px 30px 0; } .single-format-status .author-description { color: #f7f5e7; } .author-description .author-title { clear: none; font: 300 italic 20px "proxima-nova", Helvetica, sans-serif; margin: 0 0 8px; } .author-link { color: #ca3c08; margin-left: 2px; } .author.archive .author-link { display: none; } /** * 5.9 Archives * ---------------------------------------------------------------------------- */ .archive-header, .page .entry-header { background-color: #f6f6f6; border-bottom: 1px solid #ddd; } .page .entry-header{padding-left:0;margin-bottom:0;border-bottom:none;} .archive-title, .archive-meta, .page .page-title { font: 200 45px "proxima-nova", Helvetica, sans-serif; margin: 0 auto; max-width: 1250px; letter-spacing: -1px; padding: 18px 0 25px 20px; width: 100%; } .archive-meta { font-size: 16px; font-style: normal; font-weight: normal; margin-top: -15px; padding: 0 0 11px 20px; letter-spacing: 0; color:#555; } .sidebar .archive-meta { padding-right: 316px; } header .subheader{ position:relative; font-size:14px; padding-left: 20px; top:-25px; } /** * 5.10 Search Results/No posts * ---------------------------------------------------------------------------- */ .page-header { background-color: #e8e5ce; } .page-title { font: 300 italic 30px "proxima-nova", Helvetica, sans-serif; margin: 0 auto; max-width: 1040px; padding: 30px 0; width: 100%; } .page-content { margin: 0 auto; max-width: 604px; padding: 40px 0; width: 100%; } .sidebar .page-content { margin: 0 auto; max-width: 1040px; padding: 40px 376px 40px 60px; } /** * 5.11 404 * ---------------------------------------------------------------------------- */ .error404 .page-header { background-color: #fff; } .error404 .page-title { line-height: 0.6; margin: 0; padding: 300px; position: relative; text-align: center; width: auto; } .error404 .page-title:before { color: #e8e5ce; content: "\f423"; font-size: 964px; line-height: 0.6; overflow: hidden; position: absolute; left: 7px; top: 28px; } .error404 .page-wrapper { background-color: #e8e5ce; } .error404 .page-header, .error404 .page-content { margin: 0 auto; max-width: 1040px; padding-bottom: 40px; width: 100%; } /** * 5.12 Comments * ---------------------------------------------------------------------------- */ .comments-title, .comment-list, .comment-reply-title, .must-log-in, .comment-respond .comment-form, .comment-respond iframe { display: block; margin-left: auto; margin-right: auto; max-width: 604px !important; width: 100%; } /* .sidebar .comments-title, .sidebar .comment-list, .sidebar .must-log-in, .sidebar .comment-reply-title, .sidebar .comment-navigation, .sidebar .comment-respond .comment-form { max-width: 1040px; padding-left: 60px; padding-right: 376px; } */ .sidebar .comments-title, .sidebar .comment-list, .sidebar .must-log-in, .sidebar .comment-reply-title, .sidebar .comment-navigation, .sidebar .comment-respond .comment-form { max-width: 1040px; } .comments-title { font: 300 italic 28px "proxima-nova", Helvetica, sans-serif; } .comment-list, .comment-list .children { list-style-type: none; padding: 0; } .comment-list .children { margin-left: 20px; } .comment-list > li:after, .comment-list .children > li:before { background: url(../clcktm/images/dotted-line.png) repeat left top; background-size: 4px 4px; content: ""; display: block; height: 1px; width: 100%; } .comment-list > li:last-child:after { display: none; } .comment-body { padding: 24px 0; position: relative; } .comment-author { float: left; max-width: 74px; } .comment-author .avatar { display: block; margin-bottom: 10px; } .comment-author .fn { word-wrap: break-word; } .comment-author .fn, .comment-author .url, .comment-reply-link, .comment-reply-login { color: #bc360a; font-size: 14px; font-style: normal; font-weight: normal; } .says { display: none; } .no-avatars .comment-author { margin: 0 0 5px; max-width: 100%; position: relative; } .no-avatars .comment-metadata, .no-avatars .comment-content, .no-avatars .comment-list .reply { width: 100%; } .bypostauthor > .comment-body .fn:before { content: "\f408"; vertical-align: text-top; } .comment-list .edit-link { margin-left: 20px; } .comment-metadata, .comment-awaiting-moderation, .comment-content, .comment-list .reply { float: right; width: 79%; width: -webkit-calc(100% - 124px); width: calc(100% - 124px); word-wrap: break-word; } .comment-meta, .comment-meta a { color: #a2a2a2; font-size: 13px; } .comment-meta a:hover { color: #ea9629; } .comment-metadata { margin-bottom: 20px; } .ping-meta { color: #a2a2a2; font-size: 13px; line-height: 2; } .comment-awaiting-moderation { color: #a2a2a2; } .comment-awaiting-moderation:before { content: "\f414"; margin-right: 5px; position: relative; top: -2px; } .comment-reply-link:before, .comment-reply-login:before { content: "\f412"; margin-right: 3px; } /* Comment form */ .comment-respond { background-color: #f2f2f2; padding: 30px 0; border-top: 1px solid #ddd; } .comment .comment-respond { margin-bottom: 20px; padding: 20px; } .comment-reply-title { font: 300 italic 28px "proxima-nova", Helvetica, sans-serif; } .comment-reply-title small a { color: #131310; display: inline-block; float: right; height: 16px; overflow: hidden; width: 16px; } .comment-reply-title small a:hover { color: #ed331c; text-decoration: none; } .comment-reply-title small a:before { content: "\f406"; vertical-align: top; } .sidebar .comment-list .comment-reply-title, .sidebar .comment-list .comment-respond .comment-form { padding: 0; } .comment-form .comment-notes { margin-bottom: 15px; } .comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url { margin-bottom: 8px; } .comment-form [for="author"], .comment-form [for="email"], .comment-form [for="url"], .comment-form [for="comment"] { float: left; padding: 5px 0; width: 120px; } .comment-form .required { color: #ed331c; } .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] { max-width: 270px; width: 60%; } .comment-form textarea { width: 100%; } .form-allowed-tags, .form-allowed-tags code { color: #686758; font-size: 12px; } .form-allowed-tags code { font-size: 10px; margin-left: 3px; } .comment-list .pingback, .comment-list .trackback { padding-top: 24px; } .comment-navigation { font-size: 20px; font-style: italic; font-weight: 300; margin: 0 auto; max-width: 604px; padding: 20px 0 30px; width: 100%; } .no-comments { background-color: #f7f5e7; font-size: 20px; font-style: italic; font-weight: 300; margin: 0; padding: 40px 0; text-align: center; } .sidebar .no-comments { padding-left: 60px; padding-right: 376px; } /** * 5.13 Multisite * ---------------------------------------------------------------------------- */ .site-main .mu_register { margin: 0 auto; max-width: 604px; width: 100%; } .mu_alert { margin-top: 25px; } .site-main .mu_register input[type="submit"], .site-main .mu_register #blog_title, .site-main .mu_register #user_email, .site-main .mu_register #blogname, .site-main .mu_register #user_name { font-size: inherit; width: 270px; } .site-main .mu_register input[type="submit"] { width: auto; } /** * 6.0 Sidebar * ---------------------------------------------------------------------------- */ .site-main .widget-area { float: right; width: 300px; } /** * 6.1 Widgets * ---------------------------------------------------------------------------- */ .titleSocial { margin: 18px 0; max-width: 200px; } .widget { font-size: 14px; border-top: 1px solid #ccc; margin: 14px 0; padding: 14px; word-wrap: break-word; } .widget .widget-title { font: 300 22px "proxima-nova", Helvetica, sans-serif; margin: 0 0 10px; } .widget ul, .widget ol { list-style-type: none; margin: 0; padding: 0; } .widget li { padding: 2px 0; } .widget li span.post-date { clear: both; display: block; margin-bottom: 12px; font-size: 11px; } .widget .children li:last-child { padding-bottom: 0; } .widget li > ul, .widget li > ol { margin-left: 20px; } .widget a { color: #369; } .widget a:hover { color: #39C; } /* Search widget */ .search-form .search-submit { display: none; } /* RSS Widget */ .widget_rss .rss-date { display: block; } .widget_rss .rss-date, .widget_rss li > cite { color: #a2a2a2; } /* Calendar Widget */ .widget_calendar table, .widget_calendar td { border: 0; border-collapse: separate; border-spacing: 1px; } .widget_calendar caption { font-size: 14px; margin: 0; } .widget_calendar th, .widget_calendar td { padding: 0; text-align: center; } .widget_calendar a { display: block; } .widget_calendar a:hover { background-color: rgba(0, 0, 0, 0.15); } .widget_calendar tbody td { background-color: rgba(255, 255, 255, 0.5); } .site-footer .widget_calendar tbody td { background-color: rgba(255, 255, 255, 0.05); } .widget_calendar tbody .pad, .site-footer .widget_calendar tbody .pad { background-color: transparent; } /** * 7.0 Footer * ---------------------------------------------------------------------------- */ footer .logoclicktime { background: url(images/icons/clicktime.png) center center no-repeat; width: 23px; display: inline-block; height: 15px; position: relative; top: 4px; } .clicktime { float: right; font-family: Arial, Helvetica, sans-serif; font-weight: 500; margin: 0 0 12px 0; font-size: 10px; } .clicktime a { font-size: 10px; opacity: .5; } .clicktime a:hover { opacity: 1; } .clicktime p { margin: 0; } .site-footer-left { float: left; padding: 4px 0 0 12px; line-height: 15px; min-width: 80%; max-width: 1000px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; } .site-footer { background-color: #161D31; color: #fff; border-top: 1px solid #ccc; font-size: 14px; text-align: center; } .site-footer .widget-area, .sidebar .site-footer { text-align: left; } .site-footer a { color: #fff; } .site-footer .sidebar-container { background-color: #161D31; padding: 20px 0; } .site-footer .widget-area { margin: 0 auto; max-width: 1040px; width: 100%; } .sidebar .site-footer .widget-area { max-width: 724px; position: relative; left: -158px; } .site-footer .widget { background: transparent; color: #fff; float: left; margin-right: 20px; width: 245px; } .sidebar .site-footer .widget { width: 228px; } .sidebar .site-footer .widget:nth-of-type(4), .sidebar .site-footer .widget:nth-of-type(3) { margin-right: 0; } .site-footer .widget a { color: #fff; } .site-footer .widget-title, .site-footer .widget-title a, .site-footer .wp-caption-text { color: #fff; } .site-info { margin: 0 auto; overflow: auto; max-width: 1235px; padding: 5px 5% 12px 5%; width: 100%; } #wpstats { display: block; margin: -10px auto 0; } .botao { width:100%; box-shadow:-4px 3px 6px rgba(0,0,0,0.45); text-shadow:1px -1px 1px rgba(0,0,0,0.34); color:white; font-weight:bold; background:#0c2850; display:block; font-size:18px; text-transform: uppercase; text-align:center; } .botao:hover { color:white; background:#4c85d7; transition-duration:0.3s; transition-property:background; } .botao:active { box-shadow:none; } .botao:active .inner { box-shadow:none; background:transparent; } .botao .inner { background:url(/wp-content/themes/clcktm/images/borda-brilho.png) top right no-repeat; box-shadow:inset 2px -2px 1px rgba(0,0,0,0.45); display:block; width:100%; padding:10px 15px; } .botao .explica { font-size:12px; font-weight:normal; display:block; text-transform:none; } .pqconcessionarios h4 { margin-bottom:-10px; font-style: italic; color:#161D31; font-size:18px; } .mostra767menos { width:1px; height:1px; overflow:hidden; } .autoricon { width:12px; height:12px; vertical-align:baseline; margin-right:5px; } .renovacoes { margin-top:55px; padding:8px; font-weight:bold; font-style:italic; font-size:12px; color:white; background:#004668 url(images/produtos/rastreador-lateral.jpg) center center no-repeat; background-size:100% 100%; } .ren_rs { font-size:18px; } .ren_periodo { font-size:20px; color:#c4d0dc; } .ren_custa { float:left; width:25%; text-align:center; padding-top:4px; } .ren_custa + .ren_custa { font-size:24px; color:#e2edf8; padding-top:0; } /** * 8.0 Media Queries * ---------------------------------------------------------------------------- */ @media (max-width: 1599px) { .site { border: 0; } } @media (max-width: 1249px) { .auto.autoCompre #formproduto .intro { font-size:11px; } .produtos .h1produto { font-size: 25px; } .autoText.sobre .overlay { font-size: 19px; } .autoBar .price { padding: 9px 5px; font-size: 13px; } .clicktime, .site-footer-left { text-align: center; min-width: 100%; float: none; clear: both; } } @media (max-width: 1069px) { .produtos .h1produto { clear: both; margin: 18px 0 8px 0; } .sidebar .site-footer .widget-area { max-width: 724px; position: relative; left: -90px; } .featColumn ul li { height: 100px; } .sidebar img.alignleft, .sidebar .wp-caption.alignleft { margin-left: 0; } .sidebar img.alignright, .sidebar .wp-caption.alignright { margin-right: 0; } .error404 .page-header { margin-left: auto; max-width: 604px; width: 100%; } .error404 .page-title { font-size: 24px; padding: 180px; } .error404 .page-title:before { font-size: 554px; } .attachment .image-navigation { max-width: 724px; } .image-navigation .nav-previous, .image-navigation .nav-next { position: static; } /*.site-main .widget-area { margin-right: 60px; }*/ .entry-content.wide { padding: 0 !important; max-width: 100% !important; } .auto.autoCompre #formproduto .txt { display:none; } .compreja { padding:13px !important; font-size:15px; } } @media (max-width: 999px) { .renovacoes { font-size:10px; } .ren_rs { font-size:15px; } .ren_periodo { font-size:17px; } .ren_custa { } .ren_custa + .ren_custa { font-size:20px; } .auto.autoCompre #formproduto { padding:16px 25px; } .auto.autoCompre #formproduto .condicoes { font-size:14px; } .auto.autoCompre #formproduto .plano { } .auto.autoCompre #formproduto .plano label { text-align:center; line-height:100%; font-weight:normal; font-size:14px; } .auto.autoCompre #formproduto .plano label input { clear:both; display:block; margin:0 auto; } .sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta, .sidebar .comment-list, .sidebar .comment-reply-title, .sidebar .comment-navigation, .sidebar .comment-respond .comment-form, .sidebar .featured-gallery, .sidebar .post-navigation .nav-links, .author.sidebar .author-info { max-width: 604px; padding-left: 0; padding-right: 0; } .archive-header, .search .page-header, .archive .page-header, .blog .page-header, .error404 .page-content, .search .page-content, .archive .page-content, .attachment .entry-header, .attachment .entry-content, .post-navigation .nav-links, .sidebar .site-info, .site-footer .widget-area { padding-left: 20px; padding-right: 20px; } .catBlog { display: none; } .sidebar .site-info, .search.sidebar .page-content, .blog.sidebar .page-content, .attachment .entry-header, .sidebar .comments-title { max-width: 604px; } .sidebar .archive-meta, .attachment .entry-header, .search.sidebar .page-content, .blog.sidebar .page-content, .sidebar .site-info, .sidebar .comments-title, .sidebar .no-comments { padding-left: 0; padding-right: 0; } .attachment .entry-meta { float: left; text-align: left; width: 100%; } .attachment .entry-content { max-width: 100%; padding: 40px 0; } .format-status .entry-content { padding-top: 40px; } .format-status .entry-meta { padding-bottom: 40px; } .sidebar .format-status .entry-content, .sidebar .format-status .entry-meta { padding-left: 35px; } .sidebar .format-status .entry-content:before, .sidebar .format-status .entry-meta:before { left: 10px; } .sidebar .format-status .entry-content p:first-child:before { left: 4px; } .sidebar .paging-navigation .nav-links { padding: 0 60px; } .site-main .sidebar-container { height: auto; margin: 0 auto; max-width: 604px; position: relative; top: 20px; } .site-main .widget-area { float: none; margin: 0; width: 100%; } .sidebar .site-footer .widget-area { left: 0; } .oneBar.screens .screenCar { position: relative; clear: both; width: auto; max-width: 500px; overflow: hidden; margin: 0 auto; display: block; } .oneBar.screens .screenCar ul li { text-align: left; float: left; clear: none; padding: 0; background: none; border: none; min-height: 60px; font-weight: 400; overflow: hidden; } .oneBar.screens .screenCar ul li img { width: auto; } .oneBar.screens .half.rLeft { float: right; clear: none; } .screenCar .prev { background: none; } .autoBar .autoText .overlay { font-size: 18px; line-height: 1.6; } .produtos .compre { width: 140px; margin: 0 auto; } .newsletter { width: 100%; float: none; font-size: 12px; line-height: 20px; } .newsletter .mailButton input { font-size: 12px; line-height: 20px; } .newsletter .obsEmail label { font-size: 13px; line-height: 16px; } .homeBar { width: 100%; z-index: 9; box-shadow: 0 -1px 1px rgba(0,0,0,0.3); -webkit-box-shadow: 0 -1px 1px rgba(0,0,0,0.3); -moz-box-shadow: 0 -1px 1px rgba(0,0,0,0.3); background: #000; bottom: 0; padding: 0; float: none; display: block; } .socialWidget { display: none; } .destBar { padding: 30px 0 60px 8%; } } /* Collapse oversized image and pulled images after iPad breakpoint. */ @media (max-width: 767px) { .ren_custa { width:100%; } .mostra767menos { width:auto; height:auto; overflow:visible; display:block !important; } .mostra768mais { display:none !important; } .auto.autoCompre #formproduto .intro { font-size:14px; } .auto.autoCompre #formproduto .condicoes { font-size:18px; } .auto.autoCompre #formproduto .plano { } .auto.autoCompre #formproduto .plano label { text-align:left; line-height:150%; font-weight:bold; font-size:18px; } .auto.autoCompre #formproduto .plano label input { clear:none; display:inline; margin:none; } .auto.autoCompre #formproduto+.televendas { margin-bottom:-50px; background:white; } .auto.autoText.novo-op2 { margin-top:70px; } .autoBar .saiba { margin-bottom:20px; text-align:center; } .autoBar .saiba a { color:gray; border:1px solid rgba(0,0,0,0.5); } .autoBar .autoText, .autoBar .autoCompre { background: white !important; margin: 0 auto; } .autoBar .moto .televendas, .autoBar .auto .televendas, .autoBar .mini .televendas { color:black; } .autoBar .moto .televendas a, .autoBar .auto .televendas a, .autoBar .mini .televendas a { color:black; } .autoBar .autoLogo, .autoBar .autoLogo.moto, .autoBar .autoLogo.mini { background-position:center bottom;background-size:100%; } .aut_dktp { display:none; } .aut_mob { display:inline; } .hfeed { min-height: 160px; } header .subheader{ position:relative; font-size:14px; padding-left:0; top:-15px; } .oneBar.screens .screenCar ul li img { width: 60%; } .featBar { margin: 0; } .featOne { display: none; } .featTitle h2 { font-size: 25px; line-height: 30px; margin: 0; } .main-navigation { clear: both; margin: 5px 0 0 20px; } .featColumn ul li p { font-size: 14px; } .entry-content img.alignleft, .entry-content .wp-caption.alignleft { margin-left: 0; } .entry-content img.alignright, .entry-content .wp-caption.alignright { margin-right: 0; } .attachment .image-navigation, .attachment .entry-attachment .attachment { max-width: 604px; padding: 0; width: 100%; } .sat3 { background: url(images/satelite4.jpg) right center no-repeat; padding-bottom: 9%; } .piquet { background: url(images/piquet.jpg) center bottom no-repeat; padding-bottom: 420px; } .gallery-caption { display: none; } .homeBar { height: auto; position: fixed; } .newsletter { overflow: auto; width: 100%; height: auto; } .featColumn ul li { height: 70px; width: 45%; float: left; } .autoBar .autoText .overlay { font-size: 19px; color: #000; padding: 15px 0; line-height: normal; box-shadow: none; } .autoBar .autoCompre .overlay { padding: 0; box-shadow: none; } .autoBar .mini .pricetag { border-bottom: 1px solid #53c45b; border-top: none; border-left: 1px solid #53c45b; border-right: 1px solid #53c45b; } .autoBar .auto { width: 100%; margin-right: 0; float: none; height: auto; } .autoBar .autoLogo .overlay { height: 200px; background-size: auto 80%; } .autoBar .autoText .overlay, .moto .overlay { padding:20px 0; box-shadow:none; } .autoBar .pricetag { color: #000; } .oneBar .half, .oneBar .third { width: 100%; } .acBar .clip, .acBar .acMini { width: 339px !important; margin: 12px auto !important; float: none; } .planosBar .economia, .planosBar .zero { text-align: center; padding: 12px 0; margin: 9px 9px 0 9px; font-size: 16px; font-weight: 400; } .planosBar .economia span { display: block; clear: both; font-size: 14px; } .oneBar .left { float: none; margin-right: 0; } .proText { padding-top: 0px; } .newsletter .obsEmail label span { clear: none; display: initial; } .produtos .h1produto { margin: 12px auto; float: none; font-size: 18px; letter-spacing: 0; line-height: 1; } .proText p { display: none; } .produtos .compre { font-size: 11px; padding: 5px; } .redeauto { font-weight: 400; float: none; height: auto; width: 100%; padding: 2% 5% 0 5%; } .redeList { height: 155px; } .redeMap { width: 100%; height: 100%; padding: 5%; margin: 0; } .redeBar .rede { overflow: visible; } .redeBar .redeText { float: none; width: 100%; margin: 0; } .prontaTab .prontaTitle { background-position: top left; text-align: left; } .prontaTab .prontaTitle h2 { font-size: 24px; text-align: left; margin-left: 0; } .breadcrumb { display: none; } .archive-title, .archive-meta { font: 400 25px "proxima-nova", Helvetica, sans-serif; letter-spacing: 0; padding: 12px 0 12px 0; } .servBar .serv { width: 47%; margin-right: 3%; float: left; } .compareBar td.modelo { vertical-align: text-top; } } @media (max-width: 643px) { .site-header .home-link { clear: left; background: rgb(0, 0, 0) url(images/logo_autotrac_h.png) 45% 8px no-repeat; margin: 0; padding: 0; height: 45px; width: 100%; } .serv-menu li.on { background: #399; width: 40px; } .contato a:before, .socialshare a:before, .shoppcart a:before, .client a:before { left: 3px; font-size: 20px; top: 8px; } .contato a, .shoppcart a, .client a, .socialshare a { display: inline; padding-left: 20px !important; } .serv-menu li.shoppcart a span { display: none; } .serv-menu li.client ul li a { background-color: inherit; } .serv-menu li.client a span, .serv-menu li.contato a span, .serv-menu li.socialshare a span, .serv-menu li.televendas span { display: none; } ul.nav-menu li.client ul li a:hover { background-color: #db572f; } .serv-menu li a { width: 48px; height: 41px; display: block; margin-bottom: -9px; } .serv-menu li a:before { text-align:center;width:100%; } .serv-menu li.televenda a { width:auto; margin-left:5px; } .serv-menu li.televenda a:before { text-align:left;left:3px; } .homeBar { height: auto; } .newsletter { overflow: auto; width: 100%; height: auto; padding: 0 0 5px 0; } .newsletter .yks-status .yks-success {margin-bottom:1px;} .newsletter .yikes-mailchimp-container { width:100%; } .newsletter .obsEmail { width: 100%; float: none; font-size: 13px; line-height: 16px; height: auto; padding: 7px 0 0 0; text-align: center; } .newsletter .obsEmail div { height: auto; font-size: 13px !important; padding:0 !important; } .newsletter .obsEmail div span { padding: 0; clear:none; display:inline-block; } .newsletter .EMAIL-label { padding: 5px 0 0 8%; width: 47%; } .newsletter .EMAIL-label input { font-size: 14px; } .newsletter .EMAIL-label input { height:40px !important; margin: 0 0 0 -4px !important; text-align: center; padding-top: 0 !important; } .newsletter .form-field-description { display:none !important; } .newsletter .yikes-easy-mc-form .yikes-easy-mc-submit-button { height: 40px;padding: 5px 0;font-size: 12px;width: 42% !important;margin: 5px 8% 0 0;float: right !important; } .home .wpcf7 { width:100%; padding:0 4%; } .home .wpcf7 p { margin-bottom:0; } .home .wpcf7-form-control-wrap.your-email { padding-top:3px; width:48%; } .home .wpcf7-text.wpcf7-email { } .home .wpcf7-form-control.wpcf7-submit { margin-top:3px; width:48% !important; } .produtos { position: relative; } .proInner { width: 100%; border: none !important; padding: 0 5%; margin: 5% auto; } .proImg { margin: 0 auto; padding: 0 0 0 0; float: none; height: 80px; } .produtos .compre { margin: 0; position: absolute; top: 0; width: 100%; height: 100%; left: 0; background: transparent; text-indent: -9999px; } .produtos .compre:hover { margin: 0; position: absolute; top: 0; width: 100%; height: 100%; left: 0; background: rgba(0,0,0,0.1); text-indent: -9999px; } .entry-thumbnail { width: 20%; margin-right: 5%; } .navbar { position: fixed; } .planosBar .economia, .planosBar .zero { text-align: center; padding: 5px 0; margin: 6px 6px 0 6px; font-size: 14px; font-weight: 400; } .planosBar .economia span { display: block; clear: both; font-size: 12px; } .autoBar { padding: 0 5% 5% 5%; } .oneBar ul { border-top: 1px solid #ddd; } .oneBar ul li { text-align: left; float: none; clear: both; width: 100%; padding: 10px 10px 0 0; min-height: 60px; font-weight: 400; overflow: hidden; line-height: 14px; font-size: 14px; background: #f1f1f1; border-bottom: 1px solid #ddd; } .oneBar ul li img { position: relative; width: 40px; margin: 0 12px 0 9px; float: left; background: none; left: 0; } .acBar .clip, .acBar .acMini { width: auto!important; margin: 12px auto !important; float: none; } .redeTab { max-width: 1250px; margin: 0; padding: 5%; display: block; background: #cbffe5; } .redeTab .redeTitle, .prontaTab .prontaTitle { float: none; text-align: left; width: 100%; } .redeTab .redeTitle h2, .prontaTab .prontaTitle h2 { font-size: 33px; line-height: 35px; margin: 0 0 14px 0; } .redeTab .redeText, .prontaTab .prontaText { float: none; width: 100%; padding: 0; font-size: 14px; } .redeTab .redeText p { width: 100%; font-weight: 400; padding: 0; font-size: 16px; } .servBar { padding: 0 5% 5% 5%; } .servBar .serv { width: 100%; margin: 0 0 5% 0; clear: both; float: none; } .prodBar { padding: 5%; } .prod { max-width: 352px; width: 100%; height: 300px; margin: 0 auto 5% auto; float: none; } .prodAcessorios, .prodOutros { height: auto; } .compare .ok { background-size: 80%; } .compareBar td { padding: 0 3px; font-size: 13px; } .planosBar .reais { padding: 0; font-size: 18px; text-align: center; font-weight: normal; line-height: 22px; color: #FFF; margin: 0 auto; } .planosBar .reais strong { clear: both; display: block; } .planosBar .compre { font-size: 14px; } .sliderDiv { display: none; } .autoBar .autoText .overlay { font-size: 18px; } .redeBar .numeros { font-size: 13px; } .main-navigation { margin: 0; } .hfeed { width: 100%; min-height: 83px; } .site-header .home-link img { display: none } .site-title { font-size: 30px; } #content .entry-header, #content .entry-content, #content .entry-summary, #content footer.entry-meta, #content .featured-gallery, .search.sidebar .page-content, .blog.sidebar .page-content, .sidebar .post-navigation .nav-links, .paging-navigation .nav-links, #content .author-info, .comments-area .comments-title, .comments-area .comment-list, .comments-area .comment-navigation, .comment-respond, .sidebar .site-info, .sidebar .paging-navigation .nav-links { padding-left: 20px; padding-right: 20px; } #content .format-status .entry-content, #content .format-status .entry-met { padding-left: 35px; } .featOne { display: none; } .featColumn { width: 95%; } .featColumn ul li { height: 70px; width: 100%; float: none; } .featColumn ul li p { font-size: 12px; } .servnav { float: none; position: absolute; top: 45px; background: #323232; width: 100%; right: 0; } .serv-menu li a { background: none; padding: 14px; font-size: 9px; } .socialshare a { background: transparent !important; } .televendas { top: -5px; } /* Small menu */ #site-navigation { display: none; } #push { display: block; float: left; position: absolute; } #push:before { content: "\f228"; font-family: "dashicons"; position: relative; font-size: 36px; top: 3px; line-height: 1; left: 5px; color: #007cad; } .menu-toggle { cursor: pointer; color: #FFF; display: block; font: 300 26px/1.3 "proxima-nova", Helvetica, sans-serif; margin: 0; padding: 10px 0 12px 20px; } .toggled-on .menu-toggle:after { content: "\f153"; font-family: "dashicons"; font-size: 36px; float: right; position: relative; margin-right: 7px; top: -10px; } .toggled-on .nav-menu, .toggled-on .nav-menu > ul { display: block; margin-left: 0; padding: 0; width: 100%; } .toggled-on li, .toggled-on .children { display: block; height: auto; } .toggled-on .nav-menu li > ul { background-color: transparent; display: block; float: none; padding: 0; position: relative; left: auto; top: auto; } .toggled-on .nav-menu li > ul a { width: auto; text-align: left; text-indent: initial; padding-left: 40px; padding-right: 15px; } .toggled-on .nav-menu li:hover, { background-color: #930; color: #141412; } .toggled-on .nav-menu li:hover > a, .toggled-on .nav-menu .children a { background-color: transparent; } .toggled-on .nav-menu li a:hover, .toggled-on .nav-menu ul a:hover { background-color: #db572f; color: #fff; } ul.nav-menu, div.nav-menu > ul { display: none; } .servnav ul.nav-menu, div.nav-menu > ul { display: block; } #content .featured-gallery { padding-left: 24px; } .gallery-columns-1 .gallery-item { margin-right: 0; width: 100%; } .entry-title, .format-chat .entry-title, .format-image .entry-title, .format-gallery .entry-title, .format-video .entry-title { font-size: 22px; font-weight: bold; padding: 0; font-size: 20px; line-height: 22px; font-weight: 400; } .entry-top { float: left; width: 75%; } .sidebar .entry-header .entry-meta { padding: 8px 0 0 0; font-weight: 400; font-size: 12px; } .sideMargin { margin: 10px auto 0 auto; } article .wrap { border-bottom: 1px solid #ddd; } .format-quote blockquote, .format-status .entry-content { font-size: 18px; } .format-quote blockquote small, .format-quote blockquote cite { font-size: 13px; } .error404 .page-title { padding: 40px 0 0; } .error404 .page-title:before { content: normal; } .comment-author { margin-right: 30px; } .comment-author .avatar { height: auto; max-width: 100%; } .comment-metadata, .comment-content, .comment-list .reply { width: 70%; width: -webkit-calc(100% - 104px); width: calc(100% - 104px); } .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] { width: -webkit-calc(100% - 120px); width: calc(100% - 120px); } .comment-form textarea { height: 80px; /* Smaller field for mobile. */ } /* Audio */ .format-audio .entry-content:before { display: none; } .format-audio .audio-content { background-image: none; float: none; padding-left: 0; width: auto; } } /* Mobile devices */ @media (max-width: 359px) { .gallery { margin-left: 0; } .gallery .gallery-item, .gallery-columns-2.gallery-size-thumbnail .gallery-item { max-width: none; width: 49%; width: -webkit-calc(50% - 4px); width: calc(50% - 4px); } .gallery-columns-1.gallery-size-medium, .gallery-columns-1.gallery-size-thumbnail, .gallery-columns-2.gallery-size-thumbnail, .gallery-columns-3.gallery-size-thumbnail { display: block; } .gallery-columns-1 .gallery-item, .gallery-columns-1.gallery-size-medium .gallery-item, .gallery-columns-1.gallery-size-thumbnail .gallery-item { text-align: center; width: 98%; width: -webkit-calc(100% - 4px); width: calc(100% - 4px); } .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 4px; } .gallery br { display: none; } .gallery .gallery-item:nth-of-type(even) { margin-right: 0; } /* Comments */ .comment-author { margin: 0 0 5px; max-width: 100%; } .comment-author .avatar { display: inline; margin: 0 5px 0 0; max-width: 20px; } .comment-metadata, .comment-content, .comment-list .reply { width: 100%; } } /** * 9.0 Print * ---------------------------------------------------------------------------- */ /* Retina-specific styles. */ @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .site-header .search-field { background-image: url(images/search-icon-2x.png); } .format-audio .audio-content, .format-status .entry-content:before, .format-status .entry-meta:before, .comment-list > li:after, .comment-list .children > li:before { background-image: url(images/dotted-line-2x.png); } } @media print { body { background: none !important; color: #000; font-size: 10pt; } footer a[rel="bookmark"]:link:after, footer a[rel="bookmark"]:visited:after { content: " [" attr(href) "] "; /* Show URLs */ } .site { max-width: 98%; } .site-header { background-image: none !important; } .site-header .home-link { max-width: none; min-height: 0; } .site-title { color: #000; font-size: 21pt; } .site-description { font-size: 10pt; } .author-avatar, .site-footer, .comment-respond, .comments-area .comment-edit-link, .comments-area .reply, .comments-link, .entry-meta .edit-link, .page-links, .site-content nav, .widget-area, .main-navigation, .navbar, .more-link { display: none; } .entry-header, .entry-content, .entry-summary, .entry-meta { margin: 0; width: 100%; } .page-title, .entry-title { font-size: 21pt; } .entry-meta, .entry-meta a { color: #444; font-size: 10pt; } .entry-content img.alignleft, .entry-content .wp-caption.alignleft { margin-left: 0; } .entry-content img.alignright, .entry-content .wp-caption.alignright { margin-right: 0; } .format-image .entry-content .size-full { margin: 0; } /* Remove colors from post formats */ .hentry { background-color: #fff; } /* Comments */ .comments-area > li.comment { background: none; position: relative; width: auto; } .comment-metadata { float: none; } .comment-author .fn, .comment-reply-link, .comment-reply-login { color: #333; } } .post-2619 { display:none; } /*font-face produtos*/ @font-face { font-family: 'OpenSans'; src: url('fonts/Open Sans/OpenSans.ttf') format('truetype'); } @font-face { font-family: 'ProximaNova'; src: url('fonts/Proxima Nova/ProximaNova-Regular.otf'); } @font-face { font-family: 'DINEngschrift'; src: url('fonts/DINEngschrift-Alternate/DINEngschrift-Alternate.otf'); } /*produto novo*/ .container-produto .produto-item { width: 100%; float: left; margin-bottom: 60px; } .container-produto .produto-image { width: 636px; float: left; padding-right: calc(45px / 2); } .container-produto .produto-image img { width: 100%; height: auto; } .container-produto .produto-card { width: calc(100% - 636px); float: left; padding-left: calc(45px / 2); margin-top: 30px; } .container-produto .produto-card .produto-card-content { border-radius: 10px; overflow: hidden; -webkit-box-shadow: 0px 0px 30px 13px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 30px 13px rgba(0,0,0,0.15); box-shadow: 0px 0px 30px 13px rgba(0,0,0,0.15); } .container-produto .produto-card .produto-card-header { color: #fff; background: #0181c4; text-align: center; font-family: 'ProximaNova'; } .container-produto .produto-card .produto-card-header h2 { padding: 8px 0; margin: 0; font-size: 24px; } .container-produto .produto-card .produto-card-header h2 p { margin: 0; } .container-produto .produto-card .produto-card-body ul { display: table; height: 193px; padding: 0; margin: 30px auto 0; list-style: none; } .container-produto .produto-card .produto-card-body ul li { padding-left: 25px; color: #3d3d3e; position: relative; font-weight: bold; font-size: 14px; margin-bottom: 10px; font-family: 'ProximaNova'; } .container-produto .produto-card .produto-card-body ul li:before { position: absolute; top: 6px; left: 0; content: ''; display: block; width: 10px; height: 13px; background: url('images/icons/ico-correct.jpg') no-repeat center; background-size: contain; } .container-produto .produto-card .produto-card-btn { width: 205px; height: 60px; display: block; border-radius: 30px; margin: 20px auto; text-align: center; padding: 18px 0; background: #197ed8; } .container-produto .produto-card .produto-card-price-content { width: 310px; display: table; margin: 0 auto; } .container-produto .produto-card .produto-card-instalacao { width: 50%; float: left; } .container-produto .produto-card .produto-card-lbl { display: block; font-size: 12px; color: #5c5c5c; text-align: center; font-weight: 500; font-family: 'ProximaNova'; } .container-produto .produto-card .produto-card-instalacao .produto-card-instalacao-content { width: 100%; display: block; font-size: 18px; color: #0081c3; text-align: center; font-weight: 500; font-family: 'DINEngschrift'; margin-top: 10px; } .container-produto .produto-card .produto-card-price { width: 50%; float: left; border-left: 2px solid #e6e6e6; text-align: center; padding-left: 15px; } .container-produto .produto-card .produto-card-price .produto-card-parcela { font-size: 14px; font-weight: bold; color: #2a2a2a; vertical-align: top; margin-top: 0; display: inline-block; } .container-produto .produto-card .produto-card-price .produto-card-parcela-price { font-size: 35px; color: #0081c3; font-family: 'DINEngschrift'; margin-top: -10px; margin-left: 5px; display: inline-block; } .container-produto .produto-card .produto-card-price .produto-card-lbl-juros { display: block; text-align: right; font-size: 12px; color: #5c5c5c; font-weight: bold; margin-top: -8px; } .container-produto .produto-card .produto-card-price .produto-card-price-content-text { display: table; } .container-produto .produto-card .produto-card-btn a { color: #fff; } .container-produto .produto-card .produto-card-footer { color: #858585; font-size: 10px; text-align: center; font-weight: bold; margin-bottom: 20px; } /*cores moto*/ .container-produto.moto .produto-card .produto-card-header { background: #1cc09b; } .container-produto.moto .produto-card .produto-card-btn { background: #1cc09b; } .container-produto.moto .produto-card .produto-card-instalacao .produto-card-instalacao-content { color: #1cc09b; } .container-produto.moto .produto-card .produto-card-price .produto-card-parcela-price { color: #1cc09b; } /*cores mini*/ .container-produto.mini .produto-card .produto-card-instalacao { display: none; } .container-produto.mini .produto-card .produto-card-price { width: 100%; border: none; padding-left: 0; } .container-produto.mini .produto-card .produto-card-price .produto-card-price-content-text { margin: 0 auto; } .container-produto.mini .produto-card .produto-card-price .produto-card-parcela-price { color: #f4ac31; } .container-produto.mini .produto-card .produto-card-header { background: #f4ac31; } .container-produto.mini .produto-card .produto-card-btn { background: #f4ac31; } .container-produto.mini .produto-card .produto-card-body ul li:before { background: url(images/icons/ico-correct-yellow.jpg) no-repeat center; } .container-produto.mini .produto-card-footer { display: none!important; } .container-produto.mini .produto-card { margin-top: 50px; } /*Cards home*/ .one-carro { width: calc(100% / 3); float: left; position: relative; text-align: center; } .one-carro .content-produto-one, .one-moto .content-produto-one { border-right: 1px solid #f7f7f7; } .one-carro .content-produto-one, .one-moto .content-produto-one, .one-mini .content-produto-one { padding-top: 35px; } .one-moto { width: calc(100% / 3); float: left; position: relative; text-align: center; } .one-mini { width: calc(100% / 3); float: left; position: relative; text-align: center; } .produto-mini-imagem { width: 100%; } .produto-mini-descricao { font-size: 14px; font-family: 'OpenSans'; line-height: 1.5; text-align: center; position: relative; width: 100%; height: 180px; padding: 0 30px; margin-bottom: 35px; color: #6d6e71; font-weight: bold; } .produto-mini-descricao p { font-weight: bold; margin-bottom: 0; } .nav-produto { position: relative; margin-bottom: 25px; } .nav-produto a { display: inline-block; } .button1, .button1:hover { border-radius: 80px; border: 1px solid blue; color: #1cc09b; width: 170px; height: 50px; background: #FFFFFF; font-family: 'ProximaNova'; margin-right: 10px; } .button2, .button2:hover { border-radius: 80px; width: 170px; height: 50px; background: #37dadc; color: #FFFFFF; border: 1px solid blue; font-family: 'ProximaNova'; } .instalacao { font-size: 13px; color: #197ed8; margin-bottom: 0; font-family: 'ProximaNova'; font-weight: bold; } .cobertura { font-size: 10px; color: #888888; font-family: 'ProximaNova'; font-weight: 500; } .one-moto .instalacao { color: #1cc09b; } /*botao carro*/ .one-carro .button1 { border: 1px solid #197ed8; color: #197ed8; } .one-carro .button2 { background: #197ed8; color: #fff; border: none; } /*botao moto*/ .one-moto .button1 { border-color: #1cc09b; } .one-moto .button2 { background: #1cc09b; border: none; } /*botao mini*/ .one-mini .button1 { border-color: #ff9a1a; color: #ff9a1a; } .one-mini .button2 { color: #fff; background: #ff9a1a; border: none; } /*Mobile novo produto*/ @media(max-width: 992px) { .one-carro, .one-moto, .one-mini { width: 100%; } .produto-mini-descricao { height: auto; } .one-carro .button1, .one-moto .button1, .one-mini .button1 { margin-right: 0; margin-bottom: 15px; } .container-produto .produto-image { max-width: 100%; padding-right: 0; } .container-produto .produto-card { width: 100%; padding-left: 0; } .container-produto .produto-item { padding-bottom: 40px; } /* .container-produto .produto-card .produto-card-price-content { width: 100%; } */ } /*nova página*/ body { background: #fff; } .ls-shadow { display: none!important; } .sliderContainer { background: transparent!important; } .featBar, .destBar, .redeTab { display: none; } .container-produto * { font-family: 'ProximaNova'; } .site { max-width: 100%; /*background: #15151d;*/ position: relative; float: left; } .page .entry-header { padding-left: 38px; margin-bottom: 0; border-bottom: none; background: transparent; padding-right: 0; } .page .entry-header h1 { font-weight: bold; font-size: 36px; } .proBar.new-product { padding-right: 0; padding-left: 0; } .ligue-agora-text { padding-top: 0; padding-bottom: 0; margin-bottom: -16px; position: relative; padding-right: 0; padding-left: 0; } .ligue-agora-text-content { height: 80px; background: url(images/bg-0800.jpg) no-repeat; background-size: cover; } .ligue-agora-text a { width: 250px; height: 80px; display: block; text-align: center; position: relative; margin: 0 auto; padding: 10px 0 15px 45px; } .ligue-agora-text a:before { width: 45px; height: 45px; position: absolute; top: 16px; left: 0; background: url(images/icons/icon-telefone.png) no-repeat; background-size: cover; display: block; content: ''; } .ligue-agora-text .ligue-agora { font-size: 18px; color: #000; display: block; font-family: 'ProximaNova'; font-weight: bold; } .ligue-agora-text .telefone-0800 { font-size: 26px; color: #fff; display: block; /* font-family: 'ProximaNova'; */ font-weight: bold; margin-top: -5px; } /*novo conteudo - produto*/ .container-produto .content-produto { width: 100%; float: left; } .container-produto .content-produto.description .title-product { text-align: center; padding: 0!important; margin: 70px 0 50px; font-size: 30px; font-weight: bold; } .container-produto .content-produto.description .description-product { color: #a0aab5; font-size: 14px; line-height: 25px; float: left; padding-left: 45px; } .container-produto .content-produto.description .description-product .text-blue { color: #0064b7; font-weight: bold; } .container-produto.moto .content-produto.description .description-product .text-blue { color: #54B8CE; } .container-produto .content-produto.description .image-description-product { width: 610px; height: 340px; background: url(images/satelite.jpg) right center no-repeat; float: right; background-size: cover; margin-right: -40px; } .container-produto.moto .content-produto.description .image-description-product { background: url(images/satelite-moto.jpg) right center no-repeat; background-size: cover; } .container-produto.mini .content-produto.description .image-description-product { width: 639px; height: 518px; background: url(images/satelite-mini.jpg) right center no-repeat; background-size: cover; margin-top: -200px; } .container-produto .content-produto.features { margin-top: 50px; margin-bottom: 150px; padding: 0 83px; } .container-produto .content-produto.features ul { list-style: none; padding: 0; } .container-produto .content-produto.features ul li { width: calc(100%/4); float: left; margin-bottom: 55px; display: table; text-align: left; position: relative; height: 70px; padding-left: 95px; } .container-produto.mini .content-produto.features { margin-bottom: 62px; } .container-produto.mini .content-produto.features ul { text-align: center; display: table; margin: 0 auto; } .container-produto.mini .content-produto.features ul li { display: inline-block; width: auto; padding-left: 0; margin-right: 60px; margin-bottom: 0; height: auto; } .container-produto.mini .content-produto.features ul li:last-child { margin-right: 0; } .container-produto.mini .content-produto.features ul li img { position: relative; top: inherit; left: inherit; display: block; margin: 0 auto 20px; } .container-produto.mini .content-produto.features ul li span { display: block; vertical-align: inherit; text-align: center; } .container-produto .content-produto.features ul li img { position: absolute; left: 0; max-width: 72px; } .container-produto .content-produto.features ul li span { font-size: 14px; font-weight: bold; display: table-cell; vertical-align: middle; } .container-produto .content-produto.data { padding-left: 115px; background: #f3f8fe; } .container-produto .content-produto.data > img { float: left; margin-right: 90px; margin-top: -20px; } .container-produto .content-produto.data .info-data { float: left; } .container-produto .content-produto.data .info-data .title-info-data { font-size: 30px; font-weight: bold; margin-top: 50px; margin-bottom: 25px; } .container-produto .content-produto.data .info-data .description-info-data { font-size: 14px; font-weight: 28px; color: #4d4d4b; } .container-produto .content-produto.data .info-data .links-info-data a { margin-right: 10px; } .container-produto .content-produto.propose { width: 100%; height: 440px; background: url('images/bg-propose.jpg') no-repeat center center; background-size: cover; padding: 35px 0 0 165px; } .container-produto.carro .content-produto.propose { background: url('images/bg-propose-carro.jpg') no-repeat center center; background-size: cover; } .container-produto .content-produto.propose img { margin-bottom: 15px; } .container-produto .content-produto.propose .title-propose { margin-top: 0; margin-bottom: 25px; color: #fff; font-weight: bold; font-size: 30px; } .container-produto .content-produto.propose .description-propose { font-size: 13px; color: #fff; margin-bottom: 40px; line-height: 20px; } .container-produto .content-produto.propose .link-propose { font-size: 18px; color: #5bcae0; font-weight: bold; margin-bottom: 5px; display: inline-block; } .container-produto .content-produto.propose .call-propose { font-size: 12px; color: #fff; margin-bottom: 5px; display: block; } .container-produto .content-produto.propose .alert-propose { font-size: 10px; color: #fff; margin-top: 25px; display: block; font-style: italic; } .container-produto .content-produto.testimonials { padding-left: 165px; } .container-produto .content-produto.testimonials .title-testimonials { margin-top: 55px; margin-bottom: 15px; font-weight: bold; font-size: 30px; } .container-produto .content-produto.testimonials .subtitle-testimonials { margin-top: 0; margin-bottom: 30px; font-weight: bold; font-size: 15px; color: #5684eb; } .container-produto .content-produto.testimonials .slider-testimonials { margin-left: -165px; } .container-produto .content-produto.testimonials .slider-testimonials ul { list-style: none; margin: 0 auto; width: 860px; } .container-produto .content-produto.testimonials .slider-testimonials ul li { float: left; width: 50%; padding-right: 55px; } .container-produto .content-produto.testimonials .slider-testimonials ul li img { margin: 0 auto 18px; display: block; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; } .container-produto .content-produto.testimonials .slider-testimonials ul li .text-testimonials { color: #aeb7c0; font-size: 12px; font-style: italic; text-align: center; margin-bottom: 59px; } .container-produto .content-produto.thebest { background: url(images/faixa-instalacao.jpg) center; background-size: cover; } .container-produto .content-produto.thebest .content-thebest { width: 870px; height: 170px; margin: 0 auto; padding-left: 74px; } .container-produto .content-produto.thebest .content-thebest ul { list-style: none; padding: 0; float: left; width: 100%; margin: 60px 0; } .container-produto .content-produto.thebest .content-thebest ul li { float: left; color: #fff; } .container-produto .content-produto.thebest .content-thebest ul li.main-text-thebest { font-size: 18px; font-weight: bold; } .container-produto .content-produto.thebest .content-thebest ul li.free-thebest { font-size: 12px; margin-top: -10px; } .container-produto .content-produto.thebest .content-thebest ul li.free-thebest span { font-size: 22px; font-weight: bold; display: inline-block; } .container-produto .content-produto.thebest .content-thebest ul li.free-thebest a { width: 170px; height: 35px; color: #fff; font-size: 12px; border-radius: 30px; padding: 0; background: #1b58e4; margin-left: 10px; display: inline-block; text-align: center; padding: 8px 0; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; } .container-produto .content-produto.thebest .content-thebest ul li img { margin: -17px 116px; border-radius: 100%; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; } .container-produto .content-produto.seguranca { padding: 60px 0 0 160px; } .container-produto .content-produto.seguranca .seguranca-title { font-size: 30px; font-weight: bold; padding: 0!important; } .container-produto .content-produto.seguranca .seguranca-desc { color: #a0aab5; font-size: 14px; line-height: 25px; } .container-produto .content-produto.seguranca .seguranca-text { float: left; } .container-produto .content-produto.seguranca .seguracao-image { float: right; } .content-produto.acessorios .produto-item { float: none; margin-bottom: 0; max-width: 1015px; margin: 0 auto; } .content-produto.acessorios .produto-card { width: 50%; padding: 0 17px 0 0; margin-bottom: 50px; } .content-produto.acessorios .produto-card:last-child { padding: 0 0 0 17px; } .content-produto.acessorios .produto-card-body { width: 100%; padding: 30px 30px 35px; float: left; } .content-produto.acessorios .produto-card-price { float: none; } .content-produto.acessorios .produto-card-image { width: 229px; float: left; } .content-produto.acessorios .produto-card-image img { margin: 0 auto; display: block; } .content-produto.acessorios .produto-card-price-content { width: calc(100% - 256px); float: right; display: block; } .content-produto.acessorios .produto-card-btn { width: 100%; height: 55px; margin-top: 10px; margin-bottom: 0; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; padding: 18px 0; font-size: 14px; } .content-produto.acessorios .produto-card-price-content-text p { font-size: 12px; height: 117px; margin-bottom: 0; } @media(max-width: 992px) { .container-produto .content-produto.description .description-product { padding-left: 0; } .container-produto .content-produto.description .image-description-product { max-width: 100%; max-height: 200px; background-size: contain; } .container-produto .content-produto.features { max-width: 100%; padding: 0; } .container-produto .content-produto.features ul { max-width: 220px; margin: 0 auto; } .container-produto .content-produto.features ul li { width: 100%; float: none; } .container-produto .content-produto.features { margin-bottom: 5px; } .container-produto .content-produto.data { padding: 0; } .container-produto .content-produto.data .info-data { padding: 0 15px; } .container-produto .content-produto.propose { padding: 30px 15px; height: auto; margin-top: 30px; } .container-produto .content-produto.testimonials { padding: 0 15px; } .container-produto .content-produto.testimonials .slider-testimonials { margin: 0px; } .container-produto .content-produto.testimonials .slider-testimonials ul { width: 100%; padding: 0; } .container-produto .content-produto.thebest .content-thebest { max-width: 100%; padding-left: 0; } .container-produto .content-produto.thebest .content-thebest ul li { width: 100%; } .container-produto .content-produto.thebest .content-thebest ul li.main-text-thebest { margin-bottom: 20px; text-align: center; } .container-produto .content-produto.thebest .content-thebest ul li img { margin: 0 auto; display: block; } .container-produto .content-produto.thebest .content-thebest ul li.free-thebest { margin-top: 20px; margin-bottom: 0; text-align: center; } .container-produto.mini .content-produto.description .image-description-product { margin-top: 0; } .container-produto .content-produto.seguranca { padding: 0 15px; } .container-produto.mini .content-produto.features ul li { width: 100%; margin-right: 0; margin-bottom: 20px; } .content-produto.acessorios .produto-card-image { width: 100%; } .container-produto .content-produto { padding: 15px; } .content-produto.acessorios .produto-card { width: 100%; padding: 0!important; } .content-produto.acessorios .produto-card-price-content { width: 100%; margin-top: 30px; } } @media(min-width: 760px) and (max-width: 1200px) { .one-carro .button1, .one-moto .button1, .one-mini .button1 { margin-right: 0; margin-bottom: 20px; } .produto-mini-descricao { height: auto; } .container-produto .content-produto.description .image-description-product { width: calc(100% - 530px) } .container-produto .content-produto.data .info-data { width: calc(100% - 530px); margin-bottom: 40px; } .container-produto .content-produto.seguranca .seguracao-image { width: calc(100% - 540px); } } /*nova home*/ .porque-autotrac * { font-family: 'ProximaNova'; } .porque-autotrac { background: #f3f8fe; } .porque-autotrac .proBar { padding-top: 65px; padding-bottom: 30px; padding-right: 252px; background: transparent; } .porque-autotrac .title-porque-autotrac { font-weight: bold; font-size: 30px; padding: 0!important; margin: 0 0 15px; } .porque-autotrac .subtitle-porque-autotrac { font-weight: bold; font-size: 14px; color: #074ae2; text-transform: uppercase; margin: 0 0 45px; } .porque-autotrac .autotrac-one { /* background: url('images/porque-autotrac-celular.jpg') no-repeat top right; margin-top: -132px; padding-top: 112px; */ float: left; width: 545px; } .porque-autotrac .autotrac-one .vantagens { width: 100%; padding: 0; list-style: none; } .porque-autotrac .benefícios { width: 50%; float: left; } .porque-autotrac .benefícios .content-image { height: 42px; margin-bottom: 10px; } .porque-autotrac .benefícios .produto { font-size: 14px; margin: 5px 0; font-weight: bold; text-transform: uppercase; } .porque-autotrac .benefícios .descricao-produto { font-size: 12px; margin-bottom: 25px; color: #909ca5; } .porque-autotrac .celular { width: calc(100% - 710px); float: left; margin-left: 158px; margin-top: -122px; } .porque-autotrac .celular h5 { margin-top: 10px; margin-left: 5px; margin-bottom: 30px; padding-left: 45px; background: url('images/icons/icon-phone-app.jpg') no-repeat; font-size: 14px; height: 35px; line-height: 38px; } .blog-one * { font-family: 'ProximaNova'; } .blog-one { padding-top: 60px; padding-bottom: 60px; } .blog-one .blog-title { float: left; margin-right: 55px; } .blog-one .blog-title h5 { font-size: 30px; margin-top: 0; margin-bottom: 15px; font-weight: bold; } .blog-one .blog-title .dicas { font-weight: bold; font-size: 14px; color: #074ae2; margin: 0 0 45px; text-transform: uppercase; } .blog-one img { max-width: 302px; float: left; } .blog-one .blog-text { width: calc(100% - 545px); max-width: 585px; float: left; margin-left: 30px; } .blog-one .blog-text h6 { font-size: 20px; margin: 0 0 19px; font-weight: bold; } .blog-one .blog-text .text-blog { font-size: 12px; color: #9ea8b2; margin-bottom: 19px; } .blog-one .blog-text .text-blog img { display: none; } .blog-one .blog-text button { width: 150px; height: 40px; border-radius: 20px; color: #1B59E3; background: none; border: 1px solid #1B59E3; font-weight: bold; padding: 0; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; text-transform: uppercase; } .blog-one .blog-text button a { color: #1B59E3; } /*novo news*/ .cadastrar-news * { font-family: 'ProximaNova'; } .cadastrar-news { background: #f3f8fe; } .cadastrar-news .proBar { padding: 70px 115px 70px 120px; background: transparent; } .cadastrar-news h5 { font-size: 30px; margin-top: 0; margin-bottom: 15px; font-weight: bold; } .cadastrar-news .receba-gratis { font-weight: bold; font-size: 14px; color: #074ae2; margin: 0 0 45px; text-transform: uppercase; } .cadastrar-news .lbl { float: left; } .cadastrar-news .form { float: right; margin-top: 27px; width: 520px; } .cadastrar-news .form input[type="email"] { width: 275px!important; height: 45px!important; border: 2px solid #e6ecf6!important; border-radius: 30px!important; margin-right: 10px!important; padding-left: 20px!important; padding-right: 20px!important; font-size: 12px!important; -webkit-border-radius: 30px!important; -moz-border-radius: 30px!important; -ms-border-radius: 30px!important; -o-border-radius: 30px!important; } .form input[type="email"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ text-align: center!important; font-weight: bold!important; color: #b0b0b0!important; } .form input[type="email"]::-moz-placeholder { /* Firefox 19+ */ text-align: center!important; font-weight: bold!important; color: #b0b0b0!important; } .form input[type="email"]:-ms-input-placeholder { /* IE 10+ */ text-align: center!important; font-weight: bold!important; color: #b0b0b0!important; } .form input[type="email"]:-moz-placeholder { /* Firefox 18- */ text-align: center!important; font-weight: bold!important; color: #b0b0b0!important; } .cadastrar-news .form button, .cadastrar-news .form input[type="submit"] { width: 215px; height: 40px; background: linear-gradient(141deg, #17d1e7 0%, #42a3d3 51%, #0078bd 75%); border: none; padding: 0; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; } .cadastrar-news .form button a { color: #fff; text-transform: uppercase; font-size: 14px; font-weight: bold; } .cadastrar-news .wpcf7-form-control-wrap { float: left; } .cadastrar-news .wpcf7-not-valid-tip { position: absolute; top: 100%; left: 5px; font-size: 12px; } .cadastrar-news .wpcf7-validation-errors { display: none!important; } @media(max-width: 992px) { .produto-mini-descricao { height: auto; } .ligue-agora-text { margin-bottom: -4px; } .porque-autotrac { padding: 30px 15px; } .porque-autotrac .proBar { padding: 0; } .porque-autotrac .autotrac-one { width: 100%; } .porque-autotrac .benefícios { display: block; float: none; margin: 0 auto; width: 200px; } .porque-autotrac .celular { width: 220px; float: none; margin: 0 auto; } .porque-autotrac .celular img { max-width: 100%; } .blog-one .blog-text { margin-top: 20px; margin-left: 0; } .blog-one { padding-left: 15px; padding-right: 15px; } .blog-one .blog-text { width: 100%; } .cadastrar-news { padding: 30px 15px; } .cadastrar-news .receba-gratis { margin-bottom: 10px; } .cadastrar-news .form { width: 100%; } .cadastrar-news .form input { width: 100%; margin-bottom: 15px; } .cadastrar-news .form button { width: 100%; } .cadastrar-news .proBar { padding: 0; } } /*novo menu*/ @media(min-width: 768px) { .main-navigation { width: calc(100% - 109px); margin-top: 53px; padding-left: 25px; } .hfeed { min-height: 90px; float: left; position: relative; z-index: 999; } .site-header .home-link { width: 80px; height: 80px; padding-top: 5px; } .nav-menu li a { padding: 0 65px 0 0; font-family: 'ProximaNova'; font-weight: bold; } .nav-menu li a:hover { background: transparent; } .nav-menu li:last-child a { padding-right: 0; } .serv-menu li { float: left; } .serv-menu li a { background: none; padding: 0; } .serv-menu li a.televendas { margin-right: 18px; padding-left: 30px; position: relative; } .serv-menu li a.televendas:hover { background: none; } .serv-menu li a.televendas:before { content: ''; display: inline-block; width: 20px; height: 20px; background: url('images/icons/phone-header.jpg') no-repeat; background-size: cover; position: absolute; top: 3px; left: 0; } .serv-menu li a.televendas .lbl-televendas { color: #0089cf; } .serv-menu li a.televendas .number-televendas { color: #fff; font-size: 16px; font-weight: bold; } .serv-menu li.client, .serv-menu li.client:hover { width: 128px; background: #0181c4; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; } .serv-menu li.client > a, .serv-menu li.client > a:hover { padding: 11px 0; color: #fff; background: transparent; } .serv-menu li.client > a:before { top: 6px; } .serv-menu li a.rede-social { width: 27px; height: 27px; display: block; margin-right: 2px; } .serv-menu li a.rede-social.fb { background: url('images/icons/fb.jpg') no-repeat; margin-left: 20px; } .serv-menu li a.rede-social.insta { background: url('images/icons/insta.jpg') no-repeat; } .serv-menu li a.rede-social.youtube { background: url('images/icons/yt.jpg') no-repeat; } .serv-menu li a.rede-social.tt { background: url('images/icons/tt.jpg') no-repeat; } } np { padding-left: 0!important; padding-right: 0!important; } @media(max-width: 760px) { .serv-menu li a.rede-social { display: none; } .serv-menu li { float: left; } .serv-menu li a.televendas { width: 160px; padding: 12px 10px; height: auto; } .serv-menu li a.televendas br { display: none; } } /*novo footer*/ footer { background: #15151d; display: table; width: 100%; /*max-width: 1250px;*/ padding-bottom: 80px; margin: 0 auto; } footer * { font-family: 'ProximaNova'; } footer nav { max-width: 1250px; margin: 0 auto; padding-left: 40px; } footer .footer-logo { width: 65px; height: 65px; background: #0180c3; float: left; padding: 5px; margin-top: 3px; } footer .footer-logo img { max-width: 100%; } footer .menu-list { float: left; margin-left: 55px; margin-top: 65px; line-height: 16px; } footer .menu-list:last-child { margin-left: 155px; } footer .menu-list ul { margin: 0; padding: 0; } footer .menu-list a { font-size: 12px; color: #fff; display: block; font-weight: 500; text-transform: uppercase; } footer .menu-list a.servicos { margin-left: 20px; } footer .menu-list a.servicos.lbl { margin-bottom: 5px; margin-left: 0; } footer .menu-list .margin { margin-top: 16px; } footer .contato-footer { float: left; margin-left: 95px; margin-top: 65px; } footer .contato-footer p { color: #fff; margin-bottom: 0; font-weight: 500; font-size: 12px; } footer .contato-footer p.resposta { font-size: 16px; text-transform: uppercase; } footer .contato-footer p.cliente { font-size: 14px; margin-bottom: 18px; text-transform: uppercase; color: #29ABE2; } footer .contato-footer p.telefone a { font-size: 18px; color: #fff; font-weight: bold; } footer .site-information { width: 100%; position: absolute; left: 0; bottom: 0; background: #0180c3; height: 46px; padding: 7px 0px; } footer .site-information p { font-size: 12px; text-align: center; color: #fff; margin-bottom: 0; } /*novo footer*/ .homeBar { display: none; } @media(max-width: 992px) { footer { padding: 0 15px 120px 15px; } footer nav { padding-left: 0; } footer .menu-list { width: 100%; margin: 15px 0 0!important; clear: both; float: left; } footer .menu-list ul { width: 215px; margin: 0 auto; display: table; } footer .contato-footer { margin-right: auto; margin-left: auto; float: none; clear: both; padding-top: 65px; display: table; } footer .site-information { height: auto; left: 0; } } @media(max-width: 1200) { footer nav { padding-left: 118px; } } /*woocommerce*/ @media(min-width: 768px) { body[class*="woocommerce"] .menu-menu-1-container .nav-menu li a { padding-right: 58px; } body[class*="woocommerce"] .menu-menu-1-container .nav-menu li:last-child a { padding-right: 0; } } body[class*="woocommerce"] .col-2 { display: none; } body[class*="woocommerce"] .woocommerce #customer_details .col-1 { width: 100%; } body[class*="woocommerce"] .site-main, body[class*="woocommerce"] .site { position: initial; } body[class*="woocommerce"] footer { position: relative; } .woocommerce .content-personal, .woocommerce .content-address { width: 35%; float: left; padding: 10px; } .woocommerce .content-review { width: 30%; float: left; padding: 10px; } .woocommerce .content-personal .container, .woocommerce .content-address .container { border: 1px solid #d3d3d3; border-radius: 5px; padding: 10px; float: left; width: 100%; } .woocommerce .content-review .container { padding: 10px; float: left; width: 100%; } .woocommerce .content-personal.hidden-fields .container p, .woocommerce .content-personal.hidden-fields .container button { display: none!important; } .woocommerce .content-personal.hidden-fields h3 { position: relative; } .woocommerce .content-personal.hidden-fields h3:before { content: attr(data-email); display: block; color: #d3d3d3; font-size: 12px; position: absolute; top: 40px; } .woocommerce .content-personal.hidden-fields h3:after { content: attr(data-name); display: block; color: #d3d3d3; font-size: 12px; margin-top: 40px; } .woocommerce .content-payment .woocommerce-checkout-payment .campos_cielo_webservice, .woocommerce .content-payment #place_order { display: block!important; } /* .woocommerce .campos_cielo_webservice { display: none!important; } .woocommerce #tela-bandeiras-cielo-boleto { display: none; } */ .woocommerce .content-payment { margin-top: 20px; } .woocommerce-form-login-toggle, .woocommerce-account-fields { display: none!important; } .woocommerce-form-login:not(.show) { display: block!important; } form.woocommerce-checkout { display: none; } .wpmc-tabs-wrapper .wpmc-tabs-list { padding: 0; } .woocommerce-checkout .site { overflow: hidden; } .woocommerce-cart .woocommerce-message, .woocommerce-checkout .woocommerce-message { border-color: #0181c4; } .woocommerce-message::before { color: #0181c4; } .woocommerce-checkout .woocommerce-form-coupon-toggle { display: none; } .woocommerce-checkout .page .entry-header, .page .entry-header { margin-left: auto; margin-right: auto; margin-bottom: 30px; padding-left: 0; } .woocommerce-checkout .entry-header h1, .woocommerce-cart .entry-header h1 { padding-left: 0; } .woocommerce-checkout .entry-content, .woocommerce-cart .entry-content { margin-bottom: 60px!important; } .wpmc-nav-wrapper { margin-top: 30px; } div.woocommerce { margin: 0 auto; } .woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select { width: 100%!important; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { border: 1px solid #d3d3d3; font-size: 13px; height: 35px; padding: 0 15px; color: #5f5f5f; } .woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered { padding: 0; color: #5f5f5f; } .woocommerce .select2-container--default .select2-selection--single { height: 35px; padding: 3px 15px; border-radius: 0; border: 1px solid #d3d3d3; font-size: 13px; color: #5f5f5f; } .woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow { top: 5px; } .woocommerce form .form-row label { font-size: 13px; color: #999999; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce .cart .button, .woocommerce .cart input.button { background: #0181c4; color: #fff!important; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce .cart .button:hover, .woocommerce .cart input.button:hover { background: #004c74; } .wpmc-tabs-wrapper .wpmc-tab-item.current::before, .wpmc-tabs-wrapper .wpmc-tab-item.current .wpmc-tab-number { border-color: #0181c4!important; background: #0181c4!important; color: #fff!important; } .woocommerce #billing_country_field { display: none; } #add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row { margin-bottom: 0; } /*#place_order, #tela-bandeiras-cielo { display: none; }*/ .woocommerce h3 { margin: 10px 0 15px 0; font-size: 18px; } .woocommerce h3 i { margin-right: 15px; margin-left: 3px; } .woocommerce .woocommerce-password-strength, .woocommerce .woocommerce-password-hint { display: none!important; } .woocommerce div[class*="content"] .button { margin-top: 15px; margin-bottom: 5px; float: left; } .woocommerce .content-personal.hidden-fields h3 { cursor: pointer; } .woocommerce .content-address:not(.show-fields) h3, .woocommerce .content-payment:not(.show-fields) h3 { cursor: pointer; } .woocommerce .content-address:not(.show-fields) h3:after { content: 'Aguardando preenchimento dos dados de entrega'; display: block; color: #d3d3d3; font-size: 12px; margin-top: 10px; } .woocommerce .content-address.fields-valid h3:after { content: 'Dados de entrega' } .woocommerce .content-payment:not(.show-fields) h3:after { content: 'Aguardando preenchimento dos dados de pagamento'; display: block; color: #d3d3d3; font-size: 12px; margin-top: 10px; } .woocommerce .content-address:not(.show-fields) p, .woocommerce .content-address:not(.show-fields) button, .woocommerce .content-payment:not(.show-fields) #payment, .woocommerce .content-payment.show-fields h3:after { display: none!important; } .woocommerce .content-terms { margin-top: 20px; } .woocommerce .content-terms:not(.show-fields) a, .woocommerce .content-terms:not(.show-fields) button, .woocommerce .content-terms:not(.show-fields) label, .woocommerce .content-terms:not(.show-fields) p { display: none; } .woocommerce .content-terms.show-fields button, .woocommerce .content-terms.show-fields label, .woocommerce .content-terms.show-fields p { display: block!important; } .woocommerce .content-terms.show-fields label { margin-bottom: 10px; font-size: 12px; } .woocommerce .content-terms.show-fields p { margin-bottom: 15px; font-size: 12px; } .woocommerce .content-terms.show-fields p a { display: inline!important; } .woocommerce .content-terms:not(.show-fields) h3:after { content: 'Aguardando a aceitação do contrato'; display: block; color: #d3d3d3; font-size: 12px; margin-top: 10px; } .woocommerce .content-terms.fields-valid h3:after { content: 'Aceitação de contrato'!important; } .woocommerce .content-terms.show-fields h3:after { display: none!important; } .woocommerce .content-payment.show-fields p, .woocommerce .content-payment.show-fields button { display: block!important; } .woocommerce-checkout-review-order:not(.show) #payment { display: none; } .woocommerce-checkout-review-order.show:before { content: ''; position: fixed; top: 0; left: 0; display: block; width: 100%; height: 100%; background: #fff; opacity: 0.8; } .woocommerce-checkout-review-order.show { position: fixed; top: 0; left: 0; width: 100%; padding: 40px 20px; z-index: 9999999999999999999999999999999; max-height: 100%; overflow: auto; } @media(max-width: 760px) { .woocommerce-checkout-review-order.show { top: 15px; max-height: calc(100% - 30px); padding: 0 15px; } } .woocommerce-checkout-review-order .close-payment { display: none; position: absolute; top: 0; right: 0; z-index: 99999999; border: none; width: 30px; height: 30px; padding: 0; } .woocommerce-checkout-review-order.show .close-payment { display: block; } .woocommerce-checkout-review-order.show #payment { max-width: 600px; margin: 0 auto; position: relative; } .woocommerce #order_review_heading { font-size: 18px; color: #0064b7; padding-left: 15px; margin-top: 0; } .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { border: none; } .woocommerce-checkout .woocommerce table.shop_table { border: none; } .woocommerce-checkout .woocommerce table.shop_table thead { display: none; } .woocommerce-checkout .woocommerce table.shop_table td, .woocommerce-checkout .woocommerce table.shop_table th { text-align: right; font-size: 12px; padding: 5px 10px; } .woocommerce-checkout .woocommerce table.shop_table tbody td, .woocommerce-checkout .woocommerce table.shop_table tbody th { border-top: 1px solid rgba(0,0,0,.1); border-bottom: 1px solid rgba(0,0,0,.1); } @media(max-width: 760px) { div.woocommerce { padding: 0 15px; } .woocommerce .content-personal, .woocommerce .content-address, .woocommerce .content-review { width: 100%; } } /*Carrinho*/ .woocommerce table.cart .actions { position: relative; } .woocommerce table.cart .coupon { position: absolute; top: 100%; left: 40px; border: 1px solid #d3d3d3; width: 300px; padding: 15px; border-radius: 5px; margin-top: 80px; } .woocommerce table.cart .coupon:before { content: 'adicionar cupom de desconto'!important; display: block!important; color: #007cad; font-size: 16px; text-align: center; font-weight: bold; margin-bottom: 15px; } .woocommerce table.cart [name="coupon_code"] { width: 130px!important; } .woocommerce .cart_totals table.shop_table { border: none; border-bottom: 1px solid #ededed; } .woocommerce .cart_totals table.shop_table thead { display: none; } .woocommerce .cart_totals table.shop_table th, .woocommerce .cart_totals table.shop_table td { text-align: right; } .woocommerce .cart_totals > h2 { display: none; } .woocommerce .cart_totals .shop_table th, .woocommerce .cart_totals .shop_table td { text-align: right; } .woocommerce .cart_totals .shop_table th { width: 80%!important; } .woocommerce .cart_totals .shop_table .woocommerce-instalacao { color: #0064b7; font-weight: bold; } .woocommerce .wc-proceed-to-checkout { width: 200px; float: right; } .woocommerce .wc-proceed-to-checkout a { margin-bottom: 0!important; font-size: 15px!important; border-radius: 35px; } .woocommerce .cart-collaterals { margin-top: 80px; } body.woocommerce-cart .woocommerce-message { display: none; } #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width: 75px; } @media(max-width: 760px) { .woocommerce table.cart .coupon { width: 100%; left: 0; margin-top: 30px; } .woocommerce .cart-collaterals { margin-top: 160px; } } /*login*/ body .woocommerce .woocommerce-form-login { width: 30%; float: left; /* max-width: 400px; */ } body .woocommerce .woocommerce-form-login:not(.new-user) { margin-left: 19%; } body .woocommerce .woocommerce-form-login.new-user { float: right; margin-right: 19%; } body .woocommerce .woocommerce-form-login > p:first-child { font-size: 0; margin-bottom: 10px; } body .woocommerce .woocommerce-form-login > p:first-child:before { content: 'Já sou cliente'; font-size: 22px; display: block; color: #0064b7; font-weight: bold; } body .woocommerce .woocommerce-form-login.new-user > p:first-child:before { content: 'Criar conta'; font-size: 22px; display: block; color: #0064b7; font-weight: bold; } body .woocommerce .woocommerce-form-login .form-row { width: 100%; margin-bottom: 15px; } body .woocommerce .woocommerce-form-login { position: relative; } body .woocommerce .woocommerce-form-login button { width: 100%; background: #0064b7!important; color: #fff!important; margin-top: 40px!important; } body .woocommerce .woocommerce-form-login.new-user button { margin-top: 15px!important; } body .woocommerce .woocommerce-form-login button:hover { background: #004c74!important; } body .woocommerce .woocommerce-form-login .form-row label.inline { display: none; } body .woocommerce .woocommerce-form-login .lost_password { margin-top: -140px; position: relative; margin-bottom: 30px; padding: 5px; } body .woocommerce .woocommerce-form-login .lost_password a { font-size: 0; } body .woocommerce .woocommerce-form-login .lost_password a:before { content: 'Esqueci minha senha'; display: block; font-size: 12px; } @media(max-width: 760px) { body .woocommerce .woocommerce-form-login { width: 100%; margin-right: 0!important; margin-left: 0!important; margin-top: 0; } body .woocommerce .woocommerce-form-login .lost_password { margin-top: -110px; margin-bottom: 40px; } } /*Login minha conta*/ #customer_login .col-1 { width: 100%!important; } #customer_login .col-2 { width: 100%!important; float: none; margin: 0 auto; max-width: 500px; } .woocommerce-account .col-1 h2, .woocommerce-account .col-2 h2 { display: none!important; } /*Minha conta*/ body.woocommerce-account .woocommerce > h2 { display: none; } body.woocommerce-account .woocommerce-form-login>p:first-child:before { content: 'Login' } body.woocommerce-account .woocommerce-form-login:not(.new-user) { margin: 0 auto 60px!important; float: none; } body.woocommerce-account .woocommerce-form-login .lost_password { margin-top: -100px; position: relative; margin-bottom: 30px; padding: 5px; } /*temp - order reiceved*/ .woocommerce-order-received .waves-effect, .woocommerce-order-received .barcode { display: none; } html.modal-open, body.modal-open { width: 100%; height: 100%; overflow: hidden; } /*.woocommerce-order-received .barcode+p br:after { content: 'Dentro de alguns instantes você receberá o boleto no email cadastrado.'; display: block; }*/ .woocommerce form .form-row .select2-container { max-width: 100%; } #billing_phone_field { clear: both; } .quadradosfinais { display:inline-block; border:1px solid #369; width:82px; height:82px; font-size:47px; font-weight:100; color:#369; line-height:170%; } .rede table td { border-bottom:1px solid #ddd !important; }