/*
    MEDIDAS
        XS: 0
        SM: 576
        MD: 768
        LG: 992
        XL: 1200
    PALETA DE COLORES
        FONDO AZUL #162E44
        
*/



/* ==============================
            SEPARADOR
============================== */

section{
    padding:40px 0;
}

@media (min-width:992px){
    section{
        padding:90px;
    }
}

html{
    scroll-behavior: smooth;
}

*:not(i){
    font-family: 'Poppins', sans-serif;
}


h1, h2, h3, h4, h5, h6{
    font-family: 'Oswald', sans-serif;
}


/* ==============================
            NAVEGADOR
============================== */
#navegador,
#navegador2{
  background-color: #162E44 !important;
    color:#D9D9D9 ;
    box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15) !important;
}

#navegador .navbar-brand ,
#navegador2 .navbar-brand {
  color: #D9D9D9 ;
    font-size:.9rem;
}

#logo{
    background: url(../img/logo.png) no-repeat left center;
    background-size: 20px;
    padding-left:30px;
}

#navegador .navbar-toggler ,
#navegador2 .navbar-toggler {
  font-size: 1.2rem;
  right: 0;
  padding: 13px;
  text-transform: uppercase;
  color: white;
  border: 0;
}


#navegador .navbar-nav .nav-item .nav-link ,
#navegador2 .navbar-nav .nav-item .nav-link {
  font-size: 90%;
  font-weight: 400;
  padding: 0.75em 0;
  letter-spacing: 1px;
    text-align:center;
  color: #D9D9D9;
}

#navegador .navbar-nav .nav-item .nav-link.active, #navegador .navbar-nav .nav-item .nav-link:hover ,
#navegador2 .navbar-nav .nav-item .nav-link.active, #navegador2 .navbar-nav .nav-item .nav-link:hover {
  color: #D4A265;
}

/*PC*/
@media (min-width: 992px) {
  #navegador {
    padding-top: 25px;
    padding-bottom: 25px;
    transition: padding-top 0.3s, padding-bottom 0.3s;
    border: none;
    background-color: transparent !important;
    color:white !important;
  }
    
    #navegador2{
    padding-top: 25px;
    padding-bottom: 25px;
    transition: padding-top 0.3s, padding-bottom 0.3s;
    border: none;
    background-color: transparent;
    color:white !important;    
    }

    #navegador .navbar-nav .nav-item .nav-link, #navegador .navbar-brand,
    #navegador2 .navbar-nav .nav-item .nav-link, #navegador .navbar-brand{
        color:white;
    }    

    
  #navegador .navbar-brand ,
  #navegador2 .navbar-brand {
    font-size: 1.75em;
    transition: all 0.3s;
  }
  #navegador .navbar-nav .nav-item .nav-link ,
  #navegador2 .navbar-nav .nav-item .nav-link {
    padding: 1.1em 1em !important;
  }
  #navegador.navbar-shrink ,
  #navegador2.navbar-shrink {
    padding-top: 0;
    padding-bottom: 0;
    background-color: #162E44 !important;
      color:white;
  }
  #navegador.navbar-shrink .navbar-brand ,
  #navegador2.navbar-shrink .navbar-brand {
    font-size: 1.25em;
    padding: 5px 0 0 30px;
  }
}
/* ==============================
            HEADER
============================== */

/*
main{
    margin-top:60px;
}
*/

header.masthead {
  text-align: center;
  color: white;
  background-image: url("../img/header-bg.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
}

header.masthead .intro-text {
  padding-top: 70px;
  padding-bottom: 100px;
}

header.masthead .intro-text .intro-lead-in {
  font-size: 22px;
  font-style: italic;
  line-height: 22px;
  margin-bottom: 25px;
  margin-top: 25px;
}

header.masthead .intro-text .intro-heading {
  font-size: 25px;
  font-weight: 700;
  line-height: 40px;
  margin-bottom: 25px;   
/*font-family: Baskerville Old Face Bodoni MT,Didot,Didot LT STD,Hoefler Text,Garamond,Times New Roman,serif;*/
}

@media (min-width: 768px) {
  header.masthead .intro-text {
    padding-top: 170px;
    padding-bottom: 100px;
  }
  header.masthead .intro-text .intro-lead-in {
    font-size: 40px;
    font-style: italic;
    line-height: 40px;
    margin-bottom: 25px;
  }
  header.masthead .intro-text .intro-heading {
    font-size: 40px;
    font-weight: 700;
    line-height: 65px;
    margin-bottom: 15px;

  }
}

#btn-header{
    padding:20px 30px;
    border-radius:0;
    background-color:#D4A265;
    border:0;
    transition:.5s;
}

#btn-header:hover{
    transform:scale(1.1);
}


/* ==============================
            ABOUT
============================== */

#about h1{
    font-size: 46px;
    font-weight: 400;
    line-height: 56px;
    color: #323648;
    margin:30px 0;
}

#about p{
    font-size: 16px;
    line-height: 28px;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #707579;
}

/* ==============================
            SERVICIOS
============================== */

#servicios{
    background-color:#F7F7F7;
}

.servicio h2{
    font-size:14px;
    text-align:center;
    background:url(../img/icon/028-double-bed-1.png) no-repeat center top;
    background-size: 40px 40px;
    padding-top:50px;
    width:100%;
}

.servicio{
    text-align:center;
    padding:20px;
    background-color:white;
    box-shadow:0 2px 6px 0 rgba(0,0,0,.12),inset 0 -1px 0 0 #dadce0;
    height:145px;
    margin-bottom:20px;
    display:flex;
    justify-content: center;
    align-items: center;
}

.serv div:nth-child(1) .servicio h2{
    background-image:url(../img/icon/028-double-bed-1.png);
}
.serv div:nth-child(2) .servicio h2{
    background-image:url(../img/icon/001-stove.png);
}
.serv div:nth-child(3) .servicio h2{
    background-image:url(../img/icon/002-hair-dryer.png);
}
.serv div:nth-child(4) .servicio h2{
    background-image:url(../img/icon/003-hanger.png);
}
.serv div:nth-child(5) .servicio h2{
    background-image:url(../img/icon/004-drops.png);
}
.serv div:nth-child(6) .servicio h2{
    background-image:url(../img/icon/005-cupboard.png);
}
.serv div:nth-child(7) .servicio h2{
    background-image:url(../img/icon/006-television.png);
}
.serv div:nth-child(8) .servicio h2{
    background-image:url(../img/icon/007-shirt.png);
}
.serv div:nth-child(9) .servicio h2{
    background-image:url(../img/icon/008-double-bed.png);
}
.serv div:nth-child(10) .servicio h2{
    background-image:url(../img/icon/009-broom.png);
}
.serv div:nth-child(11) .servicio h2{
    background-image:url(../img/icon/010-router.png);
}
.serv div:nth-child(12) .servicio h2{
    background-image:url(../img/icon/011-dinning-table.png);
}
.serv div:nth-child(13) .servicio h2{
    background-image:url(../img/icon/012-microwave-oven.png);
}
.serv div:nth-child(14) .servicio h2{
    background-image:url(../img/icon/013-fridge.png);
}
.serv div:nth-child(15) .servicio h2{
    background-image:url(../img/icon/014-fork-plate-knife.png);
}
.serv div:nth-child(16) .servicio h2{
    background-image:url(../img/icon/015-electric-mixer.png);
}
.serv div:nth-child(17) .servicio h2{
    background-image:url(../img/icon/016-small-oven.png);
}
.serv div:nth-child(18) .servicio h2{
    background-image:url(../img/icon/017-car.png);
}
.serv div:nth-child(19) .servicio h2{
    background-image:url(../img/icon/018-barbacue.png);
}
.serv div:nth-child(20) .servicio h2{
    background-image:url(../img/icon/019-lounge-chair.png);
}
.serv div:nth-child(21) .servicio h2{
    background-image:url(../img/icon/020-toys.png);
}
.serv div:nth-child(22) .servicio h2{
    background-image:url(../img/icon/021-fire-extinguisher.png);
}
.serv div:nth-child(23) .servicio h2{
    background-image:url(../img/icon/022-first-aid-kit.png);
}
.serv div:nth-child(24) .servicio h2{
    background-image:url(../img/icon/023-no-smoking.png);
}
.serv div:nth-child(25) .servicio h2{
    background-image:url(../img/icon/024-paving.png);
}
.serv div:nth-child(26) .servicio h2{
    background-image:url(../img/icon/025-lamp.png);
}
.serv div:nth-child(27) .servicio h2{
    background-image:url(../img/icon/026-bed.png);
}
.serv div:nth-child(30) .servicio h2{
    background-image:url(../img/icon/027-bed-1.png);
}
.serv div:nth-child(28) .servicio h2{
    background-image:url(../img/icon/candado.png);
}
.serv div:nth-child(29) .servicio h2{
    background-image:url(../img/icon/ba%C3%B1o.png);
}
.serv div:nth-child(31) .servicio h2{
    background-image:url(../img/icon/mujer.png);
}
.serv div:nth-child(32) .servicio h2{
    background-image:url(../img/icon/gente.png);
}
.serv div:nth-child(33) .servicio h2{
    background-image:url(../img/icon/familia.png);
}
.serv div:nth-child(34) .servicio h2{
    background-image:url(../img/icon/prohibido.png);
}

/* ==============================
            GALERIA
============================== */

#galeria{
    background-color: #EFECFF;
}

#galeria .card{
    margin-bottom:20px;
}

/* ==============================
            CONTACTO
============================== */

#contacto{
    background-color: #F7F8F9;
}

#datos-contacto{
    border:1px solid #E6E9ED;
    border-radius:0;
    background-color:white;
    padding:25px;
}

#contacto h3 + p{
    color:#707579;
    font-size:14px;
}

#contacto h3{
    color:steelblue;
    font-size:22px;
    margin-bottom: 10px;
    margin-top:10px;
}

#contacto h3 i{
    margin-right:5px;
}

.redes{
    background-color: steelblue;
    color:white;
    display:inline !important;
    width:40px;
    height:40px;
    text-align:center;
    line-height:40px;
    border-radius:100%;
    margin-right:10px;
    transition: .5s;
}

.redes:hover{
    color:white;
    transform:scale(.9);
}

input, textarea, button{
    border-radius:0 !important;
}

textarea{
    resize:none;
}

/* ==============================
        BOTON WHATSAPP
============================== */

#btnWhats{
    width: 75px;
    height:75px;
    background: url(../img/whatsapp.png) no-repeat center center;
    background-size:45px 45px;
    background-color:#24CD63;
    color:white;
    display:inline-block;
    border-radius: 100%;
    overflow:hidden;
    text-indent: -1000px;
    position:fixed;
    bottom:20px;
    right:20px;
    z-index:5;
    box-shadow:0 2px 6px 0 rgba(0,0,0,.12),inset 0 -1px 0 0 #dadce0;
}

body{
    position:relative;
}

footer{z-index:1 !important;}



/*
    MEDIDAS
        XS: 0
        SM: 576
        MD: 768
        LG: 992
        XL: 1200
    PALETA DE COLORES
*/