/*
Theme Name: VCARABELLIS THEME
Theme URI: 
Author: Leandro Gonçalves
Author URI: 
Description: VCARABELLIS THEME is a compatible made with WordPress. It is the best theme for you to sell anything online, beautifuly designed and fully responsive.
Version: 2.3
Text Domain: VCARABELLIS Theme
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-menu, custom-logo, featured-images, footer-widgets, theme-options, translation-ready, blog, right-sidebar, sticky-post, threaded-comments
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Home Page Template
    ## Header - Main Menu
    ## Search Box
    ## Fotorama Sliders
    ## lightgallery
    ## Frontend Product Lists
    ## Footer - Footer Menu
# Blog and Archive Pages
    ## Single
    ## Seacrh
    ## Comments
# General Widgets
# Content Adjustments
# General
# WordPress Core
# Media Queries
# Custom Fields Meta Box
# Post Types
--------------------------------------------------------------*/

html { font-family: 'Open Sans', sans-serif; }

p {font-size: 18px; font-family: 'Open Sans', sans-serif; }
h1,
h2,
h3,
h4,
h5,
h6 {font-family: 'Open Sans', sans-serif;}

.brand img{ 
	width: 180px
 }
.section-imovel a {color: #000}
.section-imovel a:hover {
	text-decoration: none;
}

a:hover { text-decoration: none; }


select[option]:hover {

  background-color: yellow;
}

select:focus>option:checked {
  background: #F58634 !important;
  color: #ffffff
}
/*========= Forms =========*/

.comment-form p label { display: flex; }
.comment-form textarea { font-size: initial; }
.comment-form .form-submit input { background-color: #000000; color: #ffffff; padding: 5px 15px }


.newsletter .form-control { width: 100% !important; border-radius: 0; background-color: transparent; color: #ffffff } 
.newsletter span { width: 100% !important } 
.btn-newsletter { background-color: transparent; border:0; padding-left: 0 }

.btn-newsletter:focus{
outline: thin dotted;
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: 0px;
}
.btn-newsletter:focus {
 outline: thin dotted;
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: 0px;
}

/* Fotorama */
.fotorama.webdoor {
    height: 720px !important;
}
.fotorama.webdoor .fotorama__img {
    top: -200px !important
}

.fotorama.webdoor .fotorama__arr--prev {
    top: 50%; 
}

.fotorama.webdoor .fotorama__arr--next {
    top: 50%; 
}
.fotorama.webdoor .fotorama__nav-wrap {    
    top: 320px;
    position: absolute;
    transform: rotate(90deg);
    left: 48%;
    float: right;
}
.fotorama.webdoor .fotorama__nav__shaft {
    float: none;
}
.fotorama.webdoor .fotorama__nav--dots .fotorama__nav__frame {
    width: 22px;
    height: 30px;
}
.fotorama.webdoor .fotorama__dot {
    display: block;
    width: 13px !important;
    height: 13px !important;
    position: relative;
    top: 12px;
    left: 6px !important;
    border-radius: 6px;
    border: 1px solid #ffffff !important; 
}
.fotorama.webdoor .fotorama__active  .fotorama__dot{
    border: 1px solid #F58634 !important; 
    background-color: #F58634 !important;
}

      
.vc-gallery > ul > li {
    float: left;
    margin-bottom: 15px;
    width: 200px;
}
.vc-gallery > ul > li a {
    border: 3px solid #FFF;
    height: 150px;
    border-radius: 3px;
    display: block;
    overflow: hidden;
    position: relative;
    float: left;
}
.vc-gallery > ul > li a > img {
    -webkit-transition: -webkit-transform 0.15s ease 0s;
    -moz-transition: -moz-transform 0.15s ease 0s;
    -o-transition: -o-transform 0.15s ease 0s;
    transition: transform 0.15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: auto;
    width: 100%;
}
.vc-gallery > ul > li a:hover > img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}
.vc-gallery > ul > li a:hover .vc-gallery-poster > img {
    opacity: 1;
}
.vc-gallery > ul > li a .vc-gallery-poster {
    background-color: rgba(0, 0, 0, 0.1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color 0.15s ease 0s;
    -o-transition: background-color 0.15s ease 0s;
    transition: background-color 0.15s ease 0s;
}
.vc-gallery > ul > li a .vc-gallery-poster > img {
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
}
.vc-gallery > ul > li a:hover .vc-gallery-poster {
    background-color: rgba(0, 0, 0, 0.5);
}
.vc-gallery .justified-gallery > a > img {
    -webkit-transition: -webkit-transform 0.15s ease 0s;
    -moz-transition: -moz-transform 0.15s ease 0s;
    -o-transition: -o-transform 0.15s ease 0s;
    transition: transform 0.15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100%;
}
.vc-gallery .justified-gallery > a:hover > img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}
.vc-gallery .justified-gallery > a:hover .vc-gallery-poster > img {
    opacity: 1;
}
.vc-gallery .justified-gallery > a .vc-gallery-poster {
    background-color: rgba(0, 0, 0, 0.1);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: background-color 0.15s ease 0s;
    -o-transition: background-color 0.15s ease 0s;
    transition: background-color 0.15s ease 0s;
}
.vc-gallery .justified-gallery > a .vc-gallery-poster > img {
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
}
.vc-gallery .justified-gallery > a:hover .vc-gallery-poster {
    background-color: rgba(0, 0, 0, 0.5);
}
.vc-gallery .video .vc-gallery-poster img {
    height: 48px;
    margin-left: -24px;
    margin-top: -24px;
    opacity: 0.8;
    width: 48px;
}
.vc-gallery.dark > ul > li a {
    border: 3px solid #04070a;
}

/*========= Menus =========*/

#menu-menu-header-top a { font-weight: 500; text-decoration: line-through  }
#menu-menu-header-top a:hover { color: #ffffff; font-weight: 500; text-decoration: none;  }
#menu-menu-header-top .active a { color: #ffffff; text-decoration: none; }

#menu-menu-header-top-bottom a { color: #000000; font-weight: 400; border-bottom: 2px  solid#ffffff}
#menu-menu-header-top-bottom a:hover { font-weight: 400; border-bottom: 2px  solid#F58634}
#menu-menu-header-top-bottom .active a { color: #F58634; font-weight: 400; border-bottom: 2px  solid#F58634 !important }

.footer .menu{ padding: 0 }
.footer .menu li{list-style: none; }
.footer .menu li a {color: #ffffff}

/*============= Hover Effects ===============*/

.hover-top { top: 0; transition: .5s; }
.hover-top:hover { top: -16px; transition: .5s; }

.hover-shadow:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	transition: .5s;
}

.sec-atend a:hover { text-decoration: none; }

.btn { color: #ffffff }

.sec-search{padding-bottom: 3rem; padding-top: 4.5rem} 
/*========= Sidebar =========*/
.sidebar .widget-title {font-size: 18px}
.sidebar .widget {margin-bottom: 25px}
.sidebar ul {list-style: none; padding-left: 0}

@media screen and (min-width: 320px) and (max-width: 900px) {
 .contact-imovel {display: block !important;} 
 .webdoor .display-4 { font-size: 2.5rem; }
.brand img { width: 120px !important }
.sec-search{padding-bottom: 0.5rem !important; padding-top: 0.5rem !important} 

 /* Fotorama Webdoor*/
.fotorama.webdoor {
    height: auto !important;
}
.fotorama.webdoor .fotorama__img {
    top: 0 !important
}
.fotorama.webdoor .fotorama__nav-wrap {    
    top: 0 !important;
    position: relative !important;
    transform: rotate(0deg) !important;
    left: 0 !important;
    float: right !important;
}
.fotorama.webdoor .fotorama__dot {
    border: 1px solid#cccccc !important;
}

.vc-gallery > ul > li a {
    height: 95px;
}

.imovel-page .imovel{     
    margin-left: 1px;
    margin-right: 1px;
 } 

.mb-d-none {display: none;}
.col-mb-12 { flex: 0 0 100%; max-width: 100% !important; }
/* search-form */

.search-form .form-control { width: 100% }
.search-form .input-group-append { width: 100% }
.search-form .input-group-append button { width: 100%; margin-left: 0!important }


}

@media screen and (min-width: 320px) and (max-width: 700px) {
 .img-mb-h { height: 224px }
}