@keyframes blinker { 50% { filter: blur(0); } } /* body{ overflow:initial; position: relative; } */ body.loadscreen:before{filter: blur(1px); transition: all 2s; animation: blinker 3s linear infinite; z-index: 99999999; content: ""; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #fff url('../images/logo.png') center center no-repeat; background-size: 50%;} header{ position: fixed; top: 0; transition: all .5s; z-index: 99; background-color: #fff; padding: 0; float: left; width: 100%; } header.fixed .topbar{ height: 0; overflow: hidden; padding: 0;} header.header-admin{ box-shadow: 2px 3px 10px #ccc; } header.header-admin .bottombar .navbar .logout{ float: right; border-left: 1px solid #ccc; padding: 10px 0 10px 20px } header.header-admin .bottombar .navbar .dropdown{ float: left; } header.header-admin .bottombar .navbar .dropdown li{ position: relative; } header.header-admin .bottombar .navbar .dropdown li a{ position: relative; float: left; padding: 10px 30px 10px 40px; margin-left: 20px; } header.header-admin .bottombar .navbar .dropdown li a i{ position: absolute; left: 0; top: 3px; color: #333; font-size: 30px; } header.header-admin .bottombar .navbar .dropdown li a.label{ padding-right: 50px; } header.header-admin .bottombar .navbar .dropdown li a.label:after{ content: "\f103"; color: #333; font-size: 22px; font-family: FontAwesome; position: absolute; right: 20px; top: 7px; } header.header-admin .bottombar .navbar .dropdown li:hover ul{ height: auto; box-shadow: 1px 2px 3px #ccc;;background-color: #FFF; } header.header-admin .bottombar .navbar .dropdown li ul{ transition: all .1s; position: absolute; width: 100%; left: 0; top: 40px; height: 0; overflow: hidden; padding: 0; padding-top: 10px;} header.header-admin .bottombar .navbar .dropdown li ul li{ margin-bottom: 5px; float: left; width: 100%; } header.header-admin .bottombar .navbar .dropdown li ul li a{font-size: 14px; transition: all .3s; color: #333; padding: 10px 10px 0; line-height: 150%; } header.header-admin .bottombar .navbar .dropdown li ul li a:hover{ color: #2F9D44; } header.header-admin .bottombar .navbar .profile{ color: #333; position: relative; float: left; border-right: 1px solid #ccc; padding: 10px 20px 10px 40px } header.header-admin .bottombar .navbar .profile i{ position: absolute; left: 0; top: 3px; color: #333; font-size: 30px; } header.header-admin .bottombar .navbar .profile strong{ color: #2F9D44; } header .topbar{transition: all .5s; float: left; width: 100%; background-color: #2F9D44; padding: 6px 0; } header .topbar .contact{ float: left; } header .topbar .contact span{ padding: 5px 10px; float: left; color: #fff; font-size: 14px; position: relative; padding-left: 30px; margin-right: 20px;} header .topbar .contact span i{ font-size: 22px; position: absolute; left: 0; top: 0;} header .topbar .contact span i.WhatsApp{ width: 22px; height: 22px; display: block; background: url('../images/whatsapp.png') no-repeat; background-size: cover; } header .topbar .social{ padding: 0 10px; margin: 0;} header .topbar .social li{ display: inline-block; margin-left: 5px; } header .topbar .social li a{ font-size: 22px; color: #fff;} header .bottombar{ padding: 5px 0; width: 100%; float: left; } header .bottombar div[class^="col"]{ padding: 0; } header .bottombar .logo{ width: 220px; float: left; display: block; } header .bottombar .nav-wrapper{ float: right; } header .bottombar .nav-wrapper .navbar{ display: inline-block; padding: 0px 0; } header .bottombar .nav-wrapper .navbar .menu li{ display: inline-block; margin: 0 10px;} header .bottombar .nav-wrapper .navbar .menu li a{ color: #333; padding: 10px 0; font-size: 14px; display: block; } header .bottombar .nav-wrapper .actions .cart{ float: left; padding: 0; display: inline-block; position: relative;} header .bottombar .nav-wrapper .actions .cart span{ position: absolute; color: #2F9D44; right: 5px; top: 3px; font-size: 11px; background-color: #fff; border-radius: 50px; padding: 3px 5px; border: 1px solid #2F9D44} header .bottombar .nav-wrapper .actions .cart i{ font-size: 40px; } header .bottombar .nav-wrapper .actions .sign-in{ margin-left: 20px; display: inline-block; background-color: #2F9D44; color: #fff; font-size: 14px; padding: 10px 15px; border-radius: 3px; } header .bottombar .nav-wrapper .actions .sign-up{ margin-left: 10px; display: inline-block; background-color: #2F8BCB; color: #fff; font-size: 14px; padding: 10px 15px; border-radius: 3px; } header .bottombar .container{ box-shadow: 0px 0px 0px #ccc !important; } .testdrive form ::-webkit-input-placeholder { color: #666;} .testdrive form ::-moz-placeholder { color: #666;} .testdrive form :-ms-input-placeholder { color: #666;} .testdrive form :-moz-placeholder { color: #666;} .bx-wrapper{ background-color: transparent; } .testdrive{ float: left; width: 100%; position: relative; margin-top: 112px; padding: 100px 0 0; background: #f9f9f9;} .testdrive h1{ font-size: 42px; color: #354256; line-height: 120%;} .testdrive h2{ font-size: 24px; text-transform: uppercase; color: #2F9D44; line-height: 120%;} .testdrive p{ font-size: 16px; color: #354256; line-height: 28px; width: 100%; float: left; margin-bottom: 30px;} .testdrive .report{ position: relative;padding-top: 50px; z-index: 0; } .testdrive .report p{ text-align: center; } .testdrive .report img{ margin: 0; width: 80%; margin-left: 5%; } .testdrive .report .btn{ margin: 0; position: relative; top: -20px; left: 10px;} .testdrive .report .btn:before{ left: -60px; top: -15px; position: absolute; width: 41px; height: 37px; content: ""; background-image: url('../images/arrow-report.png'); } .testdrive .avatar{ position: relative; min-height: 500px; z-index: 98; } .testdrive .avatar img{ width: 100%; left: 0; top: -120px; position: absolute; } .testdrive form{ position: relative;} .testdrive form p{ width: 90%; } .testdrive form span{ margin-bottom: 10px; } .testdrive form input{ font-size: 18px; background-color: #fff; color: #2F9D44; border-color: #fff; } .testdrive form input-placeholder{ color: #2F9D44; } .testdrive form .down{ position: absolute; bottom: 0; left: 50%; margin-left: -20px; font-size: 40px; } .testdrive form .placa{ padding-right: 10px!important; } .testdrive form input[type=text], .testdrive form input[type=email]{ border:1px solid #ccc; padding: 9px 10px 8px} .testdrive form input[type=submit]{background-color: #2F9D44; color: #fff; position: relative;} .testdrive form .button{ position: relative; } .testdrive form .button:after{ right: -60px; top: -15px; position: absolute; width: 41px; height: 37px; content: ""; background-image: url('../images/arrow-test.png'); } /* Test Drive V2 */ .testdriveV2 form ::-webkit-input-placeholder { color: #666;} .testdriveV2 form ::-moz-placeholder { color: #666;} .testdriveV2 form :-ms-input-placeholder { color: #666;} .testdriveV2 form :-moz-placeholder { color: #666;} .testdriveV2{ float: left; width: 100%; position: relative; padding: 0.85rem 0 0; background: #f9f9f9;} .testdriveV2 h1{ font-size: 42px; color: #354256; line-height: 120%;} .testdriveV2 h2{ font-size: 24px; text-transform: uppercase; color: #2F9D44; line-height: 120%;} .testdriveV2 p{ font-size: 16px; color: #354256; line-height: 28px; width: 80%; margin-left: 10%; float: left; margin-bottom: 30px;} .testdriveV2 .report{ position: relative; padding-top: 50px; } .testdriveV2 .report p{ text-align: center; margin-bottom: 40px;} .testdriveV2 .report img{ margin: 0; width: 80%; margin-left: 5%; } .testdriveV2 .report .btn{ margin: 0; position: relative; top: -20px; left: 10px;} .testdriveV2 .report .btn:before{ left: -60px; top: -15px; position: absolute; width: 41px; height: 37px; content: ""; background-image: url('../images/arrow-report.png'); } .testdriveV2 .avatar{ position: relative; min-height: 260px; } .testdriveV2 .avatar img { width: 50%; right: 0; top: 0px; position: absolute; } .testdriveV2 form{ position: relative} .testdriveV2 form p{ width: 90%; } .testdriveV2 form span{ margin-bottom: 10px; } .testdriveV2 form input{ font-size: 18px; background-color: #fff; color: #2F9D44; border-color: #fff; } .testdriveV2 form input-placeholder{ color: #2F9D44; } .testdriveV2 form .down{ position: absolute; bottom: 0; left: 50%; margin-left: -20px; font-size: 40px; } .testdriveV2 form .placa{ padding-right: 10px!important; } .testdriveV2 form input[type=text], .testdriveV2 form input[type=email]{ border:1px solid #ccc; padding: 9px 10px 8px} .testdriveV2 form input[type=submit]{background-color: #2F9D44; color: #fff; position: relative;} .testdriveV2 form .button{ position: relative; } .testdriveV2 form .button:after{ right: -60px; top: -15px; position: absolute; width: 41px; height: 37px; content: ""; background-image: url('../images/arrow-test.png'); } #testdrive{ float: left; width: 100%; position: inherit; box-sizing: border-box; padding-top: 2rem !important;} #testdrive .basic, #testdrive .linha { text-align: center !important; text-transform: uppercase !important;; padding-top: 1rem !important; } #testdrive .linhaVerde { background-color: #2f9d44 !important;; padding: 10px 0px; font-size: 1.25rem; width: 100%; color: white; } #testdrive .linhaCinza { background-color: #808080 !important;; padding: 0.65rem 0px; font-size: small; color: white; } #testdrive .infoIndisponivel { color:white; background-color:#2F9D44; text-transform: uppercase; border-radius: 3px; width: max-content; font-size: x-small; padding: 3px 5px; } #testdrive .blur{ float: left; width: 100%; position: relative;} #testdrive .loading:before, #testdrive .loading:before{ transition: all .5s; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:#fff url('../images/loader.gif') no-repeat center 40%; } #testdrive .note{transition: all .5s; opacity: 0; padding: 20px; float: left; width: 100%; box-sizing: border-box; background-color: #F39C12; color: #fff; margin: 30px 0;} #testdrive .note p{ text-align: center; margin-bottom: 0; font-weight: 600; } #testdrive .note i{ font-size: 22px; float: left; margin-right: 10px; } #testdrive h1{ font-size: 42px; color: #354256; line-height: 120%; width: 100%; float: left; } #testdrive table{ float: left; width: 100%; background-color: #fff; border-radius: 5px; width: 100%; position: relative; } #testdrive table .head td{ color: #333; font-size: 18px; font-weight: 600; background-color: #eee; padding:15px 15px; text-align: center;} #testdrive table .head td span{ font-weight: 300; font-size: 16px; } #testdrive .blur table tr.head td{ background-color:#2F8BCB; color: #fff; } #testdrive .blur table:not(.loading) tr:not(.head){ filter: blur(4px);} #testdrive table tr:not(.head) td{ border-bottom:0px solid #eee; padding:5px 0.5%; font-size: 15px; text-align: -webkit-center; } #testdrive table tr:not(.head) td strong{ color: black;} #testdrive .border-table{border: solid; border-color:#2f9d44} #testdrive .products_wrapper{ margin-top: 30px; margin-bottom: 0; } .title{ float: left; width: 100%; padding: 20px 0; } .title h2{ font-size: 44px; color: #354256; font-weight: 600; line-height: 48px; } .title h3{ font-size: 24px; color: #354256; font-weight: 600; line-height: 150%; } .title p{ font-size: 16px; color: #999999; line-height: 24px; width: 100%; float: left; margin-bottom: 30px;} .bg_reserve{ background-color: #2F9D44; } .bg_reserve .title h2{ color: #fff; } .bg_reserve .title p{ color: #fff; } #how{ float: left; width: 100%; padding: 50px 0; } #how .title{ padding-bottom: 20px; } #how .video{ position: relative; } #how .video .play{ display: block; width: 104px; height: 104px; left: 50%; margin-left: -52px; top: 50%; margin-top: -52px; position: absolute; background: url('../images/play.png'); } #how .text{ position: relative; margin-top: 20px; } #how .text .tabs{ float: left; width: 100%; display: inline-block; text-align: center; margin-bottom: 20px; } #how .text .tabs a{transition: all .2s; display: inline-block; padding: 15px; box-sizing: border-box; width: 50%; background-color: #fff; color: #2F8BCB; border:1px solid #2F8BCB; } #how .text .tabs a.active{ background-color: #2F8BCB; color: #fff; } #how .text .pre{ transition: all .2s; float: left; width: 100%; position: relative; } #how .text .pos{transition: all .2s; float: left; width: 100%; display: none; position: relative;} #how .text .connect{ position: absolute; left: 19px; top: 30px; width: 3px; background-color: #2F8BCB; height: 250px; } #how .text h2{ color: #2F9D44; font-size: 36px; } #how .text ol{ float: left; width: 100%; margin-top: 30px; position: relative; z-index: 50;} #how .text ol li{ color: #333; line-height: 120%; font-size: 22px; margin-bottom: 30px; position: relative; z-index: 50; padding-left: 25%; box-sizing: border-box;} #how .text ol li span{ font-size: 16px; color: #999999; } #how .text ol li:after{ content: ""; background-color: #2F8BCB; padding: 7px 10px; box-sizing: border-box; border: 2px solid #fff; color: #fff; border-radius: 50px; font-size: 16px; position: absolute; left: 0; top: -10px; text-align: center; width: 43px; } #how .text ol li:nth-child(1):after{ content: "1";} #how .text ol li:nth-child(2):after{ content: "2";} #how .text ol li:nth-child(3):after{ content: "3";} #how .text ol li:nth-child(4):after{ content: "4";} #how .text ol li:nth-child(5):after{ content: "5";} #how .text ol li:nth-child(6):after{ content: "6";} .products_wrapper{ float: left; width: 100%; padding: 50px 0; background-color: #eee;} .products_wrapper .bx-wrapper{ margin-bottom: 0; } .products_wrapper .row{ width: 94%; margin-left: 3%; } .products_wrapper .row .bx-wrapper .bx-prev{ left: -3%; } .products_wrapper .row .bx-wrapper .bx-next{ right: -3%; } .products_wrapper .row .bx-wrapper .bx-controls-direction a{ z-index: 98; } .products_wrapper .products{ float: left;right: auto; position: relative; } .products_wrapper .products article{margin:10px; width: 420px !important; float: left; box-shadow: 1px 2px 10px #ccc; padding: 20px; background-color: #fff; border-radius: 20px; position: relative;} .products_wrapper .products article .most{ position: absolute; top: -10px; left: 25%; width: 50%; background-color:#2F9D44; color: #fff; text-transform: uppercase; padding: 5px 0; text-align: center; display: inline-block; font-size: 12px; border-radius: 5px;} .products_wrapper .products article h3{ width: 100%; height: 50px; display: flex; align-items: center; justify-content: center; font-weight: 600; margin-bottom: 10px; color: #333; text-align: center; line-height: 26px; font-size: 16px; text-transform: uppercase;} .products_wrapper .products article .price{ font-weight: 400; font-size: 24px; color: #333; float: left; width: 100%; text-align: center; } .products_wrapper .products article .price .bigger{ color: #333; font-weight: 800; font-size: 50px;} .products_wrapper .products article .caption{ float: left; width: 100%; font-size: 14px; text-align: center; margin-bottom: 20px;} .products_wrapper .products article .btn{background-color: #2F8BCB; border:1px solid #2F8BCB; color: #fff; width: 100%;border-radius: 15px ; box-sizing: border-box; text-align: center; padding:15px 0; } .products_wrapper .bx-viewport{ height: 280px!important; } .products_wrapper .products article.plan{ background-color:#354256;color: #fff; display: flex; height: 300px; position: relative; align-items: center; justify-content: center;} .products_wrapper .products article.plan .center{width: 100%; position: absolute; left: 0; box-sizing: border-box; padding: 0 10%;} .products_wrapper .products article.plan .center .btn{ line-height: 150%; } .products_wrapper .products article.plan .center .btn small{ font-size: 14px; } .products_wrapper .products article.plan .center h3{ color: #fff; } .products_wrapper .packages{ float: left;width: 90%; margin-left: 5%; } .products_wrapper .packages .heading{ padding: 25px 0; } .products_wrapper .packages .heading h3{ font-size: 32px; line-height: 130%; color: #333; } .products_wrapper .packages article .discount{ float: left; width: 100%; font-weight: 600; margin-bottom: 5px; } .products_wrapper .packages article .from{ float: left; width: 100%; font-weight: 300; padding: 10px 0; } .products_wrapper .packages article .price{ float: left; width: 100%; font-weight: 300; font-size: 16px; } .products_wrapper .packages article .price .bigger{ color: #2F9D44; font-weight: 800; font-size: 32px; } .products_wrapper .packages article .btn{ margin-top: 20px; background-color: #2F9D44; } .products_wrapper .cards{ padding-top: 50px; } #plans{ float: left; width: 100%; background-color: #999; } #plans p, #plans h2{ color: #fff; } #plans p a{ text-decoration: underline; color: #fff; } #plans textarea{ line-height: 150%; } #plans .row{ padding: 10px 0; } #why{ float: left; width: 100%; padding: 70px 0 30px; box-sizing: border-box; } #why .text{ position: relative; float: left; padding-right: 5%; box-sizing: border-box;} #why .text h2{ font-size: 36px; color: #354256; font-weight: 600; line-height: 48px; margin-bottom: 30px; } #why .text p{ font-size: 16px; color: #999999; line-height: 170%; width: 100%; float: left; margin-bottom: 30px; position: relative; } #why .bx-wrapper{ margin-bottom: 0; } #why .bx-wrapper .bx-pager{ bottom: -15px; } #why .testimonals { margin-top: 30px; } #why .testimonals article h4{ text-transform: uppercase; letter-spacing: 1px; padding: 30px 0 20px; font-weight: 600; float: left; width: 100%; font-size: 14px; color: #333; } #why .testimonals article blockquote{ font-size: 16px; color: #999999; line-height: 150%; width: 100%; float: left; position: relative; } #blog{ float: left; width: 100% } #blog .title{ background-color: #fff; padding: 50px 1% 20px; box-sizing: border-box;} #blog .breadcrumb{ float: right; margin-top: 15px; } #blog .breadcrumb li{ display: inline-block; margin-left: 20px; color: #333; } #blog .breadcrumb li:after{ content: " / "; margin-left: 20px; font-size: 12px; } #blog .breadcrumb li:last-child:after{ content: ""; margin-left: 0; } #blog.inner{ margin-top: 52px; border-bottom: 1px solid #ccc; } #blog.inner .title{ background-color: #eee; } #blog.inner .title h2{ float: left; } #blog.inner .title p{ width: 83.33%; } #blog article{ padding: 0 2% 40px; } #blog article picture{ cursor: pointer; border-radius: 5px; overflow: hidden; } #blog article h3{ overflow: hidden; font-weight: 600; margin-bottom: 5px; padding: 20px 0; color: #666; line-height: 26px; font-size: 18px;} #blog article p{ font-weight: 400; font-size: 16px; color: #999; line-height: 22px; float: left; width: 100%; } #blog .horizontal article picture{ width: 100%;float: left; margin-top: 20px; } #blog .horizontal article .text{ width: 100%; min-height: 225px; float: left; box-sizing: border-box; } #blog .horizontal article .text p{ margin-bottom: 0; } #blog .items{ padding: 50px 0 0; } #blog .items article{ } #blog .items article picture{ width: 20%; float: left; } #blog .items article .text{ width: 80%; box-sizing: border-box; float: left; padding-left: 5%; } #blog .pagination{ width: 100%; text-align: center; } #blog aside{ padding-left: 5%; padding-top: 50px; } #blog aside h2{ font-size: 22px; color: #333; } #blog aside .search{ float: left; width: 100%; margin-bottom: 30px; } #blog aside .search input[type=text]{ border:1px solid #ccc; line-height: 23px; } #blog aside .about{ float: left; width: 100%; margin-bottom: 30px; } #blog aside .recents{ float: left; width: 100%; margin-bottom: 30px; } #blog aside .recents article{ padding: 0; border-bottom: 1px solid #e9e9e9; padding-bottom: 30px; } #blog aside .recents article h3{ font-size: 16px; margin-bottom: 0; padding-bottom: 0;} #blog aside .recents article time{ font-size: 12px; text-transform: uppercase; } #blog aside .categories{ float: left; width: 100%; margin-bottom: 30px; } #blog aside .categories ul li{ margin-bottom: 10px; display: block; } #blog.single { margin-top: 52px; border-bottom: 1px solid #ccc;} #blog.single .title{ background-color: #eee; padding: 50px 0 20px;} #blog.single .content h1{ font-size: 24px; color: #354256; font-weight: 600; line-height: 150%; } #blog.single .content time{ width: 100%; text-align: left; font-size: 14px; font-style: italic; margin-bottom: 20px; } #blog.single .content{ float: left; padding: 50px 0; } #blog.single .content p{ font-size: 16px; line-height: 150%; margin-bottom: 20px; } #blog.single .content h1, #blog.single .content h2, #blog.single .content h3, #blog.single .content h4, #blog.single .content h5, #blog.single .content h6 {clear: both;font-weight: 700;margin: 28px 0 16px; color: #354256; } #blog.single .content h1{font-size: 35px;line-height: 1.2308;} #blog.single .content h2{font-size: 29px;line-height: 1.2069;} #blog.single .content h3 {font-size: 24px;line-height: 1.1667;} #blog.single .content h4 {font-size: 20px;line-height: 1.4;} #blog.single .content h5, #blog.single .content h6 {font-size: 17px;letter-spacing: 0.1em;line-height: 1.2353;text-transform: uppercase;} #blog.single .content h1:first-child, #blog.single .content h2:first-child, #blog.single .content h3:first-child, #blog.single .content h4:first-child, #blog.single .content h5:first-child, #blog.single .content h6:first-child {margin-top: 0;} #blog.single .content p{ font-size: 16px; line-height: 150%; margin-bottom: 20px; color: #333; } #blog.single .content blockquote { border-left: 4px solid #354256; color: #354256; font-size: 20px; font-style: italic; line-height: 1.8182; margin: 0 0 35px 0; padding-left: 17px;} #blog.single .content blockquote > blockquote { margin-left: 0;} #blog.single .content blockquote p {margin-bottom: 35px;} #blog.single .content blockquote > p:last-child {margin-bottom: 0;} #blog.single .content address { font-style: italic; margin: 0 0 28px;} #blog.single .content code, #blog.single .content kbd, #blog.single .content tt, #blog.single .content var, #blog.single .content samp, #blog.single .content pre { font-family: Monaco, monospace;} #blog.single .content pre {background-color: #354256;border: 1px solid #eaeaea;font-size: 17px;line-height: 1.2353;margin-bottom: 28px; max-width: 100%;overflow: auto; padding: 14px; white-space: pre;white-space: pre-wrap; word-wrap: break-word;} #blog.single .content hr {background-color: #eaeaea;border: 0;height: 1px;margin-bottom: 28px;} #blog.single .content ul, #blog.single .content ol { margin-bottom: 28px; padding: 0; line-height: 150%; } #blog.single .content ul {list-style: disc;} #blog.single .content ol {list-style: decimal;} #blog.single .content ul li, #blog.single .content ol li { margin-left: 22px;} #blog.single .content blockquote > ul, #blog.single .content blockquote > ol {margin-left: 28px;} #blog.single .content dl {margin: 0 0 28px;} #blog.single .content dt {font-weight: bold;} #blog.single .content dd {margin: 0 0 28px;} #blog.single .content table, #blog.single .content th, #blog.single .content td, #blog.single .content .mce-item-table, #blog.single .content .mce-item-table th, #blog.single .content .mce-item-table td {border: 1px solid #354256;} #blog.single .content table a { color: #333;} #blog.single .content table, #blog.single .content .mce-item-table {border-collapse: separate;border-spacing: 0;border-width: 1px 0 0 1px;margin: 0 0 28px;width: 100%;} #blog.single .content table th, #blog.single .content .mce-item-table th, #blog.single .content table caption {border-width: 0 1px 1px 0;font-family: "Poppins", serif;font-size: 17px;font-weight: 700;padding: 7px; text-align: left;vertical-align: baseline;} #blog.single .content table td, #blog.single .content .mce-item-table td { border-width: 0 1px 1px 0; font-family: "Poppins", serif;font-size: 17px;padding: 7px;vertical-align: baseline;} #blog.single .content img { border: 0; height: auto; max-width: 100%; vertical-align: middle;} #blog.single .content figure { margin: 0;} #blog.single .content del { opacity: 0.8;} #blog.single .content a {border-bottom: 1px solid #2f9d44; text-decoration: none; color: #2f9d44} #blog.single .content .alignleft {float: left; margin: 7px 28px 28px 0;} #blog.single .content .alignright { float: right;margin: 7px 0 28px 28px;} #blog.single .content .aligncenter {clear: both;display: block; margin: 7px auto;} #blog.single .content .sharer{ float: left; width: 100%; list-style: none; margin: 0; margin-bottom: 50px; margin-top: 30px; padding: 10px 0; border-bottom: 3px solid #e9e9e9;} #blog.single .content .sharer:before{ content: "Compartilhe: "; font-weight: bold; text-transform: uppercase; color: #354256; } #blog.single .content .sharer li{ display: inline-block; margin-left: 10px} #blog.single .content .sharer li a{ text-decoration: none; border-bottom: 0; font-size: 18px; padding: 2px 7px; border-radius: 2px;} #blog.single .content .sharer li.facebook a{ background-color: #4267b2; color: #fff; } #blog.single .content .sharer li.twitter a{ background-color: #0084B4; color: #fff;} #blog.single .content .sharer li.google-plus a{ background-color: #db4437; color: #fff;} #blog.single .content .sharer li.linkedin a{ background-color: #0084bf; color: #fff;} #blog.single .comments{ float: left; width: 100%; padding: 0 10%; box-sizing: border-box; } #contact{ float: left; width: 100%; padding: 30px 0; background-color:#2F8BCB; } #contact .title{ margin-top: 0; } #contact .title h2{ color: #fff; margin-bottom: 20px; } #contact .title p{ color: #fff; margin-bottom: 0; } #contact form input[type=submit]{ background-color: transparent; border: 2px solid #fff; width: auto; padding: 15px 50px; } #contact form input[type=text], #contact form input[type=email], #contact form textarea{ padding: 8px; } #contact form textarea{ height: 75px; } #contact form .row{ padding: 5px 0; } .mod .header{padding: 50px 0 0; margin-bottom: 0; float: left; width: 100%; background: #eee bottom no-repeat; background-size: cover; } .mod .header form input[type=submit]{background-color: #2F9D44; color: #fff; line-height: 0; padding: 27px 0; } .mod .header h1{ margin-top: 30px; margin-bottom: 0; color: #333!important; padding: 30px 0; } .mod .products_wrapper{ background-color: #fff; position: relative; padding: 0; } .mod .products_wrapper .bx-viewport{ background-color: #fff;} #single .header{padding: 5.5rem 0 1rem 0; float: left; width: 100%;} #single .header h1{ margin-bottom: 0; color: #333; padding: 30px 0; } #single .header h1 .price{ color: #2F9D44; font-weight: bold; } #single .details{ } #single .details input{ background-color: #eee; display: inline-block; border: 0; padding: 4px 0 7px; width: 50px; text-align: center; font-family: "Poppins"; font-weight: bold; color: #333; font-size: 18px;} #single .content{ padding-bottom: 50px; float: left; width: 100%; } #single .content h2{ color: #2F8BCB; margin-top: 30px; } #single .content p{ font-size: 15px; line-height: 150%; } #single .content .about{ padding-right: 5%; } #single .content aside{ padding-top: 30px; } #single .content aside #check input[type=text]{ border: 2px solid #ccc; margin-bottom: 15px; } #single .content article{ border-bottom: 1px solid #fff; float: left; width: 100%; background-color: #2F8BCB; box-sizing: border-box; } #single .content article h3{ font-weight: 500; color: #fff; margin-bottom: 0; cursor: pointer; padding:8px 20px; font-size: 16px; position: relative;} #single .content article h3:after{ content: "\f106"; font-family: FontAwesome; position: absolute; right: 20px; } #single .content article.open h3:after{ content: "\e669"; } #single .content article .text{ display: none; float: left; width: 100%; background-color: #fff; padding: 20px;box-sizing: border-box; } #single .content article p{ color: #333; } .mod .buy{ display: none; width: 100%; position: fixed; bottom: 0; left: 0; text-align: center; background-color: #2F9D44; } #login .header{margin: 6.5rem auto 0; float: left; width: 100%; box-shadow: 0px 8px 5px #888, 0px 1px 5px #888 !important;} #login .header h1{ margin-bottom: 0; color: #333; padding: 30px 0 0; font-size: 26px;} #login .header p{ margin-bottom: 30px; } #login .content{ float: left; width: 100%; padding: 30px 0 0;} #cadastro .header{margin: 6.5rem auto 0; float: left; width: 100%;} #cadastro .header h1{ margin-bottom: 0; color: #333; padding: 30px 0 0; font-size: 26px;} #cadastro .header p{ margin-bottom: 30px; } #form-cadastro {float: none !important; margin: 0 auto;} .login form .select-tabs{ float: left; width: 100%; padding:0 1% 15px; box-sizing: border-box;} .login form .select-tabs li{ float: left; width: 50%; } .login form .select-tabs li a{ transition: all .2s; color: #2F8BCB; display: block; width: 100%; text-align: center; box-sizing: border-box; padding: 10px 15px;border:1px solid #2F8BCB;} .login form .select-tabs li a.active{ background-color: #2F8BCB; color: #fff; } .login form .row{ padding: 0; } .login form .row .field_pj{ display: none; } .login h2{ font-size: 18px; color: #666; font-weight: 400; } .login form span{ margin-bottom: 20px; } .login form input[type=text], .login form input[type=email], .login form input[type=password], .login form select{ transition: all .2s; border: 1px solid #ccc; float: left; width: 100%; } .login form input[type=text]:focus, .login form input[type=email]:focus, .login form input[type=password]:focus{ border-color: #666; } .login form input[type=submit]{ background-color: #2F9D44; } .login form input.mask_cep{ background: no-repeat center right; } form input.searching{ background: url('../images/loader.gif') no-repeat center right; } .login form .correct{ position: relative; } .login form .correct input, .login form .correct select{ border-color: #2F9D44; } .login form .correct:before{ content: "\f00c"; font-size: 22px; color: #2F9D44; font-family: FontAwesome; position: absolute; right: 5%; top: 8px; } .login form .incorrect{ position: relative; } .login form .incorrect input, .login form .incorrect select{ border-color: #cb4633; } .login form .incorrect:before{ content: "\f00d"; font-size: 22px; color: #cb4633; font-family: FontAwesome; position: absolute; right: 5%; top: 8px; } .login form .alternative{ width: 100%; text-align: center; display: block; padding: 30px; box-sizing: border-box; } .login .social{ text-transform: normal; } .login .social h2{ font-size: 18px; color: #666; font-weight: 400; } .login .social ul{ float: left; width: 100%; padding: 0 1%; box-sizing: border-box;} .login .social ul li{ float: left; width: 100%; box-sizing: border-box; margin-bottom: 5px; } .login .social ul li a{ width: 100%; text-transform: none; box-sizing: border-box;} .login .social ul li a i{ width: 10%; float: left; font-size: 24px;} .login .social ul li a span{ width: 90%; text-align: center; float: left; line-height: 22px; } footer{ float: left; width: 100%; background-color:#fff; padding: 20px 0 0; } footer h4{ font-size: 14px; color: #333; font-weight: 600; text-transform: uppercase; margin-top: 30px; } footer .links{ padding-left: 5%; } footer .row ul{ margin-bottom: 40px; } footer .row ul li{ float: left; width: 100%; font-weight: 400; font-size: 14px; line-height: 180%;} footer .row ul li a{ color: #333; } footer .row p{ color: #333; font-weight: 400;font-size: 14px; } footer .row p.social{ margin-top: 20px; } footer .row p.social a{ font-size: 30px; margin-right: 5px; color: #2F9D44; } footer .rights{ padding: 20px 0; font-size: 12px; } .link {color:#2F9D44 !important;} #cart{ transition: all .3s; position: fixed; right: -400px; z-index: 500; box-sizing: border-box; padding: 20px; top: 0; background-color: #fff; max-width: 350px; width: 100%; height: 100%; } #cart.open{ right: 0; } #cart .close{ float: left; font-size: 30px; position: absolute; left: 20px; top: 20px; } #cart h2{ margin-bottom: 0; text-align: center; border-bottom: 1px solid #eee; padding-bottom: 20px; color: #333; } #cart article{ color: #666; float: left; width: 100%; border-bottom: 1px solid #ccc; position: relative; padding: 15px 0; } #cart article .remove{ font-size: 18px; position: absolute; right: 0; top: 20px;} #cart article .price{ position: absolute; right: 0; bottom: 20px; font-size: 18px; color: #333; } #cart article .details input{ background-color: #eee; display: inline-block; border: 0; padding: 3px 0 5px; width: 50px; text-align: center; font-family: "Poppins"; font-weight: bold; color: #333; font-size: 18px;} #cart article .details .btn-dark{ background-color: #fff; color: #333; border:1px solid #ccc; } #cart .bottom{ position: absolute; bottom: 20px; left: 20px; right: 20px; } #cart .bottom form{ padding: 20px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } #cart .bottom input[type=text]{ border:1px solid #ccc; padding: 9px 10px 10px; } #cart .bottom .btn{ width: 100%; text-align: center; box-sizing: border-box; } #cart .bottom .total{ float: left; width: 100%; padding: 15px 0; box-sizing: border-box;} #cart .bottom .total strong{ float: left; font-size: 18px; color: #333;} #cart .bottom .total .price{ float: right; font-size: 18px; } #cart .bottom .subtotal{ float: left; width: 100%; padding: 15px 0; box-sizing: border-box;} #cart .bottom .subtotal strong{ float: left; font-size: 18px; color: #666;} #cart .bottom .subtotal .price{ float: right; font-size: 18px; } #terms{ float: left; width: 100%; box-sizing: border-box; padding: 20px; color: #333; position: relative;} #terms .back{ position: fixed; right: 5%; width: 150px; bottom:5%; text-align: center; margin-right: 15px; background-color:#2F9D44; font-size: 16px; padding: 10px; color: #fff; z-index: 600; } .modal{ display: none; position: fixed; overflow: auto; width: 90%; height: 90%; left: 5%; top: 5%; background-color: #fff; box-sizing: border-box; z-index: 500;} .mask{ display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,.8); z-index: 400; } .mask-close{ display: none; position: fixed; right: 5%; top:5%; background-color:#2F9D44; font-size: 16px; padding: 10px; color: #fff; z-index: 600; } .modal #single .header{ padding: 30px 0;} .modal #login .header{ padding: 0px 0;} #admin{ float: left; width: 100%; padding: 110px 0 0; border-bottom: 1px solid #ccc;} #admin #intro{ float: left; width: 100%; padding: 0px 0; background-color: #ffffff;} #admin #intro h1{ font-size: 36px; color: #354256; line-height: 120%;} #admin #intro h2{ font-size: 24px; text-transform: uppercase; color: #2F9D44; line-height: 120%;} #admin.needSpace #intro .avatar{ z-index: 97; } #admin #intro .avatar{ position: relative; min-height: 40px; z-index: 0; } #admin #intro .avatar img{ width: 30%; right: 0; top: 10px; position: absolute; } #admin #intro h1{ margin-bottom: 0; margin-left: 0; padding-left: 8%; } #admin #main{ float: left; width: 100%; padding: 50px 0; } #admin #main aside{ padding: 0; } #admin #main aside .balance{ background-color: #e9e9e9; float: left; width: 100%; padding: 20px; box-sizing: border-box; } #admin #main aside .balance .label{ float: left; width: 100%; font-size: 16px; text-transform: uppercase; } #admin #main aside .balance .price{ font-weight: 400; font-size: 24px; color: #333; float: left; width: 100%; } #admin #main aside .balance .price .bigger{ color: #333; font-weight: 800; font-size: 32px;} #admin #main aside ul{ float: left; width: 100%; box-sizing: border-box; border: 1px solid #ccc;} #admin #main aside ul li{ float: left; width: 100%; border-right: 1px solid #ccc; box-sizing: border-box; } #admin #main aside ul li a{ transition: all .3s; color: #333; float: left; width: 100%; display: block; padding: 15px 20px; box-sizing: border-box; border-bottom: 1px solid #ccc; } #admin #main aside ul li a:hover, #admin #main aside ul li a.active{ background-color:#2F9D44; color: #fff; } #admin table{ float: left; width: 100%; border:1px solid #ccc; } #admin table thead td{ color: #333; padding: 15px 20px; background-color: #e9e9e9; text-transform: uppercase; font-weight: bold; } #admin table thead .price{ font-size: 20px; font-weight: 400; background-color: #fff; } #admin table thead .status{ font-size: 20px; font-weight: 400; background-color: #fff; } #admin table thead .sec{ font-size: 16px; font-weight: 400; background-color: #fff; } #admin table tbody td{ padding: 10px 20px; background-color: #fff; color: #333; border-bottom: 1px solid #eee; font-size: 14px; } #admin table tbody tr:nth-child(odd) td{ background-color: rgba(181,181,181,0.11); } #admin table tfoot td{ padding: 10px 20px; background-color: #fff; color: #333; border-bottom: 1px solid #ccc; text-align: center; } #admin table span.label{ padding: 5px; border-radius: 5px; margin: 0; float: left; font-size: 12px; text-transform: uppercase;} #admin table span.label_done{ background-color: #2F9D44; color: #fff; } #admin table span.label_danger{ background-color: #C0392B; color: #fff; } #admin table span.label_black{ background-color: #000; color: #fff; } #admin table span.label_dalabel_bluenger{ background-color: #00F; color: #fff; } #admin table span.label_wine{ background-color: #9b3127; color: #fff; } #admin table span.label_pending{ background-color: #F39C12; color: #fff; } #admin table span.label_white{ background-color: #fff; color: #333; } #admin table tbody td.mastercard{ padding-left: 50px; background-size: 10%; color: #fff; background-color: #f37b26!important; background-position: 5% center; background-repeat: no-repeat; background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjM5NyIgdmlld0JveD0iMCAwIDUxMiAzOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGQ9Ik05My4wNzkgMzk2LjAyM3YtMjYuMzQzYzAtMTAuMDk4LTYuMTQ3LTE2LjY4NC0xNi42ODQtMTYuNjg0LTUuMjY5IDAtMTAuOTc2IDEuNzU2LTE0LjkyOCA3LjQ2NC0zLjA3My00LjgzLTcuNDY0LTcuNDY0LTE0LjA1LTcuNDY0LTQuMzkgMC04Ljc4MSAxLjMxNy0xMi4yOTMgNi4xNDd2LTUuMjY5aC05LjIydjQyLjE0OWg5LjIydi0yMy4yN2MwLTcuNDY0IDMuOTUxLTEwLjk3NiAxMC4wOTgtMTAuOTc2czkuMjIgMy45NTEgOS4yMiAxMC45NzZ2MjMuMjdoOS4yMnYtMjMuMjdjMC03LjQ2NCA0LjM5LTEwLjk3NiAxMC4wOTgtMTAuOTc2IDYuMTQ3IDAgOS4yMiAzLjk1MSA5LjIyIDEwLjk3NnYyMy4yN2gxMC4wOTh6bTEzNi41NDQtNDIuMTQ5aC0xNC45Mjh2LTEyLjczMmgtOS4yMnYxMi43MzJoLTguMzQydjguMzQyaDguMzQydjE5LjMxOGMwIDkuNjU5IDMuOTUxIDE1LjM2NyAxNC40ODkgMTUuMzY3IDMuOTUxIDAgOC4zNDItMS4zMTcgMTEuNDE1LTMuMDczbC0yLjYzNC03LjkwM2MtMi42MzQgMS43NTYtNS43MDggMi4xOTUtNy45MDMgMi4xOTUtNC4zOSAwLTYuMTQ3LTIuNjM0LTYuMTQ3LTcuMDI1di0xOC44NzloMTQuOTI4di04LjM0MnptNzguMTUxLS44NzhjLTUuMjY5IDAtOC43ODEgMi42MzQtMTAuOTc2IDYuMTQ3di01LjI2OWgtOS4yMnY0Mi4xNDloOS4yMnYtMjMuNzA5YzAtNy4wMjUgMy4wNzMtMTAuOTc2IDguNzgxLTEwLjk3NiAxLjc1NiAwIDMuOTUxLjQzOSA1LjcwOC44NzhsMi42MzQtOC43ODFjLTEuNzU2LS40MzktNC4zOS0uNDM5LTYuMTQ3LS40Mzl6bS0xMTguMTA0IDQuMzljLTQuMzktMy4wNzMtMTAuNTM3LTQuMzktMTcuMTIzLTQuMzktMTAuNTM3IDAtMTcuNTYyIDUuMjY5LTE3LjU2MiAxMy42MTEgMCA3LjAyNSA1LjI2OSAxMC45NzYgMTQuNDg5IDEyLjI5M2w0LjM5LjQzOWM0LjgzLjg3OCA3LjQ2NCAyLjE5NSA3LjQ2NCA0LjM5IDAgMy4wNzMtMy41MTIgNS4yNjktOS42NTkgNS4yNjlzLTEwLjk3Ni0yLjE5NS0xNC4wNS00LjM5bC00LjM5IDcuMDI1YzQuODMgMy41MTIgMTEuNDE1IDUuMjY5IDE4LjAwMSA1LjI2OSAxMi4yOTMgMCAxOS4zMTgtNS43MDggMTkuMzE4LTEzLjYxMSAwLTcuNDY0LTUuNzA4LTExLjQxNS0xNC40ODktMTIuNzMybC00LjM5LS40MzljLTMuOTUxLS40MzktNy4wMjUtMS4zMTctNy4wMjUtMy45NTEgMC0zLjA3MyAzLjA3My00LjgzIDcuOTAzLTQuODMgNS4yNjkgMCAxMC41MzcgMi4xOTUgMTMuMTcxIDMuNTEybDMuOTUxLTcuNDY0em0yNDQuOTktNC4zOWMtNS4yNjkgMC04Ljc4MSAyLjYzNC0xMC45NzYgNi4xNDd2LTUuMjY5aC05LjIydjQyLjE0OWg5LjIydi0yMy43MDljMC03LjAyNSAzLjA3My0xMC45NzYgOC43ODEtMTAuOTc2IDEuNzU2IDAgMy45NTEuNDM5IDUuNzA4Ljg3OGwyLjYzNC04Ljc4MWMtMS43NTYtLjQzOS00LjM5LS40MzktNi4xNDctLjQzOXptLTExNy42NjUgMjEuOTUyYzAgMTIuNzMyIDguNzgxIDIxLjk1MiAyMi4zOTIgMjEuOTUyIDYuMTQ3IDAgMTAuNTM3LTEuMzE3IDE0LjkyOC00LjgzbC00LjM5LTcuNDY0Yy0zLjUxMiAyLjYzNC03LjAyNSAzLjk1MS0xMC45NzYgMy45NTEtNy40NjQgMC0xMi43MzItNS4yNjktMTIuNzMyLTEzLjYxMSAwLTcuOTAzIDUuMjY5LTEzLjE3MSAxMi43MzItMTMuNjExIDMuOTUxIDAgNy40NjQgMS4zMTcgMTAuOTc2IDMuOTUxbDQuMzktNy40NjRjLTQuMzktMy41MTItOC43ODEtNC44My0xNC45MjgtNC44My0xMy42MTEgMC0yMi4zOTIgOS4yMi0yMi4zOTIgMjEuOTUyem04NS4xNzYgMHYtMjEuMDc0aC05LjIydjUuMjY5Yy0zLjA3My0zLjk1MS03LjQ2NC02LjE0Ny0xMy4xNzEtNi4xNDctMTEuODU0IDAtMjEuMDc0IDkuMjItMjEuMDc0IDIxLjk1MiAwIDEyLjczMiA5LjIyIDIxLjk1MiAyMS4wNzQgMjEuOTUyIDYuMTQ3IDAgMTAuNTM3LTIuMTk1IDEzLjE3MS02LjE0N3Y1LjI2OWg5LjIydi0yMS4wNzR6bS0zMy44MDcgMGMwLTcuNDY0IDQuODMtMTMuNjExIDEyLjczMi0xMy42MTEgNy40NjQgMCAxMi43MzIgNS43MDggMTIuNzMyIDEzLjYxMSAwIDcuNDY0LTUuMjY5IDEzLjYxMS0xMi43MzIgMTMuNjExLTcuOTAzLS40MzktMTIuNzMyLTYuMTQ3LTEyLjczMi0xMy42MTF6bS0xMTAuMjAxLTIxLjk1MmMtMTIuMjkzIDAtMjEuMDc0IDguNzgxLTIxLjA3NCAyMS45NTIgMCAxMy4xNzEgOC43ODEgMjEuOTUyIDIxLjUxMyAyMS45NTIgNi4xNDcgMCAxMi4yOTMtMS43NTYgMTcuMTIzLTUuNzA4bC00LjM5LTYuNTg2Yy0zLjUxMiAyLjYzNC03LjkwMyA0LjM5LTEyLjI5MyA0LjM5LTUuNzA4IDAtMTEuNDE1LTIuNjM0LTEyLjczMi0xMC4wOThoMzEuMTczdi0zLjUxMmMuNDM5LTEzLjYxMS03LjQ2NC0yMi4zOTItMTkuMzE4LTIyLjM5MnptMCA3LjkwM2M1LjcwOCAwIDkuNjU5IDMuNTEyIDEwLjUzNyAxMC4wOThoLTIxLjk1MmMuODc4LTUuNzA4IDQuODMtMTAuMDk4IDExLjQxNS0xMC4wOTh6bTIyOC43NDUgMTQuMDV2LTM3Ljc1OGgtOS4yMnYyMS45NTJjLTMuMDczLTMuOTUxLTcuNDY0LTYuMTQ3LTEzLjE3MS02LjE0Ny0xMS44NTQgMC0yMS4wNzQgOS4yMi0yMS4wNzQgMjEuOTUyIDAgMTIuNzMyIDkuMjIgMjEuOTUyIDIxLjA3NCAyMS45NTIgNi4xNDcgMCAxMC41MzctMi4xOTUgMTMuMTcxLTYuMTQ3djUuMjY5aDkuMjJ2LTIxLjA3NHptLTMzLjgwNyAwYzAtNy40NjQgNC44My0xMy42MTEgMTIuNzMyLTEzLjYxMSA3LjQ2NCAwIDEyLjczMiA1LjcwOCAxMi43MzIgMTMuNjExIDAgNy40NjQtNS4yNjkgMTMuNjExLTEyLjczMiAxMy42MTEtNy45MDMtLjQzOS0xMi43MzItNi4xNDctMTIuNzMyLTEzLjYxMXptLTMwOC4yMTMgMHYtMjEuMDc0aC05LjIydjUuMjY5Yy0zLjA3My0zLjk1MS03LjQ2NC02LjE0Ny0xMy4xNzEtNi4xNDctMTEuODU0IDAtMjEuMDc0IDkuMjItMjEuMDc0IDIxLjk1MiAwIDEyLjczMiA5LjIyIDIxLjk1MiAyMS4wNzQgMjEuOTUyIDYuMTQ3IDAgMTAuNTM3LTIuMTk1IDEzLjE3MS02LjE0N3Y1LjI2OWg5LjIydi0yMS4wNzR6bS0zNC4yNDYgMGMwLTcuNDY0IDQuODMtMTMuNjExIDEyLjczMi0xMy42MTEgNy40NjQgMCAxMi43MzIgNS43MDggMTIuNzMyIDEzLjYxMSAwIDcuNDY0LTUuMjY5IDEzLjYxMS0xMi43MzIgMTMuNjExLTcuOTAzLS40MzktMTIuNzMyLTYuMTQ3LTEyLjczMi0xMy42MTF6Ii8+PHBhdGggZmlsbD0iI0ZGNUYwMCIgZD0iTTE4Ni41OTYgMzMuODA3aDEzOC4zMDF2MjQ4LjUwMmgtMTM4LjMwMXoiLz48cGF0aCBkPSJNMTk1LjM3NyAxNTguMDU4YzAtNTAuNDkxIDIzLjcwOS05NS4yNzQgNjAuMTUtMTI0LjI1MS0yNi43ODItMjEuMDc0LTYwLjU4OS0zMy44MDctOTcuNDY5LTMzLjgwNy04Ny4zNzEgMC0xNTguMDU4IDcwLjY4Ny0xNTguMDU4IDE1OC4wNThzNzAuNjg3IDE1OC4wNTggMTU4LjA1OCAxNTguMDU4YzM2Ljg4IDAgNzAuNjg3LTEyLjczMiA5Ny40NjktMzMuODA3LTM2LjQ0MS0yOC41MzgtNjAuMTUtNzMuNzYtNjAuMTUtMTI0LjI1MXoiIGZpbGw9IiNFQjAwMUIiLz48cGF0aCBkPSJNNTExLjQ5MyAxNTguMDU4YzAgODcuMzcxLTcwLjY4NyAxNTguMDU4LTE1OC4wNTggMTU4LjA1OC0zNi44OCAwLTcwLjY4Ny0xMi43MzItOTcuNDY5LTMzLjgwNyAzNi44OC0yOC45NzcgNjAuMTUtNzMuNzYgNjAuMTUtMTI0LjI1MXMtMjMuNzA5LTk1LjI3NC02MC4xNS0xMjQuMjUxYzI2Ljc4Mi0yMS4wNzQgNjAuNTg5LTMzLjgwNyA5Ny40NjktMzMuODA3IDg3LjM3MSAwIDE1OC4wNTggNzEuMTI2IDE1OC4wNTggMTU4LjA1OHoiIGZpbGw9IiNGNzlFMUIiLz48L3N2Zz4='); } #admin table tbody td.visa{ padding-left: 50px; background-size: 10%; color: #fff; background-color: #0f509e; background-position: 5% center; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSIxNjZweCIgdmlld0JveD0iMCAwIDUxMiAxNjYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgICA8Zz4gICAgICAgIDxwYXRoIGQ9Ik0yNjQuNzk0MTg3LDExMi40Nzk0OTEgQzI2NC41MDIwNzIsODkuNDQ4NTYxNiAyODUuMzE5MDgsNzYuNTk1NTE5OCAzMDEuMDAxMDIxLDY4Ljk1NDQxNzIgQzMxNy4xMTM0NDcsNjEuMTEzNDQ2NiAzMjIuNTI1MjU0LDU2LjA4NjAwMDggMzIyLjQ2Mzc1Niw0OS4wNzUyNTA3IEMzMjIuMzQwNzYsMzguMzQzODgzMyAzMDkuNjEwNzE0LDMzLjYwODU1MiAyOTcuNjk1NTE0LDMzLjQyNDA1ODYgQzI3Ni45MDkyNTUsMzMuMTAxMTk1MSAyNjQuODI0OTM1LDM5LjAzNTczMzYgMjU1LjIxNTkwMyw0My41MjUwNzM2IEwyNDcuNzI4NTQ1LDguNDg2Njk3NSBDMjU3LjM2ODMyNiw0LjA0MzQ4MDg3IDI3NS4yMTgwNjUsMC4xNjkxMTg5NzIgMjkzLjcyODkwNSwtMS40MjEwODU0N2UtMTQgQzMzNy4xNzcxMDYsLTEuNDIxMDg1NDdlLTE0IDM2NS42MDQ0NjgsMjEuNDQ3MzYwNSAzNjUuNzU4MjEzLDU0LjcwMjMwMDIgQzM2NS45MjczMzIsOTYuOTA1MTcwOSAzMDcuMzgxNDE5LDk5LjI0MjA4NzYgMzA3Ljc4MTE1NCwxMTguMTA2NTQgQzMwNy45MTk1MjQsMTIzLjgyNTgzNiAzMTMuMzc3NDU1LDEyOS45Mjk0OTQgMzI1LjMzODc3OCwxMzEuNDgyMzEzIEMzMzEuMjU3OTQyLDEzMi4yNjY0MSAzNDcuNjAwOTg1LDEzMi44NjYwMTQgMzY2LjEyNzIsMTI0LjMzMzE5MyBMMzczLjM5OTMxNSwxNTguMjMzODYgQzM2My40MzY2NywxNjEuODYyMjMgMzUwLjYyOTc1MiwxNjUuMzM2ODU3IDMzNC42ODY0NDUsMTY1LjMzNjg1NyBDMjkzLjc5MDQwMywxNjUuMzM2ODU3IDI2NS4wMjQ4MDMsMTQzLjU5NzM4MiAyNjQuNzk0MTg3LDExMi40Nzk0OTEgTTQ0My4yNzYyLDE2Mi40MTU3MTEgQzQzNS4zNDI5ODIsMTYyLjQxNTcxMSA0MjguNjU1MDk2LDE1Ny43ODgwMDEgNDI1LjY3MjQ1MiwxNTAuNjg1MDA0IEwzNjMuNjA1Nzg5LDIuNDkwNjYxMjIgTDQwNy4wMjMyNDIsMi40OTA2NjEyMiBMNDE1LjY2MzY4NCwyNi4zNjcxODUyIEw0NjguNzIwOTE4LDI2LjM2NzE4NTIgTDQ3My43MzI5ODksMi40OTA2NjEyMiBMNTEyLDIuNDkwNjYxMjIgTDQ3OC42MDY2OSwxNjIuNDE1NzExIEw0NDMuMjc2MiwxNjIuNDE1NzExIE00NDkuMzQ5MTA4LDExOS4yMTM1MDEgTDQ2MS44NzkyODcsNTkuMTYwODkxMiBMNDI3LjU2MzUxLDU5LjE2MDg5MTIgTDQ0OS4zNDkxMDgsMTE5LjIxMzUwMSBNMjEyLjE1MjA2MywxNjIuNDE1NzExIEwxNzcuOTI4NTMzLDIuNDkwNjYxMjIgTDIxOS4zMDExODMsMi40OTA2NjEyMiBMMjUzLjUwOTMzOSwxNjIuNDE1NzExIEwyMTIuMTUyMDYzLDE2Mi40MTU3MTEgTTE1MC45NDYzNywxNjIuNDE1NzExIEwxMDcuODgyNTMsNTMuNTY0NTkwNyBMOTAuNDYzMjc1NSwxNDYuMTE4NzkyIEM4OC40MTg0NzM0LDE1Ni40NTA0MjMgODAuMzQ2ODg2MSwxNjIuNDE1NzExIDcxLjM4MzU4MDYsMTYyLjQxNTcxMSBMMC45ODM5NjQ5MjcsMTYyLjQxNTcxMSBMMCwxNTcuNzcyNjI2IEMxNC40NTE5ODQ5LDE1NC42MzYyMzggMzAuODcxODk5NiwxNDkuNTc4MDQzIDQwLjgxOTE3LDE0NC4xNjYyMzYgQzQ2LjkwNzQ1MywxNDAuODYwNzI5IDQ4LjY0NDc2NjEsMTM3Ljk3MDMzMiA1MC42NDM0NDQ4LDEzMC4xMTM5ODcgTDgzLjYzNzAxODgsMi40OTA2NjEyMiBMMTI3LjM2MTk2LDIuNDkwNjYxMjIgTDE5NC4zOTQ1NzEsMTYyLjQxNTcxMSBMMTUwLjk0NjM3LDE2Mi40MTU3MTEiIGZpbGw9IiNGRkZGRkYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1Ni4wMDAwMDAsIDgyLjY2ODQyOCkgc2NhbGUoMSwgLTEpIHRyYW5zbGF0ZSgtMjU2LjAwMDAwMCwgLTgyLjY2ODQyOCkgIj48L3BhdGg+ICAgIDwvZz48L3N2Zz4=); } #admin table tbody td.no-margin{ padding: 0 10px; vertical-align: middle; } #admin .filter{ float: left; width: 100%; padding: 10px 0 30px 0; } #admin .filter input[type=text], #admin .filter select{ border:1px solid #ccc; padding:9px 10px 9px; } #admin .filter label{ font-weight: bold; color: #333; padding: 12px 0; float: left; } #admin .login{ padding-left: 5%; } #admin .login h2{ color: #333; font-size: 24px; font-weight: normal; } #admin .login h3{ color: #333; font-size: 16px; font-weight: normal; } #admin .extrato{ padding-left: 5%; } #admin .extrato h2{ color: #333; font-size: 24px; font-weight: normal;} #admin .prods{ padding-left: 5%; } #admin .prods h2{ color: #333; font-size: 24px; font-weight: normal; margin-bottom: 30px;} #admin .prods article{margin-bottom: 20px; float: left; box-shadow: 1px 2px 10px #ccc; padding: 20px; background-color: #fff; border-radius: 5px; position: relative;} #admin .prods article .most{ position: absolute; top: -10px; left: 25%; width: 50%; background-color:#2F9D44; color: #fff; text-transform: uppercase; padding: 5px 0; text-align: center; display: inline-block; font-size: 12px; border-radius: 5px;} #admin .prods article h3{ width: 100%; height: 50px; display: flex; align-items: center; justify-content: center; font-weight: 600; margin-bottom: 10px; color: #333; text-align: center; line-height: 26px; font-size: 16px; text-transform: uppercase;} #admin .prods article .price{ font-weight: 400; font-size: 24px; color: #333; float: left; width: 100%; text-align: center; } #admin .prods article .price .bigger{ color: #333; font-weight: 800; font-size: 50px;} #admin .prods article .caption{ float: left; width: 100%; font-size: 14px; text-align: center; margin-bottom: 20px;} #admin .prods article .btn{background-color: #2F8BCB; border:1px solid #2F8BCB; color: #fff; width: 100%; box-sizing: border-box; text-align: center; padding:15px 0; } #model, #model-1, #model-2{ float: left; width: 100%; padding: 30px 20px; box-sizing: border-box; } #model table{ float: left; width: 100%; } /*#model table thead th{ color: #333; padding: 20px 20px; background-color: #ccc; }*/ #model table tbody td{ font-size: 14px; padding: 10px 20px; background-color: #fff; color: #333; } #model table tbody td a{ color:#2F8BCB; } #model table tbody tr:nth-child(odd) td{ background-color: #eee; } #model .alert{ float: left; width: 100%; box-sizing: border-box; padding: 20px; } #model .alert p{ margin-bottom: 0; font-size: 16px; text-align: center;} #model .alert.alert-danger{ background-color: #f2dede; color: #b94a48; margin-bottom: 0;} #model .alert.alert-warning{ background-color: #fcf8e3; color: #8a6d3b; margin-bottom: 0;} #model .separador-pesquisa{ position: relative; margin: 35px 0px; clear: both; float: left; width: 90%;} #model .separador-pesquisa .icone-separador{ width: 62px; position: absolute; top: 5px; left: 10px} #model .separador-pesquisa .box-titulo{ padding: 0.8em 0.8em 0.8em 3em; background: #2F9D44; margin-left: 35px; background-repeat: no-repeat; line-height: 40px; color: #fff; font-weight: 300; font-size: 1.3em; border-radius: 0 20px 20px 0;} #model .item-imagem{ float: left; margin-right: 10px;} #card .center{ text-align: center; float: left; width: 100%; padding: 30px; box-sizing: border-box; } #card h2{ font-size: 24px; font-weight: bold; padding: 50px 0 0; margin-bottom: 0; } #card .card{transform-style: preserve-3d; transition: all .4s linear; display: inline-block; width: 290px; position: relative; height: 182px; margin-bottom: 0; } #card .card .front, #card .card .back{border-radius: 5px; background: linear-gradient(25deg,#f37b26,#fdb731); transform-style: preserve-3d;} #card .card.flip{ transform: rotateY(180deg); } #card .card.flip .back{ z-index: 10;} #card .card.flip .front{ } #card .card span{ margin-bottom: 0; position: absolute; font-family: Consolas,Courier,monospace;} #card .card .brand{ background-position: 100% 0; height: 23%; right: 10%; width: 40%; background-repeat: no-repeat; background-size: contain; top: 10%; } #card .card .front {transform: rotateY(0deg); z-index: 10; position: absolute; width: 100%; height: 100%; left: 0; top: 0; } #card .card .front .chip{ display: block; height: 26.36364px; left: 10%; top: 10%; width: 41.42857px; background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9Ijc2IiB2aWV3Qm94PSIwIDAgMTAwIDc2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjEwMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiNGM0QwOEYiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkFENzY2IiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBkPSJNOTIuNzI3IDc1LjQ1NWgtODUuNDU1Yy00IDAtNy4yNzMtMy4yNzMtNy4yNzMtNy4yNzN2LTYwLjkwOWMwLTQgMy4yNzMtNy4yNzMgNy4yNzMtNy4yNzNoODUuNDU1YzQgMCA3LjI3MyAzLjI3MyA3LjI3MyA3LjI3M3Y2MC45MDljMCA0LTMuMjczIDcuMjczLTcuMjczIDcuMjczIiBmaWxsPSJ1cmwoI2EpIi8+PHBhdGggZD0iTTcyLjEyMyAyOC40ODVoMjcuODc4di0xLjgxOGgtMjkuNjQ4Yy0uOTY1IDAtMS44MzIuNjAxLTIuMTcyIDEuNTA0LTIuMjg3IDYuMDcyLTIuNDMzIDEyLjU5NC0uNDM4IDE5Ljg0Mi40NTUgMS42NTQuNDM1IDMuNC0uMSA1LjAzLTIuMDM2IDYuMTk1LTcuNzc5IDE5Ljk4OC0xOC41NTEgMTkuOTg4LTExLjAwOCAwLTE2LjA5Ni0xNS42OTktMTcuMzM0LTIxLjk1Mi0uMTU1LS43ODQtLjEyMi0xLjU5Mi4xMDctMi4zNTcgMS42OTUtNS42NDggMi4wOTQtMTAuNjQtLjAxNi0xOS41OS0uMjA1LS44Ny0uMTgyLTEuNzgzLjA0OC0yLjY0NiA0LjQ4LTE2Ljc1NSAxMi44ODItMjAuMTQ3IDEyLjk2NS0yMC4xNzkuMzU2LS4xMzIuNTkzLS40NzIuNTkzLS44NTJ2LTUuNDU1aC0xLjgxOHYzLjc3NmMwIC42NS0uMzMyIDEuMjUyLS44ODQgMS41OTYtMi44MDMgMS43NDItOC45MDQgNi45MzYtMTIuNTU3IDIwLjQ1Ni0uMTguNjY4LS43ODEgMS4xMzYtMS40NzMgMS4xMzNsLTI4LjcyMi0uMTM5djEuODE4bDI3LjQxNi4xMzNjMS40NjguMDA3IDIuNzM1IDEuMDQxIDMuMDM3IDIuNDc4IDEuNDE2IDYuNzQxIDEuMjE5IDExLjAzOS4wODIgMTUuNDU4LS4zMTYgMS4yMy0xLjQyIDIuMDk2LTIuNjkgMi4xMDlsLTI3Ljg0NC4yN3YxLjgxOWwyOC42MDUtLjI3OGMuNjkzLS4wMDcgMS4yOTYuNDczIDEuNDM1IDEuMTUyIDEuNDQyIDcuMDQxIDYuODg3IDIzLjA3IDE5LjA1IDIzLjA3IDYuMzY4IDAgMTIuMDYyLTQuMjUgMTYuNDY3LTEyLjI5IDIuNjQ0LTQuODI4IDQuMDY3LTkuNTkxIDQuNTQxLTExLjM0NmgyOS45MDF2LTEuODE4aC0yOC4wMTZjLTEuMTU4IDAtMi4xODMtLjc3Mi0yLjQ4OS0xLjg4OS0xLjY5Mi02LjE2NC0xLjc2MS0xMS43NTUtLjItMTYuOTU5LjM3MS0xLjIzNSAxLjUzOC0yLjA2MSAyLjgyNy0yLjA2MXptLTE3LjE1LTIxLjkxNGMuMDQ1LjAyMiA0LjUxOSAyLjMyMiA5LjI1MyAxMC4wNDEuMTcyLjI4LjQ3LjQzNC43NzYuNDM0LjE5OCAwIC4zOTktLjA2NC41NzEtLjIwMi4zNjUtLjI5Mi40MTYtLjgzNy4xNzItMS4yMzUtMy41Ny01LjgwNS03LjAyNC04LjcxLTguNzc1LTkuOTMxLS40My0uMjk5LS42OC0uNzkyLS42OC0xLjMxNXYtNC4zNjNoLTEuODE4djUuNzU4YzAgLjM0NS4xOTUuNjU5LjUwMi44MTN6IiBmaWxsPSIjMEMwMjAwIi8+PC9zdmc+'); background-size: contain; } #card .card .front .brand.mastercard{ background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjM5NyIgdmlld0JveD0iMCAwIDUxMiAzOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGQ9Ik05My4wNzkgMzk2LjAyM3YtMjYuMzQzYzAtMTAuMDk4LTYuMTQ3LTE2LjY4NC0xNi42ODQtMTYuNjg0LTUuMjY5IDAtMTAuOTc2IDEuNzU2LTE0LjkyOCA3LjQ2NC0zLjA3My00LjgzLTcuNDY0LTcuNDY0LTE0LjA1LTcuNDY0LTQuMzkgMC04Ljc4MSAxLjMxNy0xMi4yOTMgNi4xNDd2LTUuMjY5aC05LjIydjQyLjE0OWg5LjIydi0yMy4yN2MwLTcuNDY0IDMuOTUxLTEwLjk3NiAxMC4wOTgtMTAuOTc2czkuMjIgMy45NTEgOS4yMiAxMC45NzZ2MjMuMjdoOS4yMnYtMjMuMjdjMC03LjQ2NCA0LjM5LTEwLjk3NiAxMC4wOTgtMTAuOTc2IDYuMTQ3IDAgOS4yMiAzLjk1MSA5LjIyIDEwLjk3NnYyMy4yN2gxMC4wOTh6bTEzNi41NDQtNDIuMTQ5aC0xNC45Mjh2LTEyLjczMmgtOS4yMnYxMi43MzJoLTguMzQydjguMzQyaDguMzQydjE5LjMxOGMwIDkuNjU5IDMuOTUxIDE1LjM2NyAxNC40ODkgMTUuMzY3IDMuOTUxIDAgOC4zNDItMS4zMTcgMTEuNDE1LTMuMDczbC0yLjYzNC03LjkwM2MtMi42MzQgMS43NTYtNS43MDggMi4xOTUtNy45MDMgMi4xOTUtNC4zOSAwLTYuMTQ3LTIuNjM0LTYuMTQ3LTcuMDI1di0xOC44NzloMTQuOTI4di04LjM0MnptNzguMTUxLS44NzhjLTUuMjY5IDAtOC43ODEgMi42MzQtMTAuOTc2IDYuMTQ3di01LjI2OWgtOS4yMnY0Mi4xNDloOS4yMnYtMjMuNzA5YzAtNy4wMjUgMy4wNzMtMTAuOTc2IDguNzgxLTEwLjk3NiAxLjc1NiAwIDMuOTUxLjQzOSA1LjcwOC44NzhsMi42MzQtOC43ODFjLTEuNzU2LS40MzktNC4zOS0uNDM5LTYuMTQ3LS40Mzl6bS0xMTguMTA0IDQuMzljLTQuMzktMy4wNzMtMTAuNTM3LTQuMzktMTcuMTIzLTQuMzktMTAuNTM3IDAtMTcuNTYyIDUuMjY5LTE3LjU2MiAxMy42MTEgMCA3LjAyNSA1LjI2OSAxMC45NzYgMTQuNDg5IDEyLjI5M2w0LjM5LjQzOWM0LjgzLjg3OCA3LjQ2NCAyLjE5NSA3LjQ2NCA0LjM5IDAgMy4wNzMtMy41MTIgNS4yNjktOS42NTkgNS4yNjlzLTEwLjk3Ni0yLjE5NS0xNC4wNS00LjM5bC00LjM5IDcuMDI1YzQuODMgMy41MTIgMTEuNDE1IDUuMjY5IDE4LjAwMSA1LjI2OSAxMi4yOTMgMCAxOS4zMTgtNS43MDggMTkuMzE4LTEzLjYxMSAwLTcuNDY0LTUuNzA4LTExLjQxNS0xNC40ODktMTIuNzMybC00LjM5LS40MzljLTMuOTUxLS40MzktNy4wMjUtMS4zMTctNy4wMjUtMy45NTEgMC0zLjA3MyAzLjA3My00LjgzIDcuOTAzLTQuODMgNS4yNjkgMCAxMC41MzcgMi4xOTUgMTMuMTcxIDMuNTEybDMuOTUxLTcuNDY0em0yNDQuOTktNC4zOWMtNS4yNjkgMC04Ljc4MSAyLjYzNC0xMC45NzYgNi4xNDd2LTUuMjY5aC05LjIydjQyLjE0OWg5LjIydi0yMy43MDljMC03LjAyNSAzLjA3My0xMC45NzYgOC43ODEtMTAuOTc2IDEuNzU2IDAgMy45NTEuNDM5IDUuNzA4Ljg3OGwyLjYzNC04Ljc4MWMtMS43NTYtLjQzOS00LjM5LS40MzktNi4xNDctLjQzOXptLTExNy42NjUgMjEuOTUyYzAgMTIuNzMyIDguNzgxIDIxLjk1MiAyMi4zOTIgMjEuOTUyIDYuMTQ3IDAgMTAuNTM3LTEuMzE3IDE0LjkyOC00LjgzbC00LjM5LTcuNDY0Yy0zLjUxMiAyLjYzNC03LjAyNSAzLjk1MS0xMC45NzYgMy45NTEtNy40NjQgMC0xMi43MzItNS4yNjktMTIuNzMyLTEzLjYxMSAwLTcuOTAzIDUuMjY5LTEzLjE3MSAxMi43MzItMTMuNjExIDMuOTUxIDAgNy40NjQgMS4zMTcgMTAuOTc2IDMuOTUxbDQuMzktNy40NjRjLTQuMzktMy41MTItOC43ODEtNC44My0xNC45MjgtNC44My0xMy42MTEgMC0yMi4zOTIgOS4yMi0yMi4zOTIgMjEuOTUyem04NS4xNzYgMHYtMjEuMDc0aC05LjIydjUuMjY5Yy0zLjA3My0zLjk1MS03LjQ2NC02LjE0Ny0xMy4xNzEtNi4xNDctMTEuODU0IDAtMjEuMDc0IDkuMjItMjEuMDc0IDIxLjk1MiAwIDEyLjczMiA5LjIyIDIxLjk1MiAyMS4wNzQgMjEuOTUyIDYuMTQ3IDAgMTAuNTM3LTIuMTk1IDEzLjE3MS02LjE0N3Y1LjI2OWg5LjIydi0yMS4wNzR6bS0zMy44MDcgMGMwLTcuNDY0IDQuODMtMTMuNjExIDEyLjczMi0xMy42MTEgNy40NjQgMCAxMi43MzIgNS43MDggMTIuNzMyIDEzLjYxMSAwIDcuNDY0LTUuMjY5IDEzLjYxMS0xMi43MzIgMTMuNjExLTcuOTAzLS40MzktMTIuNzMyLTYuMTQ3LTEyLjczMi0xMy42MTF6bS0xMTAuMjAxLTIxLjk1MmMtMTIuMjkzIDAtMjEuMDc0IDguNzgxLTIxLjA3NCAyMS45NTIgMCAxMy4xNzEgOC43ODEgMjEuOTUyIDIxLjUxMyAyMS45NTIgNi4xNDcgMCAxMi4yOTMtMS43NTYgMTcuMTIzLTUuNzA4bC00LjM5LTYuNTg2Yy0zLjUxMiAyLjYzNC03LjkwMyA0LjM5LTEyLjI5MyA0LjM5LTUuNzA4IDAtMTEuNDE1LTIuNjM0LTEyLjczMi0xMC4wOThoMzEuMTczdi0zLjUxMmMuNDM5LTEzLjYxMS03LjQ2NC0yMi4zOTItMTkuMzE4LTIyLjM5MnptMCA3LjkwM2M1LjcwOCAwIDkuNjU5IDMuNTEyIDEwLjUzNyAxMC4wOThoLTIxLjk1MmMuODc4LTUuNzA4IDQuODMtMTAuMDk4IDExLjQxNS0xMC4wOTh6bTIyOC43NDUgMTQuMDV2LTM3Ljc1OGgtOS4yMnYyMS45NTJjLTMuMDczLTMuOTUxLTcuNDY0LTYuMTQ3LTEzLjE3MS02LjE0Ny0xMS44NTQgMC0yMS4wNzQgOS4yMi0yMS4wNzQgMjEuOTUyIDAgMTIuNzMyIDkuMjIgMjEuOTUyIDIxLjA3NCAyMS45NTIgNi4xNDcgMCAxMC41MzctMi4xOTUgMTMuMTcxLTYuMTQ3djUuMjY5aDkuMjJ2LTIxLjA3NHptLTMzLjgwNyAwYzAtNy40NjQgNC44My0xMy42MTEgMTIuNzMyLTEzLjYxMSA3LjQ2NCAwIDEyLjczMiA1LjcwOCAxMi43MzIgMTMuNjExIDAgNy40NjQtNS4yNjkgMTMuNjExLTEyLjczMiAxMy42MTEtNy45MDMtLjQzOS0xMi43MzItNi4xNDctMTIuNzMyLTEzLjYxMXptLTMwOC4yMTMgMHYtMjEuMDc0aC05LjIydjUuMjY5Yy0zLjA3My0zLjk1MS03LjQ2NC02LjE0Ny0xMy4xNzEtNi4xNDctMTEuODU0IDAtMjEuMDc0IDkuMjItMjEuMDc0IDIxLjk1MiAwIDEyLjczMiA5LjIyIDIxLjk1MiAyMS4wNzQgMjEuOTUyIDYuMTQ3IDAgMTAuNTM3LTIuMTk1IDEzLjE3MS02LjE0N3Y1LjI2OWg5LjIydi0yMS4wNzR6bS0zNC4yNDYgMGMwLTcuNDY0IDQuODMtMTMuNjExIDEyLjczMi0xMy42MTEgNy40NjQgMCAxMi43MzIgNS43MDggMTIuNzMyIDEzLjYxMSAwIDcuNDY0LTUuMjY5IDEzLjYxMS0xMi43MzIgMTMuNjExLTcuOTAzLS40MzktMTIuNzMyLTYuMTQ3LTEyLjczMi0xMy42MTF6Ii8+PHBhdGggZmlsbD0iI0ZGNUYwMCIgZD0iTTE4Ni41OTYgMzMuODA3aDEzOC4zMDF2MjQ4LjUwMmgtMTM4LjMwMXoiLz48cGF0aCBkPSJNMTk1LjM3NyAxNTguMDU4YzAtNTAuNDkxIDIzLjcwOS05NS4yNzQgNjAuMTUtMTI0LjI1MS0yNi43ODItMjEuMDc0LTYwLjU4OS0zMy44MDctOTcuNDY5LTMzLjgwNy04Ny4zNzEgMC0xNTguMDU4IDcwLjY4Ny0xNTguMDU4IDE1OC4wNThzNzAuNjg3IDE1OC4wNTggMTU4LjA1OCAxNTguMDU4YzM2Ljg4IDAgNzAuNjg3LTEyLjczMiA5Ny40NjktMzMuODA3LTM2LjQ0MS0yOC41MzgtNjAuMTUtNzMuNzYtNjAuMTUtMTI0LjI1MXoiIGZpbGw9IiNFQjAwMUIiLz48cGF0aCBkPSJNNTExLjQ5MyAxNTguMDU4YzAgODcuMzcxLTcwLjY4NyAxNTguMDU4LTE1OC4wNTggMTU4LjA1OC0zNi44OCAwLTcwLjY4Ny0xMi43MzItOTcuNDY5LTMzLjgwNyAzNi44OC0yOC45NzcgNjAuMTUtNzMuNzYgNjAuMTUtMTI0LjI1MXMtMjMuNzA5LTk1LjI3NC02MC4xNS0xMjQuMjUxYzI2Ljc4Mi0yMS4wNzQgNjAuNTg5LTMzLjgwNyA5Ny40NjktMzMuODA3IDg3LjM3MSAwIDE1OC4wNTggNzEuMTI2IDE1OC4wNTggMTU4LjA1OHoiIGZpbGw9IiNGNzlFMUIiLz48L3N2Zz4='); } #card .card .front .number{ left: 10%; top: 45%; color: #fff; font-size: 20px; } #card .card .front .name{ color: #fff; font-size: 17px; left: 10%; overflow: hidden; text-align: left; text-overflow: ellipsis; text-transform: uppercase; width: 60%; bottom: 15%;} #card .card .front .expires{right: 10%; bottom: 15%; color: #fff; } #card .card .front .expires .small{ position: relative; float: left; font-size: 10px; margin-bottom: 5px; } #card .card .front .expires .date{ position: relative; padding: 0; float: left;font-size: 16px; clear: both; } #card .card .back {transform: rotateY(180deg); z-index: 0; position: absolute; width: 100%; height: 100%; left: 0; top: 0; } #card .card .back .stripe{ background-color: #2a1d16; height: 22%; left: 0; position: absolute; top: 9%; width: 100%; } #card .card .back .signature{background: repeating-linear-gradient(.1deg,#fff 20%,#fff 40%,#fea 0,#fea 44%,#fff 0); height: 18%;left: 5%; position: absolute; top: 35%; width: 75%;} #card .card .back .brand{ background-position: bottom; bottom: 5%; left: 50%; opacity: .6; right: auto; top: auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); } #card .card .back .brand.mastercard{background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjM5NyIgdmlld0JveD0iMCAwIDUxMiAzOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGQ9Ik05My4wNzkgMzk2LjAyM3YtMjYuMzQzYzAtMTAuMDk4LTYuMTQ3LTE2LjY4NC0xNi42ODQtMTYuNjg0LTUuMjY5IDAtMTAuOTc2IDEuNzU2LTE0LjkyOCA3LjQ2NC0zLjA3My00LjgzLTcuNDY0LTcuNDY0LTE0LjA1LTcuNDY0LTQuMzkgMC04Ljc4MSAxLjMxNy0xMi4yOTMgNi4xNDd2LTUuMjY5aC05LjIydjQyLjE0OWg5LjIydi0yMy4yN2MwLTcuNDY0IDMuOTUxLTEwLjk3NiAxMC4wOTgtMTAuOTc2czkuMjIgMy45NTEgOS4yMiAxMC45NzZ2MjMuMjdoOS4yMnYtMjMuMjdjMC03LjQ2NCA0LjM5LTEwLjk3NiAxMC4wOTgtMTAuOTc2IDYuMTQ3IDAgOS4yMiAzLjk1MSA5LjIyIDEwLjk3NnYyMy4yN2gxMC4wOTh6bTEzNi41NDQtNDIuMTQ5aC0xNC45Mjh2LTEyLjczMmgtOS4yMnYxMi43MzJoLTguMzQydjguMzQyaDguMzQydjE5LjMxOGMwIDkuNjU5IDMuOTUxIDE1LjM2NyAxNC40ODkgMTUuMzY3IDMuOTUxIDAgOC4zNDItMS4zMTcgMTEuNDE1LTMuMDczbC0yLjYzNC03LjkwM2MtMi42MzQgMS43NTYtNS43MDggMi4xOTUtNy45MDMgMi4xOTUtNC4zOSAwLTYuMTQ3LTIuNjM0LTYuMTQ3LTcuMDI1di0xOC44NzloMTQuOTI4di04LjM0MnptNzguMTUxLS44NzhjLTUuMjY5IDAtOC43ODEgMi42MzQtMTAuOTc2IDYuMTQ3di01LjI2OWgtOS4yMnY0Mi4xNDloOS4yMnYtMjMuNzA5YzAtNy4wMjUgMy4wNzMtMTAuOTc2IDguNzgxLTEwLjk3NiAxLjc1NiAwIDMuOTUxLjQzOSA1LjcwOC44NzhsMi42MzQtOC43ODFjLTEuNzU2LS40MzktNC4zOS0uNDM5LTYuMTQ3LS40Mzl6bS0xMTguMTA0IDQuMzljLTQuMzktMy4wNzMtMTAuNTM3LTQuMzktMTcuMTIzLTQuMzktMTAuNTM3IDAtMTcuNTYyIDUuMjY5LTE3LjU2MiAxMy42MTEgMCA3LjAyNSA1LjI2OSAxMC45NzYgMTQuNDg5IDEyLjI5M2w0LjM5LjQzOWM0LjgzLjg3OCA3LjQ2NCAyLjE5NSA3LjQ2NCA0LjM5IDAgMy4wNzMtMy41MTIgNS4yNjktOS42NTkgNS4yNjlzLTEwLjk3Ni0yLjE5NS0xNC4wNS00LjM5bC00LjM5IDcuMDI1YzQuODMgMy41MTIgMTEuNDE1IDUuMjY5IDE4LjAwMSA1LjI2OSAxMi4yOTMgMCAxOS4zMTgtNS43MDggMTkuMzE4LTEzLjYxMSAwLTcuNDY0LTUuNzA4LTExLjQxNS0xNC40ODktMTIuNzMybC00LjM5LS40MzljLTMuOTUxLS40MzktNy4wMjUtMS4zMTctNy4wMjUtMy45NTEgMC0zLjA3MyAzLjA3My00LjgzIDcuOTAzLTQuODMgNS4yNjkgMCAxMC41MzcgMi4xOTUgMTMuMTcxIDMuNTEybDMuOTUxLTcuNDY0em0yNDQuOTktNC4zOWMtNS4yNjkgMC04Ljc4MSAyLjYzNC0xMC45NzYgNi4xNDd2LTUuMjY5aC05LjIydjQyLjE0OWg5LjIydi0yMy43MDljMC03LjAyNSAzLjA3My0xMC45NzYgOC43ODEtMTAuOTc2IDEuNzU2IDAgMy45NTEuNDM5IDUuNzA4Ljg3OGwyLjYzNC04Ljc4MWMtMS43NTYtLjQzOS00LjM5LS40MzktNi4xNDctLjQzOXptLTExNy42NjUgMjEuOTUyYzAgMTIuNzMyIDguNzgxIDIxLjk1MiAyMi4zOTIgMjEuOTUyIDYuMTQ3IDAgMTAuNTM3LTEuMzE3IDE0LjkyOC00LjgzbC00LjM5LTcuNDY0Yy0zLjUxMiAyLjYzNC03LjAyNSAzLjk1MS0xMC45NzYgMy45NTEtNy40NjQgMC0xMi43MzItNS4yNjktMTIuNzMyLTEzLjYxMSAwLTcuOTAzIDUuMjY5LTEzLjE3MSAxMi43MzItMTMuNjExIDMuOTUxIDAgNy40NjQgMS4zMTcgMTAuOTc2IDMuOTUxbDQuMzktNy40NjRjLTQuMzktMy41MTItOC43ODEtNC44My0xNC45MjgtNC44My0xMy42MTEgMC0yMi4zOTIgOS4yMi0yMi4zOTIgMjEuOTUyem04NS4xNzYgMHYtMjEuMDc0aC05LjIydjUuMjY5Yy0zLjA3My0zLjk1MS03LjQ2NC02LjE0Ny0xMy4xNzEtNi4xNDctMTEuODU0IDAtMjEuMDc0IDkuMjItMjEuMDc0IDIxLjk1MiAwIDEyLjczMiA5LjIyIDIxLjk1MiAyMS4wNzQgMjEuOTUyIDYuMTQ3IDAgMTAuNTM3LTIuMTk1IDEzLjE3MS02LjE0N3Y1LjI2OWg5LjIydi0yMS4wNzR6bS0zMy44MDcgMGMwLTcuNDY0IDQuODMtMTMuNjExIDEyLjczMi0xMy42MTEgNy40NjQgMCAxMi43MzIgNS43MDggMTIuNzMyIDEzLjYxMSAwIDcuNDY0LTUuMjY5IDEzLjYxMS0xMi43MzIgMTMuNjExLTcuOTAzLS40MzktMTIuNzMyLTYuMTQ3LTEyLjczMi0xMy42MTF6bS0xMTAuMjAxLTIxLjk1MmMtMTIuMjkzIDAtMjEuMDc0IDguNzgxLTIxLjA3NCAyMS45NTIgMCAxMy4xNzEgOC43ODEgMjEuOTUyIDIxLjUxMyAyMS45NTIgNi4xNDcgMCAxMi4yOTMtMS43NTYgMTcuMTIzLTUuNzA4bC00LjM5LTYuNTg2Yy0zLjUxMiAyLjYzNC03LjkwMyA0LjM5LTEyLjI5MyA0LjM5LTUuNzA4IDAtMTEuNDE1LTIuNjM0LTEyLjczMi0xMC4wOThoMzEuMTczdi0zLjUxMmMuNDM5LTEzLjYxMS03LjQ2NC0yMi4zOTItMTkuMzE4LTIyLjM5MnptMCA3LjkwM2M1LjcwOCAwIDkuNjU5IDMuNTEyIDEwLjUzNyAxMC4wOThoLTIxLjk1MmMuODc4LTUuNzA4IDQuODMtMTAuMDk4IDExLjQxNS0xMC4wOTh6bTIyOC43NDUgMTQuMDV2LTM3Ljc1OGgtOS4yMnYyMS45NTJjLTMuMDczLTMuOTUxLTcuNDY0LTYuMTQ3LTEzLjE3MS02LjE0Ny0xMS44NTQgMC0yMS4wNzQgOS4yMi0yMS4wNzQgMjEuOTUyIDAgMTIuNzMyIDkuMjIgMjEuOTUyIDIxLjA3NCAyMS45NTIgNi4xNDcgMCAxMC41MzctMi4xOTUgMTMuMTcxLTYuMTQ3djUuMjY5aDkuMjJ2LTIxLjA3NHptLTMzLjgwNyAwYzAtNy40NjQgNC44My0xMy42MTEgMTIuNzMyLTEzLjYxMSA3LjQ2NCAwIDEyLjczMiA1LjcwOCAxMi43MzIgMTMuNjExIDAgNy40NjQtNS4yNjkgMTMuNjExLTEyLjczMiAxMy42MTEtNy45MDMtLjQzOS0xMi43MzItNi4xNDctMTIuNzMyLTEzLjYxMXptLTMwOC4yMTMgMHYtMjEuMDc0aC05LjIydjUuMjY5Yy0zLjA3My0zLjk1MS03LjQ2NC02LjE0Ny0xMy4xNzEtNi4xNDctMTEuODU0IDAtMjEuMDc0IDkuMjItMjEuMDc0IDIxLjk1MiAwIDEyLjczMiA5LjIyIDIxLjk1MiAyMS4wNzQgMjEuOTUyIDYuMTQ3IDAgMTAuNTM3LTIuMTk1IDEzLjE3MS02LjE0N3Y1LjI2OWg5LjIydi0yMS4wNzR6bS0zNC4yNDYgMGMwLTcuNDY0IDQuODMtMTMuNjExIDEyLjczMi0xMy42MTEgNy40NjQgMCAxMi43MzIgNS43MDggMTIuNzMyIDEzLjYxMSAwIDcuNDY0LTUuMjY5IDEzLjYxMS0xMi43MzIgMTMuNjExLTcuOTAzLS40MzktMTIuNzMyLTYuMTQ3LTEyLjczMi0xMy42MTF6Ii8+PHBhdGggZmlsbD0iI0ZGNUYwMCIgZD0iTTE4Ni41OTYgMzMuODA3aDEzOC4zMDF2MjQ4LjUwMmgtMTM4LjMwMXoiLz48cGF0aCBkPSJNMTk1LjM3NyAxNTguMDU4YzAtNTAuNDkxIDIzLjcwOS05NS4yNzQgNjAuMTUtMTI0LjI1MS0yNi43ODItMjEuMDc0LTYwLjU4OS0zMy44MDctOTcuNDY5LTMzLjgwNy04Ny4zNzEgMC0xNTguMDU4IDcwLjY4Ny0xNTguMDU4IDE1OC4wNThzNzAuNjg3IDE1OC4wNTggMTU4LjA1OCAxNTguMDU4YzM2Ljg4IDAgNzAuNjg3LTEyLjczMiA5Ny40NjktMzMuODA3LTM2LjQ0MS0yOC41MzgtNjAuMTUtNzMuNzYtNjAuMTUtMTI0LjI1MXoiIGZpbGw9IiNFQjAwMUIiLz48cGF0aCBkPSJNNTExLjQ5MyAxNTguMDU4YzAgODcuMzcxLTcwLjY4NyAxNTguMDU4LTE1OC4wNTggMTU4LjA1OC0zNi44OCAwLTcwLjY4Ny0xMi43MzItOTcuNDY5LTMzLjgwNyAzNi44OC0yOC45NzcgNjAuMTUtNzMuNzYgNjAuMTUtMTI0LjI1MXMtMjMuNzA5LTk1LjI3NC02MC4xNS0xMjQuMjUxYzI2Ljc4Mi0yMS4wNzQgNjAuNTg5LTMzLjgwNyA5Ny40NjktMzMuODA3IDg3LjM3MSAwIDE1OC4wNTggNzEuMTI2IDE1OC4wNTggMTU4LjA1OHoiIGZpbGw9IiNGNzlFMUIiLz48L3N2Zz4='); } #card .card .back .cvv{ color: rgb(34, 34, 34); font-size: 14px; left: 67%; line-height: 1; top: 42%;} .modal.loading{ background:#fff url('../images/loader.gif') no-repeat center center; } input, select { -webkit-border-radius:0; border-radius:0; } @media screen and (min-width: 1280px){ } @media screen and (max-width: 1280px){ } @media screen and (max-width: 1180px){ header .bottombar .nav-wrapper .navbar .menu li{ margin-right: 5px; margin-left: 0;} header .bottombar .nav-wrapper .actions .sign-up{ margin-left: 5px; } header .bottombar .nav-wrapper .actions .sign-in{ margin-left: 10px; } .testdriveV2 form input[type=text], .testdriveV2 form input[type=email]{font-size: 14px;} .testdriveV2 form input[type=submit],.testdriveV2 form a{ font-size: 12px;} } @media screen and (max-width: 1024px){ .container{ padding: 0 1%;} .title{ box-sizing: border-box; padding: 10px 2%; } .title h2{ font-size: 32px; margin-bottom: 0 } .title p{ margin-bottom: 0; } header .bottombar .nav-wrapper .actions .sign-up{ margin-left: 5px; } header .bottombar .nav-wrapper .actions .sign-in{ margin-left: 5px; } .testdriveV2 h1{ font-size: 32px; } .testdriveV2 .report{ padding-top: 30px; } .testdriveV2 h2{ text-align: center; } #how{ padding: 20px 0; } #how .text .connect{ height: 300px; } .products_wrapper{ padding: 30px 2%; box-sizing: border-box; } .products_wrapper .row{ padding: 0; } .products_wrapper article{ margin-bottom: 20px;} .products_wrapper article ul{ min-height: auto; } #checkout .content .wrapper{ left: 0; width: 300%; } #checkout .content .wrapper .maskLeft{ display: none; } #checkout .content .wrapper .maskRight{ display: none; } #checkout.step-2 .content .wrapper{ left: -100%; } #checkout.step-3 .content .wrapper{ left: -200%; } #checkout.step-3 .bottom div{ margin-left: 8.33%; } header .bottombar .nav-wrapper .navbar{ transition: all .2s; position: fixed; top:0; right: -95%; background-color: #2F9D44; width: 95%; height: 100%; z-index: 999999; display: block; box-sizing: border-box; } header .bottombar .nav-wrapper .navbar.open{ right: 0; } header .bottombar .nav-wrapper .navbar .menu{ width: 100%; padding: 10px 5%; box-sizing: border-box; } header .bottombar .nav-wrapper .navbar .menu li{ margin: 0; width: 100%; } header .bottombar .nav-wrapper .navbar .menu li a{ color: #fff; padding: 10px 0; font-size: 18px; display: block; } header.header-admin .bottombar .navbar{ padding-left: 5%; padding-top: 20px; } header.header-admin .bottombar .nav-wrapper .navbar.open{ right: 0; } header.header-admin .bottombar .navbar .logout{ float: left; width: 100%; color: #fff; padding: 10px 0; border: 0;} header.header-admin .bottombar .navbar .profile{ box-sizing: border-box; color: #fff; float: left; width: 100%; margin-bottom: 10px;} header.header-admin .bottombar .navbar .profile i{ color: #fff; } header.header-admin .bottombar .navbar .profile strong{ font-size: 22px; color: #fff!important; } header.header-admin .bottombar .navbar .dropdown{ float: left; width: 100%; } header.header-admin .bottombar .navbar .dropdown li a.label{ padding-right: 0; } header.header-admin .bottombar .navbar .dropdown li a.label:after{ display: none; } header.header-admin .bottombar .navbar .dropdown li a{ color: #fff; } header.header-admin .bottombar .navbar .dropdown li a i{ color: #fff; } header.header-admin .bottombar .navbar .dropdown li a{ margin-left: 0; } header.header-admin .bottombar .navbar .dropdown li ul li a{ padding: 10px 0; } header.header-admin .bottombar .navbar .dropdown li ul{ position: relative; display: block; height: auto; top: auto; left: 0; background-color: transparent; } header.header-admin .bottombar .navbar .dropdown li ul li a{ color: #fff; } header.header-admin .bottombar .navbar .dropdown li:hover ul{ box-shadow: none; height: auto; } #admin{ padding: 120px 0 0; } #admin #intro{ padding: 35px 0; } #single .header{ padding: 120px 0 30px; } #blog.single .content h1{ font-size: 24px; } #testdrive h1{ font-size: 24px; } #admin #intro h1{ font-size: 24px; } } @media screen and (max-width: 992px){ body{ width:100vw; max-width:100vw; padding:0; overflow-x: hidden; } } @media screen and (min-width: 768px){ .products_wrapper article.col-xl-3{ width: 23.5%; margin-right: 2%; } .products_wrapper article:last-child{ margin-right: 0; } } @media screen and (max-width: 768px){ header .bottombar .nav-wrapper .actions .sign-in{ margin-left: 10px; } header .bottombar .nav-wrapper .actions .sign-up{ display: none } .testdriveV2{ margin-top: 0; } .testdriveV2 h1{ font-size: 24px; } .testdriveV2 .avatar{ min-height: 233px; } .testdriveV2 .avatar img{ top: -30px; width: 80%; } .testdriveV2 .report p br{ display: none; } .testdriveV2 form{ margin-top: 0; } .title h2{ font-size: 24px;} .products_wrapper .packages .heading{ padding: 0; } .products_wrapper .packages .heading h3{ font-size: 24px; } #why{ padding: 20px 2%; } #why .text h2{ font-size: 24px; margin-bottom: 15px; } #testimonials article{ padding: 20px 3%; } #blog .horizontal article{ padding-bottom: 0; } #blog .horizontal article .text{ height: 250px; overflow: hidden; } #contact form .row, #plans form .row{ padding: 0!important; } #contact form input, #contact form textarea, #plans form input, #plans form textarea{ margin-top: 10px; } footer .row div{ height: 190px; } footer .socialbox{ padding-left: 5%; } #login .header h1, #single .header h1{ font-size: 24px; } #single .content aside img{ display: none; } #single .content .details{ text-align: center;} #single .content .about{ padding:0 2%; } #blog.single .content{ padding: 30px 2%; box-sizing: border-box;} #single .content h2{ font-size: 18px; } #blog article h3{ padding-top: 0; } #blog aside{ padding:30px 2% 0; } #blog aside .search form{ padding-left: 0; } #blog aside .categories ul li{ display: inline-block; margin-right: 10px; } #testdrive table tr:not(.head) td{ float: left; width: 50%; box-sizing: border-box; padding:5px 0.5% !important;} #admin #main{ padding: 10px 1%; box-sizing: border-box; } #admin #main aside{ margin-bottom: 30px; } #admin #main aside ul li{ width: 33.33%; font-size: 14px; } #admin #main aside ul li a{ padding: 15px; display: inline-flex; justify-content: center; align-items: center; height: 50px;} #admin .prods{ padding-left: 0; } #admin .prods article{ margin: 10px 0; } #admin .login{ padding-left: 0; } #admin .extrato{ padding-left: 0; } #admin .extrato{ padding-left: 0; } #admin .extrato table{ border: 0; } #admin .extrato table, #admin .extrato thead, #admin .extrato tbody, #admin .extrato th, #admin .extrato tbody td, #admin .extrato tbody tr { display: inline-block; width: 100%; box-sizing: border-box;} #admin .extrato thead tr { position: absolute;top: -9999px;left: -9999px;} #admin .extrato tbody tr { border: 0; margin-bottom: 30px;box-shadow: 1px 2px 10px #ccc; border-radius: 5px; } #admin .extrato tbody td { border: none; border-bottom: 1px solid #eee; position: relative;padding-left: 50%; } #admin table tfoot td{ border-bottom: 0; } .extrato_table tbody td:before { position: absolute; top: 6px;left: 6px; width: 45%; padding-right: 10px; white-space: nowrap;} .extrato_table tbody td:nth-of-type(1):before { content: "Data"; } .extrato_table tbody td:nth-of-type(2):before { content: "Tipo de consulta"; } .extrato_table tbody td:nth-of-type(3):before { content: "Chave"; } .extrato_table tbody td:nth-of-type(4):before { content: "Detalhes"; } .compras_table tbody td span.label{ float: none!important; } .compras_table tbody td:before { position: absolute; top: 6px;left: 6px; width: 45%; padding-right: 10px; white-space: nowrap;} .compras_table tbody td:nth-of-type(1):before { content: "Data"; } .compras_table tbody td:nth-of-type(2):before { content: "Valor"; } .compras_table tbody td:nth-of-type(3):before { content: "Método"; } .compras_table tbody td:nth-of-type(4):before { content: "Status"; } .fatura_table tbody td span.label{ float: none!important; } .fatura_table tbody td.no-margin{ padding: 10px 20px 10px 50%!important; } .fatura_table tbody td:before { position: absolute; top: 6px;left: 6px; width: 45%; padding-right: 10px; white-space: nowrap;} .fatura_table tbody td:nth-of-type(1):before { content: "Mês"; } .fatura_table tbody td:nth-of-type(2):before { content: "Consumo"; } .fatura_table tbody td:nth-of-type(3):before { content: "Status"; } .fatura_table tbody td:nth-of-type(4):before { content: "Pagamento"; } .fatura_table tbody td:nth-of-type(5):before { content: "Vencimento"; } .fatura_table tbody td:nth-of-type(6):before { content: "Detalhes"; } .cartao_table tbody td span.label{ float: none!important; } .cartao_table tbody td.no-margin{ padding: 10px 20px 10px 50%!important; } .cartao_table tbody td.visa, .cartao_table tbody td.mastercard{ text-align: left; padding-left: 50%!important;} .cartao_table tbody td:before { position: absolute; top: 6px;left: 6px; width: 45%; padding-right: 10px; white-space: nowrap;} .cartao_table tbody td:nth-of-type(1):before { content: "Cód"; } .cartao_table tbody td:nth-of-type(2):before { content: " "; } .cartao_table tbody td:nth-of-type(3):before { content: "Titular"; } .cartao_table tbody td:nth-of-type(4):before { content: "Vencimento"; } .cartao_table tbody td:nth-of-type(5):before { content: "Remover"; } #admin .extrato .detalhes_fatura_table thead:nth-child(2){ display: none; } #admin .extrato .detalhes_fatura_table thead tr{ position: relative;top: 0;left: 0; box-shadow: 1px 2px 10px #ccc; margin-bottom: 10px; width: 100%; height: auto; float: left; box-sizing: border-box; padding: 15px; } #admin .extrato .detalhes_fatura_table thead tr td{ float: left; width: 100%; padding: 5px 0; } .detalhes_fatura_table tbody td span.label{ float: none!important; } .detalhes_fatura_table tbody td.no-margin{ padding: 10px 20px 10px 50%!important; } .detalhes_fatura_table tbody td:before { position: absolute; top: 6px;left: 6px; width: 45%; padding-right: 10px; white-space: nowrap;} .detalhes_fatura_table tbody td:nth-of-type(1):before { content: "Cód"; } .detalhes_fatura_table tbody td:nth-of-type(2):before { content: "Data"; } .detalhes_fatura_table tbody td:nth-of-type(3):before { content: "Consulta"; } .detalhes_fatura_table tbody td:nth-of-type(4):before { content: "Placa"; } .detalhes_fatura_table tbody td:nth-of-type(5):before { content: "Valor"; } #model table tbody td{ width: 100%!important; float: left; clear: both; box-sizing: border-box; } #model table thead{ text-align: center; } #model table thead .sub-header { background-color: #0084B4 !important; } #model table thead .sub-header th{ width: auto; display: inline-block; box-sizing: border-box; padding: 5px; } /* #model table tbody tr:nth-child(3n+3){ background: #fff; }*/ } @media screen and (max-width: 576px){ .table-header-mobile{display: block !important} .sub-header{display: none} header .bottombar .logo{ width: 160px; } header .topbar .contact span{ font-size: 12px; margin-right: 0; } .testdriveV2 p{ width: 100%; margin-left: 0; line-height: 150%; font-size: 14px; } .testdriveV2 .avatar{ min-height: 200px; } .testdriveV2 .avatar img{ top: 0; } .testdriveV2 h2{ font-size: 18px; } .testdriveV2 form{ padding-bottom: 40px; } .testdriveV2 form input[type=text], .testdriveV2 form input[type=email]{font-size: 12px;} .testdriveV2 form input[type=submit]{ font-size: 10px;} .testdriveV2 form .button:after{ display: none; } .form-fluid a.btn{ padding: 11px!important; } #admin .prods article{ width: 100%; margin-bottom: 30px; box-sizing: border-box; } #how .text .connect{ height: 320px; } #how .text ol li{ padding-left: 30%; } #how .text ol li{ font-size: 18px; } #how .text ol li:before{ left: 10%; } #how .text ol li span{ padding-top: 10px; position: relative; display: inline-block; } #why .text{ padding-right: 0; } .products_wrapper .packages .heading h3{ font-size: 18px; } .products_wrapper .packages article:not(.heading){ background-color: #fff; padding: 20px 0; box-shadow: 1px 2px 10px #ccc; border-radius: 5px;} #blog .horizontal{ padding-bottom: 50px; } #blog .horizontal article .text{ height: auto; min-height: auto; } footer .row div{ height: auto; padding-left: 5%;} #login .header, #single .header{ margin-bottom: 0; } #login .header h1, #single .header h1{ font-size: 18px; line-height: 150%; } #checkout .fixed .steps a{ height: 50px; display: inline-flex; justify-content: center; align-items: center; } .modal{ width: 100%; left: 0; height: 100%; top: 0; } .mask-close{ right: 0; top: 0; } #blog.single .content img{ width: 100%; } #testdrive table tr:not(.head) td{ float: left; width: 100%; box-sizing: border-box; padding:5px 0.5%;} #cart{ max-width: 100%; right: -100%; } #checkout .content .payment .select-method li a{ height: 50px; display: inline-flex; justify-content: center; align-items: center; } body.loadscreen:before{ background-size: 80%; } } .text-green{ color: #2F9D44; } .text-danger{color:#cb4633 !important} .text-warning{color:#f37b26} .text-info{color:#0084bf} .ng-valid.ng-touched{border: 1px solid #2F9D44 !important;} .ng-valid.ng-touched::before{ content: "\f00c" !important; font-size: 22px; color: #2F9D44; font-family: FontAwesome; position: absolute; right: 5%; top: 8px !important; } form input.disabled[type=submit]{background-color:#CCC !important;} .ng-invalid.ng-touched{border: 1px solid #cb4633 !important;} .custom-invalid.ng-touched{border: 1px solid #cb4633 !important;} .mt-100{margin-top:100px} .mt-65{margin-top:65px} .mt-117{margin-top:117px} .mt-35{margin-top: 35px} table thead tr.header th{background-color: #2F9D44 ; padding: 2px !important; color:#FFF } table thead tr.sub-header th{background-color: #0084B4 !important; padding: 2px !important;color:#FFF !important;} table.text-center tbody tr td{text-align:center !important} .separator {clear:both;height: 10px;} .contact a{color:#FFF} #how .text ol li i { font-size: 40px; position: absolute; top: 0; left: 5%; text-align: center; width: 20%; } .form-fluid input[type=tel], .form-fluid input[type=number]{ width: 100%; padding: 8px 15px; box-sizing: border-box; border: 1px solid #ccc; background-color: #fff; color: #333; border-radius: 2px; } a.disabled{ background-color: #CCC !important; } [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; } .fade-ng-cloak { opacity: 1; -ms-filter: none; -webkit-filter: none; filter: none; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .fade-ng-cloak[ng-cloak] { display: block !important; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .fade-ng-cloak.ng-cloak, .fade-ng-cloak.ng-binding { opacity: 0; transition: opacity 800ms ease-in-out; } .fade-ng-cloak.ng-binding { opacity: 1; } .btn-full{ width:100% !important; } .form-fluid a.btn{text-align:center; border-radius: 2px; border: 0; background-color: #2F9D44; color: #fff; text-transform: uppercase; cursor: pointer; padding: 12px; box-sizing: border-box; width: 100%;} .pt-20{padding-top:20px;} .text-center{text-align:center} .alert{ float: left; width: 100%; box-sizing: border-box; padding: 20px; } .alert p{ margin-bottom: 0; font-size: 16px; text-align: center;} .alert.alert-danger{ background-color: #f2dede; color: #b94a48; margin-bottom: 0;} .alert.alert-warning{ background-color: #fcf8e3; color: #8a6d3b; margin-bottom: 0;} .alert.alert-info{ background-color: rgb(211, 233, 248); color: #0084bf; margin-bottom: 0;} .line-space-28{line-height: 28px} div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { display: inline-block; margin: auto !important; position: relative; top: 0 !important; left: 25%; width: 50%; border: none; text-align: center; color: #f00; } span.wpcf7-not-valid-tip { font-size: 12px; top: 3px; position: relative; } input.wpcf7-not-valid{border:1px solid #F00 !important} div.wpcf7-mail-sent-ok{ display: inline-block; margin: auto !important; position: relative; top: 0 !important; left: 25%; width: 50%; border: none; text-align: center; color: darkgreen; } .table-header-mobile{display: none;font-weight: bold; padding-bottom: 10px} #logo-print{display: none} a h2{font-size:14px; margin-bottom: inherit !important; line-height: inherit !important; font-weight: inherit !important;} .testdriveV2 h2 { font-size: 15px; color: #354256; line-height: 28px; width: 80%; margin-left: 10%; float: left; margin-bottom: 5px; margin-top: 10px; } .textH2TestDrive { color: #2F9D44 !important; font-weight: bold !important; margin-left: 0px !important; } .title h3 { font-size: 44px; color: #354256; font-weight: 600; line-height: 48px; } a h3{font-size:14px; margin-bottom: inherit !important; line-height: inherit !important; font-weight: inherit !important;} .pre.tab h4 { font-size: 21px; margin-bottom: 14px; line-height: 22px; font-weight: inherit !important; } .products_wrapper .products article h4 { width: 100%; height: 50px; display: flex; align-items: center; justify-content: center; font-weight: 600; margin-bottom: 10px; color: #333; text-align: center; line-height: 26px; font-size: 16px; text-transform: uppercase; } .products_wrapper .products article .price h3.bigger{ color: #333; font-weight: 800; font-size: 50px; } @media print { .shoppush-container-show{ display: none !important; } } /* Style the buttons that are used to open and close the accordion panel */ .accordion { background-color: #e9e9e9; color: #444; cursor: pointer; padding: 18px; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; font-weight: bold; margin-bottom: 10px; } /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */ .active, .accordion:hover { background-color: #ccc; } /* Style the accordion panel. Note: hidden by default */ .panel { background-color: white; display: none; overflow: hidden; } /*mobile*/ @media screen and (min-width: 100px) { #admin #intro{ float: none; width: 100%; padding: 0px; background-color: #ffffff;} #admin #intro .avatar{ position: relative; min-height: 0px; z-index: 0; } #admin #intro .avatar img{ width: 75px; right: -295%; top: -10px; position: absolute; } .products_wrapper .products article{width: 210px !important; } } @media screen and (min-width: 280px) { .products_wrapper .products article{width: 230px !important;} } @media screen and (min-width: 300px) { #admin #intro{ float: none; width: 100%; padding: 0px; background-color: #ffffff;} #admin #intro .avatar{ position: relative; min-height: 0px; z-index: 0; } #admin #intro .avatar img{ width: 75px; right: -295%; top: -13px; position: absolute; } } @media screen and (min-width: 305px) { .products_wrapper .products article{width: 250px !important;} } @media screen and (min-width: 330px) { .products_wrapper .products article{width: 270px !important;} } @media screen and (min-width: 345px) { .products_wrapper .products article{width: 288px !important;} } @media screen and (min-width: 360px) { .products_wrapper .products article{width: 293px !important; } } @media screen and (min-width: 376px) { .products_wrapper .products article{width: 310px !important; } } @media screen and (min-width: 385px) { .products_wrapper .products article{width: 315px !important; } } @media screen and (min-width: 390px) { .products_wrapper .products article{width: 321px !important; } } @media screen and (min-width: 398px) { .products_wrapper .products article{width: 323px !important; } } @media screen and (min-width: 406px) { #admin #intro{ float: none; width: 100%; padding: 0px; background-color: #ffffff;} #admin #intro .avatar{ position: relative; min-height: 0px; z-index: 0; } #admin #intro .avatar img{ width: 75px; right: -296%; top: -13px; position: absolute; } .products_wrapper .products article{width: 326px !important; } } @media screen and (min-width: 410px) { .products_wrapper .products article{width: 330px !important; } } @media screen and (min-width: 430px) { .products_wrapper .products article{width: 335px !important; } } @media screen and (min-width: 460px) { .products_wrapper .products article{width: 340px !important; } } @media screen and (min-width: 660px){ #admin #intro{ float: none; width: 100%; padding: 0px; background-color: #ffffff;} #admin #intro .avatar{ position: relative; min-height: 0px; z-index: 0; } #admin #intro .avatar img{ width: 75px; right: -300%; top: -13px; position: absolute; } } @media screen and (min-width: 769px) { #admin #intro{ float: none; width: 100%; padding: 0px; background-color: #ffffff;} #admin #intro .avatar{ position: relative; min-height: 0px; z-index: 0; } #admin #intro .avatar img{ width: 45px; right: -5%; top: 35px; position: absolute; } #admin #main aside .balance{ background-color: #e9e9e9; float: left; width: 105%; padding: 20px; box-sizing: border-box; } #admin #main aside .balance .label{ float: left; width: 105%; font-size: 16px; text-transform: uppercase; } #admin #main aside ul{ float: left; width: 105%; box-sizing: border-box; border: 1px solid #ccc;} } @media screen and (min-width: 992px) { #admin #intro{ float: none; width: 100%; padding: 0px; background-color: #ffffff;} #admin #intro .avatar{ position: relative; min-height: 0px; z-index: 0; } #admin #intro .avatar img{ width: 45px; right: -5%; top: 35px; position: absolute; } #admin #main aside .balance{ background-color: #e9e9e9; float: left; width: 105%; padding: 20px; box-sizing: border-box; } #admin #main aside .balance .label{ float: left; width: 105%; font-size: 16px; text-transform: uppercase; } #admin #main aside ul{ float: left; width: 105%; box-sizing: border-box; border: 1px solid #ccc;} .products_wrapper .products article{width: 345px !important; } } @media screen and (min-width: 1024px){ #admin #intro{ float: none; width: 100%; padding: 0px; background-color: #ffffff;} #admin #intro .avatar{ position: relative; min-height: 0px; z-index: 0; } #admin #intro .avatar img{ width: 75px; right: -11px; top: 27px; position: absolute; } #admin #main aside .balance{ background-color: #e9e9e9; float: left; width: 105%; padding: 20px; box-sizing: border-box; } #admin #main aside .balance .label{ float: left; width: 105%; font-size: 16px; text-transform: uppercase; } #admin #main aside ul{ float: left; width: 105%; box-sizing: border-box; border: 1px solid #ccc;} #testdrive{top: 60px;} } @media screen and (min-width: 1200px) { #admin #intro{ float: none; width: 100%; padding: 0px; background-color: #ffffff;} #admin #intro .avatar{ position: relative; min-height: 0px; z-index: 0; } #admin #intro .avatar img{ width: 75px; right: -11px; top: 27px; position: absolute; } #admin #main aside .balance{ background-color: #e9e9e9; float: left; width: 105%; padding: 20px; box-sizing: border-box; } #admin #main aside .balance .label{ float: left; width: 105%; font-size: 16px; text-transform: uppercase; } #admin #main aside ul{ float: left; width: 105%; box-sizing: border-box; border: 1px solid #ccc;} .products_wrapper .products article{width: 350px !important; } } .label-title{ vertical-align: top; font-weight: bold; color: #2F9D44 } .label-text{ vertical-align: top; } .grid-container { padding: 0 0 15px 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(325px, 1fr)); grid-row-gap: 0.4rem; justify-items: center; float:left; } #img-grid-container { max-width:263px; max-height:196px; width: auto; height: auto; } .subscription-alert { background-color: #fcf8e3 !important; color: #8a6d3b !important; margin-bottom: 0 !important; padding: 15px !important; line-height: 25px !important; } #div-mensagem-compra{ display: none; margin: 20px 0px !important; } #tabela-monitoramento{ float: right; } #div-monitoramento-veicular { display: none; } #subscription_lines > td{ vertical-align: middle; } .home-post-article h4{font-size: 18px;margin:15px 0; font-weight: bold;} .home-post-article .btn{width:100%;padding:10px;text-align: center; border-radius: 4px;color:#FFF !important} .btn-load-more{padding:10px 20px;text-align: center; border-radius: 4px;background-color: #2F8BCB;} .div-load-more{width:100%;padding:40px 0 !important;display: block;float: left;} @media(min-width:448px){ .home-post-article h4{height: 80px;} .home-post-article p{height: 160px;} } @media(max-width:447px){ .home-post-article .btn{margin-bottom:20px} .home-post-article p{padding: 20px;} ul.sharer li { margin-bottom: 15px; } ul.sharer { text-align: center; } } #blog h1,#blog p, #blog h3{color:#444 !important; font-family: 'Roboto', sans-serif !important;} #blog.single a, #blog.archive a{color:#0F6BAB !important} #blog .img-aside{width:35%;float: left;} #blog .img-aside img{border-radius: 4px;} #blog .content-aside{width: 65%;float: left; padding-left:15px; } .img-blog-list{ width:100% !important} #blog .items article .text { width: 100% !important; text-align: center; height: 100px; } .pages-buttons { width: 100%; text-align: center; } span.page-numbers.current { padding: 5px 15px; background: #DDD; border: solid 1px #EEE; border-radius: 4px; color: #999; } a.page-numbers { padding: 3px 10px; background: #FFF; color: #FFF !important; border: solid 1px; border-radius: 4px; width: 10px; } .searchform input.form-control { width: 70%; border: solid 1px #DDD; border-radius: 4px 0px 0px 4px; padding: 10px; margin-bottom: 10px; } .searchform button.btn { padding: 15px; border: none; margin-left: -4px; border-radius: 0px 4px 4px 0px; } .searchform{margin-bottom:20px} .like-this a{font-size:16px;text-decoration: none; border-bottom: none !important;} #blog.single .content .sharer:before{content: ""} #blog.single .content .sharer li.whatsapp a{ background-color: #2f9d44; } .zoom-in {cursor: zoom-in;} .zoom-out {cursor: zoom-out;} .select-form { border: 2px solid #CCC !important; margin-bottom: 5px !important; } .score-red-color { color: #ff120f; } .score-yellow-color { color: #ffe308; } .score-green-color { color: #009b06; } .score-leilao{ padding-top: 0 !important; padding-bottom: 20px !important; } .score-value { text-align: center; font-size: 9rem; line-height: 10.5rem; font-weight: 600; } .score-label{ padding-bottom: 1.5rem; } .score-labels{ padding-top: 1rem; font-weight: normal; text-align: center; } .score-labels div{ font-weight: bold; font-size: 1.1rem; padding-bottom: 1rem; } .score-labels ul{ list-style: none; padding: 0; font-size: .9rem; line-height: 1.2rem; } .score-label span{ font-size: 1.8rem; } .score-description { font-weight: normal; font-size: 14px; line-height: 20px; padding-bottom: 1rem; } .score-description ul { display: block; list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px; } .score-description ul li{ font-weight: normal; font-size: 14px; line-height: 20px; } .score-label, .score-acceptance{ text-transform: uppercase; font-weight: bold; } .score-acceptance span{ font-size: 2rem; padding-left: .5em; } .score-percentage div{ text-transform: uppercase; font-weight: bold; margin-bottom: 2em; margin-top: 2em; } .score-inspection div{ text-transform: uppercase; font-weight: bold; margin-bottom: 1em; } .score-acceptance-description, .score-percentage p, .score-inspection p{ font-weight: normal; } .score-percentage p span, .score-inspection p span{ font-weight: bold; } .sezdat { font-weight: bold; text-transform: uppercase; } .bg-color-grey-table-query{ background-color:#eee; } .o39o8zw0{ font-size: 100%; padding: 4px; color: #FFF; background: #0084bf; } .tc4cgb71{ font-weight: bold; } .p8rxqyya{ background-color: #eee; padding: 10px 20px; color: #333; font-weight: bolder; text-align: center; } .iogaz42n{ font-size: 14px; padding: 10px 20px; background-color: #fff; color: #333; text-align: center; } .v9npukw4{ background: #fff !important; background-color: #fff !important; } .tgfctgs0{ background: #CCC; background-color: #CCC; color: #333; padding: 10px; font-weight: bolder; font-size: 16px; } .pjzyca6w{ font-size: 14px; padding: 10px 20px; background-color: #fff; text-align: center; font-weight: bold; }