/**
 * 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: #f7bc01;color: #ffffff !important;}
::-moz-selection {background: #f7bc01; color: #ffffff !important;}
*, :after, :before {box-sizing: border-box;} 
 
html, button, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 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 {
 /*border: 1px #ff0000 solid !important;*/
 font-family: 'Montserrat', sans-serif;
}
html {-webkit-font-smoothing: antialiased; text-rendering: optimizelegibility;}
body {margin: 0; padding: 0; color: #212226;}

/* 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: #212226;} .color-link-1:hover {color: #f7bc01; opacity: 0.7;} /*escuro*/
.color-link-2 {color: #ffffff;} .color-link-2:hover {color: #f7bc01; opacity: 0.8;} /*claro*/
.color-link-3 {color: none;} .color-link-3:hover {color: none; 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: 1px;}
h1, .h1 {font-weight: bold; letter-spacing: 0 !important; }
h2, .h2 {font-weight: 700; letter-spacing: 0 !important; }
h3, .h3 {font-weight: 700;}
h4, .h4 {font-weight: 600;}
h5, .h5 {font-weight: 600;}
h6, .h6 {font-size: 30px;}

.title-h1 {font-size: 50px; line-height: 50px;}
.title-h2 {font-size: 24px; line-height: 30px;}
.title-h3 {font-size: 18px; line-height: 20px;}
.title-h4 {font-size: 40px; line-height: 40px;}
.title-h5 {font-size: 35px; line-height: 35px;}
.title-h6 {font-size: 30px;}

p {font-size: 16px; font-weight: 500; margin-top: 0px; margin-bottom: 0px;}

.font-x1 {font-size: 10px;}
.font-x2 {font-size: 12px;}
.font-x3 {font-size: 14px;}
.font-x4 {font-size: 16px; line-height: 20px;}
.font-x5 {font-size: 18px;}
.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: bold;}
.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: #212226;}      
.color-2 {color: #f7bc01;}       
.color-3 {color: #e4e4e4;} 
.color-4 {color: #acacac;} 

/*
.color-4 {color: #fed130;} 
.color-5 {color: #434343;} 
.color-6 {color: #cf1619}      
.color-7 {color: #a5a5a5} 
.color-8 {color: #fed130;}*/

/* CSS backgrounds */
.bg-color-1 {background-color: #f7bc01;}
.bg-color-2 {background-color: #e4e4e4;}
.bg-color-3 {background-color: #262729;}
.bg-color-4 {background-color: #ededed;}

/*
.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;}*/

.bg-color-opacity-1 {
    background: rgb(0,0,0, 0.4);
}

.bg-color-opacity-2 {
    background: rgb(0,0,0, 0.8);
}

.bg-degrade-1 {
    background: rgb(241,241,241);
    background: linear-gradient(0deg, rgba(228,228,228,1) 50%, rgba(247,188,1,1) 50%);
}

.bg-img-1 {background-image: url(img/home-img.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}
.bg-img-2 {background-image: url(img/institucional-header-img.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}
.bg-img-3 {background-image: url(img/grupofuad-img-header.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}

/* CSS paddings/margins/medias */
.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: 50px; padding-top: 50px;} /* 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: 300;}
.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: '•';*/ background-image: url(img/grupofuad-mapabrasil-ico-pin.png); 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: 18px;}   .bder-tl {border-radius: 18px 0 0 0;}   .bder-tr {border-radius: 0 18px 0 0;}   .bder-br {border-radius: 0 0 18px 0;}   .bder-bl {border-radius: 0 0 0 18px;}   .bder-tt {border-radius: 18px 18px 0 0;}   .bder-bb {border-radius: 0 0 18px 18px;}   .bder-tl-bl {border-radius: 18px 0 0 18px;}   .bder-tr-br {border-radius: 0 18px 18px 0;}
.bder-2 {border-radius: 18px;} .bder-tl-2 {border-radius: 18px 0 0 0;} .bder-tr-2 {border-radius: 0 18px 0 0;} .bder-br-2 {border-radius: 0 0 18px 0;} .bder-bl-2 {border-radius: 0 0 0 18px;} .bder-tt-2 {border-radius: 18px 18px 0 0;} .bder-bb-2 {border-radius: 0 0 18px 18px;} .bder-tl-bl-2 {border-radius: 18px 0 0 18px;} .bder-tr-br-2 {border-radius: 0 18px 18px 0;}
.bder-3 {border-radius: 18px;}  .bder-tl-3 {border-radius: 18px 0 0 0;}  .bder-tr-3 {border-radius: 0 18px 0 0;}  .bder-br-3 {border-radius: 0 0 18px 0;}  .bder-bl-3 {border-radius: 0 0 0 18px;}  .bder-tt-3 {border-radius: 18px 18px 0 0;}   .bder-bb-3 {border-radius: 0 0 18px 18px;}   .bder-tl-bl-3 {border-radius: 18px 0 0 18px;}   .bder-tr-br-3 {border-radius: 0 18px 18px 0;}
.bder-ball-full {border-radius: 200px;}
.bder-color-1 {border-color: #ff7a08;}

/* 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 #ff7a08 solid; border-radius: 2px; color: #ff7a08; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s}
.btn-redes-sociais:hover i {color: #ff7a08; -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;
}

form, .form:required:after{
    outline: none !important;
    border: none !important;
}


/* //////////////////////////////////////////////////////////////////////////// CSS effect */

.hover-effect {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.hover-effect::before {
    right: 0;
    opacity: 1;
    top: 0;
}
.hover-effect::before, .hover-effect::after {
    content: "";
    background: #fff;
    height: 0;
    width: 0;
    z-index: 1;
    position: absolute;
    -webkit-transition-duration: 1.3s;
    -o-transition-duration: 1.3s;
    transition-duration: 1.3s;
}
.hover-effect::after {
    bottom: 0;
    opacity: .7;
    left: 0;
}
.hover-effect::before, .hover-effect::after {
    content: "";
    background: #fff;
    height: 0;
    width: 0;
    z-index: 1;
    position: absolute;
    -webkit-transition-duration: 1.3s;
    -o-transition-duration: 1.3s;
    transition-duration: 1.3s;
}
.hover-effect:hover::after, .hover-effect:hover::before {
    height: 100%;
    opacity: 0;
    width: 100%;
}

/* //////////////////////////////////////////////////////////////////////////// CSS contato */
.ico-city-barra-contato {margin-top: 3px; margin-right: 11px;}
.box-hover-contato {height: 48px; background: #373737; border-radius: 7px; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s}
.box-hover-contato:hover {background: #f79a20; border-radius: 7px; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s}
.box-hover-contato:hover i {color: #373737 !important; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s}
.box-hover-contato:hover .color-link-2 {color: #373737 !important; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s}
.box-hover-contato-pad {padding-top: 12px;}
.box-hover-contato-pad-tel {padding-top: 7px;}

.box-hover-contato-flu {height: 50px; /* background-color: #484848; */ position: fixed; width: 100%; bottom: 10px; padding: 0px 4px; z-index: 1000;}

.box-btn-contato {height: 48px; background: #ffffff; color: #373737; border-radius: 7px; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s}
.box-btn-contato:hover {background: #008d00; color:#f79a20;  border-radius: 7px; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s}
.box-btn-contato:hover i, .box-btn-contato:hover a {color: #ffffff !important; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s}
.box-btn-contato:hover .color-link-2 {color: #373737 !important; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s}

.ico-pad-city {padding: 0px 8px 0 18px;}
.contato-pad-icones {width: 60px;}

.iframe { border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; position: relative; overflow: hidden; width: 100%; height: 300px; }
.iframe iframe { width: 100%; height: 100%; }

/* //////////////////////////////////////////////////////////////////////////// CSS custom */
.div-auto {max-width: 100%; width: auto !important; display: table;}
.txt-upper {
    text-transform: uppercase;
}
.line-div-1 {background-color:#fff; width:1px; opacity:0.5}
.line-div-2 {width:3px;}


/*scroll*/
.card-btn {
  /*margin-left: 3px;*/
  transition: .3s ease;
}

.card-btn-pad-right {
 padding-right: 0;
}

.card-btn:hover {
  transform: scale(1.05);
}

.scrollcards {
  background-color: transparent;
  overflow: auto;
  white-space: nowrap;
}

::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background: transparent;
}

.scrollcards .card-btn {
    display: inline-block;
    padding-left: 13px;
    text-decoration: none;
    height: auto; 
    /*width: 505px;*/
}

.width-scroll-mobi {min-width: 311px;}

.logo-cliente {max-width: 170px; padding-top: 20px; padding-bottom: 20px;}




.bx-nbr {
 /*min-height: 60px;*/
}

.bx-nbr-tit {
 /*min-height: 60px;*/
 position: absolute; right: 25px; z-index: 1;
}

.galerias img {
     padding: 10px;
     width: auto;
     height: 540px;
}

.obras img {
     padding-right: 10px;
}
  
 #barra-contato {
     display: none;
     z-index: 999;
}

.barra-sticky {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
}

[data-toggle="collapse"].collapsed .if-not-collapsed,
[data-toggle="collapse"]:not(.collapsed) .if-collapsed {display: none; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s}

.fancybox-slide {
    padding: 44px 5px 5px 5px !important;
}

.position-empreendimento {
    position: absolute; z-index: 5;
}


.legendtxt {
    font-size: 13px !important;
    padding: 19px 0 2px 0;
    color: #949090;
}

.progress {
    height: 20px !important;
}
.progress {
    background-color: #b7b5b5;
    border-radius: 3px !important;
}

.progress-bar {
    height: 20px !important;
    text-align: right !important;
    padding: 2px 8px !important;
}
.progress-bar {
    height: 1rem;
    color: #fff;
    font-weight: 900;
    background-color: #8c8c8c;
}

.the-content p {margin-top: 15px; margin-bottom: 15px;}