@font-face {
  font-family: 'LatoLight';
  src: url('../fonts/Lato-Light.ttf') format('truetype');
}
 
@font-face {
  font-family: 'LatoBold';
  src: url('../fonts/Lato-Bold.ttf') format('truetype');
}
 
@font-face {
  font-family: 'AvenirMedium';
  src: url('../fonts/Avenir-Medium.ttf') format('truetype');
}
 
@font-face {
  font-family: 'AvenirHeavy';
  src: url('../fonts/Avenir-Heavy.ttf') format('truetype');
}


.btn.btn-sm {
    min-width: 100px;
    padding: 0.5rem 1.04rem;
}
 
.switch {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 20px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
  border-radius: 34px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: .4s;
  border-radius: 50%;
}
 

.occupied{
    background-color: rgb(255 192 192)!important;
    border-radius: 64%!important;
    color: white!important; 
    margin: 1px 0px!important;
}



input:checked + .slider {
  background-color: #4CAF50;
}

input:checked + .slider:before {
  transform: translateX(14px);
}
    
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 625px!important; 
        margin-top: 10% !important;
    }
}    
 

.navbar .nav-item .nav-link:hover{
    transform: scale(1.06) translateY(-4px);
    z-index: 99; 
}


header{
    padding-top: 50px;
    position: absolute; 
    width: 100%; 
    height: 600px;
    text-align: center;
    background-image: url(/img/fondo.jpg);
    background-size: cover;
    background-position: center;
}

.header-logo{
    width: 450px;
    opacity: 0.7;
    margin-bottom: 20px;
}

h7{
    color: white;
    font-weight: bold;
    font-size: 48px; 
    font-family: 'AvenirHeavy'; 
}



#container{
    margin-top: 450px;
}

 
.cuadro .container{  
    height: 280px;  
    width: 280px;
    overflow: hidden;
}
.display-4{
    font-family: 'AvenirMedium'; 
    font-size: 27px;
    text-shadow: 1px 1px 3px #000000b3;
    color: white;
    font-weight: bold;
    position: sticky;
    bottom: 0px;
    left: 0px;
    right: 0px;
    text-align: center;
    background: rgba(166, 141, 12, 0.8);
    width: 100%;
    padding: 15px 0px;
    text-align: center;
}
.display-4:hover{
    cursor: pointer;
}


.c1, .c2, .c3, .c4, .c5{
    overflow: hidden;
    position: relative;
    padding: 0px;
    margin: 15px;
    max-width: min-content; 
}

.icono2{
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    top: 40px;
    padding: 10px;
    width: 50%;
    height: auto; 
}

.mask{
    width: 100%;
    height: 100%;
    background: #a68d0c;
    transition: all 500ms ease;
}


.c1 .container, .c2 .container, .c3 .container, .c4 .container, .c5 .container{
    background-size: cover;
    background-position: center; 
    padding: 0px;
}


.c1 .container{
    background-image: url(/img/lote.jpg);
}

.c2 .container{
    background-image: url(/img/casa.jpg);
}

.c3 .container{
    background-image: url(/img/alquiler.jpg);
}

.c4 .container{
    background-image: url(/img/llave.jpg); 
}

.c5 .container{
    background-image: url(/img/departamento.jpg); 
}

 
.c1:hover .mask, .c2:hover .mask, .c3:hover .mask, .c4:hover .mask, .c5:hover .mask { 
    cursor: pointer;
    opacity: 0;
} 



.pagination .page-item .page-link{
    font-size: 1.3rem!important;
    margin: 5px;
    padding: 13px 15px 13px 15px;
    font-weight: 600!important;
}
 
strong{
  font-family: 'LatoBold'; 
}
 
.sociales{
  display: inline-flex;
    margin-left: 380px; 
}
.sociales{
  margin-top: 15px!important;
  margin-bottom: 0px!important;
}

@media (max-width: 990px) {
  .sociales{ 
      margin-left: 0px;
      margin: 0 auto;
      display: table;
  }

  .navbar.navbar-dark .navbar-nav .nav-item .nav-link {
    margin: 10px 0px 0px 0px!important; 
  }

  .sociales ul{
    padding-left: 0px;
  }
}

.sociales li{
  display: inline-block;
  margin: 0px 4px;
}

.icon-social{
  width: 32px;
}
.cel{
  width: 40px!important;
  border-radius: 100px;
}

html{
  overflow-y: scroll;
}

.botones{
  display: inline-block;
  vertical-align: text-top;
}
.botones button{
  font-size: 13px;
}

.navbar.navbar-dark .navbar-toggler {
  color: #fff;
  background: #A78F10!important;
}

body, html{
    overflow-x: hidden;
}

body {
	padding-bottom:  0px; 
  font-family: 'LatoLight', Fallback, sans-serif;
  background-color: #F0F0F0!important;
}
html{
  background: #F0F0F0!important;
  height: 100vh;
}
h2,h3,h4,h5{
  font-family: 'LatoLight', Fallback, sans-serif;
}
  
.menu{
    background-color: #F0F0F0;
    border-bottom: 5px solid #909090;
}

.help-block{
  font-size: 13px;
  color: rgb(197, 0, 0);
}
 
.navbar-brand{
  color: white!important;
  font-size: 17px;
}
.md-form>label { 
  margin-left: 17px;
}

.alert-vacio{
  background: #eca840;
  color: white;
  font-weight: bold;
  font-size: 11px;
  padding: 3px 5px;
  border-radius: 50px;
  box-shadow: 1px 1px 1px #08080878;
}

thead {
  background-color: #4b5238!important;
  color: white;
  text-align: center;
}

tbody, tfoot {
	text-align: center;
}
 
.card {
	color: #FFFF;
}

.card-header {
    background-color:#6E7D3D!important;
    text-align: left!important;
}

.card-header h5{
 text-transform: uppercase !important;
}
   
.modal-header {
  background-color:#009aae;
}

table td {
    font-size: .8rem!important;
    font-weight: 300;
}

.table .thead-dark th{
  font-size: 12px;
  font-weight: bold;
}
table.table td {
    padding-top: 0.5rem;
    padding-bottom: 0.8rem;
}

.main {
  padding-top: 10px;
}
 
.select2-selection{
  height: 38px!important;
  padding-top: 4px!important;
  text-align: left!important;
  border-color: #d4d2d2!important;
  font-size: 1rem!important;
    font-weight: 400!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  margin-top: 5px; 
}
  
table{
  box-shadow: 0px 0px 8px #979797; 
}
#logo{
  padding: 15px 35px!important;
  max-width: 100%!important;
  width: 400px;
}
.card{
  margin-bottom: 25px;
}
.btn{
  text-transform: capitalize!important;
  box-shadow: none!important;
  font-size: 13px!important;
  border: 1px solid rgba(0, 0, 0, 0.3);
}

.dropdown-item { 
    padding: .25rem 1rem!important;
}
 
.dropdown-menu li:hover a{ 
  color: #656565!important;
}
.dropdown-menu{
  margin-top: 3px!important;
}
.dropdown-menu li a{ 
  font-size: 15px!important;
  width: 100%;
}
.navbar-expand-lg .navbar-nav .dropdown-menu{
 
  border-radius: 0px!important;
}


.navbar-expand-lg .navbar-nav .dropdown-menu li:hover, .navbar-expand-lg .navbar-nav .dropdown-menu li a:hover{
    color: #A78F10!important;  
}


.navbar-nav .selected{
    background: #A78F10!important;
    color: white!important;
}
.navbar-nav .selected a{ 
    color: white!important;
}
.navbar-nav li .selected:hover{
    background: rgba(167, 143, 16, 0.54)!important;
}
.navbar .dropdown-item{
  margin-bottom: -6px!important;
  padding-top:8px!important;
  padding-bottom:8px!important;
}

.navbar-expand-lg .navbar-nav .dropdown-menu{
  padding: 0px 0px 7px 0px;
}

.navbar-dark .navbar-nav .nav-link{
  margin-right: 10px;
}
.navbar{
  text-align: center; 
  background: transparent!important;
  box-shadow: none!important; 
}
.navbar.navbar-dark .navbar-nav .nav-item .nav-link { 
    font-size: 13px!important;
    text-transform: uppercase;
}

.navbar.navbar-dark .navbar-nav .nav-item .nav-link {
  font-weight: 700!important; 
  font-size: 14px!important;
  color: #444444;
  font-family: 'open sans', Fallback, sans-serif!important; 
  padding: 10px 20px;
    letter-spacing: 1px;
}
.navbar.navbar-dark .navbar-nav .nav-item .nav-link:hover {
  background-color: rgba(179, 171, 89, 0);
    color: #A78F10;
}



table.table a.btn{ 
  border: 1px solid rgba(0, 0, 0, 0.4)!important;
}
.border-info{
    border-color: #6E7D3D!important;
}
.card-header:first-child {
    border-radius: 0px!important;
}
.card[class*="border"] {
    border-radius: 0px!important;
}


.btn1{
    font-weight: 300;
    background-color: transparent!important;
    border: 2px solid white;
    border-radius: 0px!important;
    text-transform: uppercase!important;
    font-size: 17px!important;
}
.btn1:hover{
    background-color: white!important;
    border-color: transparent;
    border-radius: 0px!important;
    text-transform: uppercase!important; 
    color: #6E7D3D!important;
}


/* nuevo calendario */
.calendario{
    position: absolute;
    z-index: 3;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover { 
        color: #949494!important;
}

.rango-seleccionado {
    background-color: #cce5ff !important;
    color: #004085 !important;
    border-radius: 50% !important;
}


td{
  vertical-align: middle!important;
}
.aviso1{
  color: white;
  background: rgb(19, 133, 19);
  font-size: 13px;
  margin-top: -4px!important;
  padding-top: 5px;
  padding-bottom: 5px!important;
  text-align: center;
}
.aviso2{
  color: white;
  background: rgb(185, 58, 20);
  font-size: 13px;
  margin-top: -4px!important;
  padding-top: 5px;
  padding-bottom: 5px!important;
  text-align: center;
}
select{
  width: 100%!important;
  max-width: 100%!important;
}

textarea{
  min-height: 185px;
}

.btn2{ 
  padding: 10px 15px!important;
}

.fa-youtube{
    color: #f44336;
    font-size: 24px;
}

.btn-toolbar{
    place-content: center;
}
.card-body{
    color: #464646;
}

.card .card-body h6{
  font-weight: 400!important;
}
label{
  font-weight: 400!important;
}

select{
  color: #767676!important;
}

.h5, h5 {
  font-size: 1.10rem!important;
}

.pagination .page-item.active .page-link{
    background: #A78F10!important;
}
 
a.waves-effect, a.waves-light{
    display: inline-block;
}

b{
    font-weight: 600;
}

@media only screen and (max-width: 2600px) {
    
    
header{
    padding-top: 80px;
    position: absolute; 
    width: 100%; 
    height: 550px;
    text-align: center;
}

.header-logo{
    width: 350px; 
    margin-bottom: 20px;
}

h7{
    color: white;
    font-weight: bold;
    font-size: 40px; 
}
 
#container{
    margin-top: 450px;
}
 
.cuadro .container{  
    height: 170px;  
    width: 195px;
    overflow: hidden;
}
.display-4{
    font-size: 15px;
    text-shadow: 1px 1px 3px #000000b3;
    color: white;
    font-weight: bold;
    position: sticky;
    bottom: 0px;
    left: 0px;
    right: 0px;
    text-align: center;
    background: rgba(166, 141, 12, 0.8);
    width: 100%;
    padding: 10px 0px;
    text-align: center;
}
.display-4:hover{
    cursor: pointer;
}


.c1, .c2, .c3, .c4, .c5{
    overflow: hidden;
    position: relative;
    padding: 0px;
    margin: 15px;
}
 
.mask{
    width: 100%;
    height: 100%;
    background: #a68d0c;
    transition: all 500ms ease;
}
    
}



.icono-index{
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    top: 20px;
    padding: 15px;
    width: 55%;
    height: auto;
}




@media only screen and (max-width: 1370px) {
    
    
header{
    padding-top: 20px;
    position: absolute; 
    width: 100%; 
    height: 470px;
    text-align: center;
}

.header-logo{
    width: 300px; 
    margin-bottom: 20px;
}

h7{
    color: white;
    font-weight: bold;
    font-size: 40px; 
    padding: 15px;
}
 
#container{
    margin-top: 340px;
}
 
.cuadro .container{  
    height: 200px;  
    width: 195px;
    overflow: hidden;
}
.display-4{
    font-size: 17px;
    text-shadow: 1px 1px 3px #000000b3;
    color: white;
    font-weight: bold;
    position: sticky;
    bottom: 0px;
    left: 0px;
    right: 0px;
    text-align: center;
    background: rgba(166, 141, 12, 0.8);
    width: 100%;
    padding: 15px 0px;
    text-align: center;
}
 
 
.c1, .c2, .c3, .c4, .c5{
    overflow: hidden;
    position: relative;
    padding: 0px;
    margin: 10px;
}

.icono-index{
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    top: 20px;
    padding: 15px;
    width: 50%;
    height: auto;
    min-width: 100px!important;
    max-width: 170px!important;
}

.mask{
    width: 100%;
    height: 100%;
    background: #a68d0c;
    transition: all 500ms ease;
}
    
}

    


@media only screen and (max-width: 900px) {


.menu{
    text-align: center;
}
    
header{
    padding-top: 20px;
    position: absolute; 
    width: 100%; 
    height: 450px;
    text-align: center;
    background-position: right;
}

.header-logo{
    width: 300px; 
    margin-bottom: 20px;
    max-width: 100%;
}

h7{
    color: white;
    font-weight: bold;
    font-size: 23px; 
        display: contents;
}
     
    
.salto{
    display: block!important;
}
    
#container{
    margin-top: 300px;
}
 
.cuadro .container{  
    height: 250px;  
    width: 250px;
    overflow: hidden;
}
.display-4{
    font-size: 23px;
    text-shadow: 1px 1px 3px #000000b3;
    color: white;
    font-weight: bold;
    position: sticky;
    bottom: 0px;
    left: 0px;
    right: 0px;
    text-align: center;
    background: rgba(166, 141, 12, 0.8);
    width: 100%;
    padding: 13px 0px;
    text-align: center;
}
 
.c1, .c2, .c3, .c4, .c5{
    overflow: hidden;
    position: relative;
    padding: 0px;
    margin: 15px;
}

 

.mask{
    width: 100%;
    height: 100%;
    background: #a68d0c;
    transition: all 500ms ease;
}
    
}


@media (max-width: 990px) {
     
    .navbar-collapse .dropdown-menu {
        position: static !important;
        float: none !important;
        background-color: #f7f7f7 !important;  
        border: none !important;
        box-shadow: none !important; 
        padding: 5px 0px;
        border-radius: 8px; 
        text-align: center;
    }

    .navbar-collapse .dropdown-menu > li:not(:last-child) {
        border-bottom: 1px solid #ccc;  
        padding-bottom: 6px;            
    }
 
    .navbar-collapse .dropdown-menu .dropdown-item {
        color: #666 !important;
        font-family: 'open sans', Fallback, sans-serif !important;
        font-size: 12px !important;  
        font-weight: 600 !important;
        padding: 12px 0px;
        text-transform: uppercase;
        border-bottom: 1px solid #e0e0e0; 
        width: 85%; 
        margin: 0 auto;  
        white-space: normal;  
    }
 
    .navbar-collapse .dropdown-menu .dropdown-item:last-child {
        border-bottom: none;
    }
 
    .navbar-collapse .dropdown-menu .dropdown-item:hover,
    .navbar-collapse .dropdown-menu .dropdown-item:focus,
    .navbar-collapse .dropdown-menu .dropdown-item:active {
        background-color: transparent !important;
        color: #A78F10 !important; 
    }
}