.menu-toogle {
    position: absolute;
    right: 15px;
    top: 9px;
}
	.menu-toogle {
    right: 55%;
}
	.nav { width: 55%;}
    	
	.menu-toogle {
    position: absolute;
    right: 15px;
    top: 9px;
}
	.menu-toogle {
    right: 55%;
}
	.nav { width: 55%;}
    	
	.menu-toogle {
    position: absolute;
    right: 15px;
    top: 9px;
}
	.menu-toogle {
    right: 55%;
}
	.nav { width: 55%;}
    	
	.menu-toogle {
    position: absolute;
    right: 15px;
    top: 9px;
}
	.menu-toogle {
    right: 55%;
}
	.nav { width: 55%;}
    	
	.menu-toogle {
    position: absolute;
    right: 15px;
    top: 9px;
}
	.menu-toogle {
    right: 55%;
}
	.nav { width: 55%;}
    	
	.menu-toogle {
    position: absolute;
    right: 15px;
    top: 9px;
}
	.menu-toogle {
    right: 55%;
}
	.nav { width: 55%;}
    	
	.menu-toogle {
    position: absolute;
    right: 15px;
    top: 9px;
}
	.menu-toogle {
    right: 55%;
}
	.nav { width: 55%;}
    	
	.menu-toogle {
    position: absolute;
    right: 15px;
    top: 9px;
}
	.menu-toogle {
    right: 55%;
}
	.nav { width: 55%;}
    	
	.menu-toogle {
    position: absolute;
    right: 15px;
    top: 9px;
}
	.menu-toogle {
    right: 55%;
}
	.nav { width: 55%;}
    	
	.menu-toogle {
    position: absolute;
    right: 15px;
    top: 9px;
}
	.menu-toogle {
    right: 55%;
}
	.nav { width: 55%;}
    	
	.menu-toogle {
    position: absolute;
    right: 15px;
    top: 9px;
}
	.menu-toogle {
    right: 55%;
}
	.nav { width: 55%;}
    	
	.menu-toogle {
    position: absolute;
    right: 15px;
    top: 9px;
}
	.menu-toogle {
    right: 55%;
}
	.nav { width: 55%;}
    	
	.menu-toogle {
    position: absolute;
    right: 15px;
    top: 9px;
}
	.menu-toogle {
    right: 55%;
}
	.nav { width: 55%;}
    .checkbox:checked ~ .menu-toogle {
    right: 26%;
    position: fixed;
}.checkbox:checked ~ .menu-toogle {
    right: 26%;
    position: fixed;
}.checkbox:checked ~ .menu-toogle {
    right: 26%;
    position: fixed;
}.checkbox:checked ~ .menu-toogle {
    right: 26%;
    position: fixed;
}.checkbox:checked ~ .menu-toogle {
    right: 26%;
    position: fixed;
}.checkbox:checked ~ .menu-toogle {
    right: 26%;
    position: fixed;
}.checkbox:checked ~ .menu-toogle {
    right: 26%;
    position: fixed;
}.checkbox:checked ~ .menu-toogle {
    right: 26%;
    position: fixed;
}.checkbox:checked ~ .menu-toogle {
    right: 26%;
    position: fixed;
}.checkbox:checked ~ .menu-toogle {
    right: 26%;
    position: fixed;
}.checkbox:checked ~ .menu-toogle {
    right: 26%;
    position: fixed;
}.checkbox:checked ~ .menu-toogle {
    right: 26%;
    position: fixed;
}.checkbox:checked ~ .menu-toogle {
    right: 26%;
    position: fixed;
}.checkbox:checked ~ .menu-toogle {
    right: 26%;
    position: fixed;
}.checkbox:checked ~ .menu-toogle {
    right: 26%;
    position: fixed;
}.checkbox:checked ~ .menu-toogle {
    right: 26%;
    position: fixed;
}.checkbox:checked ~ .menu-toogle {
    right: 26%;
    position: fixed;
}.checkbox:checked ~ .menu-toogle {
    right: 26%;
    position: fixed;
}.checkbox:checked ~ .menu-toogle {
    right: 26%;
    position: fixed;
}.margin-b-20 { margin-bottom: 20px !important;}
.margin-b-40 { margin-bottom: 40px !important;}
.margin-b-60 { margin-bottom: 60px !important;}
.margin-t-20 { margin-top: 20px !important;}
.c-padding-t-20 { padding-top: 20px;}
.c-padding-t-40 { padding-top: 40px;}
.c-padding-b-20 { padding-bottom: 20px;}


.c-padding-int { padding-top: 80px;}

.c-font-site { color:#393231; }
.c-font-amarillo { color: #dba336;}
.c-font-prendium { color:#914d9a; }
.c-font-llevatelo { color:#6ea24f; }
.c-font-concreta { color:#d0aa25; }
.c-font-anticipo { color:#5a9cb2; }
.c-font-credinomina { color:#d8732e; }
.c-font-prendarte { color:#d35636; }
.c-font-auto { color:#5c63a7; }
.c-font-liquid { color:#4ba29b; }
.c-font-semi { color:#255e7c; }
.c-font-subastas { color:#848435; }
.c-font-bienes { color:#7c9309; }
.c-font-broker { color:#255e7c; }
.c-font-just { color:#604596; }
.c-font-diamante { color:#000; }

.bg-prendium { background: #914d9a; overflow: hidden;}
.bg-llevatelo { background: #6fa24f;  overflow: hidden;}
.bg-concreta { background: #d0aa25; overflow: hidden; }
.bg-anticipo { background: #5a9cb2; overflow: hidden;}
.bg-credi { background: #f47320; overflow: hidden;}
.bg-prendarte { background: #f25632; overflow: hidden; }
.bg-autoleasing {background: #5c63a7; overflow: hidden;}
.bg-liquid {background: #4ba29b; overflow: hidden;}
.bg-seminuevos { background: #005f81; overflow: hidden;}
.bg-subastas { background: #98993e; overflow: hidden;}
.bg-bienes { background: #c1d84b; overflow: hidden;}


.premium-bold { color: #5e1667;}
.llevatelo-bold { color: #4c7036;}
.concreta-bold { color: #a0821b;}
.anticipo-bold { color: #3c778d;}
.credi-bold { color:#b54f0a;}
.prendarte-bold { color:#fdaa97;}
.autoleasing-bold { color: #5c63a7;}
.liquid-bold { color: #2e7b75;}
.seminuevos-bold { color: #054156;}
.subastas-bold { color: #767723;}
.bienes-bold { color: #93aa1d;}


.movil{display: none}
.web{display: inline-block}


/********************\
  $Reset ☰
\********************/
* {
  box-sizing:border-box;
}
/*Damos estilos al menú*/
.nav {
  position:absolute;
  width:25%;
  height:100vh;
  top:0;
  right:-100%; /*Ocultamos el menú en la parte izquierda para que no se vea a menos que pulsemos sobre la hamburguesa*/
  padding-top:47px;
  background-color: rgba(40, 35, 34, 1);
  border-left:4px solid rgba(187, 141, 52, 1);
  transition:all .5s ease; /*Damos a la caja del menú una transición para que tenga un desplazamiento suave*/
}
   /*Estilos de los li del menú*/
   .nav__item {
     display:block;
     width:96%;
     margin:0 auto;
     line-height:2;
     position:relative; /*Le damos una posición relativa para posteriormente añadirle el triangulo que indica que se está en la página actual del menú*/
     border-bottom:.5px solid rgba(59, 62, 61, 1);
     border-top:.5px solid rgba(59, 62, 61, 1);
     background-color:transparent;
     font-family: 'Lato', sans-serif;
     text-align:center;
     color:rgba(221, 231, 228, 1);
   }
   
.nav__item:hover { color: #dba336;
}

  /*Estos son los estilos de la hamburguesa del menú que abre y cierra el mismo*/
  .menu-toogle {
    position:absolute; /*Lo posicionamos absolutamente para poder darle una posición y poder moverlo según el menú esté abierto o cerrado*/
	right: 0;
    width: 43px;
    line-height:1.1;
    text-align:center;
    top:15px; /*Le damos una posición top y left en donde queramos que se encuentre la hamburguesa del menú*/
    border-radius:3px;
    background-color: rgba(219, 163, 54, 0.3);
    transition: all .5s ease; /*Añadimos una transición para que realice un desplazamineto suave*/
    z-index:10;    
	padding-bottom: 2px;
  }
    /*Añadimos la haburguesa y le damos unos estilos*/
    .menu-toogle::before {
      content:"☰";
      font-size:40px;
      color:#faba3d;
    }

/* Le damos unos estilos al contenedor principal*/
.main-w {
  width:100%;
  height:100vh;
  transition: all .5s ease;
}   
    .header-w figure {
      width:100%;
      height:150px;
      text-align:center;
      position:relative;
    }
        .header-w figure:before {
          content:"O";
          width:15px;
          height:15px;
          position:absolute;
          background-color:white;
          border-radius:100%;
          color:#A9BC00;
          font-size:120%;
          font-wheight:bolder;
          font-family:verdana;
          left:42vw;
          top:9vw;     
        }
        .header-w figure:after {
          content:"O";
          width:15px;
          height:15px;
          position:absolute;
          background-color:white;
          border-radius:100%;
          color:#A9BC00;
          font-size:120%;
          font-wheight:bolder;
          font-family:verdana;
          left:50.8vw;
          top:9vw; 
        }
    .featured-img {
      margin:3em 6vw 0 0;
      border:4px solid white;
      border-radius:100%;
    }
    .header-w__description {
      width:80%;
      height:auto;
      margin:0 auto;
      padding:1em;
      line-height:2;
      text-align:center;
      color:rgba(33, 36, 8, 1);
    }
        .header-w__title
        {
          font-size:300%;
          font-family:Lobster;
          margin:1em 0 0 0;
        }
        .header-w__title2 {
          font-size:250%;
          font-family:Lobster;
          margin:0;
        }
    .paragraph {
      width:80%;
      margin:0 auto;
      text-align:center;
      font-family:'Source Sans Pro', sans-serif;
    }

    /*Estos son los estilos que le dan la funcionalidad al menú*/
    /*El checkbox según esté activado o no hará que el menú aparezca o desaparezca*/
    .checkbox {
      display:none; /*Ocultamos el checkbox pues no nos interesa que se vea*/
    }
    .checkbox:checked ~ .nav {
      right:0px; /*Le quitamos el left negativo para que el menú vuelva a su posición original*/
      position:fixed; /* Fijamos el menú lateral para que se desplace cuando hagamos scroll*/
    }
    .checkbox:checked ~ .main-w {
      margin-left:200px; /*Cuando el checkbox asigna un margen al contenedor principal para que se desplace junto con el menú*/
    }
    .checkbox:checked ~ .menu-toogle { 
      right:26%;
      position:fixed; /*Fijamos la hamburgues para que se desplace junto con el menú*/
    }

.titulo-home { font-size: 6.7rem; text-align: left; text-transform: uppercase; font-family: 'Lato', sans-serif !important; letter-spacing: 0.6rem;}

.quienes-home { background: #393231; padding:90px 0px; color:#fff; }
.quienes-home a { color: #fff; font-size: 1.3rem; text-transform: uppercase;}
.quienes-home a:hover { color: #dba336; text-decoration: none; }
.quienes-home img { width: 13px; height: auto; margin-left:7px; }

.productos-home { background: #fff; padding:90px 0px 50px 0px; color:#393231; }
.productos-home p { text-align: center; margin: 10px 0px 60px 0px; }
.productos-home div { text-align: center; }
.productos-home strong { text-transform: uppercase; }
.productos-home a { border: 1px solid; padding: 1px 6px; }

.contadores-home { background: url(../../images/bg-contadores.jpg);  padding:65px 0px; }
.contadores-home p { margin: 0px; }
.masde { color: #fff; text-transform: uppercase; font-size: 1.2rem; margin-left: -30px!important; }
.num { color: #fff; font-size: 4rem; margin-top: -15px !important; margin-bottom: -13px!important; font-weight: bold; }
.cont { padding:20px; background:#393231; color: #fff; width: 55%; text-align: center; font-size: 1.5rem;     line-height: 1.6rem; font-weight: bold; }

.link-b {color: #fff; text-transform: uppercase; font-size: 1.2rem; }
.link-b:hover { color: #dba336;}
.link-b img { width: 2%; height: auto; margin-left: 1%;}

.modulo { text-align: center; padding: 50px 0px; }
.modulo h3 { color:#dba336; text-transform: uppercase; font-weight: bold; letter-spacing: 0.23em; padding-bottom: 25px;}

.c-footer p {font-weight: bold; letter-spacing: 0.2em; margin: 0px;}
.c-footer small {font-weight: normal; font-size: 70%;}

.quienes-int { background: #393231; padding:190px 0px 50px 0px; color:#fff; }
.quienes-int a { color: #fff; font-size: 1.3rem; text-transform: uppercase;}
.quienes-int a:hover { color: #dba336; text-decoration: none; }
.quienes-int strong { color:#dba336;  }

.diamante-int { background: #000; padding:190px 0px 50px 0px; color:#fff; }
.diamante-int a { color: #fff; font-size: 1.3rem; text-transform: uppercase;}
.diamante-int a:hover { color: #dba336; text-decoration: none; }
.diamante-int strong { color:#dba336;  }

.productos-int { padding:190px 0px 0px 0px;  }
.padding-r-0 {padding-right: 0px; }
.padding-0 {padding: 0px; }


.padding-l-50 {padding-left: 50px;}
.c-padding-50 {padding: 50px;}
.c-padding-30 {padding: 33px;}

.oficinas-home-h3 { 
	color: #dba336;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.23em;
    padding: 25px 0px;
    font-size: 3rem;}

.bordes {
	border-top:#dba336 solid 1px;
	border-bottom:#dba336 solid 1px;
	    overflow: hidden;
}

.productos-int {
    background: #fff;
    padding: 210px 0px 0px 0px;
}

.productos-int p {
    text-align: center;
    margin: 10px 0px 50px 0px;
    clear: both;
    min-height: 120px;
}
.productos-int a {
    border: 1px solid;
    padding: 1px 6px;
}

.borde-img { border: solid 1px #fff;}

.diamante-home { padding:70px 0px; background: #000; color: #fff;}

@media (max-width: 778px){
	body { padding:0px !important;}
	.c-mobile-logo { width: 76%;}
	.c-layout-header .c-brand {margin:0px !important;}
	.movil{display: inline-block}
	.web{display: none}
	
	.titulo-home { font-size: 3.7rem; }
	
	.contadores-home p {
    margin: 10px;
}
	
	.productos-home {
    background: #fff;
    padding: 60px 0px 0px 0px;
    color: #393231;
}
	.carousel {
    top: 0px;
}
	.menu-toogle {
    right: 15px;
    top: 9px;
		
	}
	.productos-home p { font-size: 85%; min-height: 130px;}
	
	.contadores-home { text-align: center;}
	
	.cont { width: 100%; margin-bottom: 30px !important; }
	
	
	.pad {padding: 0px!important;}
	
	.c-content-tab-3 .nav > li {  width: 50%;  }
	.c-content-tab-3 .nav { text-align: center;  width: 100%;}
	.c-content-tab-3 .nav > li > a {  border-radius: 0px; padding: 0px; text-align: center; }
	
	.checkbox:checked ~ .menu-toogle { right: 55%; }
	.checkbox:checked ~ .nav { width: 55% !important; }
	
	.quienes-int { padding:80px 0px 50px 0px; }
	.c-padding-t-40 { padding-top: 20px; }
	.margin-b-40 { margin-bottom: 10px !important;}
	
	.productos-int p { margin: 10px 0px 25px 0px; min-height: 150px;}
	
	.padding-l-50 {
    padding-left: 0px;
}
	.c-btn-uppercase.btn-lg {margin: 20px auto;}
	.diamante-home { padding-top:0px !important; }
}