/* * Author: Busiprof Theme * Created by: Shahid (Scientech IT) * Framework: Twitter Bootstrap 3.3.6 * Copyright (c) 2016 * Date: 15 Feb, 2016 * http://www.webriti.com * Name: custom.css */ * { -webkit-font-smoothing: antialiased; } body, html { overflow-x: hidden !important; } /* Menu Section css---------------------------------------------------------------------------------- */ .navbar { background-color: #ffffff; border: 0px none; position: relative; min-height: 60px; padding: 0px; margin-top: 0px; margin-bottom: 0px; border-radius: 0px; box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.04); } .navbar-brand img { max-height: 88px !important; } @media (min-width: 1111px) { .navbar-brand img { position: relative; transform: translateY(30%); -webkit-transform: translateY(30%); } } .nav { list-style: outside none none; margin-bottom: 0; padding: 0px; } .blog .navbar-default .navbar-nav > li > a { font-size: 20px; } .navbar-inverse .navbar-toggle { background: none repeat scroll 0 0 #66d1b9; border-color: none; } .navbar-toggle { padding: 10px 12px; border-radius: 2px; } .navbar-toggle .icon-bar { width: 30px; } .navbar-inverse { background-color: rgba(0, 0, 0, 0.6); border-color: none; border-style: none; border-width: 0px; padding: 5px 0; border-color: none; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #66d1b9; } .navbar-brand { font-family: 'Open Sans'; font-size: 30px; font-weight: 300; height: auto; line-height: 40px; margin-right: 0px; padding: 0px; } .navbar > .container .navbar-brand { margin-left: 0px; } .navbar-default .navbar-brand { color: #1b1b1b; } .navbar-inverse { border-bottom: 0; border-top: 0; border-right: 0; border-left: 0; padding: 0; } .navbar-wrapper { position: absolute; right: 0; left: 0; margin-top: 0px; z-index: 20; } .navbar .navbar-nav > li { margin-right: 0px; padding: 25px 12px 16px 12px; border-left: none; } .navbar .navbar-nav > li:last-child { margin-right: 0 !important; padding-right: 0 !important; } .navbar-default .navbar-nav > li > a { font-family: 'Open Sans'; color: #757575; font-size: 15px; line-height: 20px; text-transform: uppercase; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; font-weight: 400; padding: 0 0 5px 0; transition: all 0.3s ease-in-out 0s; -webkit-font-smoothing: antialiased; border-bottom: 4px solid transparent; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li.active > a { border-bottom: 4px solid #ff0000;} .navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus, .navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:before, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus { background-color: #fff; } .navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus { color: #FFFFFF; } .navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus, .navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:before, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #ff0000; } .caret { margin-left: 5px; } /*Dropdown Menus & Submenus Css----------------------------------------------------------*/ .dropdown-menu { background-color: #ff0000; padding: 0; min-width: 250px; border-radius: 0px; box-shadow: 0; top: 75%; } .dropdown-menu > li { padding: 0; border-bottom: 1px solid rgba(0,0,0,.1); border-top: 1px solid rgba(255,255,255,.2); } .dropdown-menu > li > a, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { font-family: 'Open Sans'; color: #ffffff; font-weight: 400; text-transform: uppercase; font-size: 15px; line-height: 20px; padding: 15px 20px; white-space: pre-wrap; } .dropdown-menu > li > a:last-chlid { border-bottom: 0px; border-bottom: 0; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color: #c81010; text-decoration: none; color: #ffffff; } .dropdown-submenu { position:relative; } .dropdown-submenu > .dropdown-menu { top:0; left:100% !important; margin-top:0px; margin-left:0px; -webkit-border-radius:0px 0px 0px 0px; -moz-border-radius:0px 0px 0px 0px; border-radius:0px 0px 0px 0px; } .dropdown-submenu:hover > .dropdown-menu { display:block; } .dropdown-submenu .pull-left{ float:none; } .dropdown-submenu.pull-left > .dropdown-menu{ left:-100%; margin-left:10px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 12px 15px; margin: 0; } .navbar-right .dropdown-menu { left: 0; right: 0; } @media only screen and (max-width: 767px) and (min-width: 480px) { .open:{ } } @media (min-width: 1024px) { .navbar .navbar-nav > li:last-child a { padding: 10px 10px 10px 10px; color: #fff; position: relative; top: -10px; background: #ff0000; border-bottom: 0; font-weight: bold; } .navbar .navbar-nav > li:last-child a:hover { background: #c81010; border-bottom: 0; } } @media screen and (max-width: 420px) { /*aqui 1024*/ .navbar .navbar-nav > li { padding: 0 0 0 0; } .navbar-collapse.in li { background: #ff0000; border-bottom: 1px solid rgba(0,0,0,.1); border-top: 1px solid rgba(255,255,255,.2); top: -8px; } .navbar-default .navbar-nav > li > a { color: #fff; font-size: 18px !important; } .navbar-default .navbar-nav .open .dropdown-menu > li { background: #c81010; } .navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav > li > a:hover { color: #fff; font-size: 18px !important; border-bottom: 0 !important; } } /*Start Toggle Menu Css*/ @media (min-width: 991px) { .navbar-toggle { display: none !important; } } @media (min-width: 991px) and (max-width: 1024px) { .navbar { padding: 20px 0; } .navbar .nav { padding: 9px 0; } .navbar-brand { margin-right: 25px; padding: 5px 0px; } .navbar-default .navbar-nav > li > a { font-size: 13px; padding: 10px; } .dropdown-menu > li > a { font-size: 13px; line-height: 18px; } } @media (min-width: 768px) and (max-width: 990px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-header { float: none; } .navbar-toggle { display: block; } .navbar-collapse.collapse { display: none!important; } .navbar-nav { float: none!important; margin: 7.5px 0px 7.5px 0px; } .navbar-nav>li { float: none; } .navbar-collapse.collapse.in { display: block!important; } .collapsing { overflow: hidden!important; } .navbar-collapse { border-top: 1px solid #e7e7e7; padding-right: 0px; padding-left: 0px; } .navbar > .container .navbar-brand { margin-left: 0px; } .navbar-brand { margin-right: 25px; padding: 15px 0px; } .navbar-toggle { margin: 22px 0px 22px 0px; } .navbar-default .navbar-nav > li > a { font-size: 13px; padding: 15px; } .dropdown-menu > li > a { font-size: 13px; line-height: 18px; } .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } } /*End Toggle Css*/ /*Widget Css-----------------------------------------------Added by Shahid--------------------------------------------------------------------*/ /*Rss Widget*/ .rss-date, .widget_rss cite { display: block; color: #abb6bc; font-size: 13px; line-height: 25px; padding: 5px 0; } .rsswidget { font-weight: 300; } .rssSummary { padding: 5px 0 5px; font-weight: 300; line-height: 25px; } /* Wp Default Core classes ------------------------------------------------------------------------------------------------------------*/ /* Ul and ol lists*/ ul, ol { margin: 0 0 10px; padding: 0 0px 0px 17px; } li > ul, li > ol, blockquote > ul, blockquote > ol { margin-left: 1.3333em; } /* Blockquote*/ blockquote { background-color: #f9f9f9; border-left: 6px solid #ff0000; border-right: 1px solid #ebebeb; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; border-radius: 3px; margin: 0 0 20px; font-size: 15px; line-height: 25px; font-weight: 300; letter-spacing: 1px; padding: 20px 15px 20px 32px; position: relative; } blockquote::before { content: "\f10d"; color: #ff0000; font-family: FontAwesome; font-size: 22px; position: absolute; left: 8px; top: 17px; } blockquote p, blockquote span { font-family: 'Droid Serif'; font-style: italic; font-weight: 300; margin: 0; padding-left: 5px; } blockquote cite, blockquote small { font-size: 15px; display: block; line-height: 20px; padding-top: 10px; } blockquote em, blockquote i, blockquote cite { font-style: normal; } blockquote strong, blockquote b { font-weight: 600; } /*Address*/ address { font-style: normal; margin: 0 0 20px; line-height: 25px; font-size: 15px; } address span, address p { display: block; padding: 0 0 10px; } address span:last-child { padding-bottom: 0; } address span i { color: #aeb6b9; font-size: 20px; padding: 0 10px 0 0px; } /*Table*/ table { border-spacing: 0; letter-spacing: 0.5px; margin: 0 0 20px; padding: 0; text-align: left; table-layout: fixed; width: 100%; } table, table th, table td { font-size: 15px; border: 1px solid #e4e8ea; padding: 5px 10px; } table th { text-align: left; line-height: 1.9375; } table td { line-height: 25px; } tbody a, p a { color: #ff0000; font-weight: 300; } /*Definition Lists*/ dl { margin-bottom: 20px; margin-top: 0; font-size: 15px; } dl dt { font-weight: 300; margin-bottom: 5px; } dl dd { margin-bottom: 20px; margin-left: 20px; } dl dd a { color: #ff0000; } /*Abriviation, Acronym, Big, Strike, del, em, Ins, cite, q*/ abbr { text-decoration: none; cursor: help; } tla, acronym { text-decoration: underline; cursor: help; } acronym { border-bottom: 0 none; } big { font-size: larger; font-weight: 600; } s, strike, del { text-decoration: line-through; } em, cite, q { font-style:italic; } ins, mark { background-color: #ff0000; color:#ffffff; text-decoration: none; padding: 0 3px; } code, kbd, tt, var, samp, pre { font-family: Inconsolata, monospace; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } /*Additional Important need*/ /*.entry-content .wp-caption { width: 100% !important; }*/ .wp-caption .wp-caption-text { margin: 0 0 20px !important; } /*Image Alignment*/ .alignleft { display: inline; float: left; } .alignright { display: inline; float: right; } .aligncenter { display: block; margin-right: auto; margin-left: auto; } blockquote.alignleft, .wp-caption.alignleft, img.alignleft { margin: 0.4em 1.6em 1.6em 0; } blockquote.alignright, .wp-caption.alignright, img.alignright { margin: 0.4em 0 1.6em 1.6em; } blockquote.aligncenter, .wp-caption.aligncenter, img.aligncenter { clear: both; margin-top: 0.4em; margin-bottom: 1.6em; } .wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter { margin-bottom: 1.2em; } img.alignnone{ display: block; margin: 0 auto; height: auto; } .alignnone img{ display: block; height: auto; } img.alignleft, .wp-caption.alignleft{ margin-right: 30px; } img.alignright, .wp-caption.alignright{ margin-left: 30px; float: right;} img.wp-caption .alignnone { display: block; margin: 0 auto; height: auto; } .wp-caption .wp-caption-text, .gallery-caption, .entry-caption { clear: left; font-style: italic; line-height: 1.5em; font-size: 14px; margin: 12px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px;} .wp-caption.alignleft { margin: 5px 20px 20px 0;} .gallery .gallery-icon img { height: auto; max-width: 90%; padding: 0; border: 5px solid #fff !important; -moz-box-shadow: 0 0 5px 2px #ccc; -webkit-box-shadow: 0 0 5px 2px #ccc; box-shadow: 0 0 5px 2px #ccc; } .gallery-item .gallery-caption { font-size: 14px; margin: 12px 0; text-align: center; font-style: italic; line-height: 1.5em; } a img.alignright { float: right; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto;} .wp-caption p.wp-caption-text { font-family: 'Open Sans'; font-size: 14px; margin: 12px 0 !important; text-align: center; font-weight: 300; font-style: italic; line-height: 1.5em; } .wp-caption { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #f2f5f6; border-color: #e4e8ea; border-image: initial; border-radius: 3px; border-style: solid; border-width: 1px; margin-bottom: 20px; max-width: 100%; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: center; } .wp-caption > img { max-width: 100%; height: auto; } /*Page Links*/ .page-links a { border-radius: 2px; display: inline-block; border: 0 none; font-size: 14px; font-weight: 300; line-height: 20px; margin: 0px 3px 3px; padding: 7px 18px; text-align: center; transition: all 0.4s ease 0s; } .page-links a:hover { text-decoration: none; } /*Form - Search Widget, Password, Input and Label*/ .screen-reader-text { font-size: 15px; font-weight: 300; display: block; margin-bottom: 10px; word-break: break-all; } .post-password-form label { display: inline-block; font-size: 15px; font-weight: 300; letter-spacing: 0.04em; line-height: 1.5; width: 80%; } input[type="email" i], .post-password-form input[type="password"], #woocommerce-product-search-field, input[type="password" i] { border: 1px solid #e7e7e7; box-shadow: 0px 0px 1px #e5e5e5 inset; font-size: 16px; line-height: 20px; color: #737f85; height: 40px; border-radius: 6px; padding: 7px 10px; width: 100%; outline: 0; } select, input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="date"], input[type="number"], input[type="file"]{ border: 1px solid #e7e7e7; box-shadow: 0px 0px 1px #e5e5e5 inset; font-size: 16px; line-height: 20px; color: #737f85; height: 40px; border-radius: 6px; padding: 7px 10px; width: 100%; outline: 0; } select option { padding: 5px; } #woocommerce-product-search-field { margin: 0 0 20px; } textarea { border: 1px solid #e7e7e7; box-shadow: 0px 0px 1px #e5e5e5 inset; font-size: 16px; line-height: 20px; color: #737f85; border-radius: 6px; padding: 12px 10px; width: 100%; outline: 0; } input[type="submit"], .more-link { color: #FFFFFF; font-family: 'Open Sans'; font-size: 14px; font-weight: 300; line-height: 30px; letter-spacing: 0.5px; margin: 0; border: 0; text-align: center; text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1); vertical-align: middle; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-decoration: none; transition: opacity 0.45s; background-color: #ff0000; } input[type="submit"]:hover, .more-link:hover { background-color: #ff0000; opacity: 0.9; } input[type="text"].search_btn { margin: 0 0 20px; } p, .entry-content {color: #000;} .entry-content p:before{ color: #ff0000; } .author-name a{ color: #ff0000; } /*search for page title*/ .search_box { background-color: #fcfcfd; background-image: -moz-linear-gradient(center top , #fcfcfd, #f7f8f9); border: 1px solid #e1e1e1; border-radius: 5px; float: right; height: 40px; margin-top: 10px; width: 270px; } .search_box input { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; float: left; font-family: 'Open Sans'; font-size: 13px; box-shadow: none; padding-left: 10px; width: 235px; height: 40px; padding: 0 0px 0 10px; margin: 0; } .search_box input.search_btn { background: rgba(0, 0, 0, 0) url("../images/search_btn.png") no-repeat scroll center center; cursor: pointer; float: left; height: 38px; margin-top: 0px; padding: 0; width: 20px; } /* Contact Form 7*/ .wpcf7 p { margin-top: 10px; } /*Media Screen Css---------------------------------------------------Added by Shahid-----------------------------------------------------------*/ @media only screen and (min-width: 960px) and (max-width: 1200px) { /*Flexslider*/ .slide-caption { width: 38%; padding: 10px 15px 20px; } .slide-caption h2 { font-size: 24px; line-height: 27px; margin: 0 0 10px; } .slide-caption p { font-size: 14px; line-height: 23px; margin: 0 0 10px; } .flex-btn { padding: 7px 16px; } } @media only screen and (min-width: 768px) and (max-width: 959px) { /*Flexslider*/ .slide-caption { width: 38%; padding: 10px 15px 20px; } .slide-caption h2 { font-size: 20px; line-height: 25px; margin: 0 0 5px; } .slide-caption p { font-size: 12px; line-height: 20px; margin: 0 0 7px; } .flex-btn { font-size: 10px; padding: 4px 12px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { /*Logo*/ .navbar > .container .navbar-brand { margin-left: 15px; } .navbar-brand { margin-right: 25px; padding: 15px 0px; } .navbar-toggle { margin: 22px 15px 22px 0px; } .navbar-default .navbar-nav > li > a { font-size: 13px; padding: 15px; } .dropdown-menu > li > a { font-size: 13px; line-height: 18px; } .navbar-collapse { padding-right: 0px; padding-left: 15px; } /*Flexslider*/ .slide-caption { width: 82%; left: 10%; padding: 5px 7px; } .slide-caption h2 { font-size: 10px; line-height: 12px; margin: 0 0 2px; } .slide-caption p { font-size: 7px; line-height: 11px; margin: 0; } .flex-btn { font-size: 7px; line-height: 11px; padding: 2px 6px; } .flex-direction-nav .flex-prev { height: 40px !important; width: 25px !important; } .flex-direction-nav a.flex-prev::before { padding-right: 19px !important; } .flex-direction-nav .flex-next { height: 40px !important; width: 25px !important; } .flex-direction-nav a.flex-next::before { padding-right: 17px !important; } .flex-direction-nav a::before { font-size: 18px !important; } /*Page Header*/ .search_box { float: none; margin-top: 20px; } /*Site Info*/ .site-info .social { float: none; } } @media only screen and (min-width: 200px) and (max-width: 480px) { /*Logo*/ .navbar > .container .navbar-brand { margin-left: 15px; } .navbar-brand { margin-right: 25px; padding: 15px 0px; } .navbar-toggle { margin: 22px 15px 22px 0px; } .navbar-default .navbar-nav > li > a { font-size: 13px; padding: 15px; } .dropdown-menu > li > a { font-size: 13px; line-height: 18px; } .navbar-collapse { padding-right: 15px; padding-left: 15px; } /* Header Title */ .header-title h2 { font-size: 18px; line-height: 22px; } /*Flexslider*/ .slide-caption { width: 82%; left: 10%; padding: 5px 7px; } .slide-caption h2 { font-size: 8px; line-height: 12px; margin: 0 0 2px; } .slide-caption p { font-size: 5.5px; line-height: 10px; margin: 0; } .flex-btn { font-size: 5.5px; line-height: 11px; padding: 2px 6px; } .flex-direction-nav .flex-prev { height: 40px !important; width: 25px !important; } .flex-direction-nav a.flex-prev::before { padding-right: 19px !important; } .flex-direction-nav .flex-next { height: 40px !important; width: 25px !important; } .flex-direction-nav a.flex-next::before { padding-right: 17px !important; } .flex-direction-nav a::before { font-size: 18px !important; } /*Page Header*/ .search_box { float: none; margin-top: 20px; width: 230px; } .search_box input { width: 195px; } /*About Us*/ .team .post-thumbnail, .contact .post-thumbnail { float: none; margin: 30px 25px 50px 30px; } /*Site Info*/ .site-info .social { float: none; } } /* Woocomerce */ .woocommerce span.onsale { background-color:#ff0000; color: #fff; } .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt, .woocommerce a.button.alt:hover, .woocommerce button.button.alt, .woocommerce button.button.alt:hover, .woocommerce input.button.alt, .woocommerce input.button.alt:hover{ background-color: #ff0000; color: #fff; } .woocommerce .woocommerce-message:before { content: "\e015"; color: #fff; } .woocommerce .woocommerce-error { border-top-color: #ff0000; } .woocommerce .woocommerce-error:before { content: "\e016"; background-color: #ff0000; color: #fff; } .woocommerce .woocommerce-error, .woocommerce-page .woocommerce-error, .woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message, .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info { border-top: 3px solid #ff0000; } .woocommerce .woocommerce-error:before, .woocommerce-page .woocommerce-error:before, .woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-message:before, .woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-message:before, .woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-info:before, .woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-info:before { background-color: #f7f6f7; color: #ff0000; } .woocommerce form .form-row .required, .woocommerce-shipping-calculator p > a:hover, .woocommerce a.remove, .woocommerce ul.products li.product .price, .woocommerce-info a.showcoupon, a.woocommerce-review-link, .posted_in a, ins span { color: #ff0000; } .woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select, .woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select { border-color: #ff0000; } .woocommerce .label, .woocommerce .badge { background-color: #ff0000; } .woocommerce div.product p.price, .woocommerce div.product span.price { color: #ff0000; font-size: 1.25em; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { color: #ff0000; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { background: #ff0000; color:#fff; padding: 9px 16px; } .woocommerce nav.woocommerce-pagination ul li a { padding: 9px 16px;font-size: 15px;color:#4b453f;} a.added_to_cart{color:#ff0000;} .woocommerce .order_details li { font-size: 11px;} /* Alterações */ .hidden-desktop, .display-none { display: none !important; } .hidden-desktop #polylang-2 { float: none; text-align: center; } .top-links { clear: both; width: 100%; display: inline-block; } form.comment-form .submit { margin: 10px 15px !important; } #polylang-2 { height: auto; margin: 12px 12px 0 0; padding: 0 0 0 0; float: right; } #polylang-2 ul li { list-style: none; display: inline-block; padding: 9px 0 0 0 !important; margin: 0 5px 0 0 !important; height: auto !important; line-height: 0; } @media screen and (max-width: 768px) { .hidden-mobile { display: none !important; } .imagem-vantagens { margin-top: 40px; } .credrisk-group-item img { margin-left: 0 !important; } .hidden-desktop { display: block !important; } } @media (min-width: 1200px){ .container { width: 95%; margin: 0 auto !important; padding: 0 0 0 0 !important; } } @media (min-width: 1024px) and (max-width:1400px) { .navbar-header { width: 100%; /*max-width: 290px;*/ height: auto; } .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a li a{ font-size: 13px !important; } .navbar-header img { width: 100%; height: auto !important; } } .page-breadcrumb { padding: 5px 0; text-align: left; } .page-breadcrumb a{ color: #000; } .page-breadcrumb > li a:hover, .page-breadcrumb > li a:focus { color: #ff0000; } .fundo-vermelho { background-color: #ff0000 !important; } .fundo-cinza-claro { background-color: #fcfcfc !important; } /* Top */ .super-top { padding: 0 0 0 0; } a.icon-top-social { display: inline-block; position: relative; } a.icon-top-social img{ height: 24px; width: auto; } .social-top { position: relative; top: 12px; float: right; margin-left: 20px; } .telefone-top { font-size: 15px; color: #3d3d3d; padding: 10px 0; float: right; } .telefone-top strong { font-size: 22px; } .hs-form-field label { font-size: 20px; margin-top: 20px !important; } .hs-form-field .inputs-list { list-style: none; } .hs-form-field .inputs-list input { margin-right: 5px; } .hs-form-field .inputs-list label { font-size: 16px !important; margin: 0 0 0 !important; font-weight: 400; } @media screen and (max-width: 768px) { .super-top { padding: 0 10px 0 0px; } .navbar .container { padding: 0 0 0 0 !important; } .item-post-list img, .comments-link, .tag-links, .site-author { display: none; } .site-content { margin: 0; padding: 60px 0 60px; border-left: 0; } .site-content .post { padding: 0 0 0 0; } .item-post-list { padding-bottom: 50px; } .mapa-contato { margin-top: 40px; } input.hs-button.primary.large { float: none !important; width: 100% !important; padding: 11px 0px !important; } form.hs-form-ce794a31-e9f6-4ba0-809f-74d4f28b9685_a49c7f45-54c4-4983-a846-f39768035723 .form-columns-2 .hs-form-field .hs-input, form.hs-form-ce794a31-e9f6-4ba0-809f-74d4f28b9685_a49c7f45-54c4-4983-a846-f39768035723 .form-columns-3 .hs-form-field .hs-input { width: 100% !important; } select, input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="date"], input[type="number"], input[type="file"] { width: 100% !important; } a.navbar-brand { float: left !important; width: 66% !important; margin: 0 0 0 0 !important; } button.navbar-toggle{ margin: 14px 0 0 0 !important; padding: 11px 6px !important; } a.navbar-brand a.navbar-brand img { max-width: 100%; height: auto !important; } .imagem-vantagens img { max-width: 338px !important; width: 100%; } } .footer-sidebar { background-color: #c3163a; margin: 0; padding: 0 0 0 0; width: 100%; } .footer-cred { background: #ff0000; color: #fff; padding: 40px 0 !important; } .footer-cred p { color: #fff; } .footer-cred p a { color: inherit; font-weight: 400; text-decoration: underline; } .link-advantage { display: inline-block; color: #fff; } .link-advantage img { float: none !important; display: inline-block !important; } .footer-links { background: #ff0000; margin-bottom: 0!important; } .icon-codigo { background: rgba(0,0,0,.3); } .logo-rodape img { width: 100%; max-width: 240px; } .icon-faq { background: rgba(0,0,0,.2); } .icon-faq, .icon-codigo { padding: 40px; } .mapa-footer { background: #fff; background-image: url("../images/bg-contato-rodape.jpg"); background-size: cover; margin: 0 -15px; padding: 4%; } .mapa-texto h3 { font-weight: 600; font-size: 30px; padding: 0 0 0 0 !important; margin: 0 0 20px 0 !important; } .text-left.mapa-texto p { font-size: 18px; font-weight: 400; padding: 4px 8px; } .footer-redes { background: #383739; color: #fff; margin: 0; padding: 14px 0; } .text-redes-footer { background: #383739; padding: 15px 6%; position: relative; } .text-redes-footer:after { content: ''; display: none; position: absolute; height: 100%; background: #383739; width: 100px; top: 0; right: -50px; transform: skewX(-10deg); } .footer-redes p { font-size: 17px; font-weight: lighter; line-height: 150%; -webkit-font-smoothing: antialiased; margin-top: 15px; } .footer-redes h3 { text-transform: uppercase; color: #fff; font-size: 1.5vw; font-weight: 600; } .footer-redes p, .footer-redes a{ color: #fff; } .links-redes-footer { position: relative; padding: 7px 0; height: auto; } .links-redes-footer a { color: #fff; font-size: 19px; display: inline-block; font-weight: lighter; } .links-redes-footer a img { display: inline-block; margin: 28px 4px 30px 4px; max-width: 38px; } @media screen and (max-width: 420px) { /*aqui 1024*/ .footer-cred p, .footer-cred, .footer-cred img, .link-advantage, .link-advantage img, .footer-cred .col-md-3, .footer-cred .col-md-6, .footer-cred .text-right { text-align: center !important; display: inline-block !important; } .footer-cred .col-md-6{ margin: 20px auto; } .mapa-footer { padding: 25px; margin: 0 auto !important; width: 100% !important; } .text-redes-footer h3 { text-align: center !important; font-size: 7vw; line-height: 130%; } .text-redes-footer p { text-align: center !important; font-size: 6vw; line-height: 130%; } .text-redes-footer:after {display: none;} .links-redes-footer a img { display: block !important; margin: 20px auto !important; } } /* Estutura das Paginas */ .section-page { padding: 60px 20px 20px 20px; margin: 0 auto; } #o-que-oferecemos { margin-top: -35px; } .padding-0, .padding-0.formulario-servico{ padding: 0 0 0 0 !important; } .inner-0 .vc_column-inner { padding: 0 0 0 0 !important; } .padding-top-0, .inner-top-0 .vc_column-inner { padding-top: 0 !important; } .padding-bottom-0, .inner-bottom-0 .vc_column-inner { padding-bottom: 0 !important; } .padding-left-0, .inner-left-0 .vc_column-inner { padding-left: 0 !important; } .padding-right-0, .inner-right-0 .vc_column-inner { padding-right: 0 !important; } .section-padding-top { padding-top: 90px !important; } .section-padding-top-0 { padding-top: 0px !important; } .section-padding-bottom { padding-bottom: 90px !important; } .section-padding-bottom-0 { padding-bottom: 0px !important; } .section-titulo { color: #ff0000; font-size: 45px; font-weight: bold; } .title-black {color: #000;} .title-white, .color-white {color: #FFF;} .texto-vermelho { color: #ff0000; } .section-titulo.titulo-branco, .section-subtitulo.titulo-branco { color: #fff; } /* CTAs */ #faixa-cta .section-titulo { font-size: 35px; } .cta-btn button.vc_general, .cta-btn a { text-transform: uppercase; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; border-radius: 0; position: relative; text-shadow: 1px 1px 0 rgba(0,0,0,.3); } .cta-timeline { background: #ffaa05; color: #FFF; padding: 6px 10px; text-transform: uppercase; font-size: 13px; font-weight: 600; margin: 6px; } .cta-btn button.vc_general:before, .cta-btn a:before { content: ''; position: absolute; background: rgba(0,0,0,.1); top: 50%; left: 0; right: 0; bottom: 0; z-index: 0; display: none; } .cta-vermelho button.vc_general, .cta-vermelho a{ background: #ff0000 !important; color: #fff !important; } .cta-amarelo button.vc_general, .cta-amarelo a{ background: #ffaa05 !important; color: #fff !important; } .cta-vermelho button.vc_general:hover, .cta-vermelho a:hover{ background: #a30030 !important; color: #fff !important; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; } .cta-p button.vc_general, .cta-p a { padding: 4px 13px !important; font-size: 16px !important; } .cta-m button.vc_general, .cta-m a { padding: 8px 26px !important; font-size: 25px !important; } .cta-g button.vc_general, .cta-g a { padding: 12px 32px !important; font-size: 1.5vw !important; } /* SLider */ .slider-texto h2 { color: #fff; font-size: 46px !important; line-height: 150% !important; letter-spacing: 0 !important; font-weight: bolder !important; margin: 0 0 0 0 !important; } .slider-texto p{ color: #fff; font-size: 32px; font-weight: lighter; line-height: 150% !important; letter-spacing: 0 !important; margin-bottom: 50px; } .slider-texto a { color: #fff; font-family: 'Open Sans', sans-serif; letter-spacing: 0 !important; text-transform: uppercase; padding: 5px 10px !important; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; } .slider-texto a i{margin-left: 10px;} .slider-texto a:hover { transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; color: #ff0000 !important; background: rgba(255,255,255,.7) !important; } @media screen and (max-width: 420px) { /*aqui 1024*/ .tp-mask-wrap, .tp-caption, .slider-texto { width: 100vw !important; max-width: 100vw !important; } .cta-g button.vc_general, .cta-g a { font-size: 4.9vw !important; } .texto-como-funciona { min-height: auto !important; } .section-page { padding: 30px 15px; margin: 0 auto; } .imagem-post { float: none; width: 100%; max-width: none; } .section-topico { font-size: 5.233vw !important; } .slider-texto, .slider-texto h2, .slider-texto p { max-width: 100% !important; } .slider-texto h2 { font-size: 9vw!important; line-height: 11vw !important; } .slider-texto p { font-size: 26px !important; margin-top: 20px !important; padding: 0 25px !important; line-height: 28px !important; margin-bottom: 31px !important; } } /* Home - O que oferecemos */ .box-imagem-texto { margin: 30px 0; } .box-imagem-texto .vc_column-inner { background: #fcfcfc; width: 91% !important; padding: 0 !important; margin: 0 auto !important; min-height: 520px; } .box-imagem-texto h3, .box-imagem-texto h3 a{ text-align: center; color: #3d3d3d; font-size: 29px; font-weight: bold; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; } .box-imagem-texto h3:hover, .box-imagem-texto h3 a:hover { transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; color: #ff0000 !important; } .box-imagem-texto p { text-align: center; font-weight: lighter; padding: 0px 8% !important; line-height: 26px; font-size: 17px; color: #3d3d3d; margin-top: 35px !important; } @media screen and (max-width: 420px){ /*aqui 1024*/ .section-titulo { font-size: 9vw !important; line-height: 135%; } } /*** Vantagens ******/ #vantagens { background-color: #333; background-image: url(../images/bg-vantagens.jpg); background-size: cover; } #vantagens h2.section-titulo { margin-bottom: 90px; } .texto-vantagens ul { float: right; } .texto-vantagens { color:#fff; } .texto-vantagens li:first-child { margin-top: 0; } .texto-vantagens li { color: #fff; font-size: 20px; font-weight: lighter; margin: 25px 0; } .imagem-vantagens img { max-width: 338px !important; } #vantagens .img-cta img { max-width: 1024px !important; } @media (min-width: 1200px) { .imagem-vantagens { padding-left: 110px !important; } } /****** Diferenciais ********/ .min-wrapper { max-width: 1300px !important; margin: 0 auto !important; } @media (min-width: 1200px) { .diferencial-box { text-align: center; padding: 10px 65px !important; } } .diferencial-box h3 { text-transform: uppercase; font-size: 20px; color: #333; font-weight: bold; margin-bottom: 10px; } .diferencial-box p { color: #333; font-size: 18px; font-weight: lighter; padding: 0 20px; } .diferencial-box h3, .diferencial-box p { text-align: center; } .diferencial-box img { max-width: 75px !important; margin: 0 auto -16px auto !important; } /*********** Realizações ******************/ .realizacao-box strong, .realizacao-box small, .realizacao-box p { color: #fff; } .realizacao-box p { font-size: 22px; letter-spacing: -1px; text-transform: uppercase; font-weight: bold; } .realizacao-box strong { font-size: 50px; margin-bottom: 20px !important; display: inline-block; font-weight: 800; } .realizacao-box small { font-weight: lighter; font-size: 29px; text-transform: none; } /******** Home Posts ***********/ .home-posts { max-width: 95%; margin: 0 auto; } .home-posts .vc_gitem-zone-a { height: 200px; } .home-posts h4 { text-transform: uppercase; font-weight: bold; margin-top: 20px; } .home-posts a.vc_general { border-radius: 0; background-color: transparent !important; color: #ff0000 !important; padding: 0 0 0 0; font-weight: bold; text-transform: uppercase; } #home-news { background: #fcfcfc; width: 95%; max-width: 1400px; text-align: left; margin: 20px auto; padding: 20px; } #home-news p { font-size: 23px; color: #333; margin-top: 42px; } #form-news input {} #form-news fieldset { max-width: 100% !important;} #form-news .hs-form-field .inputs-list label { font-size: 13px !important; margin: 0 0 0 !important; padding: 0 0 0 !important; } #form-news .field, #form-news .hs_submit { float: left; width: 50%; padding: 0 8px; position: relative; } #form-news .hs_submit { width: 20%; } #form-news .hs_submit input { width: 100%; text-transform: uppercase; font-weight: 600; padding: 4px 0; background: #ff0000; border-radius: 6px; margin-top: 10px; } #form-news label { display: none; } ul.hs-error-msgs li label { display: block !important; font-size: 11px; text-align: left; color: red; font-weight: 400; padding: 0 0 0 0; } ul.hs-error-msgs li { list-style: none; padding: 0 0 0 0; margin: 0 0 0 0; position: relative; left: -17px; } @media screen and (max-width: 420px) { /*aqui 1024*/ #form-news .field, #form-news .hs_submit { float: none; width: 100%; margin: 10px 0; } .setor-item img { width: 100vw !important; min-width: 100% !important; } .setor-item { margin-bottom: 20px; } } .setor-item .wpb_wrapper, .setor-item .wpb_wrapper p { background: #ff0000; color: #fff; text-align: center; margin: 0; font-weight: normal; font-size: 15px; line-height: 150%; } .setor-item .wpb_wrapper p { padding: 6px; } @media (min-width: 1024px){ .imagem-bloco-vermelho .wpb_wrapper { min-height: 140px !important; position: relative; } .imagem-bloco-vermelho .wpb_wrapper p { position: absolute; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); left: 50%; width: 98%; padding: 0 10px; } } .setor-item .wpb_content_element { margin-bottom: 0; } .setor-item p { font-size: 16px; padding: 20px 5px; } /*********************** * Pagina Empresa ***********************/ .titulo-empresa { text-indent: -99999px; height: 0; width: 0; } section.page-header.topo-empresa { padding: 60px 0 75px 0; background: #ff0000; background-size: cover; } .page-title p { color: #fff; font-style: normal; /*font-size: 20px;*/ font-size: 1.2vw; margin: 20px 0; } .page-title h1 { color: #fff; } .page-title h2, .page-title h2 small { color: #fff; } .topo-empresa h2 small {font-size: 2.645vw;} .topo-empresa h2 {font-size: 2.645vw;} .topo-empresa h2 small, .topo-empresa h2 { font-weight: bold; margin-bottom: 50px; line-height: 115%; } .icone-topo-empresa img { text-align: center; margin: 0 auto; position: absolute; left: 50%; transform: translate(-50%,8%); -webkit-transform: translate(-50%,8%); } #credrisk-group { background: #f6f6f6; padding: 30px 2% 0 2%; width: 100vw; } .credrisk-group-item { float: left; width: 33.333%; margin: 22px 0; } .credrisk-group-item p { margin-bottom: 20px; font-size: 18px; font-weight: lighter; } #credrisk-group h2 { color: #ff0000; font-size: 32px; font-weight: bold; } .credrisk-group-item img { max-height: 30px; width: auto; margin: 0 0 0; text-align: left; clear: both !important; display: inline-block; } .credrisk-group-item ul { padding: 0 34px; } #credrisk-group p { padding-right: 25px; } .credrisk-group-item li { margin: 0 0 0 0 !important; padding: 0 0 0 0; } @media screen and (max-width: 420px){ /*aqui 1024*/ #credrisk-group { padding: 10px; } .page-title p { font-size: 19px !important; } .page-title h2 { font-size: 19px !important; } .topo-empresa h2 br { display: none; } .topo-empresa h2, .topo-empresa h2 small{ font-size: 8vw !important; } .credrisk-group-item { float: none; width: 100%; } .item-beneficio .icone { display: block !important; float: none !important; width: 60px !important; height: 60px !important; margin-bottom: 0 !important; } .item-beneficio .icone img { width: 70% !important; } .texto-beneficio { width: 100% !important; } } /* Internas */ @media (min-width: 1240px){ .texto-solucao { padding-right: 60px !important; } .formulario-servico { padding: 100px 60px 40px 60px!important; margin-top: 0px; } } .page-header.paginas-internas { background: #ff0000; background-position: center; background-size: cover; padding: 60px 0 40px 0; position: relative; } .page-content p { margin-bottom: 20px !important; font-family: 'Open Sans', sans-serif; font-size: 18px; line-height: 150%; font-weight: lighter; } .page-content li { font-family: 'Open Sans', sans-serif; font-size: 18px; line-height: 27px; font-weight: lighter; } .paginas-internas .page-title h1 { color: #fff; font-weight: bold; line-height: 115%; } /* Pillar Page */ .page-template-calculadora .page-header.paginas-internas, .page-template-pillar-page .page-header.paginas-internas { position: relative; } .page-template-calculadora .page-header.paginas-internas:before, .page-template-pillar-page .page-header.paginas-internas:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.7); display: block !important; } .page-template-calculadora .entry-content, .page-template-pillar-page .entry-content { padding: 0 20px; } .page-template-calculadora .entry-content ul, .page-template-pillar-page .entry-content ul { padding-left: 50px !important; } .page-template-pillar-page .entry-content p { padding-left: 20px !important; } .page-template-calculadora .paginas-internas .page-title h1, .page-template-pillar-page .paginas-internas .page-title h1 { text-align: center; } .page-template-calculadora h3.pilar-subtitles, .page-template-pillar-page h3.pilar-subtitles { margin-top: 60px; border-left: 5px solid #c3163a; display: inline-block; padding-left: 10px; } .page-template-calculadora .section-pilar-page, .page-template-pillar-page .section-pilar-page { padding: 50px 0; } #nav-pilar-page { text-align: center; } .nav-pilar-page { cursor: pointer !important; border-bottom: 1px dashed transparent; } .nav-pilar-page-mini { margin-bottom: 25px !important; display: inline-block; font-size: 16px; line-height: 16px; cursor: pointer !important; border-bottom: 1px dashed transparent; } .nav-pilar-page-mini:hover, .nav-pilar-page:hover { cursor: pointer !important; border-bottom: 1px dashed #999; } .section-pilar-page h2 { margin: 0; padding: 0 15px; } /* Pillar Page */ .page-template-calculadora .page-header:before { content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); position: absolute; top: 0; left: 0; } .page-template-calculadora .page-title h1 { text-align: center; } #simulador input#bt-envia-con { font-weight: bold; font-size: 20px; } .subtitle-page hr { display: block; width: 222px; } .page-template-calculadora .ph-icon { font-size: 100px; } .result-calculo label { display: table; } .result-calculo p { padding: 0; } .result-calculo label span { font-size: 21px; display: inline-block; } .page-template-calculadora .panel-title { font-size: 26px; text-align: center; } .page-template-calculadora .legenda { text-align: center; font-size: 14px; line-height: 100%; margin: 0 auto; max-width: 628px; } .result-calculo label { margin-bottom: 5px; margin-top: 29px; display: table; background: #f8f8f8; padding: 8px 10px; border-radius: 4px; font-size: 20px; } .subtitle-page small { color: #FFF; font-size: 20px; width: 100%; max-width: 500px; display: inline-block; } .page-template-calculadora .page-header { padding: 70px 0; } .topico-titulo { color: #ff0000; font-size: 28px; line-height: 130%; font-weight: bold; } .section-topico { color: #ff0000; font-size: 31px; line-height: 130%; font-weight: bold; border-bottom: 1px solid #dedede; padding-bottom: 10px; margin-bottom: 40px; } #beneficios { /*background: #fafafa;*/ } .item-beneficio { margin-bottom: 40px; } #video-wrap { background: #fcfcfc; padding-bottom: 60px !important; } #video-wrap .min-wrapper { max-width: 1100px !important; } .beneficios-4-blocos .item-beneficio .icone { width: 70px; height: 70px; } .beneficios-4-blocos .texto-beneficio { min-height: 70px; } .beneficios-4-blocos .item-beneficio .icone img { width: 55px; } .item-beneficio .icone { background: #ff0000; display: inline; float: left; width: 90px; height: 90px; position: relative; margin-bottom: 0; } .item-beneficio .icone img { position: absolute; width: 68px; height: auto; top: 50%; left: 50%; transform: translate(-50%,-50%); } .texto-beneficio { background: #fafafa; float: left; width: 75%; padding: 10px; min-height: 90px; } .texto-beneficio p { font-size: 18px; line-height: 119%; margin: 0 0 0 0 !important; } .item-como-funciona .wpb_wrapper { background: #ff0000; } .item-como-funciona .tituto-item { background: #c81010; width: 100%; position: relative; padding: 0px 0 0 75px; margin-bottom: 0; } .texto-como-funciona { margin-bottom: 0; margin-top: -20px; min-height: 313px; } .item-como-funciona .tituto-item .wpb_wrapper { background: #c81010; } .item-como-funciona .tituto-item p { color: #fff; text-transform: uppercase; font-weight: bold; font-size: 22px; padding-top: 20px; padding-bottom: 20px; } .item-como-funciona .texto-como-funciona p, .item-como-funciona .texto-como-funciona li { color: #fff; padding: 20px 20px 20px 20px; } .item-como-funciona .tituto-item img { position: absolute; width: 50px; top: 10px; left: 20px; } .item-como-funciona .texto-como-funciona ul { padding: 20px !important; width: 90%; margin: 0 auto; } .item-como-funciona .texto-como-funciona li { padding: 0 0 0 0; line-height: 130%; margin-bottom: 12px; } .item-como-funciona:last-child .tituto-item:after {display: none !important;} .item-como-funciona:first-child .tituto-item:before {display: none !important;} .item-como-funciona .tituto-item:after { content:''; position: absolute; top: 50%; right: -20px; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid #c81010; } .item-como-funciona .tituto-item:before { content:''; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #fff; } .sem-fundo { background: none !important; } .hs_tipo_de_cobertura.hs-tipo_de_cobertura.hs-fieldtype-radio.field.hs-form-field { padding: 20px 8px !important; } .formulario-servico fieldset { width: 100% !important; max-width: none !important; } .formulario-servico li.hs-form-radio { list-style: none; display: inline-block; margin: 0 3%; } .formulario-servico li.hs-form-radio label { font-size: 12px; } .formulario-servico li.hs-form-radio input { margin-right: 5px; } .formulario-servico li , .formulario-servico .input, .formulario-servico .field{ position: relative; } .formulario-servico span.hs-form-required { position: absolute; right: 11px; top: 22px; z-index: 2; } .formulario-servico input[type=text], .formulario-servico textarea { width: 100% !important; } .formulario-servico fieldset.form-columns-3 .hs-form-field { width: 33.333% !important; float: left; } .formulario-servico select { margin-top: 25px; } .formulario-servico .hs-fieldtype-select label{ display: none !important; } input.hs-button.primary.large { float: right; border-radius: 5px; text-transform: uppercase; font-weight: bold; margin-top: 20px; } .hs_modalidades label { display: none; } select#modalidades-45ab5175-dc20-4146-bbc5-51cbbb7d43fb { margin-top: 25px; } @media screen and (max-width: 768px) { .formulario-servico fieldset.form-columns-3 .hs-form-field { width: 100% !important; float: none; } #seguro-garantia-infobox { display: block !important; } .infobox-garantia:first-child { border-right: 0 !important; border-left: 0 !important; border-top: 0 !important; border-top-left-radius: 15px !important; border-bottom-left-radius: 0 !important; border-top-right-radius: 15px !important; } .infobox-garantia:last-child { border-right: 0 !important; border-left: 0 !important; border-bottom: 0 !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 15px !important; border-bottom-left-radius: 15px !important; } .infobox-garantia { text-align: center; background: #f1f1f1; border-top: 1px solid rgba(0,0,0,.04); border-bottom: 1px solid rgba(255,255,255,.6); padding-top: 35px; border-right: 0 !important; border-left: 0 !important; } } @media screen and (max-width: 420px) { /*aqui 1024*/ .item-como-funciona .tituto-item:after, .item-como-funciona .tituto-item:before {display: none;} } #seguro-garantia-infobox { display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; } .infobox-garantia { text-align: center; background: #f1f1f1; border-left: 1px solid rgba(0,0,0,.04); border-right: 1px solid rgba(255,255,255,.6); padding-top: 35px; flex: 1; } .infobox-garantia:first-child { border-left: 0; border-top-left-radius: 15px; border-bottom-left-radius: 15px; } .infobox-garantia:last-child { border-right: 0; border-top-right-radius: 15px; border-bottom-right-radius: 15px; } .infobox-garantia p strong { color: #ff0000; text-transform: uppercase; } #modalidades.acordeon-section .vc_tta-panel:first-child { /*display: none !important;*/ position: absolute; left: -99999px; } #modalidades.acordeon-section .vc_tta-panel-heading { background: #3e3d40; color: #fff; } #modalidades.acordeon-section .vc_tta-panel-heading a { color: #fff; } #modalidades.acordeon-section .vc_tta-panel:nth-child(2) .vc_tta-panel-heading { border-top-left-radius: 5px; border-top-right-radius: 5px; } #modalidades.acordeon-section .vc_tta-panel-heading .vc_tta-controls-icon { background: #080808; top: 0; bottom: 0; left: 0; height: 100%; width: 40px; transform: none; -webkit-transform: none; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } #modalidades.acordeon-section .vc_tta-controls-icon.vc_tta-controls-icon-plus::before { content: '+'; width: 20px; left: 50% !important; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); color: #fff; font-size: 30px; font-weight: bold; position: absolute; padding: 0 0 0 0; top: 50% !important; border: 0; font-style: normal; } #modalidades.acordeon-section .vc_tta-panel.vc_active .vc_tta-controls-icon.vc_tta-controls-icon-plus::before { content: 'x'; padding: 0; margin-top: -2px; } #modalidades.acordeon-section .vc_tta-panel.vc_active .vc_tta-controls-icon.vc_tta-controls-icon-plus { background: #9c022f; } #modalidades.acordeon-section .vc_tta-panel.vc_active .vc_tta-panel-heading { background: #ff0000; } #modalidades.acordeon-section .vc_tta-controls-icon.vc_tta-controls-icon-plus:after, .wpb-js-composer .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus:after{ display: none !important; visibility: hidden !important; opacity: 0 !important; } /* FAQ */ /* FAQ */ /* FAQ */ #faq .panel-default > .panel-heading a{ color: #FFF;font-size: 18px; font-weight: bold;} #faq .panel-default > .panel-heading a br {display: none;} #faq .panel-heading .panel-title { position: relative; padding-right: 33px; } #faq .panel-heading .panel-title b { font-size: 33px; padding: 20px 10px; display: inline-block; } #faq .panel-group .panel { margin-bottom: 21px; border-radius: 8px; overflow: hidden; } #faq .panel-default > .panel-heading { background: #ff0000; padding: 15px 10px; border-radius: none; border: 0; } #faq .panel-collapse { background: #fcfcfc; font-size: 18px; font-weight: lighter; line-height: 140%; color: #333; } #faq .panel-heading .accordion-toggle:after { font-family: 'FontAwesome' !important; content: "\f105"; float: right; color: #fff; position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size: 40px; font-weight: bold; } #faq .panel-body h3 { font-weight: 700; font-size: 19px; color: #000; } .panel-heading .accordion-toggle.collapsed:after { /* symbol for "collapsed" panels */ content: "\f107" !important; /* adjust as needed, taken from bootstrap.css */ } #mercado-segurador .wpb_single_image img { height: auto; max-width: 100%; vertical-align: top; padding: 30px; background: #fff; box-shadow: 0 0 10px #eee; width: 100%; } /* BLOG */ .sidebar { margin-top: 0px; } .single-post .sidebar { margin-top:0px; } #search-2 { height: 87px; } .resultado-de-busca { padding: 20px; } .resultado-de-busca h3.search-post-title { margin-bottom: 0; } .sidebar .widget input { float: left; height: auto !important; } .sidebar #search-2 input[type=text] { width: 70%; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; border: 0; box-shadow: 0 0 6px #c5c5c5 inset; padding: 6.5px 22px; } .sidebar #search-2 input[type=submit] { width: 30%; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; border: 0; border: 0; font-weight: bold; text-transform: uppercase; } .widget .widget-title { color: #ff0000; text-transform: uppercase; border-left: 2px solid #ff0000; padding-left: 8px; } .widget ul li a:hover, .widget ul li a:focus, .site-content .post .entry-header .entry-title > a:hover, .entry-meta a:hover, .entry-meta a:focus { color: #ff0000; } .widget ul li a::before { content: '\f101'; } .single-post .page-header.paginas-internas, .blog .page-header.paginas-internas, .archive .page-header.paginas-internas { position: relative; } .single-post .page-header.paginas-internas:before, .blog .page-header.paginas-internas:before, .archive .page-header.paginas-internas:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(195, 22, 58, 0.8705882352941177); } .entry-content { position: relative; overflow: hidden; } .imagem-post { float: right; width: 100%; max-width: 400px; margin: 7px 0 0 20px; } .imagem-post img{ background: rgba(195, 22, 58, 1); } .item-post-list img { float: left; margin: 0 20px 0 0; padding: 2px; background: #eee; } .imagem-post img, .imagem-post a img { width: 100% !important; max-width: none; } .site-content .post .post-thumbnail img { background-color: transparent; border: 0; display: block; line-height: 1.42857; margin-bottom: 20px; padding: 0; transition: border 0.2s ease-in-out 0s; } .site-content .more-link { margin: 0px 0; padding: 0px 12px; display: inherit; float: left; font-weight: bold; } .paginations span.current { background-color: #c3163a !important; border: 1px solid #820922 !important; } .paginations a:hover, .paginations a:focus, .paginations a.active { background-color: #820922 !important; border: 1px solid #c3163a !important; } .site-author img { background: #fff; display: none; } .site-author a {position: relative; width: 38px; height: 38px;} .site-author a:after { content: ''; position: absolute; top:0; left: 0; width: 38px; height: 38px; background-color: #fff; background-image: url(../images/favicon.png); background-position: center; background-size: 90%; background-repeat: no-repeat; border: 3px solid #ddd; border-radius: 50%; } #credrisk-blog p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; max-height: 160px; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } .excerpt p{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; max-height: 160px; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } /* Mobile Horizontal */ /* portrait * / @media screen and (orientation:portrait) and (min-width: 421px) and (max-width: 768px){ } @media screen and (orientation:landscape) and (min-width: 421px) and (max-width: 768px){ } / * landscape */ /* Celular na horizontal */ @media screen and (min-width: 421px) and (max-width: 768px) { .navbar-brand img { max-width: 300px !important; } .top-links, .icone-topo-empresa { display: none !important; } .page-title p { font-size: 15px !important; } li.tp-revslider-slidesli { max-width: 100vw !important; position: relative; } .tp-caption { max-width: 10vw !important; width: 100vw !important; text-align: center !important; min-width: 100vw !important; } .slider-texto h2, .slider-texto h2 br{ font-size: 4vw !important; max-width: 100vw !important; line-height: 130% !important; } .slider-texto p { font-size: 20px !important; max-width: 100vw; padding: 0 10% !important; line-height: 130% !important; } .vc_col-sm-3 { width: 25% !important; float: left !important; } .vc_col-sm-4 { float: left !important; width: 33.333% !important; } .setor-item.vc_col-sm-2 { float: left; width: 33.333% !important; margin-bottom: 16px !important; } .links-footer .col-sm-6 { float: left !important; width: 50% !important; } .diferencial-box img { width: auto !important; max-height: 47px; } .box-imagem-texto h3, .box-imagem-texto h3 a { font-size: 3vw !important; margin: 0 0 0 0 !important; padding: 0 0 0 0 !important; height: auto !important; } .section-titulo { font-size: 5vw !important; line-height: 130% !important; } .imagem-vantagens img, .imagem-vantagens { display: none; } #mercado-segurador .wpb_single_image img { padding: 3px 3px 3px 3px !important } .item-como-funciona .tituto-item img { width: 46px; left: 0px; background: #a81136; padding: 5px; top: 20px; display: none; } .item-como-funciona .tituto-item p { font-size: 17px; } .item-como-funciona .tituto-item { padding: 0 0 0 0; text-align: center; } } .slide-adiamento { max-width: 830px; } .slide-adiamento p { font-size: 24px !important; margin: 0 !important; } .slide-adiamento p small b { font-size: 20px !important; } .slide-adiamento h2 { font-size: 38px !important; } .slide-adiamento .adiamento { margin-top: 20px !important; display: inline-block; background: #ffd800; color: #333; font-size: 30px !important; font-weight: bold !important; padding: 10px 40px !important; transform: rotate(-5deg); -webkit-transform: rotate(-5deg); box-shadow: 6px 4px 10px #000; text-shadow: 1px 1px 0 rgba(255,255,255,.5); font-size: 32px !important; } /* iPad vertical */ @media screen and (min-width: 769px) and (max-width: 1024px) { .slider-texto h2 { font-size: 5.5vw!important; max-width: 90% !important; margin: 0 auto !important; line-height: 137% !important; } .navbar-default .navbar-nav > li > a { color: #555; font-size: 8px !important; padding: 0; } #vantagens .img-cta img { max-width: 100% !important; } } /* Hotsite */ #banner-hotsite { /*padding: 70px 0 90px 0;*/ padding: 30px 0; background-position: center right !important; } #banner-hotsite.banner-pmes { padding-top: 12vh; padding-bottom: 12vh; } .tittle-pme-fundo { background: #ff0000; color: #FFF; padding: 50px 0; } #banner-hotsite h2 { font-weight: lighter; color: #FFF; font-size: 52px; line-height: 128%; width: 100%; margin-bottom: 30px; } #banner-hotsite h3 { color: #FFF; margin: 0 0 30px 0; font-size: 23px; font-weight: bold; } #banner-hotsite p { color: #fff; font-size: 22px; line-height: 130%; width: 100%; max-width: 439px; font-weight: lighter; } #banner-hotsite .cta-amarelo button.vc_general, #banner-hotsite .cta-amarelo a { font-size: 15px !important; border: 0 !important; font-weight: bold; } #banner-hotsite .cta-btn button.vc_general:before, #banner-hotsite.cta-btn a:before {display: none;} .item-diferenciais { text-align: center; padding: 15px; } .item-diferenciais h3 { text-transform: uppercase; color: #ff0000; font-weight: bold; font-size: 20px; } .item-diferenciais.destaque img, .item-diferenciais.destaque .wpb_single_image .vc_single_image-wrapper { max-height: 85px; min-height: auto !important; height: auto !important; display: block; width: 100% !important; } .item-diferenciais.destaque { border-radius: 10px; padding: 20px; background: #fcfcfc; max-width: 30%; margin: 0px 1.5%; box-shadow: 0 0 10px rgb(151 145 145 / 30%) inset; } .item-diferenciais.destaque p { font-size: 18px; max-width: 264px; color: #ff0000 !important; } .item-diferenciais img { max-height: 55px; width: auto; margin: 0 !important; } .item-diferenciais .wpb_single_image.vc_align_center { margin-bottom: 15px; } .item-diferenciais p { width: 100%; max-width: 230px; margin: 0 auto; color: #000 !important; font-size: 16px; line-height: 126%; } .section-titulo.title-hotsite { font-size: 32px; margin-bottom: 32px; line-height: 140%; width: 100%; max-width: 363px; } h2.vc_custom_heading.section-titulo.title-hostsite { font-size: 32px; } .lista-awesome li { list-style: none; position: relative; color: #000 !important; } .lista-awesome li:before { content: '\f105 '; font-family: 'FontAwesome'; color: #ff0000; position: absolute; left: -10px; font-weight: bold; } .section-titulo.title-hotsite.full-title {width: 100%; max-width: none;} #hotsite-timeline .section-titulo.title-hotsite { width: 100%; max-width: none; margin: 50px 0 0 0; } #hotsite-timeline .mega-timeline-title span { border: 2px solid; border-radius: 0; } #hotsite-timeline #cd-timeline .timeline-line { background: #d8d8d8; margin-top: 58px; height: 77%; } #hotsite-timeline .cd-timeline-content { background: none; border: none; box-shadow: none; color: #000 !important; } #hotsite-timeline .mega-timeline-title {display: none;} #hotsite-timeline .cd-timeline-content h2 { color: #000 !important; line-height: 130% !important; font-size: 20px !important; } #hotsite-timeline .cd-timeline-img { box-shadow: 0 0 0 4px #d8d8d8; background: #fff !important; } #hotsite-timeline .cd-timeline-img i.fa { color: #ff0000 !important; font-size: 27px; } #hotsite-timeline span.timeline-arrow { border: none !important; } .divisor-timeline p { font-size: 20px; color: #000; margin-bottom: 100px !important; display: block; margin-top: 65px !important; } .final-timeline.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-lg .vc_icon_element-icon { font-size: 120px !important; margin-top: 50px; } .final-timeline p { font-size: 37px !important; color: #ff0000; margin-top: 82px; font-weight: bold; } @media only screen and (min-width: 1024px) { #cd-timeline .timeline-line , .cd-timeline-img { left: 10% !important;} #hotsite-timeline .cd-timeline-block .cd-timeline-content { float: left !important; width: 45%; left: 15%; top: -5px; } #cd-timeline { margin-top: -20px !important; } /*media*/ } .plano-box { background: #f8f8f8; border-radius: 10px; overflow: hidden; width: 78%; /* max-width: 300px; */ margin: 0 auto; } .plano-box .asvc-info-box-top { text-align: center; padding: 22px 10px; color: #FFF; margin: 0; } .plano-box .asvc-info-box-desc .premio { background: #c07427; margin: -50px -40px 30px; text-align: center; font-size: 21px; padding: 20px 61px; color: #fff; font-weight: 300; } .plano-box .asvc-info-box-desc .premio b { font-size: 36px;display: block; } .plano-box.bronze .asvc-info-box-top { background: rgb(153,92,31); background: linear-gradient(0deg, rgba(153,92,31,1) 0%, rgba(191,115,38,1) 63%); } .plano-box.bronze .asvc-info-box-desc .premio { background: rgba(191,115,38,1);} .plano-box.prata .asvc-info-box-top { background: rgb(96,95,103); background: linear-gradient(0deg, rgba(96,95,103,1) 0%, rgba(120,118,129,1) 63%); } .plano-box.prata .asvc-info-box-desc .premio { background: rgba(120,118,129,1);} .plano-box.ouro .asvc-info-box-top { background: rgb(195,154,31); background: linear-gradient(0deg, rgba(195,154,31,1) 0%, rgba(243,193,38,1) 63%); } .plano-box.ouro .asvc-info-box-desc .premio { background: rgba(243,193,38,1);} .plano-box .asvc-info-box-top h4 { font-size: 26px !important; font-weight: 700; color: #fff; text-transform: uppercase; padding: 0 !important; margin: 0 0 0; } .plano-box .asvc-info-box-desc { padding: 50px 22px; } .plano-box .asvc-info-box-desc p { font-size: 22px !important; line-height: 160%; text-align: center; font-weight: lighter; color: #000 !important; } .tabela-planos table.table { width: 93%; /* max-width: 1140px; */ margin: 0 auto; } .tabela-planos span.info { position: relative; color: #ff0000; bottom: 6px; } .tabela-planos span.info small { opacity: 0; position: absolute; width: auto; min-width: 175px; bottom: 100%; background: #ff0000; color: #fff; padding: 6px; display: block; left: 0; border-radius: 5px; visibility: hidden; transition: all ease .2s; } .tabela-planos span.info:hover small{ opacity: 1; visibility: visible; transition: all ease .2s; } thead.thead-light { background: #f8f8f8; } .hs-dependent-field .hs_limite_de_credito_21, .hs-dependent-field .hs_limite_de_credito_22 { margin-bottom: 40px; } .hs-dependent-field .hs_razao_social_21:before, .hs-dependent-field .hs_razao_social_22:before, .hs-dependent-field .hs_razao_social_23:before { position: relative; color: #000; font-size: 18px; font-family: 'Open Sans'; font-weight: bold; margin-top: 10px; display: block; margin-left: 2px; } .hs-dependent-field .hs_razao_social_21:before {content: 'Empresa Extra 01';} .hs-dependent-field .hs_razao_social_22:before {content: 'Empresa Extra 02';} .hs-dependent-field .hs_razao_social_23:before {content: 'Empresa Extra 03';} .tabela-planos th:first-child { width: 40% !important; text-align: left; font-weight: lighter; } .tabela-planos .thead-light th { font-weight: bold !important; font-size: 20px; } .tabela-planos td, .tabela-planos th.bronze, th.prata, th.ouro { width: 15% !important; } .tabela-planos th.bronze, th.prata, th.ouro { text-align: center; font-size: 22px; } .tabela-planos td { text-align: center; } .tabela-planos td i.fa{ color: #ff0000; font-size: 30px; } .tabela-planos tr th, .tabela-planos tr td { height: 53px; vertical-align: middle !important; color: #000; } table td, table th, table {background: none; border: none;} :root { --basic: #ff0042; --platinum: #d00036; --black: #af3052; } #sobre-pme img { max-width: 600px; width: 100%;} #sobre-pme .wpb_single_image.vc_align_left{} .plano p, .descricao-plano p { margin: 5px 0; padding: 10px 0px; line-height: 100%; position: relative; font-size: 20px; } .plano p.plano-check { padding: 20px 0;} .preco-indenizcao { font-size: 24px; } b.preco-indenizacao { display: block; font-size: 28px; line-height: 136%; } .tabela-planos .plano span.info { bottom: 0;} .hs_planos_pmes_avla.hs-planos_pmes_avla { height: 0;} .plano p img {width: 15px;max-width: 15px;padding: 5px 0;} #planos .nome-plano { font-size: 20px; padding: 0 0px; font-weight: bold; } #planos .preco-plano { font-size: 30px; padding: 0 0px; font-weight: bold; padding-bottom: 6px !important; } #planos .legenda-plano { font-size: 15px; padding: 0 0px; margin-bottom: 20px; } .plano { background: #fff; padding: 10px; border-radius: 10px; border: 2px solid #fff; } .info-plano p, .info-plano span { background: none !important; border: 0; } .info-plano { padding: 10px; background: #f8f8f8; border-radius: 8px; border: 1px solid #ccc; text-align: center; margin-top: 10px; } #planos .conclusao-plano { display: none; } #planos .section-titulo.title-hotsite { margin-bottom: 10px !important;} .plano-1 { border-color: var(--basic);} .plano-1 .legenda-plano, .plano-1 .preco-plano, .plano-1 p.preco-indenizcao, .plano-1 b.preco-indenizacao { color: var(--basic);} .plano-1 .btn-plano{ background: var(--basic);} .plano-2 { border-color: var(--platinum);} .plano-2 .legenda-plano, .plano-2 .preco-plano, .plano-2 p.preco-indenizcao, .plano-2 b.preco-indenizacao { color: var(--platinum);} .plano-2 .btn-plano{ background: var(--platinum);} .plano-3 { border-color: var(--black);} .plano-3 .legenda-plano, .plano-3 p.preco-indenizcao, .plano-3 .preco-plano, .plano-3 b.preco-indenizacao { color: var(--black);} .plano-3 .btn-plano{ background: var(--black);} .plano-1:hover, .plano-2:hover, .plano-3:hover { background: #fefefe;} .plano-1:hover .btn-plano, .plano-2:hover .btn-plano, .plano-3:hover .btn-plano { box-shadow: 0 0 5px #888;} .plano .btn-plano {border-radius: 100px; display: block; width: 100%;position: relative; bottom: -30px; border: 0;} .plano .btn-plano input {position: absolute;z-index: -10; opacity: 0;} .plano-1, .plano-2, .plano-3, .plano-1 img, .plano-2 img, .plano-3 img { text-align: center !important; margin: 0 auto; } #form-planos {visibility: hiddsen; overflow: hidden;} #form-planos.visible {visibility: visible !important;height: auto !important;} .planos-pme.hidden {display: nones !important;} #form-planos .hs-form-field label { display: none; } #form-planos form { width: 100%; max-width: 1000px; margin: 0 auto; } #form-planos form fieldset {max-width: none;} #form-planos form fieldset .hs-richtext h2 { color: #ff0000; font-size: 18px; font-weight: bold; margin-top: 30px; margin-bottom: 0px; } #form-planos form fieldset { max-width: none; margin: 15px 0; } #form-planos input:focus, #form-planos select:focus, #form-planos textarea:focus { background: #fff !important; box-shadow: 0 0 7px #dddada; } #form-planos select, #form-planos input[type=text], #form-planos input[type=email], #form-planos input[type=tel], #form-planos input[type=url], #form-planos input[type=date], #form-planos input[type=number], #form-planos input[type=file] { background: #fff; } #form-planos input[value=""], #form-planos select option[value=""] { background: #f8f8f8; } #form-planos form fieldset .hs-richtext h3 { background: #ff0000; color: #FFF; padding: 6px 10px; border-radius: 4px; font-size: 18px; font-weight: bold; margin-top: 35px; } @media (min-width: 768px) { #form-planos fieldset.form-columns-1 .hs-input { width: 100%;} #form-planos fieldset.form-columns-3 .hs-form-field {width: 33.333%;} } #form-planos label.hs-error-msg { font-size: 13px !important;} #form-planos .hs-richtext { margin-right: 1%;} #form-planos .hs_termos_de_contratacao label { display: inline-block;} #form-planos .hs_termos_de_contratacao label input { width: auto !important;} #form-planos .hs_termos_de_contratacao ul.inputs-list, #form-planos .hs_termos_de_contratacao ul.inputs-list li { width: 100%; padding: 0; text-align: center; } #form-planos input.hs-button.primary.large { padding: 10px 20px; text-align: center; font-size: 20px; border-radius: 6px !important; background: #ff0000; border: 2px solid transparent; } #form-planos .btn-voltar { padding: 10px 20px; text-align: center; width: 25%; font-size: 20px; border-radius: 6px; background: none; color:#ff0000; border: 2px solid #ff0000; position: relative; bottom: 60px; } #form-planos .hs_planos_pmes_avla.hs-planos_pmes_avla {height: auto;margin-top: 10px;} #form-planos input.hs-button.primary.large { padding: 10px 20px; text-align: center; /*width: 25%;*/ font-size: 20px; border-radius: 6px !important; background: #ff0000; border: 2px solid transparent; } .hs_parcelamento_pmes { background: #FFF; padding: 10px 10px; border-radius: 5px; border: 1px solid #e3e3e3; margin-top: 30px; } .hs_parcelamento_pmes > legend { padding: 10px; font-size: 17px; } .hs_parcelamento_pmes .input label { display: inline-block !important;background: #f8f8f8; padding: 0px 5px; border-radius: 3px;} .hs_parcelamento_pmes .input label input.hs-input { width: auto !important; } .hs_parcelamento_pmes .input li { width: auto !important; display: inline-block; margin: 0 17px 0 0; } #form-planos form fieldset .hs-richtext p { padding: 10px; } .hs_planos_pmes_avla.hs-planos_pmes_avla li.hs-form-radio { display: inline !important; float: left; margin-right: 20px; vertical-align: middle !important; } .hs_planos_pmes_avla.hs-planos_pmes_avla li.hs-form-radio input { width: auto !important;} .hs_planos_pmes_avla.hs-planos_pmes_avla li.hs-form-radio label { display: block !important; border-radius: 6px; color: #666; font-weight: bold; font-size: 13px !important; } #form-planos .hs_planos_pmes_avla.hs-planos_pmes_avla ul.inputs-list.multi-container { padding: 0; width: 100%; } .hs_planos_pmes_avla.hs-planos_pmes_avla li.hs-form-radio:first-child label{float: left;} .hs_planos_pmes_avla.hs-planos_pmes_avla li.hs-form-radio:last-child label {float: right;} .hs_planos_pmes_avla.hs-planos_pmes_avla li.hs-form-radio:nth-child(2) label { margin: 0 auto !important;} .plano-1.selecionado, .plano-2.selecionado, .plano-3.selecionado { border-color: #ccc;} .plano-1.selecionado .btn-plano, .plano-2.selecionado .btn-plano, .plano-3.selecionado .btn-plano { background: #ccc;} /* .plano-1.escolhido { background: var(--basic);} .plano-2.escolhido { background: var(--platinum);} .plano-3.escolhido { background: var(--black);} .plano.escolhido p {color: #FFF;} .plano.escolhido .btn-plano {box-shadow: 0 0 0 5px #fff;} .plano.escolhido p img { background: #FFF; box-shadow: 0 0 0 7px #fff; }*/ .form-prosseguir {display: none; margin-top: 50px;} .form-prosseguir .hs_planos_pmes_avla.hs-planos_pmes_avla { height: 0 !important; overflow: hidden; } .form-prosseguir .hs_email, .form-prosseguir .hs_submit { display: inline-block; position: relative; margin: 0 0 !important; padding: 0 0 !important; top: auto; bottom: auto; } .plano-1.escolhido .btn-plano {background: var(--basic) !important;} .plano-2.escolhido .btn-plano {background: var(--platinum) !important;} .plano-3.escolhido .btn-plano {background: var(--black) !important;} .plano-1.escolhido {border-color: var(--basic) !important;} .plano-2.escolhido {border-color: var(--platinum) !important;} .plano-3.escolhido {border-color: var(--black) !important;} .form-prosseguir .hs_email {width: 60%;} .form-prosseguir .hs_submit { width: 40%; top:60px; } .form-prosseguir .hs-form-field label, .tabela-planos .form-prosseguir .hs-form-field label span { display: inline-block !important; color: #fff; font-size: 16px; } .form-prosseguir input.hs-button.primary.large { left: auto !important; bottom: auto !important; top: auto !important; margin: 0 !important; float: right !important; position: relative !important; transform: none !important; padding-top: 4px !important; padding-bottom: 4px !important; border-radius: 6px !important; background: #022634 !important; } .form-pro { background: #ff0000; color: #FFF; padding: 10px; border-radius: 10px; } @media screen and (max-width: 768px) { .plano-1, .plano-2, .plano-3 { margin: 10px 0 50px 0;} .descricao-plano .nome-plano, .descricao-plano .preco-plano, .descricao-plano .legenda-plano { display: none;} #form-planos form fieldset { margin: 0;} #form-planos form fieldset .hs-form-field {margin: 12px 0;} #hotsite-timeline .vc_icon_element.vc_icon_element-outer.vc_icon_element-align-center, #hotsite-timeline p {text-align: left !important;} .final-timeline.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-lg .vc_icon_element-icon { font-size: 86px !important; margin-top: 50px;} .hs_planos_pmes_avla.hs-planos_pmes_avla li.hs-form-radio label { font-size: 4.7vw !important; padding: 20px 5px; text-align: center;} .hs_planos_pmes_avla.hs-planos_pmes_avla li.hs-form-radio label input { display: block; float: none; margin: 0 auto;} #form-planos .btn-voltar { bottom: 0; width: 100%;} /*media*/} #hotsite-faq #accordion { width: 100%; max-width: 800px; margin: 0 auto; } .accordion-pme .panel-default>.panel-heading { padding: 5px 15px !important; } .accordion-pme .panel { margin-bottom: 15px !important; } #faq #hotsite-faq .panel-default>.panel-heading { background: #343434; } form.fileUpload { margin-bottom: -70px; position: relative; z-index: 999; } /*.hs_link_lista_de_assegurados_pmes input[name="link_lista_de_assegurados_pmes"] {opacity: 0 !important;height: 0 !important;width: 0!important;}*/ th.bronze { color: #bf7326 !important;} th.prata { color: #787681 !important;} th.ouro { color: #f3c126 !important;} #box-form { background: #FFF; padding: 20px; border-radius: 10px; width: 100%; max-width: 900px; margin: 45px auto; } .hs_confirmacao_dados label { display: block !important; } #box-form h2 { font-size: 40px; line-height: 130%; font-weight: bold; color: #000; } @media (min-width: 768px){ /*#banner-hotsite { height: 63vh; }*/ .item-diferenciais .vc_column-inner { padding-top: 0 !important; } #box-form h2 {margin-bottom: 100px;} /* FIm do media */} #box-form p { font-size: 13px; line-height: 120%; } #box-form .hs-form-field label, .form-step2 .hs-form-field label { display: none;} #box-form .field.hs-form-field { margin: 10px 0;} #box-form input.hs-button, .form-step2 input.hs-button { width: 100%; margin: 0; background: #ffd202; color: #000; } #box-form label.hs-error-msg, .form-step2 label.hs-error-msg { font-size: 12px !important;} .form-step2.form-plus { width: 100%; max-width: 1066px !important; margin: -70px auto 0 auto; padding: 0; background: none !important; } .form-plus { width: 100%; max-width: 400px; background: #FFF; position: relative; padding: 0 20px; border-radius: 5px; } .form-plus .input { width: auto !important; display: inline-block; } .form-plus .hs-form-field .inputs-list { list-style: none; } .form-plus li.hs-form-radio { display: inline; margin: 0 15px 0 0; float: none; position: relative; } .hs-incluir_plus label { display: block !important; } .hs-incluir_plus ul { padding: 0; margin: 0 0 21px 0; } .hs-incluir_plus .input { padding: 0; } .hs-incluir_plus li label { display: inline !important; } .finalizacao-plano h3 strong { color: #ff0000; font-size: 27px; width: 100%; display: block; margin-top: 70px; margin-bottom: 25px !important; } .form-plus .hs-form-field label { color: #000; position: relative; top: 2px; } #page-planos .tabela-planos th:first-child { width: 56% !important; } #page-planos { background: #f7f7f7!important; position: relative !important;} #page-planos .plano-box,#page-planos thead.thead-light { background: #FFF;} #page-planos .tabela-planos tbody tr:last-child { background: #fff; } #page-planos .tabela-planos tbody tr:last-child b { font-size: 20px; } #page-planos .hs-form-field .inputs-list input { width: 19px !important; height: 19px; top: 4px; position: relative; } .tabela-planos .hs-form-field label span { display: none !important;} .tabela-planos li.hs-form-radio { display: inline;} .tabela-planos .hs-form-field .inputs-list label { width: 33.3%;} .tabela-planos .hs-form-field .inputs-list { padding: 0; margin: 0; } .tabela-planos input.hs-button.primary.large { float: left; border-radius: 0; text-transform: uppercase; font-weight: 700; margin-top: 56px; padding: 10px 62px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 50px; } .tabela-planos .hs-form-field label { margin: 0 0 0 0 !important; height: auto !important; } .tabela-planos .hs-fieldtype-radio.field.hs-form-field { margin: -30px 0 0 0; } .form-step2 { width: 100%; max-width: 990px; margin: 0 auto; } .form-step2 fieldset.form-columns-3, .form-step2 fieldset.form-columns-2, .form-step2 fieldset.form-columns-1, .form-step2 fieldset.form-columns-0{ width: 100% !important; display: block; min-width: 100%; padding: 0 0 0 0; margin: 0 auto !important; } .hs_submit.hs-submit { clear: both; height: 85px; } .form-step2 fieldset.form-columns-1 .input, .form-step2 fieldset.form-columns-2 .input , .form-step2 fieldset.form-columns-3 .input { margin: 5px 0 !important; padding: 0 0 0 !important; width: 100% !important; max-width: none !important; } .form-step2 fieldset.form-columns-1 .hs-input, .form-step2 fieldset.form-columns-2 .hs-input, .form-step2 fieldset.form-columns-3 .hs-input { width: 100% !important; max-width: none !important; } .form-step2 fieldset.form-columns-2 > div { width: 49% !important; margin: 0 .405%!important; } .form-step2 fieldset.form-columns-3 > div { width: 32.3% !important; margin: 0 0.501%!important; } #box-form .form-step2 input.hs-button, .form-step2 input.hs-button { width: auto; top: 0px; position: relative; padding: 5px 30px; background: #ff0000; color: #FFF; border-radius: 0 !important; font-size: 16px; } .form-step2 form h3 { font-size: 20px !important; margin: 30px 0 0 0; } .form-step-obrigado .hs_planos_pmes.hs-planos_pmes.hs-fieldtype-radio label { display: block !important; padding: 0 7px; } .form-step-obrigado li.hs-form-radio { width: 20%; display: inline-block; } .form-step-obrigado .hs_planos_pmes.hs-planos_pmes.hs-fieldtype-radio label input { width: auto !important; display: inline-block; } .form-step-obrigado .hs_planos_pmes.hs-planos_pmes.hs-fieldtype-radio .hs-form-radio { width: auto !important; display: inline-block; margin-right: 30px; } .form-step-obrigado .hs_planos_pmes.hs-planos_pmes.hs-fieldtype-radio ul.inputs-list { padding: 0; } .form-step-obrigado .hs_planos_pmes.hs-planos_pmes.hs-fieldtype-radio .hs-form-radio { width: auto !important; display: inline-block; margin-right: 30px; } .form-step-obrigado .form-step2 input.hs-button { /* position: relative; */ top: -50px; } .table .hs_submit.hs-submit { height: auto; margin: 0 0 0 0; padding: 0 0 15px 0; } .form-step-obrigado .section-titulo.title-hotsite.full-title { margin-bottom: 10px; } .step-final { width: 100%; max-width: 990px !important; margin: 0 auto; } .form-step-obrigado .form-step2 { padding-top: 0 !important; height: auto; margin-top: 0; width: 100%; max-width: 990px; } .form-step-obrigado h3 { font-size: 22px !important; margin-top: 63px; } .form-step2 fieldset.form-columns-1 .input { width: 99% !important; margin: 5px auto !important; } .finalizacao-plano { width: 100%; max-width: 1000px; margin: 0 auto !important; float: none !important; padding: 25px 0 60px 0; } .finalizacao-plano h2 { margin-bottom: 60px !important; } .finalizacao-plano h3 { font-weight: bold; font-size: 20px; color: #000; margin-bottom: 10px; } .finalizacao-plano h3 a{ color: #ff0000; } .finalizacao-plano p { font-size: 19px; line-height: 150%; font-weight: lighter; color: #000; } .finalizacao-plano a.cta-btn.btn { background: #929292; color: #fff; border-radius: 0; margin-right: 10px; margin-top: 18px; } .finalizacao-plano input[type=file] { background: #fff; padding: 20px; height: auto; text-align: center !important; } .btn.cta-vermelho.btn-file { color: #FFF; background: #000000 !important; } .finalizacao-plano a.cta-vermelho { background: #ff0000 !important; } input.file-uploaded { color: red; border: 2px solid; font-weight: bold; } @media screen and (max-width: 768px) { #banner-hotsite h2 { font-size: 32px; font-weight: 900; } #banner-hotsite { padding: 40px 0 !important; background-position: left bottom !important; } #hotsite-timeline .cd-timeline-content h2, #hotsite-timeline .cd-timeline-content p { text-align: left !important; padding: 5px 0 !important; margin: 0 0 !important; } .cd-timeline-content { margin-left: 46px !important; padding: 0 10px !important;} .form-step2 fieldset.form-columns-2>div, .form-step2 fieldset.form-columns-3>div {width: 100% !important;} .form-step-obrigado .hs_planos_pmes.hs-planos_pmes.hs-fieldtype-radio .hs-form-radio {margin-right: 10px; margin-bottom: 33px;} .tabela-planos table.table {min-width: 775px;} .tabela-planos { overflow-x: scroll;} #page-planos .tabela-planos th:first-child { width: 25% !important;} .tabela-planos td, .tabela-planos th.bronze, th.prata, th.ouro { width: 25% !important;} ul#menu-menu-pmes { background: #c3163a;} .item-diferenciais.destaque { max-width: 96vw; margin-bottom: 20px; padding: 0 10px; } #banner-hotsite p img.alignright.size-full.wp-image-1966.lazyloaded { float: none; display: block; position: absolute; bottom: -28px; right: 27px; } #banner-hotsite .cta-amarelo a { padding: 10px 13px !important;} #planos, #planos .container {padding: 0;} .form-prosseguir .hs_email { width: 100%; display: block; margin: 0 0 10px 0 !important; padding: 0 0 !important; } .form-prosseguir .hs_submit { width: 100%; top: 0; margin: 0 !important; display: block; height: auto !important; position: relative; float: none !important;} .form-pro { padding: 45px 10px;} }/* Fim do media */ /*****************************************/ /* Start your style declarations here */ /*****************************************/ /** * Featherlight - ultra slim jQuery lightbox * Version 1.5.0 - http://noelboss.github.io/featherlight/ * * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ @media all{.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;margin-left:5%;margin-right:5%;max-height:95%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font-family:Arial,sans-serif;background:#fff;background:rgba(255,255,255,.3);color:#fff;}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0}.featherlight iframe{border:0}.featherlight *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:10px;margin-right:10px;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}}