/** * Theme Name: R4MktDigital * Theme URI: https://www.r4mkt.com.br * Author: R4 Marketing Digital * Author URI: https://www.r4mkt.com.br * Description: Fundada em 2015, a R4 Mkt é uma empresa de Marketing Digital que oferece soluções digitais para os diversos segmentos do mercado. Com experiência no desenvolvimento de landing pages, lojas online, Ads, sites, sistemas, aplicativos e design/criativo, focamos em estratégias eficazes, pensamentos criativos e inovadores que sempre envolve o público alvo alcançarem os objetivos do seu negócio. * Version: 4.0 * Text Domain: R4 Mkt Digital * Tags: */
 ::selection {
    background: #3333;
    color: #ffffff !important;
}
 ::-moz-selection {
    background: #333333;
     color: #ffffff !important;
}
 *, :after, :before {
    box-sizing: border-box;
}
 html, button, body, div, span, applet, object, iframe, section, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td /* h1, h2, h3, h4, h5, h6, p,*/  {
     /*border: 1px #fff000 solid !important;*/
     font-family: 'Nunito', sans-serif;
}
 html {
    -webkit-font-smoothing: antialiased;
     text-rendering: optimizelegibility;
}
 body {
    margin: 0;
     padding: 0;
     color: #000000;
     overflow-x: hidden;
}
/* CSS links/urls */
 a {
    -webkit-transition: all .2s;
     -moz-transition: all .2s;
     transition: all .2s
}
 a:hover {
    text-decoration: none;
     -webkit-transition: all .2s;
     -moz-transition: all .2s;
     transition: all .2s;
}
 .color-link-1 {
    color: #fff;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s
}
 .color-link-1:hover {
    color: #ec9c9b;
    text-decoration: underline;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s
}
/*escuro*/
 .color-link-2 {
    color: #ffffff;
}
 .color-link-2:hover {
    color: #ff6d01;
     opacity: 0.8;
}
/*claro*/
 .color-link-3 {
    color: #ffffff;
}
 .color-link-3:hover {
    color: #ffffff;
     opacity: 0.7;
}
 .link-under {
    text-decoration: underline;
}
/* CSS fonts/tamanhos */
 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-top: 0;
    margin-bottom: 0 !important;
    letter-spacing: 0px;
    
}
 h1, .h1 {
    font-weight: 900;
}
 h2, .h2 {
    font-weight: 900;
}
 h3, .h3 {
    font-weight: 900;
}
 h4, .h4 {
    font-weight: 600;
}
 h5, .h5 {
    font-weight: 600;
}
 h6, .h6 {
    font-weight: 600;
}
 .font-h1 {
    font-size: 50px;
    line-height: 58px;
    font-family: 'Nunito', sans-serif;
}
 .font-h1-2 {
    font-size: 47px;
    line-height: 54px;
    font-family: 'Nunito', sans-serif;
}
 .font-h2 {
    font-size: 50px;
    line-height: 58px;
    font-family: 'Coiny', cursive;
}
 .font-h3 {
    font-size: 28px;
    line-height: 34px;
    font-family: 'Nunito', sans-serif;
}
 .font-h4 {
    font-size: 18px;
    line-height: 24px;
}
 .font-h5 {
    font-size: 18px;
}
 .font-h6 {
    font-size: 15px;
}
 p {
    font-size: 30px;
    font-weight: 600;
    line-height: 38px;
    margin-top: 8px;
    margin-bottom: 8px;
    font-family: 'Nunito', sans-serif;
}
 .font-x1 {
    font-size: 10px;
}
 .font-x2 {
    font-size: 12px;
}
 .font-x3 {
    font-size: 14px;
}
 .font-x4 {
    font-size: 16px;
}
 .font-x5 {
    font-size: 18px;
    line-height: 20px;
}
 .font-x6 {
    font-size: 20px;
}
 .font-x7 {
    font-size: 22px;
}
 .font-x8 {
    font-size: 24px;
}
 .font-x9 {
    font-size: 26px;
}
 .font-x10 {
    font-size: 28px;
}
/* Ideia b-1 b-2 b-3 em escala 1 ao 9 = bold */
 b {
    font-weight: 900;
}
 .font-b-1 {
    font-weight: 800;
}
 .font-b-2 {
    font-weight: 600;
}
 .font-b-3 {
    font-weight: 400;
}
 .no-bold {
    font-weight: 200 !important
}
/* 404 */
 .tit-404 {
    font-size: 150px;
     color: #cccccc;
     letter-spacing: -5px
}
/* CSS colors */
 .color-1 {
    color: #333333;
}
/*larajna*/
 .color-2 {
    color: #000000;
}
/*preto*/
 .color-3 {
    color: #ed4346;
}
/*vermelho*/
 .color-4 {
    color: #e2211e;
}
/*amarelo*/
 .color-5 {
    color: #434343;
}
/*black*/
 .color-6 {
    color: #f6f6f6
}
 .color-7 {
    color: #a5a5a5
}
 .color-8 {
    color: #fed130;
}
 .bg-color-1 {
    background-color: #e8e8e8;
}
 .bg-color-2 {
    background-color: #e2211e;
}
 .bg-color-3 {
    background-color: #f1f1f1;
}
 .bg-color-4 {
    background-color: #3d3d3d;
}
 .bg-color-5 {
    background-color: #000;
}
 .bg-color-6 {
    background-color: #ededed;
}
 .bg-color-7 {
    background-color: #f4f4f4;
}
 .bg-color-8 {
    background-color: #ef6a15;
}
 .pad-master-nav {
    padding: 2px 5px 5px 5px !important;
}
 .pad-master {
    padding: 5px !important;
}
 .pad-header {
}
 .pad-nav {
    padding-top: 100px;
}
 .pad-section {
    padding-bottom: 100px;
    padding-top: 100px;
}
/* width: 90%;
 margin: 0 auto;
*/
 .pad-footer {
    padding: 3% 4%
}
 .pad-slider {
}
 .pad-titulo {
    padding-top: 30px;
     padding-bottom: 30px;
}
/*master*/
 .pad-p {
    padding-bottom: 12px;
}
 .pad-content-1 {
    padding-top: 5%;
     padding-bottom: 5%;
}
 .pad-content-2 {
    padding-top: 30px;
     padding-bottom: 30px;
}
 .pad-content-titulo {
    padding-top: 15%;
}
 .pad-content-p {
}
 .pad-form {
}
 .pad-btn {
    padding: 10px 0;
}
 .space-media-1 {
    width: 50px;
}
/*ico r4 footer*/
 .space-media-2 {
    width: 80px;
}
 .space-media-3 {
    width: 80px;
}
/* CSS items */
 u, li {
    padding-bottom: 8px;
     padding-top: 8px;
     list-style: none;
}
 .items, .items-li {
    padding-top: 0px;
     padding-bottom: 0px;
     padding-left: 0;
     padding-right: 0px;
     list-style: none;
     font-size: 15px;
     line-height: 20px;
     font-weight: 400;
}
 .items-li {
    padding-top: 5px !important;
     padding-bottom: 5px !important;
     margin-left: 20px;
}
 .items-li-no-ico {
    padding-top: 5px !important;
     padding-bottom: 5px !important;
     margin-left: 0px;
}
 .items-li:before {
    content: '•';
     float: left;
     margin-left: -16px;
     margin-top: -4px;
     font-size: 20px;
     color: #58555c;
}
 .items-li-2:before {
    color: #ed4346 !important;
}
/* CSS lines/hrs */
 hr {
    border: 0px;
     height: 2px;
     width: 45px;
     left: 0;
     position: relative;
     margin-bottom: 8px;
     margin-top: 8px;
}
 .hr-1 {
    background-color: #ed4346 !important;
}
 .hr-2 {
    background-color: #471d7f !important;
}
 .hr-3 {
    background-color: #58c09d !important;
}
 .line {
    border: 1px #000 solid;
}
 .line-tr {
    border-right: 1px #000 solid;
}
 .line-tl {
    border-left: 1px #000 solid;
}
 .line-t {
    border-top: 1px #ccc solid;
}
 .line-b {
    border-bottom: 1px #000 solid;
}
/* CSS legends */
 .legend-1, .legend-2 {
    text-transform: uppercase
}
 .legend-1 {
    font-size:15px;
}
 .legend-2 {
    font-size:12px;
}
/* CSS borders / radius */
 .bder {
    border-radius: 7px;
}
 .bder-tl {
    border-radius: 10px 0 0 0;
}
 .bder-tr {
    border-radius: 0 10px 0 0;
}
 .bder-br {
    border-radius: 0 0 10px 0;
}
 .bder-bl {
    border-radius: 0 0 0 10px;
}
 .bder-tt {
    border-radius: 10px 10px 0 0;
}
 .bder-bb {
    border-radius: 0 0 10px 10px;
}
 .bder-tl-bl {
    border-radius: 10px 0 0 10px;
}
 .bder-tr-br {
    border-radius: 0 10px 10px 0;
}
 .bder-2 {
    border-radius: 14px;
}
 .bder-tl-2 {
    border-radius: 14px 0 0 0;
}
 .bder-tr-2 {
    border-radius: 0 14px 0 0;
}
 .bder-br-2 {
    border-radius: 0 0 14px 0;
}
 .bder-bl-2 {
    border-radius: 0 0 0 14px;
}
 .bder-tt-2 {
    border-radius: 14px 14px 0 0;
}
 .bder-bb-2 {
    border-radius: 0 0 14px 14px;
}
 .bder-tl-bl-2 {
    border-radius: 14px 0 0 14px;
}
 .bder-tr-br-2 {
    border-radius: 0 14px 14px 0;
}
 .bder-3 {
    border-radius: 7px;
}
 .bder-tl-3 {
    border-radius: 7px 0 0 0;
}
 .bder-tr-3 {
    border-radius: 0 7px 0 0;
}
 .bder-br-3 {
    border-radius: 0 0 7px 0;
}
 .bder-bl-3 {
    border-radius: 0 0 0 7px;
}
 .bder-tt-3 {
    border-radius: 7px 7px 0 0;
}
 .bder-bb-3 {
    border-radius: 0 0 7px 7px;
}
 .bder-tl-bl-3 {
    border-radius: 7px 0 0 7px;
}
 .bder-tr-br-3 {
    border-radius: 0 7px 7px 0;
}
 .bder-ball-full {
    border-radius: 200px;
}
 .bder-color-1 {
    border-color: #333333;
}
/* CSS redes sociais */
 .btn-redes-sociais {
}
 .btn-redes-sociais div {
    color: #58565b;
     border: 1px #dedede solid;
     border-radius: 8px;
     width: 48px;
     height: 48px;
     text-align: center;
     margin: 5px;
     -webkit-transition: all .2s;
     -moz-transition: all .2s;
     transition: all .2s
}
 .btn-redes-sociais i {
    color: #58565b;
     margin: 0 auto;
}
 .redes-color-f {
    color: #203dcf;
}
 .redes-color-i {
    color: #fff;
}
 .redes-color-w {
    color: #26c31a;
}
 .redes-color-t {
    color: #43a3ed;
}
 .btn-redes-sociais:hover div {
    border: 1px #333333 solid;
     border-radius: 2px;
     color: #333333;
     -webkit-transition: all .2s;
     -moz-transition: all .2s;
     transition: all .2s
}
 .btn-redes-sociais:hover i {
    color: #333333;
     -webkit-transition: all .2s;
     -moz-transition: all .2s;
     transition: all .2s
}
/* CSS shadow */
 .box-shadow-1 {
    -webkit-box-shadow: 0px 7px 21px -15px rgba(0,0,0,0.46);
     -moz-box-shadow: 0px 7px 21px -15px rgba(0,0,0,0.46);
     box-shadow: 0px 7px 21px -15px rgba(0,0,0,0.46);
}
 .box-shadow-2 {
    -webkit-box-shadow: 0px 7px 21px -15px rgba(0,0,0,0.35);
     -moz-box-shadow: 0px 7px 21px -15px rgba(0,0,0,0.35);
     box-shadow: 0px 7px 21px -15px rgba(0,0,0,0.35);
}
/* CSS card */
 .card-footer {
     background-color: rgba(0,0,0,0);
     border-top: 1px solid rgba(0,0,0,0);
}
 .card-body {
     padding: 20px 40px 12px 40px;
}
 .card-footer, .card-footer-sim {
     padding: 12px 40px 35px 40px;
}
 .card-footer-sim {
     background-color: #f1f1f1 !important;
}
 .card {
     position: relative;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: column;
     flex-direction: column;
     min-width: 0;
     word-wrap: break-word;
     background-color: #fff;
     background-clip: border-box;
     border: 0px solid rgba(0,0,0,0);
     border-radius: .25rem;
}
 .card-deck {
     -ms-flex-flow: row wrap;
     flex-flow: row wrap;
     margin-right: 0;
     margin-left: 0;
}
 .card-deck .card {
     display: -ms-flexbox;
     display: flex;
     -ms-flex: 1 0 0%;
     flex: 1 0 0%;
     -ms-flex-direction: column;
     flex-direction: column;
     margin-right: 0;
     margin-bottom: 0;
     margin-left: 0;
}
/* //////////////////////////////////////////////////////////////////////////// CSS effect */
 .hover-effect {
     position: relative;
     overflow: hidden;
     cursor: pointer;
}
 .hover-effect img {
     -moz-transform: scale(1.0);
     -ms-transform: scale(1.0);
     -webkit-transform: scale(1.0);
     transform: scale(1.0);
     -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
     transition-duration: 0.3s;
}
 .hover-effect:hover img {
     -moz-transform: scale(1.1);
     -ms-transform: scale(1.1);
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
     -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
     transition-duration: 0.3s;
}
 .hover-effect::before {
     right: 0;
     opacity: .4;
     bottom: 0;
}
 .hover-effect::before, .hover-effect::after {
     content: "";
     background: #3baf6e;
     border-radius: 0 0 0 200px;
     height: 0;
     width: 0;
     z-index: 1;
     position: absolute;
     -webkit-transition-duration: 0.7s;
     -o-transition-duration: 0.7s;
     transition-duration: 0.7s;
}
 .hover-effect::after {
     opacity: .6;
}
 .hover-effect::before, .hover-effect::after {
     content: "";
     background: #3baf6e;
     height: 0;
     width: 0;
     z-index: 1;
     position: absolute;
     -webkit-transition-duration: 0.7s;
     -o-transition-duration: 0.7s;
     transition-duration: 0.7s;
}
 .hover-effect:hover::after, .hover-effect:hover::before {
     height: 100%;
     opacity: 0;
     width: 100%;
}
/* //////////////////////////////////////////////////////////////////////////// CSS custom */
.max-h-produtos {
    max-height: 180px;
}
 .posi-bx-produtos {
    position: relative;
     right: -100px;
     z-index: 9;
}
 .max-h-seta {
    max-height: 35px;
}
 .posi-seta-produtos {
    position: relative;
     left: -20px;
     max-width: 100px;
}
 .posi-seta-produtos-2 {
    position: relative;
     left: -20px;
     max-width: 120px;
}
 .posi-seta-produtos-3 {
    position: relative;
     left: 20px;
     max-width: 100px;
}
 .posi-seta-produtos-4 {
    position: relative;
     left: 20px;
     max-width: 140px;
}
 .ico-cat-1 {
    max-height: 140px;
}
 .ico-dog-1 {
    max-height: 250px;
}
 .ico-dog-2 {
    max-height: 150px;
}
 .ico-dog-3 {
    max-height: 150px;
}
 .bg-ball-white {
    background-image: url(img/bg-ball-white.png);
     background-size:95%;
     background-repeat: no-repeat;
     background-position: center center;
}
 .app-2 {
    max-height: 850px;
}
 .ico-cat-bx-posi {
    position: absolute;
     top: 150px;
     right: 0;
     z-index: -1;
     max-width: 200px;
}
 .line-footer {
    border-top: 1px #fff solid;
}
 .btn-apple-1 {
    max-height: 60px;
}
 .btn-apple-2 {
    max-height: 55px;
}
 .btn-android-1 {
    max-height: 59px;
}
 .btn-android-2 {
    max-height: 55px;
}
 .qr-code {
    max-height: 170px;
}
 .bg-red-ball {
    background-image: url(img/bg-ball-red.png);
     background-size:95%;
     background-repeat: no-repeat;
     background-position: center center;
     padding: 100px 0 100px 0
}
 .dv-red-ball {
    padding-top: 70px;
}
 .app-3 {
    max-height: 820px;
}
 .pad-30 {
    padding-top: 60px;
}
 .posi-petisco {
    position: relative;
     right: -50px;
     z-index: 9;
}
 .posi-r-100 {
    position: relative;
     right: 100px;
}
 .posi-r-50 {
    position: relative;
     right: 50px;
}
 .ball-red-app-1 {
    background-image: url(img/bg-ball-red.png);
     background-size:95%;
     background-repeat: no-repeat;
     background-position: center center;
}
 .app-1 {
    max-height: 800px;
}
 .bx-pad-dog-2 {
    position: absolute;
     bottom: 0;
}