/* Theme Name: Modelo Imobiliária Framework: Bootstrap, W3css Theme  Author: Estúdio M */
 * {
     margin: 0;
     padding: 0;
}
/*- Fontes / Links -*/
 body {
     font-family: 'Montserrat', sans-serif;
     background-color: #222;
}
 a {
     color: #fff;
     transition: 0.5s;
}
 a:hover, a:active, a:focus {
     color: #fff;
     outline: none;
     text-decoration: none;
}
 p {
     padding: 0;
     font-family: 'Montserrat', sans-serif;
	 color:#fff;
}
 *:focus {
     outline: 0 !important;
}
 h1, h2, h3, h4, h5, h6 {
     font-family: 'Montserrat', sans-serif;
	 color:#fff;
}
 h1, h2 {
     letter-spacing: -1.2px;
}
 h3, h4 {
     letter-spacing: -0.9px;
}
 h5, h5 {
     letter-spacing: -0.7px;
}
 .float-left {
     float: left;
}
 .float-right {
     float: right;
}
 .text-center {
     text-align: center;
}
 .wrapper-890 {
     max-width: 890px;
     margin: 0 auto;
}
 .wrapper-1200 {
     max-width: 1200px;
     margin: 0 auto;
     padding: 0;
}
 .wrapper1280 {
     max-width: 1280px;
     margin: 0 auto;
     padding: 0;
}
 .column-2 {
     width: 16.5%;
     float: left;
}
 #logo-mobile {
     display: none;
}
 .imput-wrap {
     float: left;
     width: 100%;
}
 .bx-sm {
     float: left;
     width: 174px;
}
 .bx-sm-bt {
     float: left;
     width: 174px;
     text-align: center;
     margin-left: 1px;
}
 .content-body {
     margin: 180px 0 40px 0;
}
 .topo{
     margin-top:10px;
}
 .topo{
    margin-top:10px;
}
 .margin-bottom-30{
    margin-bottom:30px;
}
/* Cabeçalho */
 #header {
     margin-top:70px;
     transition: all 0.5s;
     transition: all 0.5s;
     position: fixed;
     left: 0;
     top: 0;
     right: 0;
     transition: all 0.5s;
     z-index: 9996911;
}
 #header .main-nav {
     margin-top: 8px;
}
 #header .logo img{
     margin-right: 20px;
     max-height: 70px;
}
 #header.header-scrolled, #header.header-pages {
     height: 75px;
     margin-top:0;
     background:rgba(254, 254, 254, 0.5);
	 padding:10px 0 10px 0; 
     border-bottom: 1px solid #f60;
}
 #header.header-scrolled .logo img, #header.header-pages .logo img {
    max-height: 50px;
	margin-top:5px;
}
 #header.header-scrolled #topbar, #header.header-pages #topbar {
     display: none;
}
  
#topbar .social-links i {
    
    font-size:20px; margin-left:5px;
   
}

#topbar .social-links i .fa-facebook{
    padding: ;
}
 #topbar .instagram img{
    max-height:26px;
    margin-left:12px;
}
 #topbar .youtube img{
    max-height:26px;
    margin-left:12px;
}

#topbar p{
    font-size:13px;
	font-weight:300;
	}
 #topbar .icon{
    float:left;
    width:56%;
    text-align:right;
}
 #topbar .icon i{
    font-size:25px;
    color:#f60;
}
 #topbar .text-icon{
    float:left;
    width:43%;
    font-size:15px;
    font-weight:500;
    text-align:right;
}

/* Botão Anuncie Aqui */
 .wrapper-topbar{
    margin:0 auto;
    max-width:1200px;
}
 .bt-anuncio a {
     font-weight: 600 !important;
     font-size: 14px !important;
     border-radius: 20px;
     padding: 7px 16px 7px 16px !important;
     margin-top: 2px 0 0 10px;
}
 .bt-anuncio a:hover {
     background-color: rgba(46, 96, 139, 0.6);
}
/* Desktop Navegação */
 .main-nav {
    /* Drop Down */
    /* Deep Drop Down */
}
.main-nav a {
  color: #fff;
}
.main-nav a:hover,
.main-nav .active>a,
.main-nav li:hover>a {
  color: #fff;
  background:#f60;
}
.main-nav .drop-down ul {
  background: #fff;
}
.main-nav .drop-down ul a {
  color: #333;
}
.main-nav .drop-down ul a:hover,
.main-nav .drop-down ul .active>a,
.main-nav .drop-down ul li:hover>a {
  color: #fff;
  background: #f60;
}
 .main-nav, .main-nav * {
     margin: 0;
     padding: 0;
     list-style: none;
}
 .main-nav>ul>li {
     position: relative;
     white-space: nowrap;
     float: left;
}
 .main-nav a {
     display: block;
     position: relative;
     padding: 10px 15px;
     transition: 0.3s;
     font-size: 14px;
     text-transform: uppercase;
     font-weight: 500;
}
 .main-nav a:hover, .main-nav .active>a, .main-nav li:hover>a {
     text-decoration: none;
}
 .main-nav .drop-down ul {
     display: block;
     position: absolute;
     left: 0;
     z-index: 99;
     opacity: 0;
     visibility: hidden;
     padding: 10px 0;
     box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
     transition: ease all 0.3s;
}
 .main-nav .drop-down:hover>ul {
     opacity: 1;
     top: 100%;
     visibility: visible;
}
 .main-nav .drop-down li {
     min-width: 180px;
     position: relative;
}
 .main-nav .drop-down ul a {
     padding: 10px 20px;
     font-size: 14px;
     font-weight: 600;
     text-transform: none;
}
 .main-nav .drop-down>a:after {
     content: "\f107";
     font-family: FontAwesome;
     padding-left: 10px;
}
 .main-nav .drop-down .drop-down ul {
     top: 0;
     left: calc(100% - 30px);
}
 .main-nav .drop-down .drop-down:hover>ul {
     opacity: 1;
     top: 0;
     left: 100%;
}
 .main-nav .drop-down .drop-down>a {
     padding-right: 35px;
}
 .main-nav .drop-down .drop-down>a:after {
     content: "\f105";
     position: absolute;
     right: 15px;
}
/* Barra do Topo */
 #slide {
    z-index:1;width:100%;
}
.parallax-topo {
  background-image: url("../img/bg1.jpg");
  width: 100%;
  height:650px;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#parallax-index {
  background-image: url("../img/bg1.jpg");
  width: 100%;
  height: 600px;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-top:-8px;
}
 #intro {
     margin-top: 190px;
     float: left;
     width: 100%;
}
 #intro h2 {
     font-size: 32px;
     font-weight: 700;
     text-align: center;
     text-shadow: #000 0.1em 0.1em 0.2em;
}
 #intro p {
     text-align: center;
     font-size: 18px;
     text-shadow: #000 0.1em 0.1em 0.2em;margin:0 0 40px;padding:0;font-weight:500;
}

 #ModalCentralizado .modal-header {
     background-color: #222;
     border-radius: 0px;
     padding: 15px 20px 6px 20px;border-color:#f60;
}
 #ModalCentralizado .modal-body {
     padding: 0;
}
 #ModalCentralizado .bg-body {
     float: left;
     background-color: #222;
     padding: 5px 20px 5px 20px;
}
 #ModalCentralizado .form-group {
     float: left;
     width: 49.9%;
}
 #ModalCentralizado .input-modal {
     float: left;
     width: 49.9%;
}
 #ModalCentralizado .input-modal input {
     float: left;
     width: 250px;
     border: 1px solid #222;
     height: 36px;
     border-radius: 3px;
     text-align: center;
}
 #ModalCentralizado .number {
     float: left;
     width: 50px;
     height: 36px;
     color: #fff;
     background: #f60;
     font-size: 16px;
     font-weight: 600;
     line-height: 36px;
     padding-left: 10px;
     margin-left: 249px;
     margin-top: -36px;
     border-radius: 0 3px 3px 0;
}
 #ModalCentralizado .form-group p {
     margin-bottom: 6px;
     text-transform: uppercase;
     font-size: 14px;
     color: #ccc;
}
 #ModalCentralizado .form-group-btn {
     float: right;
     margin: 0 5px 10px;
}
 #ModalCentralizado .form-group-btn .btn {
     color: #fff;
     background: #f60;
}
 #ModalCentralizado .form-group-btn .btn:hover {
     color: #fff;
     background: #f70;
}
 #ModalCentralizado .close-btn {
     float: left;
     width: 100%;
     padding: 10px 26px 0;background:#333;
}
 #ModalCentralizado .close-btn .close span {
     color: #fff;
     font-size: 30px;font-weight:400;
}
 .modal-lg {
     width: 650px;
}
 .corretores img {
     width: 130px;
     border-radius: 50%;
     border: 2px solid #90A9B6;
}
 #search-navbar .form-group p {
     width: 100%;
     font-size: 12px;
     margin-bottom: 4px;
     text-transform: uppercase;
     font-weight: 600;
     color: #fff;
     text-align: center;
}
 #search-navbar .input-group-btn {
     margin: 0px 1.5px 0 2px;
}
 #search-navbar .btn-danger {
     width: 180px;
     height: 43px;
     margin-top: 5px;
     margin-left: 3px;
     padding: 7px 17px 6px 17px;
}
 .banner{
     width:100%;
     background:#232323;
     padding:50px 0 30px;
	 margin-top:-8px;
	}
 .wrap-nav {
     float: left;
     margin: 0 auto;
     padding: 15px 0 5px 20px;
     width: 100%;
     height: 100%;
	  background: rgba(45, 45, 44, 0.5);
	   border-radius:8px;
}

 .btn-modal {
     margin-top: 30px;
     cursor: pointer;
     width: 150px;
     margin-bottom: 40px;
}


#portfolio-grid .modal-slide {
  display: none;
  position: fixed;
  padding-top: 10px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #111;
  z-index: 9;
}

#portfolio-grid .modal-content {
  position: relative;
  background-color: #111;
  margin: auto;
  padding: 0;
  animation-name: zoom-in;
  animation-duration: 0.7s;
}

#portfolio-grid .close {
  position: absolute;
  color: #fff;
  top: 20px;
  right: 25px;
  font-size: 40px !important;
  font-weight: 400 !important;
  padding: 1px 10px 1px 10px;
  border-radius: 50%;
  opacity: 1;
}

 .lancamentos {
     padding-top: 60px;
}
 .venda {
     padding-top: 30px;
}
 .locacao {
     padding: 30px 0 60px 0;
}
 .banner{
    z-index:1;
}
 #slide-4 {
     padding: 0 0 30px 0;
     margin-top: -190px;
}
 #slide-4 img {
     height: 1200px;
     margin: 0;
}
 #slide-4 .carousel-caption {
     max-width: 760px;
     margin: 0 auto;
}
 #slide-4 .carousel-caption h2 {
     font-weight: 700;
     font-size: 20px;
     line-height: 20px;
     text-transform: uppercase;
     text-shadow: #000 0.1em 0.1em 0.2em;
}
 #slide-4 .carousel-caption p {
     font-size: 16px;
     font-weight: 400;
     text-shadow: #000 0.1em 0.1em 0.2em;
}
 #slide-4 .carousel-caption .form-group p {
     font-size: 12px;
     font-weight: 400;
     text-shadow: #000 0.1em 0.1em 0.2em;
}
 #slide-4 .carousel-item {
     width: 100%;
}
 #slide-4 .carousel .fa-home {
     font-size: 36px;
     margin-bottom: 10px;
     color: #A8DEED;
     text-shadow: #000 0.1em 0.1em 0.2em;
}
 #slide-4 .carousel-indicators {
     margin-bottom: -16px;
     padding-bottom: 20px;
}
 #option-content {
     background: #111;
     float: left;
     width: 100%;
}
 #option-content .wrap-content {
     margin: 0 auto;
     max-width: 1200px;
}
 #option-content .carousel-inner {
     margin-left: px;
}
 #option-content .carousel-item {
     width: 100%;
}
 #Portfolio .bx-img {
     width: 100%;
	 height:220px;
     overflow: hidden;
     position:relative;
     background: #333;
    padding:0;
    margin:0;
}
 #Portfolio{
     width:100%;
     background:#232323;
     padding: 20px 0 10px;
     overflow: hidden;
}
 #Portfolio .coluna-3{
     float:left;
     width:24.99%;
     padding:0;
     overflow: hidden;
}
 #Portfolio .coluna-3 img{
    padding:0;
    margin:0;
	object-position: center;height:250px;width:320px;
}
 #Portfolio .bx-img img {
    overflow: hidden;
	object-position: center;
}
 #option-content .col-4 {
     width: 30%;
     float: left;
     margin: 0;
     padding: 0 
}
 #option-content #slide-1 .carousel-control-prev {
     margin-left: 110px;
}
 #option-content #slide-1 .carousel-control-next {
     margin-right: 25px;
}
 #option-content #slide-2 .carousel-control-prev {
     margin-left: 110px;
}
 #option-content #slide-2 .carousel-control-next {
     margin-right: 25px;
}
 #option-content #slide-3 .carousel-control-prev {
     margin-left: 110px;
}
 #option-content #slide-3 .carousel-control-next {
     margin-right: 25px;
}
 #Portfolio .btn-control {
     width: 30px;
     height: 30px;
     margin-bottom: 10px;
}
 #Portfolio .btn-control:hover {
     transition: opacity .1s ease;
}
 #Portfolio .caption-box {
     position: absolute;
     top: 0;
     height: 100%;
     width: 100%;
     color: #fff;
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
     z-index: 999;
}
 #Portfolio .caption-box:hover {
     top: -90px;
}
 #Portfolio .custom-overlay {
     position: absolute;
     top: 0;
     width:100%;
     color: #fff;
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
     z-index: 99;
}
 #Portfolio .custom-overlay:hover {
     top:-60px;
}
 #Portfolio .custom-overlay h4 {
     text-shadow: #000 0.1em 0.1em 0.2em;
     font-weight: 500;
     margin-left: 25px;
     margin-top:10px;
     padding-top: 120px;
     font-size:16px;
}
 #Portfolio .custom-overlay p {
     text-shadow: #000 0.1em 0.1em 0.2em;
     font-weight: 500;
     font-size: 15px;
     margin-left:25px;
    line-height:14px;
}
 #Portfolio .custom-overlay .price p{
     text-shadow: #000 0.1em 0.1em 0.2em;
     font-weight: 500;
     margin: -10px 0 20px 25px;
     padding:5px 10px 5px 10px;
     float:left;
     background: rgba(40, 40, 41, 0.6);
     text-align:center;
}
 #Portfolio .custom-overlay .icon {
     background: #f60(47, 101, 44, 0.7);
     float: left;
     width: 100%;
     padding: 20px;
}
 #Portfolio .custom-overlay h3 {
     background: #f60(47, 101, 44, 0.7);
     float: left;
     margin: 0 0 10px 25px;
    padding:14px 20px 10px 10px;
     text-align:center;
     text-shadow: #000 0.1em 0.1em 0.2em;
     font-size:16px;
     font-weight: 500;
     color:#fff;
}
 #Portfolio .custom-overlay h3 i{
    border:1px solid #fff;
    padding:4px 6px 4px 6px;
    border-radius:5px;
    margin:-12px 10px 0;
}
 #Portfolio .custom-overlay .icon i {
     color: #FFBF00;
}
 #option-content .header-content h3 {
     text-transform: uppercase;
     font-size: 22px;
     font-weight: 400;
     color: #333;
     margin-top: 4px;
     margin-left: 10px;
}
 #Portfolio .titulo{
    margin:0 auto;
    max-width:450px;
}
 #Portfolio .titulo button{
    margin:10px 10px 20px 0;
    font-size:13px;
	font-weight:700;
    background:none;
    border:2px solid #f60;
    color:#fff;
    padding:4px 10px 4px 10px;
    border-radius:20px;
}
 #Portfolio .titulo button:hover{
    color:#00A859;
    border:2px solid #fff;
}
 #Portfolio .feature-title{
    margin: 0 auto;
     max-width:450px;
}
 #Portfolio .feature-title h1 {
    text-transform:uppercase;
    letter-spacing:0.9px;
    font-size:26px;
    margin-top:26px;
    padding-bottom:20px;
    color:#f60;
}
 #Portfolio .feature-title h1 span{
    text-transform:uppercase;
    letter-spacing:0.7px;
    font-size:40px;
}
 #Portfolio .feature-title img{
    width:120px;
     margin-bottom:30px;
}
 #Portfolio .feature-box-icon{
    margin-top: -200px;
}
 #Portfolio .feature-box {
     position: relative;
     overflow: hidden;
     height:320px;
     border-radius: 8px;
     transition: all 0.3s ease-in-out;
     text-align: center;
     box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}
 #Portfolio .feature-box:hover {
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
}
 #Portfolio .feature-box .feature-box-icon h6{
    text-shadow: #000 0.1em 0.1em 0.2em;
    font-weight:600;
    font-size:18px;
}
 #Portfolio .feature-box .feature-box-icon h6 span{
    font-size:22px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:0.7px;
    padding-top:20px;
}
 #Portfolio .feature-box .feature-box-icon h6 i{
    font-size:36px;
}
 #Portfolio .portfolio{
    padding-bottom:50px;
}
 #Portfolio .wrap-header-content-venda {
     float: left;
     width: 17%;
}
 #Portfolio .wrap-header-content-venda a {
     float: left;
     width: 100%;
}
 #Portfolio .wrap-header-content-locacao {
     float: left;
     width: 23%;
}
 #Portfolio .wrap-header-content-locacao a {
     float: left;
     width: 70%;
}
 #Portfolio .header-content .btn {
     background: #7091A1;
     font-size: 13px;
     color: #fff;
     padding: 5px 12px 4px 12px;
     margin-bottom: 12px;
     text-transform: uppercase;
}
 #Portfolio .header-content .btn span {
     font-size: 12px;
     border: 1.5px solid #fff;
     padding: 2px 4px 0 4px;
     border-radius: 50%;
     margin-right: 5px;
}
 #Portfolio .btn-codigo {
     position: absolute;
     top: 15px;
     right: 20px;
}
 #Portfolio .btn-codigo .btn {
     background: #222;
     color: #fff;
     font-size: 12px;
}
 #Portfolio .diagonal {
     position: absolute;
     height: 120px;
     top: 0;
     left: -47px;
     overflow: hidden;
}
 #Portfolio .diagonal p {
     color: #fff;
     padding: 5px 105px 5px 10px;
     transform: rotate(-45deg);
     text-align: center;
     text-transform: uppercase;
     float: left;
     width: 250px;
     font-weight: 600;
}

 #Portfolio .type .type-info {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	transition: 2.0s;
	padding: 15px 0;
	background: rgba(29, 28, 41, 0.6);
}

 #Portfolio .type .type-info-content {
	transition: margin 0.0s;
	height: 65px;
	transition: height 2.0s;
	text-align: center;
}

 #Portfolio .type:hover .type-info {
	transition: 2.0s;
}

 #Portfolio .type:hover .type-info-content {
	height: 150px;
}



 #option-content .locacao {
     padding-bottom: 50px;
}
 #option-content .owl-item {
     overflow: hidden;
     padding: 0;
    margin:0;
}
 #option-content .owl-nav {
     position: absolute;
     top: -55px;
     right: 0;
     color: #2E608B;
     text-align: right;
     font-size: 40px;
}
 #option-content .owl-carousel {
     margin-left: 0;
}
 #option-content .owl-prev, .owl-next {
     width: 32px;
     height: 32px;
     position: relative;
     background: none !important;
     margin: 0 0 14px 8px;
}
 #option-content .owl-prev:hover, .owl-next:hover {
     opacity: 0.7;
}
 #option-content .owl-prev::before, .owl-next::before {
     content: '';
     position: absolute;
     top: 16px;
     right: 7px;
     width: 34px;
     height: 34px;
     background: #fff;
     border-radius: 50% !important;
     line-height: 60px;
     border: 2px solid #889FAC;
}
 #option-content .owl-prev::after, .owl-next::after {
     content: "";
     width: 14px;
     height: 14px;
     position: absolute;
     transform: rotate(135deg);
     border: solid #889FAC;
     border-width: 0 3px 3px 0;
     top: 34px;
     left: 6px;
     right: 10px;
     margin-top: -9px;
     margin-left: -2px;
}
 #option-content .owl-next::after {
     transform: rotate(-45deg);
     margin-left: -7px;
}
 #modal-large .modal {
     top: 10px;
}
 #modal-large .modal .modal-dialog .modal-body {
     margin-top: -150px;
     padding: 3px;
     height: 980px;
}
 #modal-large .modal-header {
     position: absolute;
     top: 115px;
     left: 0;
     width: 100%;
     height: 58px;
     border: 0;
     background: #2E608B;
     border-bottom: 7px solid #fff;
}
 #modal-large .modal-header h5 {
     color: #fff;
     font-size: 18px;
     font-weight: 500;
     margin: -6px 0 20px 20px;
     text-transform: uppercase;
}
 #modal-large .modal-header h5 .fa .fa-home {
     font-size: 22px;
     margin: 0 5px 0 0;
}
 #modal-large .modal-header .dismiss {
     position: absolute;
     top: 0;
     right: 0;
}
 #modal-large .modal-header .fa {
     margin-top: 12px;
}
 #modal-large .modal-header .fa .fa-times {
     border-left: 1 px solid #666;
}
 #modal-large .modal-header .fa {
     color: #fff 
}
 #modal-large .iframe iframe {
     float: left;
     width: 100%;
     height: 970px;
     z-index: -1;
}
#Pesquisa h1, #Pesquisa p{
	color:#BDBFC1;
}
#Pesquisa h1{
	font-weight:700;
	font-size:30px;
}

/* Modal Content */
 #portfolio-imovel .modal-content {
     position: relative;
     background-color: #111;
     margin: auto;
     padding: 0;
     width: 800px;
     height: auto;
     animation-name: zoom-in;
     animation-duration: 0.7s;
}
 #portfolio-imovel .modal-content img {
     display: inline-block;
     width: 100%;
     height: 100%;
     animation-name: fade-in;
     animation-duration: 0.7s;
}
 @keyframes fade-in {
     from {
         opacity: 0.5;
    }
     to {
         opacity: 1;
    }
}
 @keyframes zoom-in {
     from {
         width: 400px;
         opacity: 0.5;
    }
     to {
         width: 800px;
         opacity: 1;
    }
}
 #portfolio-imovel .close {
     color: white;
     position: absolute;
     top: 20px;
     right: 25px;
     font-size: 35px;
     font-weight: bold;
}
 #portfolio-imovel.close:hover, #portfolio-imovel .close:focus {
     color: #999;
     text-decoration: none;
     cursor: pointer;
}
 #portfolio-imovel .modalSlide {
     display: none;
}
 #portfolio-imovel .cursor {
     cursor: pointer;
}
 #portfolio-imovel .img-lg {
     width: 980px;
     height: 735px 
}
 #portfolio-imovel .bt-prev {
     position: absolute;
     border-radius: 50%;
     background: rgba(254, 254, 254, 0.5);
     padding: 0 12px 0 12px;
     left: 20px;
     top: 55%;
     margin-top: -50px;
     cursor: pointer;
     color: #222;
     font-weight: 500;
     font-size: 24px;
     transition: 0.6s ease;
     user-select: none;
     -webkit-user-select: none;
}
 #portfolio-imovel .bt-next {
     position: absolute;
     right: 20px;
     top: 55%;
     margin-top: -50px;
     border-radius: 50%;
     background: rgba(254, 254, 254, 0.5);
     padding: 0 12px 0 12px;
     cursor: pointer;
     color: #222;
     font-weight: 500;
     font-size: 24px;
     transition: 0.6s ease;
     user-select: none;
     -webkit-user-select: none;
}
 #portfolio-imovel .bt-prev:hover, #portfolio-imovel .bt-next:hover {
     background-color: background:rgba(254, 254, 254, 0.4);
     color: #333;
}
/* Number text (1/3 etc) */
 #portfolio-imovel .numbertext {
     color: #f2f2f2;
     font-size: 14px;
     font-weight: 600;
     text-shadow: #000 0.1em 0.1em 0.2em;
     padding: 8px 12px;
     position: absolute;
     top: 0;
}
 #portfolio-imovel .caption-container {
     text-align: center;
     background-color: #111;
     padding: 2px 16px;
     color: #fff;
}
 #portfolio-imovel .demo {
     opacity: 0.6;
}
 #portfolio-imovel .active, #portfolio-imovel .demo:hover {
     opacity: 1;
}
 #portfolio-imovel .info .form #sendmessage {
     color: #fff;
     background: #1bb1dc;
     display: none;
     text-align: center;
     padding: 15px;
     font-weight: 600;
     margin-bottom: 15px;
}
 #portfolio-imovel .info .form #errormessage {
     color: #fff;
     display: none;
     background: #f60;
     text-align: center;
     padding: 15px;
     font-weight: 600;
     margin-bottom: 15px;
}
 #portfolio-imovel .info .form #sendmessage.show, #info .form #errormessage.show, #info .form .show {
     display: block;
}
 #portfolio-imovel .info .form .validation {
     color: #f60;
     display: none;
     margin: 0 0 20px;
     font-weight: 400;
     font-size: 13px;
     color: #58ACFA;
}
 #portfolio-imovel .info .form label {
     color: #333;
     font-weight: 400;
}
 #portfolio-imovel .info .form select {
     border: 1px solid #ccc;
     width: 100%;
}
 #portfolio-imovel .info .form input, #info .form textarea {
     border-radius: 0;
     box-shadow: none;
     border: 1px solid #ccc;
     font-size: 14px;
}
 #portfolio-imovel .info .form input::-webkit-input-placeholder, #info .form textarea::-webkit-input-placeholder {
     color: #333;
}
 #portfolio-imovel .info .form input::-moz-placeholder, #info .form textarea::-moz-placeholder {
     color: #333;
}
 #portfolio-imovel .info .form input:-ms-input-placeholder, #info .form textarea:-ms-input-placeholder {
     color: #333;
}
 #portfolio-imovel .info .form input::placeholder, #info .form textarea::placeholder {
     color: #333;
}
 #portfolio-imovel .info .form button[type="submit"] {
     background: #2E608B;
     border: 0;
     font-size: 14px;
     border-radius: 6px;
     padding: 8px 20px;
     color: #fff;
     transition: 0.3s;
}
 #portfolio-imovel .info .form button[type="submit"]:hover {
     background: #4077A2;
     cursor: pointer;
}
.pagination {
  display: inline-block;
}

.pagination a {
  color: #ccc;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  border: 1px solid #f60;
}

.pagination a.active {
  background-color: #f60;
  color: white;
  border: 1px solid #f60;
}

.pagination a:hover:not(.active) {background-color: #f60;}

.pagination a:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.pagination a:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}



/* Navegação Mobile */
 .mobile-nav {
     position: fixed;
     top: 0;
     bottom: 0;
     z-index: 9999;
     overflow-y: auto;
     left: -260px;
     width: 260px;
     padding-top: 18px;
     background: rgba(0, 0, 0, 0.6);
     transition: 0.4s;
}
 .mobile-nav * {
     margin: 0;
     padding: 0;
     list-style: none;
}
 .mobile-nav a {
     display: block;
     position: relative;
     color: #fff;
     padding: 10px 20px;
     font-weight: 500;
}
 .mobile-nav a:hover, .mobile-nav .active>a, .mobile-nav li:hover>a {
     color: #fff;
     text-decoration: none;
}
 .mobile-nav .drop-down>a:after {
     content: "\f078";
     font-family: FontAwesome;
     padding-left: 10px;
     position: absolute;
     right: 15px;
}
 .mobile-nav .active.drop-down>a:after {
     content: "\f077";
}
 .mobile-nav .drop-down>a {
     padding-right: 35px;
}
 .mobile-nav .drop-down ul {
     display: none;
     overflow: hidden;
}
 .mobile-nav .drop-down li {
     padding-left: 20px;
}
 .mobile-nav-toggle {
     position: fixed;
     right: 0;
     top: 0;
     z-index: 9998;
     border: 0;
     background: none;
     font-size: 28px;
     transition: all 0.4s;
     outline: none !important;
     line-height: 1;
     cursor: pointer;
     text-align: right;
}
 .mobile-nav-toggle i {
     margin: 18px 18px 0 0;
     color: #f60;
}
 .mobile-nav-overly {
     width: 100%;
     height: 100%;
     z-index: 9997;
     top: 0;
     left: 0;
     position: fixed;
     background: rgba(0, 0, 0, 0.6);
     overflow: hidden;
     display: none;
}
 .mobile-nav-active {
     overflow: hidden;
}
 .mobile-nav-active .mobile-nav {
     left: 0;
}
 .mobile-nav-active .mobile-nav-toggle i {
     color: #fff;
}

#jssor_1 {
  position: relative;
  float: left;
  margin: 0 auto;
  top: 0px;
  left: 0px;
  width: 980px;
  height: 885px;
  overflow: hidden;
  visibility: hidden;
}

#jssor_1 .slides {
  cursor: default;
  position: relative;
  top: 0px;
  left: 0px;
  width: 980px;
  height: 735px;
  overflow: hidden;
}

.jssorl-009-spin {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.7);
}

.jssorl-009-spin img {
  animation-name: jssorl-009-spin;
  animation-duration: 1.6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  margin-top: -19px;
  position: relative;
  top: 50%;
  width: 38px;
  height: 38px;
}

@keyframes jssorl-009-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.jssora106 {
  display: block;
  position: absolute;
  cursor: pointer;
}

.jssora106 .c {
  fill: #fff;
  opacity: .2;
}

.jssora106 .a {
  fill: none;
  stroke: #000;
  stroke-width: 350;
  stroke-miterlimit: 10;
}

.jssora106:hover .c {
  opacity: .3;
}

.jssora106:hover .a {
  opacity: .8;
}

.jssora106.jssora106dn .c {
  opacity: .2;
}

.jssora106.jssora106dn .a {
  opacity: 1;
}

.jssora106.jssora106ds {
  opacity: .3;
  pointer-events: none;
}

.jssort101 {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 980px;
  height: 150px;
  background-color: #000;
}

.jssort101 .p {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  background: #000;
  width: 160px;
  height: 138px;
}

.jssort101 .p .cv {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #C8DBEB;
  box-sizing: border-box;
  z-index: 1;
  cursor: pointer;
}

.jssort101 .a {
  fill: none;
  stroke: #fff;
  stroke-width: 300;
  stroke-miterlimit: 10;
  visibility: hidden;
}

.jssort101 .p:hover .cv,
.jssort101 .p.pdn .cv {
  border: none;
  border-color: transparent;
}

.jssort101 .p:hover {
  padding: 2px;
}

.jssort101 .p:hover .cv {
  background-color: rgba(0, 0, 0, 6);
  opacity: .35;
}

.jssort101 .p:hover.pdn {
  padding: 0;
}

.jssort101 .p:hover.pdn .cv {
  border: 2px solid #fff;
  background: none;
  opacity: .35;
}

.jssort101 .pav .cv {
  border-color: #fff;
  opacity: .35;
}

.jssort101 .pav .a,
.jssort101 .p:hover .a {
  visibility: visible;
}

.jssort101 .t {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  opacity: .6;
}

.jssort101 .pav .t,
.jssort101 .p:hover .t {
  opacity: 1;
}

/* Media Queries - Responsivo */
 @media (max-width: 991px) {
     .content-body {
         margin: 80px 0 40px 0;
    }
     #portfolio-imovel {
         margin: 80px 0 20px 0;
    }
     #portfolio-imovel .modal-slide {
         top: 50px;
    }
     #portfolio-imovel .modal-content {
         width: 100%;
         height: auto;
         top: 20px;
         padding: 0 10px 0 10px;
         animation-name: fade-in;
         animation-duration: 0.7s;
    }
     #portfolio-imovel .modal-content img {
         display: inline-block;
         width: 100%;
         height: 100%;
         animation-name: fade-in;
         animation-duration: 0.7s;
    }
     .bt-anuncio a {
         margin: 10px 30px 0 20px;
    }
    
     #bg-body {
         background-color: rgba(42, 44, 48, 0.4);
         background-image: url("../img/city.jpg");
         vertical-align: middle;
    }
     #intro {
         margin: 90px 0 -40px 0;
    }
     #intro h2 {
         font-size: 30px;
    }
     #video-iframe {
         display: none;
    }
     .column-2 {
         width: 45%;
    }
     .corretores {
         text-align: center;
         margin-top: 10px;
         padding: 0;
    }
     .corretores img {
         margin-bottom: 20px;
    }
     #ModalCentralizado .input-modal {
         width: 100%;
    }
     #ModalCentralizado .input-modal input {
         width: 160px;
    }
     #ModalCentralizado .number {
         width: 50px;
         height: 36px;
         font-size: 16px;
         line-height: 36px;
         padding-left: 10px;
         margin-left: 0;
         margin-top: 0;
    }
     #ModalCentralizado .form-group {
         float: left;
         width: 100%;
         text-align: center;
    }
     .modal-lg {
         width: 100%!important;
    }
     #ModalCentralizado .bx-sm {
         float: left;
         width: 100%;
         margin: 0;
    }
}
 @media (max-width: 768px) {

     .contato {
         padding: 20px 0 10px 0;
    }
     #option-content .bx-img img {
         width: 100%;
         height: 100%;
    }
     #option-content .header-content h3 {
         border-bottom: 1px solid #ccc;
         width: 98%;
         margin-bottom: 20px;
         padding-bottom: 5px;
    }
     #option-content .wrap-header-content {
         width: 100%;
    }
     #option-content .wrap-header-content a {
         width: 100% 
    }
     #option-content .header-content .btn {
         margin-left: 10px;
    }
     #option-content .wrap-header-content-venda {
         width: 98%;
    }
     #option-content .wrap-header-content-venda a {
         width: 100%;
    }
     #option-content .wrap-header-content-locacao {
         width: 100%;
    }
     #option-content .wrap-header-content-locacao a {
         width: 100%;
    }
     .bx-sm-bt {
         width: 220px;
         margin: 0 90px 0 90px;
    }
     .bx-sm {
         width: 100%;
    }
     .bx-img {
         margin: 0;
    }
     .wrap-nav {
         width: 700px;
        text-align: center;
         margin-top: 10px;
         padding: 20px 0 26px 0;
    }
     #search-navbar .btn-danger {
         width: 220px;
         height: 50px;
         position: absolute;
         left: 90px;
         top: 20px;
         padding: 7px 20px 6px 20px;
    }
     #option-content .custom-overlay {
         top: -60px;
    }
     #option-content .custom-overlay:hover {
         top: -60px;
    }
     #option-content .custom-overlay h4 {
         text-shadow: #000 0.1em 0.1em 0.2em;
         font-weight: 600;
         margin-left: 20px;
         padding-top: 190px;
    }
}
 @media (max-width: 767px) {

}