@charset "UTF-8"; 
/*
Theme Name: OCB - Construtora e Incorporadora | Você tem um sonho. Nós temos a chave.
Theme URI: https://www.ocbconstrutora.com.br/
Description: A OCB nasceu em Alfenas/MG, ano de 2011, e surgiu, inicialmente, com o intuito de construir grandes edificações com alto padrão de qualidade e estendeu-se à construção de casas diante da necessidade do mercado. A Construtora conquistou seu espaço no setor imobiliário devido ao sucesso do primeiro empreendimento, o Edifício Porto Vitória, que impressionou principalmente pela excelência em acabamento.
Author: Mário Nilcain
Author URI: http://www.marionilcain.com
Version: 1.0
Tags: ocb, alfenas, construtora, construcao civil, minas, minas gerais, mg, sul de minas
.
Your theme can be your copyrighted work.
Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
 
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
 */



@font-face {
  font-family: BwModelica;
  src: url("assets/fonts/BwModelica/BwModelica-Thin.otf");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: BwModelica;
  src: url("assets/fonts/BwModelica/BwModelica-ThinItalic.otf");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: BwModelica;
  src: url("assets/fonts/BwModelica/BwModelica-Light.otf");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: BwModelica;
  src: url("assets/fonts/BwModelica/BwModelica-LightItalic.otf");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: BwModelica;
  src: url("assets/fonts/BwModelica/BwModelica-Regular.otf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: BwModelica;
  src: url("assets/fonts/BwModelica/BwModelica-RegularItalic.otf");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: BwModelica;
  src: url("assets/fonts/BwModelica/BwModelica-Medium.otf");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: BwModelica;
  src: url("assets/fonts/BwModelica/BwModelica-MediumItalic.otf");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: BwModelica;
  src: url("assets/fonts/BwModelica/BwModelica-Bold.otf");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: BwModelica;
  src: url("assets/fonts/BwModelica/BwModelica-BoldItalic.otf");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: BwModelica;
  src: url("assets/fonts/BwModelica/BwModelica-ExtraBold.otf");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: BwModelica;
  src: url("assets/fonts/BwModelica/BwModelica-ExtraBoldItalic.otf");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: BwModelica;
  src: url("assets/fonts/BwModelica/BwModelica-Black.otf");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: BwModelica;
  src: url("assets/fonts/BwModelica/BwModelica-BlackItalic.otf");
  font-weight: 900;
  font-style: italic;
}








@charset "UTF-8";*{margin:0;padding:0;}
html,body{overflow-x:hidden;font-family:BwModelica, Verdana, 'Trebuchet MS'!important;color:#9F9F9F;  background: #ffffff}
html{scroll-behavior:smooth;}
@keyframes bounceArrow{0%, 20%, 50%, 80%, 100%{transform:translateY(0);}40%{transform:translateY(-20px);}60%{transform:translateY(-10px);}}
@keyframes kenburns-top{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);-webkit-transform-origin:50% 16%;transform-origin:50% 16%}100%{-webkit-transform:scale(1.25) translateY(-15px);transform:scale(1.25) translateY(-15px);-webkit-transform-origin:top;transform-origin:top}}
@keyframes eEuvQz{from{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}to{-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);}}

::selection {background-color: #00A89F;color: white;}
 

a {text-decoration: none;color: #00A89F;}
a:hover {text-decoration: none;color: #00A89F;}

.cyan{color: #00A89F!important}
.blue{color: #0077B1!important}

.center{display: flex;justify-content: center;align-items: center;}

.center-left{display: flex;align-items: center;}


p{color:#535353;font-weight:normal;font-size:16px;font-stretch:normal;font-style:normal;line-height:24px;letter-spacing: 0.0025em;padding: 8px 0;}
h1{color:#ffffff;font-size: 56px;font-weight: 700;font-stretch: normal;font-style: normal;line-height: 54px;letter-spacing: 0.0025em;}
h2{color:#020202;font-size: 40px;font-weight: 700;font-stretch: normal;font-style: normal;line-height: 42px;letter-spacing: 0.0025em;}
h3{color:#FBFBFB;font-size: 24px;font-weight: 700;font-stretch: normal;font-style: normal;line-height: 34px;letter-spacing: 0.0025em;}
h4{color:#FBFBFB;font-size: 20px;font-weight: 700;font-stretch: normal;font-style: normal;line-height: 30px;letter-spacing: 0.0025em;}
h5{color:#FBFBFB;font-size: 18px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 28px;letter-spacing: 0.0025em;}
h6{color:#020202;font-size: 16px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 20px;letter-spacing: 0.0025em;}




/* HEADER */
header{position: fixed;z-index: 2;background:transparent;-webkit-transition: background .2s ease;transition: background .2s ease;left:0;width:100%;}
header.fixed-menu{position: fixed;z-index: 9999;box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);background-color: #ffffff;}
header.fixed-menu .logo {background-image: url(assets/img/logo-ocb.svg);height: 64px;width: 150px;background-size: contain;  background-repeat: no-repeat;}
header .logo {height: 98px; background-image: url(assets/img/logo-ocb-white.svg);width: 230px;background-repeat: no-repeat;background-size: contain;}


/* HEADER */

header.fixed-menu{z-index: 9999;box-shadow: 0 0 12px 0 rgb(0 0 0 / 10%);background-color: #ffffff;}
header.fixed-menu .navbar-light .navbar-nav .nav-link { color: #000000!important}


header .navbar{padding: .5rem 0rem;}
header .navbar-nav {margin-right: 40px!important }
header .nav-item a, li {list-style-type: none;padding: 0px 24px;}
header .navbar-expand-lg .navbar-nav .nav-link{padding-left:1rem;padding-right:1rem}
header .navbar-expand-lg .navbar-nav{-ms-flex-direction: row;flex-direction: row;display: flex;justify-content: center;align-items: center;}
header .navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")!important;}
header .navbar-light .navbar-toggler{border-color:#000000!important}
header .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link a{color: #ffffff; border-bottom:2px solid #00A89F}
header .navbar-light .navbar-nav .navbar-light .navbar-nav .nav-link:hover{color: #fff!important;text-decoration: none;border-bottom: solid 2px #00A89F;}
header .navbar-light .navbar-nav .nav-link{padding: 0rem;font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.47;letter-spacing:normal;text-align:left;color:#FBFBFB}
header .nav-link{display:block;padding:inherit}
header .login {margin: 0px 32px;}



.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color: #00A89F!important;}





.dropdown-menu li{padding: 0px 16px;}
.dropdown-menu {padding: 16px 0;font-size: 1rem;color: #212529;background-color: #fff; border: 0px;border-radius: 8px;}
.dropdown-item {font-weight: 400;color: #212529;padding: 4px 16px!important;}
.dropdown-item:focus, .dropdown-item:hover {color: #ffffff!important;border: 0px;background-color: #00A89F;border-radius: 2px;}






/* MAIN */
.container{max-width:1600px!important;padding:0px 25px 0px 25px!important;}
.container-header{max-width:1600px!important;padding:0px 25px 0px 25px!important;}
.container-fluid {padding: 0px!important}

/* BUTTON */
.btn{border-radius: 2px;transition: all .15s ease;font-weight: bold;text-align: center;padding: 10px 30px;font-size: 18px;line-height: 1.5;text-transform: uppercase;}
.btn:hover { -webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}

.btn-primary{color: #fff;background-color:#00A89F;border-color: #00A89F;}   
.btn-primary:hover {color: #fff!important;background-color:#00A89F;border-color: #00A89F;} 
.btn-primary:focus {box-shadow: 0 0 0 0.0rem rgba(0,0,0,.0);}

.btn-secondary{color: #0077B1; background-color: transparent; border: 2px solid #0077B1;}   
.btn-secondary:hover {color: #fff!important;background-color:#0077B1;border: 2px solid #0077B1} 
.btn-secondary:focus {box-shadow: 0 0 0 0.0rem rgba(0,0,0,.0);border: 2px solid #0077B1}




/* PAGE */
.ocb-hero-page{background-repeat: no-repeat;
    background-size: cover;
    background-position: center; background-image: linear-gradient(to bottom, rgba(0, 37, 55, 0.9), rgba(0, 11, 16, 0.7)); height: 100vh}
.ocb-hero-page h1{font-size:40px; line-height: 1.4;color: #fff;}



/* BANNER */
.ocb-hero-image{background-image: linear-gradient(to bottom, rgba(0, 37, 55, 0.9), rgba(0, 11, 16, 0.7)); height: 100vh}
.ocb-hero  h1{font-size:40px; line-height: 1.4;color: #fff;}
.ocb-hero .carousel-caption {right: 10%;bottom: 45%;left: 10%;padding-top: 20px; padding-bottom: 20px;text-align: center;}


/* LANCAMENTOS */
.ocb-releases h2{padding: 8px 0 16px 0px!important}
.ocb-releases span{font-size: 28px;}
.ocb-releases article:hover{-webkit-transform:translateY(-4px);-ms-transform:translateY(-4px);transform:translateY(-4px)}
.ocb-releases article img{filter: contrast(65%)}
.ocb-releases article img:hover{filter: contrast(100%)}


/* SOBRE OCB */
.ocb-about{ background-image: linear-gradient(to bottom, rgba(25, 174, 161, 0.9), rgba(25, 174, 161, 0.9)), url('assets/img/slide-01.png');}
.ocb-about h2{color: #ffffff; padding-bottom: 64px}
.ocb-about h4{color: #ffffff}
.ocb-about p{color: #ffffff}
.sobre-section h3{color:#535353}

/* NOVIDADES - BLOG */
.ocb-blog{}
.ocb-blog h2{padding-bottom: 64px;}
.ocb-blog h3{padding-top: 24px;}
.ocb-blog .post {padding: 15px;margin-bottom: 112px;}






/* BLOG */
.imoveis-finalizados{background: #F8F8F8;}
.imoveis-finalizados article{margin-bottom: 44px;background: #FFFFFF;box-shadow: 0px 20px 20px rgb(0 0 0 / 5%);border: none;border-radius: 2px;}
.imoveis-finalizados article:hover{box-shadow: 0px 30px 30px rgb(0 0 0 / 8%);-webkit-transform:translateY(-4px);-ms-transform:translateY(-4px);transform:translateY(-4px)}
.imoveis-finalizados article img{filter: contrast(65%)}
.imoveis-finalizados article img:hover{filter: contrast(100%)}
.imoveis-finalizados .card .content{padding: 24px}
.imoveis-finalizados .card .content h3 {font-size: 32px; padding-top: 16px}
.imoveis-finalizados .card .content h6 {padding: 8px 0px;color: #020202;text-decoration: none;}
.imoveis-finalizados .card .content span{border-style: solid;padding: 4px 8px;color: #0077B1;border-radius: 2px;border-width: 2px;    text-transform: uppercase;
    font-weight: 800;
    font-size: 12px;}



/* NEWSLETTER */
.ocb-newsletter{ padding: 112px 0px 32px 0px; background-color: #E5E5E5; }
.ocb-newsletter .phone{margin: -180px 0px 0px 0px}


/* YOUTUBE */
.ocb-youtube{ }


/* HELP */
.ocb-help{ }
.ocb-help a .card-t { padding: 32px 0px; border-radius: 4px; border-color: #00A89F; border-style: solid; border-width: 2px; }
.ocb-help a .card-t .text{text-transform: uppercase; font-size: 18px; font-weight: bold; color: #00A89F; }

.ocb-help svg{fill: #00A89F;}
.ocb-help a:hover svg{fill: #ffffff;}
.ocb-help a:hover .card-t{background-color: #00A89F;}
.ocb-help a:hover .card-t .text{color: #ffffff;}

.ocb-help h2 {font-weight: 400;}


/* PADDING */
.padding-160{padding: 160px 0px}
.padding-112{padding: 112px 0px}
.padding-64{padding: 64px 0px}
.center {display: flex;justify-content: center;align-items: center;}


/* SERVICOS */
.servicos .extras{background-color: #00A89F}
.servicos .extras .card-s {padding: 16px 0px; border-radius: 4px; border-color: rgba(255, 255, 255, 0.4); border-style: solid; border-width: 2px; margin-bottom: 32px }
.servicos .extras .card-s .text{text-transform: uppercase; font-size: 18px; font-weight: bold; color: #ffffff; }

/* FALE CONOSCO */
.page-template-template-fale-conosco .navbar-light .navbar-nav .nav-link {color: #000!important;}
.page-template-template-fale-conosco .logo {background-image: url(assets/img/logo-ocb.svg);height: 98px;width: 230px;background-size: contain;  background-repeat: no-repeat;}

.fale-conosco .hero{padding: 124px 0px;}
.fale-conosco .hero-blue{;background-color: #0077B1}
.fale-conosco .hero h2{ padding: 24px 0px ;color: #ffffff}
.fale-conosco .types{padding: 0px 0px 112px 0px}
.fale-conosco .types a .card-t{background-color: #E6F6FC; padding: 32px 16px; border-radius: 4px; margin-bottom: 32px}
.fale-conosco .types a .card-t .text{font-size: 18px; font-weight: bold; color: #0077B1; }
.fale-conosco .types a:hover .card-t{background-color: #0077B1;}
.fale-conosco .types a:hover .card-t .text{color: #ffffff;}



/* SOBRE OCB */
.sobre .sobre-section{margin-bottom: 112px;}
.sobre .missao{background-color: #00A89F}
.sobre .missao .video{margin-top: -250px; margin-bottom: 100px}
.sobre .missao p{color: #ffffff}
.sobre .missao h3{padding-top: 24px}
.sobre .historia{}
.sobre .numeros{background-color: #002f46;margin-bottom: -224px; }
.sobre .numeros h2{color: #0077B1; padding-bottom: 80px}
.sobre .numeros h3{color: #ffffff; font-size: 38px;}
.sobre .numeros p{color: #0077B1}


.filtro .nav{margin-bottom: 32px}
.filtro .nav-item a, li{color: #535353;font-size: 18px}
.filtro .nav-item a:hover{color: #00A89F; border-bottom:2px solid #00A89F}
.filtro .nav-item .active{color: #00A89F; border-bottom:2px solid #00A89F}


.single-empreendimentos .hero{}
.single-empreendimentos .hero h1{margin: 24px 0px 16px 0px;}
.single-empreendimentos .hero .categoria span{padding: 5px 10px; margin: 0px 15px 0px 0px;background: #eaeaea;color: #989898;font-weight: bold;border-radius: 4px;}
.single-empreendimentos .hero p {color: #FBFBFB;font-size: 24px;font-weight: 700;font-stretch: normal;font-style: normal;line-height: 34px;letter-spacing: 0.0025em;}

.single-empreendimentos .sobre{}

.single-empreendimentos .sobre .btn{margin-right: 32px}
.single-empreendimentos .sobre h3{color: #272727;font-size: 18px;font-weight: 700;margin-bottom: 0rem;}
.single-empreendimentos .sobre .destaques img {padding-right: 8px}
.single-empreendimentos .sobre .destaques{padding: 32px 0px}

.single-empreendimentos .menu{padding-top: 72px; margin-bottom: -40px}

.single-empreendimentos .menu a{color:#535353 }


.single-empreendimentos .evolucao h2{margin-bottom: 64px}

.single-empreendimentos .diferencias{padding: 112px 0px 0px 0px ;background-color: #0077B1 }
.single-empreendimentos .diferencias h2{color: #fff;padding-bottom: 44px}
.single-empreendimentos .diferencias h3{padding-top: 8px}


.single-empreendimentos .diferencias p{color: #fff}
.single-empreendimentos .diferencias .item{margin-bottom: 40px}

.single-empreendimentos .localizacao h2{padding: 112px 0px 32px 0px }
.single-empreendimentos .localizacao img{margin-left: -80%}
.single-empreendimentos .localizacao .container-fluid{background-color: #00A89F}

.single-empreendimentos .localizacao .btn-primary{color: #fff;background-color:#032336;border-color: #032336;}   
.single-empreendimentos .localizacao .btn-primary:hover {color: #fff!important;background-color:#032336;border-color: #032336;} 
.single-empreendimentos .localizacao .btn-primary:focus {box-shadow: 0 0 0 0.0rem rgba(0,0,0,.0);}

.single-empreendimentos .localizacao .btn-secondary{color: #032336; background-color: transparent; border: 2px solid #032336;}   
.single-empreendimentos .localizacao .btn-secondary:hover {color: #fff!important;background-color:#032336;border: 2px solid #032336} 
.single-empreendimentos .localizacao .btn-secondary:focus {box-shadow: 0 0 0 0.0rem rgba(0,0,0,.0);border: 2px solid #032336}



.content-single{padding: 64px; background-color: #F1F1F1;}

.content-single h1{font-size: 44px;}

.recomendadas h2 {font-weight: 400;padding-bottom: 32px;}



.single-empreendimentos .plantas{}



.single-empreendimentos .plantas .nav-pills .nav-link.active, .nav-pills .show>.nav-link {font-weight: bold; font-size: 20px ;text-transform: uppercase; color: #fff;background-color: #0077B1;text-align: center;}
.single-empreendimentos .plantas .nav-pills .nav-link, .nav-pills a{ font-weight: bold;font-size: 20px; text-transform: uppercase;margin-bottom: 16px;color: #0077B1; background-color: transparent; border: 2px solid #0077B1;text-align: center;}


.single-empreendimentos .adamento-da-obra .item{margin: 16px 16px 32px 16px;
}

.single-empreendimentos .adamento-da-obra h2{font-weight: 300;
    margin-top: 40px;
    margin-bottom: 0px;}


.single-empreendimentos .adamento-da-obra p{color: #141313;
    font-size: 18px;
    font-style: normal;
    line-height: 1.4;
    margin-bottom: 0px;
    font-weight: bold;}
.single-empreendimentos .adamento-da-obra .progress-meter-text{height: 4rem;background-color: #1779ba;background: linear-gradient(90deg, #0C63A0 0%, #13988E 100%);}

.single-empreendimentos .adamento-da-obra .progress { height: 4rem;
    margin-bottom: 0.5rem;
    border-radius: 4px;
    background-color: transparent;
    border-color: #bad1e2;
    border-style: solid;
    border-width: 2px; }




/* FOOTER */
footer {background: #E5E5E5}
footer h3{color: #0077B1; font-weight: bold;}
footer .logo img{width: 240px;padding-bottom: 24px; }
footer .redes{padding-top: 32px}
footer .redes img{padding: 8px 16px 8px 0px; }
footer .nav-item a{color: #535353; font-size: 16px; font-weight: bold}
footer .nav-item a:hover{color: #00A89F!important; text-decoration: none;}
footer .nav-item a, li {list-style-type: none;}
footer .navigation{padding: 64px 0px}
footer .copyright{padding-top: 32px }
footer .copyright p{padding-top:4px; font-size: 14px}


footer .atendimento
p{font-size: 18px;
    margin-bottom: 0px;
    color: #393939;
   }


.wpp-btn {width: 62px;height: 62px;background-color: #4ced69;border-radius: 30px;position: fixed;z-index: 98;bottom: 40px;right: 70px;display: flex;justify-content: center;align-items: center;-webkit-transition: all .2s;transition: all .2s;box-shadow: 0 4px 10px -3px rgba(0,0,0,.2);}
.wpp-btn::after {content: '';position: absolute;left: 0;top: 0px;width: 65px;height: 65px;z-index: -1;background: rgba(0, 0, 0, 0.15);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%}
.wpp-btn:hover {transform: scale(1.3);animation-name: scalonar;animation-duration: 1s;animation-iteration-count: infinite}
@media (max-width: 1050px) {.wpp-btn {right: 50px;}}
@media (max-width: 768px) {.wpp-btn {right: 25px;}}



.map-responsive{
    overflow:hidden;
    padding-bottom:50%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}


.contato-phone{padding: 0px 0px 40px 0px }

/* MOBILE */
@media screen and (max-width: 576px) {
.embed-responsive{margin-bottom: 64px}
.ocb-newsletter .phone {margin: 0px;}
.ocb-blog .post {padding: 15px 0px 40px 0px;}
header .logo svg {height: 64px;}


header .navbar-light .navbar-toggler{border-color:#fff!important}
header .navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")!important;}
header .container-header .navbar-expand-lg .navbar-nav {-ms-flex-direction: initial;flex-direction: column;display: flex;justify-content: initial;align-items: initial;}
header .container-header .navbar-collapse{background-color: #fff;
    padding: 16px 0px;
    border-radius: 8px;
    margin-top: 16px;}
header .container-header .navbar-light .navbar-nav .nav-link{padding: 8px 1rem;
    color: #000!important;
    border-bottom: none;}

.sobre .numeros p{margin-bottom: 80px}
.ocb-help a .card-t {margin: 32px 0px}

}