* {
    margin: 0;
    padding: 0;
}
body, html {
    height: 99%;
    line-height: 1.8;
}
/*---- Fuentes ----*/

@font-face {
    font-family: 'Quicksand-Light';
    src: url(../fuentes/original_Quicksand-Light.woff) format('woff'), url(../fuentes/original_Quicksand-Light.ttf) format('truetype'), url(../fuentes/Quicksand-Light.svg#futura_bk_btbook) format('svg'), url(../fuentes/original_Quicksand-Light.eot?#iefix) format('embedded-opentype');
}
@font-face {
    font-family: 'Quicksand-Bold';
    src: url('../fuentes/Quicksand-Bold.eot');
    src: url('../fuentes/Quicksand-Bold.woff2') format('woff2'), url('../fuentes/Quicksand-Bold.woff') format('woff'), url('../fuentes/Quicksand-Bold.ttf') format('truetype'), url('../fuentes/Quicksand-Bold.svg#Quicksand-Bold') format('svg'), url('../fuentes/Quicksand-Bold.eot?#iefix') format('embedded-opentype');
}
@font-face {
    font-family: 'Quicksand-Regular';
    src: url('../fuentes/Quicksand-Regular.eot');
    src: url('../fuentes/Quicksand-Regular.woff2') format('woff2'), url('../fuentes/Quicksand-Regular.woff') format('woff'), url('../fuentes/Quicksand-Regular.ttf') format('truetype'), url('../fuentes/Quicksand-Regular.svg#Quicksand-Regular') format('svg'), url('../fuentes/Quicksand-Regular.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}
body {
    font-family: 'Quicksand-Regular' !important;
    font-weight: normal;
    font-style: normal;
    margin-bottom: 0%;
    color: #5b400a;
}
.top_menu ul li a {
    font-weight: 600;
}
p {
    color: #5b400a;
    font-size: 12px !important;
}
h4 {
    color: #5b400a;
}
figcaption {
    font-size: 12px;
}
/*----- Cabecera----*/

/*.cab{
  height: 27px;
}*/

.cabecera {
    margin-top: 1%;
    font-size: 12px;
    color: #5a4011;
}
.direccion {
    float: left;
    margin-left: 6%;
}
.cab .cabecera .direccion p {
    margin: -27px 0px 0 19px !important;
    font-size: 14px !important;
}
.telefono {
    float: left;
    margin-left: 2.5%;
}
.cab .cabecera .telefono p {
    margin: -27px 0px 0 27px !important;
    font-size: 14px !important;
}
.contacto {
    float: left;
    margin-left: 2.3%;
}
.cab .cabecera .contacto p {
    margin: -27px 0px 0 24px !important;
    font-size: 14px !important;
}
.cab hr {
    margin-top: 0px;
    margin-bottom: 0px !important;
    border: 0px;
    border-top: 1px solid #ffd700;
    clear: both;
}
/*hr{
  float: left;
  width: 100%;
  border-color: #ffd700;
  margin-top: -0.5px;
}*/

i {
    color: #ffd700;
}
/*---- Texto cabecera----*/

.texto {
    float: left;
    margin-left: 5%;
}
/*--- Borde de Cabecera----*/

.sub_fa {
    border-radius: 100%;
    overflow: hidden;
    border: 1px solid #ffd700;
    width: 26px;
    height: 26px;
    float: left;
    margin-left: -5%;
    margin-top: -2%;
}
.direccion .sub_fa .fa {
    margin: 4px 0 0 7.5px;
    font-size: 1.35em;
}
.telefono .sub_fa .fa {
    margin: 5.5px 0 0 6.5px;
    font-size: 1.2em;
}
.contacto .sub_fa .fa {
    margin: 4.5px 0 0 5.5px;
    font-size: 1.2em;
}
.redest .sub_fa {
    border: 1px solid #55acee;
}
.redest .sub_fa .fa {
    margin: 3px 0 0 4px;
    font-size: 1.4em;
    color: #55acee;
}
.redesf .sub_fa {
    border: 1px solid #3b5999;
}
.redesf .sub_fa .fa {
    margin: 3px 0 0 8px;
    font-size: 1.4em;
    color: #3b5999;
}
.redesi .sub_fa {
    border: 1px solid #3b5999;
}
.redesi .sub_fa .fa {
    margin: 2px 0 0 5px;
    -webkit-margin-right: 4%;
    -webkit-margin-end: 3%;
    font-size: 1.4em;
    color: #cd486b;
}
/*-----Redes----*/

.redesf {
    color: #ffd700;
    float: right;
    margin-right: 2%;
    border-radius: 5%;
    margin-top: -0.3%;
}
.redest {
    color: #ffd700;
    float: right;
    margin-right: 5%;
    margin-top: -0.3%;
    -webkit-margin-end: 5%;
}
.redesi {
    color: #ffd700;
    float: right;
    margin-right: 2%;
    margin-top: -0.3%;
    -webkit-margin-end: 2%;
}
/*----Menu----*/

.top_menu ul {
    list-style: none;
    float: right;
    border: 1px;
    padding: 0%;
    width: 100%;
    height: auto;
    clear: both;
    text-decoration: none;
    margin-bottom: 0.5% !important;
}
.top_menu ul li {
    float: right;
    margin-right: 5%;
    margin-left: 5.58%;
    margin-top: 3%;
}
a {
    text-decoration: none;
    color: #5b400a;
    font-size: 13px;
    /*font-weight: 900;*/
}
/*----Menu Responsive----*/

.navbar-default {
    background-color: #5b400a;
    border-color: #fff !important;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffd700 !important;
}
.navbar {
    position: relative;
    min-height: 0px;
    margin-bottom: -90px !important;
    border: 0px solid transparent;
}
.navbar-header>button>a>img {
    position: relative;
    top: -54%;
}
/*----Imagen menu y arreglos internos del menu----*/

.top_menu>ul>a>img {
    float: left;
    margin-left: 4.75%;
    width: 8%;
    height: auto;
    margin-top: 0.3%;
}
.top_menu>ul>li>a {
    text-decoration: none;
    color: #5b400a;
    font-family: 'Quicksand-Bold';
    font-size: 14px;
}
.imagen {
    margin-top: 90px;
    clear: both;
}
/*---- Imagen Principal----*/

/*.imagen > img{
        width: 100%;
        background-size: 100%;
        height: 413px !important;  
        position: absolute; 
}*/

#hg {
    background-image: url("images/HOME.jpg");
    /*height: 77vh;
    background-repeat: no-repeat;
    background-size: 1920px 100%;
    background-position: center center;
    clear: both;
*/
    /*background-attachment: fixed;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 78%;
}
/*.testimonio {
    margin-top: 20px;
    margin-bottom: 20px;
}
#tes1 {
    background-image: url("images/home-trasparentes.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 20%;
}
.testimonio .container .texto-test p {
    font-size: 22px !important;
}
.aliados .container .img-aliados img {
    float: left;
    width: 200px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 20px;
}
.aliados .container .img-aliados .img-center img {
    float: none;
    width: 200px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 20px;
}*/

/*@media (min-width: 1024px) {
  .imagen-principal-index { display:none !important; }
}*/

/* ---- Identidad ---- */

/*#iden1 {
    background-image: url("images/hoja de nosotro trasparente.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100%;
}
.identidad2 .container .texto-iden p {
    font-size: 32px !important;
}
.identidad2 .container .texto-iden p#am {
    margin-left: 100px;
}
.identidad2 .container .texto-iden p#bi {
    margin-left: 180px;
}
.identidad2 .container .texto-iden p#ca {
    margin-left: 240px;
}
.identidad2 .container .mision p {
    font-size: 22px !important;
}
.identidad2 .container .vision p {
    font-size: 22px !important;
}
.identidad2 .container .objetivos p {
    font-size: 22px !important;
}*/

/*----Footer----*/

.sub_div {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 0px;
    height: 40px;
    margin-left: 20px;
    vertical-align: top;
    margin-left: 10px;
    text-align: left;
}
.footer1 {
    font-family: 'Quicksand-Bold';
    float: left;
    bottom: 0% !important;
    width: 100%;
    height: auto;
    background: #fbcc14;
    font-size: 12px;
}
.footer1 .estrella strong {
    font-size: 14px;
}
.footer1 .edificio strong {
    font-size: 14px;
}
.footer1 .corazon strong {
    font-size: 14px;
}
.footer1 .pintura strong {
    font-size: 14px;
}
strong {
    font-weight: 600;
}
.footer1 div {
    padding: 0;
    align-items: center;
    /*width: 24%;*/
    text-align: center;
    margin-left: 5%;
}
.footer2 {
    bottom: 0px !important;
    float: left;
    /*--text-align: center;--*/
    height: auto;
    width: 100%;
    color: #000;
    margin-top: 2%;
}
.footer2 .footer {
    font-size: 13px;
    line-height: 80%;
    font-weight: 100%;
    height: auto;
}
.footer {
    text-align: center;
    padding-top: 7%;
    font-size: 11px;
}
/*footer{
    float: left;
    padding-top: 1%;
    margin-bottom: -33%;
    text-align: center;
    width: 100%;
    height: auto;
    position: fixed;
    bottom: 100;
}*/

footer {
    float: left;
    bottom: 0% !important;
    -webkit-margin-bottom: -2%;
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 11px;
    clear: both;
    margin-top: 0px;
    border-top: 1px solid #ffd700 !important;
}
footer .container .row p {
    padding: 10px;
    margin: 0 0 0 !important;
}
@media (min-width: 320px) and (max-width: 720px) {
    footer .container .row p {
        font-size: 10px !important;
    }
}
.footer1 {
    float: left;
    bottom: 0% !important;
    width: 100%;
    height: auto;
    background: rgb(255, 255, 255);
    opacity: 0.7;
    margin-top: 23.8%;
}
.footer1 div {
    padding: 0%;
    float: left;
    margin-left: 9%;
    align-items: center;
}
.footer2 {
    bottom: 0px !important;
    float: left;
    text-align: center;
    height: auto;
    width: 100%;
    color: #5b400a;
    margin-top: 2%;
}
.footer2 .footer {
    font-size: 13px;
    line-height: 80%;
    font-weight: 100%;
    height: auto;
}
/*---- Espcio entre iconos de Footer2 ----*/

.estrella {
    width: 25%;
}
.edificio {
    width: 10.5%;
}
.corazon {
    width: 20.5%;
}
.pintura {
    width: 14%;
}
/*---- Bordes Footer ----*/

.estrella .sup_fa .fa {
    margin: 10px 0 0 2px;
    border: none;
}
.edificio .sup_fa .fa {
    margin: 10px 0 0 1px;
    border: none;
}
.corazon .sup_fa .fa {
    margin: 12px 0 0 0px;
    border: none;
}
.pintura .sup_fa .fa {
    margin: 11px 0 0 -2px;
    border: none;
}
.sup_fa {
    border-radius: 100%;
    overflow: hidden;
    border: 1px solid #5b400a;
    width: 60px;
    height: 60px;
}
.estrella a {
    color: #5b400a;
}
.edificio a {
    color: #5b400a;
}
.corazon a {
    color: #5b400a;
}
.pintura a {
    color: #5b400a;
}
/*---- Tamaño de iconos Footer----*/

/*.fa-2x{
  font-size: 3em;
}*/

.fa-2x {
    font-size: 2.4em;
}
/*---- Animacion Estrella -----*/

.estrella i {
    color: #5b400a;
}
.estrella {
    color: #5b400a;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.estrella:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    /*background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
        background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);*/
    /* W3C */
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}
.estrella:hover, .estrella:focus, .estrella:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.estrella:hover:before, .estrella:focus:before, .estrella:active:before {
    opacity: 0;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}
/*---- Animacion Edificio -----*/

.edificio i {
    color: #5b400a;
}
.edificio {
    color: #5b400a;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.edificio:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    /*background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
        background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);*/
    /* W3C */
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}
.edificio:hover, .edificio:focus, .edificio:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.edificio:hover:before, .edificio:focus:before, .edificio:active:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}
/*---- Animacion Corazon -----*/

.corazon i {
    color: #5b400a;
}
.corazon {
    color: #5b400a;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.corazon:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    /*background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
        background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);*/
    /* W3C */
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}
.corazon:hover, .corazon:focus, .corazon:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.corazon:hover:before, .corazon:focus:before, .corazon:active:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}
/*---- Animacion Pintura -----*/

.pintura i {
    color: #5b400a;
}
.pintura {
    color: #5b400a;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.pintura:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    /*background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
        background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);*/
    /* W3C */
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}
.pintura:hover, .pintura:focus, .pintura:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.pintura:hover:before, .pintura:focus:before, .pintura:active:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}
/*---- Carousel ---*/

/*.slide {
      width: 100%;      
      margin:0px auto;
      height: auto;
      display: inline-block;
}
.slide > .slides {
      width: 100%;
}
.slide > .slides > img {
  width: 100%;
}
.slidesjs-control{
  float: center;
  margin-top: 0%;
  text-decoration: none;
}*/

#page>section {
    float: left;
    bottom: 0% !important;
}
/*---- Contacto ----*/

form {
    float: left;
    margin-left: 6%;
    width: 23.5%;
    height: 9%;
    margin-top: 5.7%;
    clear: both;
}
form>.row>input {
    margin-top: -6%;
    border-width: 1;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 1px solid #ffd700;
    border-left: 0px;
    font-family: 'Quicksand-Light';
}
form>.row>textarea {
    margin-top: 0%;
    border-width: 1;
    border-top: 0px;
    border-right: 0px;
    border-bottom: 1px solid #ffd700;
    border-left: 0px;
    font-family: 'Quicksand-Light';
}
form>input {
    float: left;
    margin-left: 70%;
    margin-top: -1%;
    width: 35%;
    height: 2em;
    background-color: #ffd700;
    border-width: 0;
    color: #fff;
    font-family: 'Quicksand-Light';
}
@media (min-width: 320px) and (max-width: 720px) {
    form>input {
        background-color: #FFF;
        color: #5b400a;
        border-color: #ffd700 !important;
        border: 1px solid;
    }
}
.form-control {
    display: block;
    width: 105%;
    height: 34px;
    padding: 6px 12px;
    font-size: 1px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 0px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075) !important;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075) !important;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-width: 0;
    border-radius: 0px !important;
    font-family: 'Quicksand-Light';
}
iframe {
    float: right;
    margin-right: 0%;
    margin-top: 2.3%;
    width: 59%;
    margin-bottom: 0.5%;
}
/*----Contacto Movil ----*/

.formulario-2 {
    width: 80% !important;
    margin-left: 10% !important;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #ffd700 !important;
}
.navbar-default .navbar-toggle {
    border-color: #ffd700 !important;
}
.navbar-default .navbar-toggle {
    border-color: #ffd700 !important;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #FFF !important;
}
.navbar-toggle {
    border-radius: 0px !important;
}
.navbar-default .navbar-nav>li>a {
    color: #5b400a !important;
    /*font-weight: 700;*/
}
/*----Carousel ----*/

.carousel {
    float: left;
    width: 100%;
    height: auto;
    margin-top: 0%;
}
.carousel-inner {
    /*margin-top: 0.5%;*/
}
.galeria {
    background-image: url("images/galeria11.jpg");
    height: 72.2vh;
    background-repeat: no-repeat;
    /*background-size: 1920px 100%;*/
    background-position: center center;
}
.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #FFF !important;
}
.carousel-control .glyphicon-chevron-right, .glyphicon-chevron-left, .carousel-control .icon-next, .carousel-control .icon-prev {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
    color: #5b400a;
}
.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    /*background-color: #000\9;*/
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #5b400a;
    border-radius: 10px;
}
.carousel-control.right {
    right: 0;
    left: auto;
    background-image: none !important;
    background-image: none !important;
    background-image: none !important;
    background-image: none !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#FFF', GradientType=1);
    background-repeat: repeat-x;
}
.carousel-control.left {
    left: 0;
    left: auto;
    background-image: none !important;
    background-image: none !important;
    background-image: none !important;
    background-image: none !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#FFF', GradientType=1);
    background-repeat: repeat-x;
}
/*---- Servicios Imagenes animacion ----*/

.page-block>.harmonic>.row {
    margin-top: 0px;
}
.page-block>.container {
    width: 92%;
    transition: all 0.3s ease;
}
/*.img-servicios {
  transition: all 0.3s ease;
}
.text-info{
  transition: all 0.3s ease;
}*/

.img-harmonic {
    margin-bottom: 12px;
    /*height: 41vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 200% 100%;
  margin: auto;
  clear: both;  
  padding: 0px;  
  transition: all 0.3s ease;
  border: 1px solid #ffd700;*/
}
.img-harmonic img {
    width: 100%;
    border: 1px solid #ffd700;
}
.img-expanded {
    background-size: 100% 100%;
}
/*---- Servicios----*/

.servicios .container {
    width: 90% !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-right: 0% !important;
    margin-left: 5% !important;
    margin-top: 0% !important;
}
.imag>a>img {
    width: 100%;
}
.fa-check {
    color: #ffd700;
}
.page-block>.container {
    clear: both;
}
/*---- Servicios Movil ---*/

.text {
    clear: both;
    margin-top: 3%;
    width: 97%;
}
/*----- Responsive Index----*/

@media (max-width: 319px) {
    .imagen>img {
        height: 140px;
        background-size: 100%;
    }
}
@media (min-width: 320px) and (max-width:380px) {
    #hg {
        background-size: 800px 100% !important;
        clear: both;
    }
    .estrella {
        width: 39%;
    }
    .edificio {
        width: 45.5%;
    }
    .corazon {
        width: 39%;
        clear: both;
        margin-left: 4px;
        margin-top: 5%;
    }
    .pintura {
        width: 44%;
    }
    footer {
        margin-top: 6px !important;
    }
    .footer1 {
        margin-top: 0% !important;
    }
    .linea {
        width: 100px;
        margin-top: 10%;
    }
    .linea2 {
        width: 100px;
        margin-top: 20%;
    }
}
@media (min-width: 380px) and (max-width:767px) {
    .navbar-default .navbar-nav>li>a font {
        font-family: 'Quicksand-Bold';
    }
    .imagen>img {
        height: 200px;
        background-size: 100%;
    }
    footer {
        margin-top: 6px !important;
    }
    .edificio {
        width: 20.5%;
        border-left: 1px solid #5b400a;
    }
    .estrella {
        width: 20%;
    }
    .pintura {
        width: 21%;
    }
    .corazon {
        border-right: 1px solid;
        margin-left: 4px;
        margin-top: 5%;
    }
    .footer1 {
        margin-top: 52.3%;
    }
    .linea {
        border-bottom: 1px solid #5b400a;
        width: 100px;
        margin-top: 10%;
    }
    .linea2 {
        border-bottom: 1px solid #5b400a;
        width: 100px;
        margin-top: 30%;
    }
}
@media (min-width: 768px) and (max-width:991px) {
    .imagen>img {
        height: 370px;
        background-size: 100%;
    }
    .top_menu ul {
        margin-top: -11.4%;
    }
    .edificio {
        width: 20.5%;
    }
    .estrella {
        width: 20%;
    }
    .pintura {
        width: 21%;
    }
    .footer1 {
        margin-top: 40.8%;
    }
}
@media (min-width: 992px) and (max-width:1199px) {
    .footer1 {
        margin-top: -11.4%;
    }
}
@media (min-width: 1200px) and (max-width:1278px) {
    .footer1 {
        margin-top: -8.9%;
    }
    .edificio {
        width: 11.5%;
    }
    iframe {
        width: 61.5%;
    }
}
@media (min-width: 1034px) and (max-width:1279px) {
    .footer1 {
        margin-top: -11%;
        height: 121px;
    }
}
@media (min-width: 1279px) and (max-width:1365px) {
    .footer1 {
        margin-top: -8.9% !important;
    }
    iframe {
        margin-top: 1.3%;
    }
    .edificio {
        width: 11.5%;
    }
}
@media (min-width: 1366px) and (max-width:1420px) {
    #hg {
        height: 77vh !important;
    }
    .footer1 {
        margin-top: -8.4% !important;
    }
}
@media (min-width: 1421px) and (max-width:1920px) {
    #hg {
        height: 77vh;
    }
    .footer1 {
        margin-top: -8.4% !important;
        height: 141px !important;
    }
    .footer1 div {
        top: 8% !important;
    }
}
@media (min-width: 768px) {
    .linea {
        display: none;
    }
}
/*----- Responsive Galeria----*/

@media (max-width: 319px) {
    /*.carousel-inner > .item > img,
  .carousel-inner > .item > a > img {height:300px !important; background-size: 100%;}*/
}
@media (min-width: 320px) and (max-width:380px) {
    .carousel-inner>.item>img, .carousel-inner>.item>a>img {
        background-size: 800px 100%;
    }
    /*.carousel-inner > .item > img,
  .carousel-inner > .item > a > img {height:478px !important; background-size: 100%;}
  .top_menu ul {margin-top: -2.4%;}*/
}
@media (min-width: 320px) and (max-width: 768px) {
    .carousel-inner>.item>a>img, .carousel-inner>.item>img {
        width: 100%;
    }
}
@media (min-width: 768px) {
    /*.carousel-inner > .item > img,
  .carousel-inner > .item > a > img {height:580px; background-size: 100%;}*/
}
@media (min-width: 992px) and (max-width:1199px) {
    /* .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {height:478px !important; background-size: 100%;}*/
}
@media (min-width: 1200px) and (max-width:1278px) {
    /*.carousel-inner > .item > img,
  .carousel-inner > .item > a > img {height:523px !important; background-size: 100%;}*/
}
@media (min-width: 1279px) and (max-width:1365px) {
    .carousel-inner>.item>img, .carousel-inner>.item>a>img {
        background-size: 1280px 100% !important;
        height: 73.5vh !important;
        width: 100%;
    }
    /*.carousel-inner > .item > img,
  .carousel-inner > .item > a > img {height:478px !important; background-size: 100%;}*/
}
@media (min-width: 1366px) and (max-width:1420px) {
    .carousel-inner>.item>img, .carousel-inner>.item>a>img {
        height: 77vh !important;
        width: 100%;
    }
}
@media (min-width: 1280px) and (max-width:1282px) {
    /*.carousel-inner > .item > img,
  .carousel-inner > .item > a > img {height:512px !important; background-size: 100%;}*/
}
@media (min-width: 1421px) and (max-width:1920px) {
    .carousel-inner>.item>img, .carousel-inner>.item>a>img {
        height: 77.2vh !important;
        width: 100%;
    }
    @media (min-width: 1440px) and (max-width: 1920px) {
        .carousel-inner>.item>img, .carousel-inner>.item>a>img {
            height: 76.2vh;
            width: 100%;
        }
    }
    /*----- Responsive Contacto----*/
    @media (min-width: 320px) and (max-width: 768px) {
        .contacto-movil .con-m .dir p {
            text-align: center;
            color: #5b400a;
        }
        .contacto-movil .con-m .tel p {
            text-align: center;
            color: #5b400a;
        }
        .contacto-movil .con-m .cor p {
            text-align: center;
            color: #5b400a;
        }
    }
    @media (min-width: 992px) {}
    @media (min-width: 1200px) {}
    @media (min-width: 1200px) and (max-width:1278px) {
        iframe {
            height: 35.5em !important;
            margin-bottom: 0.3% !important;
        }
    }
    @media (min-width: 1279px) and (max-width:1420px) {
        iframe {
            height: 64vh !important;
        }
    }
    @media (min-width: 1280px) and (max-width:1282px) {
        iframe {
            height: 35em !important;
            margin-bottom: 0.3% !important;
            height: 64vh;
        }
    }
    @media (min-width: 1421px) and (max-width: 1920px) {
        iframe {
            height: 70vh !important;
            width: 55.5%;
        }
    }
    /*-----Servicios----*/
    @media (max-width: 319px) {
        .page-block>.container {
            clear: both !important;
        }
    }
    @media (min-width: 320px) and (max-width:767px) {
        .page-block>.container {
            clear: both !important;
        }
        .col-xs-4 {
            clear: both;
        }
        .fa-4x {
            font-size: 3em !important;
        }
    }
    @media (min-width: 768px) and (max-width:991px) {
        .page-block>.container {
            clear: both !important;
        }
    }
    @media (min-width: 992px) {}
    @media (min-width: 1200px) and (max-width:1278px) {
        .page-block>.container {
            clear: both !important;
        }
        .fot {
            margin-top: 0% !important;
        }
    }
    @media (min-width: 1280px) and (max-width:1282px) {
        .fot {
            margin-top: 0% !important;
        }
    }
    @media (min-width: 1421px) and (max-width: 1920px) {
        #1 .col-xs-4 .col-sm-4 .col-md-4 .col-lg-4 {
            margin-left: 5% !important;
        }
    }