/*Estilos Moch & Asocicados*/

/*Fonts*/
  /* font-family: 'Noto Sans', sans-serif;
  font-family: 'Noto Serif', serif;
  font-family: 'Nunito Sans', sans-serif; */

  /*Generales  */
.bold{font-weight: 700}
.container{margin:0 auto!important; text-align: left;}
.top30{margin-top: 30px;}
.spacewhite{height: 30px; width: 100%; float: left;}

/*Menú Superior*/
.navbar{padding: 28px 0; font-family: 'Nunito Sans', sans-serif; color: #121212; margin-bottom: 0}
.navbar a{ color: #121212; font-size: 18px;}
.navbar img{width: 260px;}
.navbar .redes{padding: 4px;}
.nav > .redes > a{ border-radius: 50%; border: 3px solid #fbb02f; width: 33px; height: 33px; line-height: 0px; padding: 5px 9px; color: #adadaf; margin-top: 4px;}
.navbar #twitter a{padding: 5px 7px; font-size: 17px;}
.navbar #instagram a{padding: 4px 7px;}
.nav > li > a:focus, .nav > li > a:hover { text-decoration: none; background-color: #7C4C93; color: #fff; }
.redes > a:focus, .redes > a:hover { text-decoration: none; background-color: #fbb02f!important; color: #fff; }

/*Carousel*/
#carousel{width: 100%; float: left; height:450px;}
#carousel .item {height:450px;}
#carousel .carousel .carousel-inner img{width: 100%; height: 100%}
#carousel .carousel-caption { bottom: -2%;
left: 4% !important; max-width: 500px; padding-bottom: 30px; width: 50%; float: right; left: auto; margin-top: 0; }
#carousel .carousel-caption h3{text-align: right; font-size: 20px;}
#carousel .carousel-caption h3 .amarillo{color: #febd3b!important; font-size: 70px!important; text-transform: uppercase;  font-weight: bold; font-family:'Noto Sans', sans-serif; text-shadow: none;}
#carousel .carousel-caption h3 .amarillo2{color: #febd3b!important; margin-right: 233px; font-size: 30px!important; text-transform: uppercase;  font-weight: bold; font-family:'Noto Sans', sans-serif; text-shadow: none;}
#carousel .carousel-caption h3 .blanco{color: #fff!important; font-size: 25px!important; text-transform: lowercase; font-weight: bold; font-family:'Noto Serif', serif; text-shadow: none;}
#carousel .carousel-caption .cont-amarillo{background-color: #c7a742; color:#9a783c; font-family:'Nunito Sans', sans-serif; text-shadow: none; font-size: 25px; width: auto;}
#carousel .carousel-caption .cont-morado{background-color: #7b71b0; color:#635b90; font-family:'Nunito Sans', sans-serif; text-shadow: none; font-size: 20px;}
#carousel .carousel-caption .cont-amarillo span{color:#7b71b0}
#carousel .carousel-caption .cuadros{margin-top: 78px; max-width: 300px; margin-left: 135px;}
#carousel .carousel-caption .cuadros div{margin-bottom: 1px; text-align: left; padding-left: 10px;}
#carousel .slidermov{display: none}
.width200{max-width: 170px}

/* Nuestra empresa */
#nuestra-empresa{float: left; text-align: center; width: 100%;}
#nuestra-empresa .gris{float: right; background-color: #f4f2f2; position: absolute; width: 50%; height:auto; min-height: 380px;right: 0}
#nuestra-empresa .blanco{float: left; background-color: #fff; position: absolute; width: 50%; height: auto; min-height: 380px}
#nuestra-empresa .cont-texto{padding: 30px; margin-top: 20px;}
#nuestra-empresa .cont-texto .cont-logo{float: left; width: 20%; text-align: center;}
#nuestra-empresa .cont-texto .cont-titulo{float: left; width: 80%}
#nuestra-empresa .cont-texto .cont-titulo h4{font-family:'Nunito Sans', sans-serif; font-size: 25px; margin-top: 0px;
margin-bottom: 4px;}
#nuestra-empresa .cont-texto .cont-titulo h3{font-family:'Nunito Sans', sans-serif; font-size: 40px; margin-top: 0px;
margin-bottom: 10px;}
#nuestra-empresa .cont-texto .contenido{margin-top: 0px; float: left; width: 100%; padding: 30px;}
#nuestra-empresa .cont-texto .contenido p{color:#4b4b4b; font-family:'Noto Serif', serif; }
#nuestra-empresa .cont-texto .contenido p .cursiva-negrita{font-style: italic;font-weight: 700;}
#nuestra-empresa .cont-texto .contenido p.font1{font-size: 17px;}
#nuestra-empresa .cont-texto .contenido p.font2{font-size: 15px;}
#nuestra-empresa .cont-logo img{width: 100%; max-width: 70px;}
#nuestra-empresa .cont-enlace{padding: 30px; margin-top: 20px; text-align: left; font-family:'Nunito Sans', sans-serif; font-size: 28px;}
#nuestra-empresa .cont-enlace span{font-family:'Nunito Sans', sans-serif; font-size: 36px; font-weight: lighter; line-height: 1px;}
#nuestra-empresa .cont-enlace img{max-width: 200px; width: 100%;}
#nuestra-empresa .cont-enlace .divisor{ width: 70%; float: right; border-bottom:2px solid gray}
#nuestra-empresa .cont-enlace #multicotizador{padding-top: 60px;}
#nuestra-empresa .cont-enlace #multicotizador a{width: 135px; background-color: #fbb529; padding: 4px 26px; font-size: 20px; border-radius: 8px; color: #897293; margin-top: -13px; position: absolute; margin-left: 56px; text-decoration: none;}
#nuestra-empresa .cont-enlace #multicotizador a:hover{background-color: #897293; color: #fbb529}
#nuestra-empresa .cont-enlace #logo-multi a{color: #665e93; font-size: 13px}

/* Servicios */
#servicios {background: #fff!important; width: 100%; float: left;}
#servicios #carousel .item { height: 550px; width: 80%; left: 10%; }
#servicios .carousel-control { width: 10%; opacity: .7; background-image: none!important; color:#78797c; text-shadow: none;}

#servicios .carousel-control:hover{color: #7C71B1!important; opacity: 1;}
/* Primer elemento del slider */
#servicios .first .carousel-caption .morado{ color: #fff; font-family:'Noto Serif', serif; font-size: 36px;  font-style: italic;}
#servicios .first .carousel-caption .cont-amarillo{ color: #f9b528; font-family:'Noto Sans', sans-serif; font-weight: 700;font-size: 20px; background-color: #7c71b1; padding: 10px;}
#servicios .first .carousel-caption h3 { text-align: left; font-size: 20px; text-shadow: none;}
#servicios .first .carousel-caption { bottom: 39%; left: 442px; max-width: 500px; padding-bottom: 30px; width: 35%; margin-top: 0; text-shadow: none; }

/* Segundo elemento del slider */
#servicios .second .carousel-caption .morado{ color: #7c71b1; font-family:'Noto Serif', serif; font-size: 36px;  font-style: italic;}
#servicios .second .carousel-caption .cont-amarillo{ color: #fff; font-family:'Noto Sans', sans-serif; font-weight: 700;font-size: 20px; background-color: #f9b528; padding: 10px;}
#servicios .second .carousel-caption h3 { text-align: left; font-size: 20px; text-shadow: none;}
#servicios .second .carousel-caption { bottom: 39%; left: 40% !important; max-width: 500px; padding-bottom: 30px; width: 27%; margin-top: 0; text-shadow: none; }

/* Tercer elemento del slider */
#servicios .third .carousel-caption .morado{ color: #7c71b1; font-family:'Noto Serif', serif; font-size: 45px; font-style: italic; }
#servicios .third .carousel-caption .cont-amarillo{ color: #7c71b1; font-family:'Noto Sans', sans-serif; font-weight: 700;font-size: 20px; background-color: #f9b528; padding: 10px;}
#servicios .third .carousel-caption h3 { text-align: left; font-size: 20px; text-shadow: none;}
#servicios .third .carousel-caption { bottom: -2%; right: 5% !important; left: auto!important; max-width: 500px; padding-bottom: 30px; width: 50%; float: right; left: auto; margin-top: 0; text-shadow: none}

/* Cuarto elemento del slider */
#servicios .fourth .carousel-caption .morado{ color: #fff; font-family:'Noto Serif', serif; font-size: 45px; font-style: italic; }
#servicios .fourth .carousel-caption .cont-amarillo{ color: #fff; font-family:'Noto Sans', sans-serif; font-weight: 700;font-size: 20px; background-color: #7c71b1; padding: 10px;}
#servicios .fourth .carousel-caption h3 { text-align: left; font-size: 20px; text-shadow: none;}
#servicios .fourth .carousel-caption { bottom: 0%; right: auto !important; left: 7% !important; max-width: 500px; padding-bottom: 30px; width: 34%; float: right; left: auto; margin-top: 0; text-shadow: none; }

/* Seguros */
#seguros {background: #f4f2f2!important; width: 100%; float: left; margin-top:150px; padding-bottom: 45px;}
#seguros .gallery {max-width: 400px; width: 100%; float: left; position: inherit; height: 240px;}
#seguros .gallery-width {max-width: 800px; width: 100%; float: left; position: inherit; height: 240px;}
#seguros .gallery-double {max-width: 400px; width: 100%; float: left; position: inherit; height: 530px;}
#seguros img{width: 100%; }
#seguros .doble .img-top{margin-bottom: 49px;}
#seguros .sencillo img{height: 530px;}
#seguros .individual .img-top{margin-bottom: 17px;}
#seguros .individual a .caption{bottom:35px;}
#seguros .individual .gallery .divisor{bottom:19px;}
#seguros .col-lg-8 img{width: 100%; max-width: 800px; height: 256px}
#seguros .title{text-align: center; padding: 20px}
#seguros .title .divisor{width: 80px; background: #4e4d4d; height: 3px; margin: 10px auto;}
.top30{margin-top: 30px;}
#seguros a .caption{position: absolute; left: 20px; bottom: 20px; color: #f8f7f4; font-family:'Nunito Sans', sans-serif; font-size: 19px;}
#seguros a .caption .span-tu{color: #f8f7f4; font-family:'Nunito Sans', sans-serif; font-size: 25px; font-weight: lighter;}
#seguros a .caption .span-servicio{color: #3e3d3c; font-family:'Nunito Sans', sans-serif; background-color: #fbb529;font-size: 25px; font-weight: lighter; padding: 0 5px;}
#seguros .gallery .divisor{width: 80%; background: #fff; height: 2px; margin: 10px auto; position: absolute; bottom: 6px; left: 10%;}
#seguros .gallery-double .divisor{width: 80%; background: #fff; height: 2px; margin: 10px auto; position: absolute; bottom: 6px; left: 10%;}
#seguros .gallery-width .divisor{width: 80%; background: #fff; height: 2px; margin: 10px auto; position: absolute; bottom: 6px; left: 10%;}
#seguros img:hover{opacity: 0.8}

/*Clientes  */
#clientes{background-color: #fff; width: 100%; float: left; padding-bottom: 20px; padding-top: 20px;}
#clientes img{width: 100%; max-width: 250px;}
#clientes .title{text-align: center; padding: 20px; font-size: 20px;}
#clientes .title .divisor{width: 100px; background: #7b71b0; height: 6px; margin: 10px auto;}
#clientes .col-lg-4{text-align: center; height: 123px;}
#clientes .col-lg-4 img{width: auto; height: 123px;}
/* Blog */
#blog{background-color: #7b71b0; width: 100%; float: left;}
#blog .izquierda{float: left; width: 50%; color: #f4f2f2;  font-family:'Nunito Sans', sans-serif; font-size: 25px; text-align: center; padding: 40px; margin-top: 30px;}
#blog .izquierda span{color: #f4f2f2;  font-family:'Nunito Sans', sans-serif; font-size: 40px;}
#blog .izquierda p { color: #f4f2f2; font-family: 'Noto Serif', serif; font-size: 18px; margin-top: 20px; max-width: 300px; text-align: left; margin: 20px auto 40px; }
#blog .izquierda a{font-size: 45px; line-height: 39px; color: #fff; margin-top: 53px;}
#blog .izquierda i{color: #fabd40; font-size: 60px; top: -3px; margin-left: 10px;}
#blog .derecha{float: right; width: 50%; }
#blog .derecha img{width: 100%}

/* Mapa */
#mapa .izquierda{float: left; width: 50%; height: 550px}
#mapa .izquierda iframe{width: 100%; height: 100%;}
#mapa .derecha{float: right; width: 50%; background-color: #f4f2f2; text-align: center; padding: 50px 40px; height: 550px;}
#mapa .derecha .cont-icon{text-align: center; height: 40px; margin-bottom: 30px}
#mapa .derecha .cont-icon i {color:#9793c5; font-size: 40px;}
#mapa .derecha .cont-texto{text-align: left; height: 40px; margin-bottom: 30px; color: #9793c5; font-family: 'Noto Serif', serif; font-size: 18px;}
#mapa .derecha h3{color: #fbb629; font-size: 35px;  font-family:'Nunito Sans', sans-serif; text-align: left; margin-top: 10px;}
#mapa .derecha .una-linea{padding-top: 10px; color:#4b4b4b}
#mapa .derecha .una-linea a{text-decoration: none; color:#4b4b4b}
#mapa .derecha .list-inline{margin: 20px auto; float: left;}
#mapa .derecha .list-inline a i{font-size: 60px; color: #fbb529; padding: 0 20px}

/* Formulario */
#contacto{width: 100%; float: left; padding: 30px;}
#contacto h3{color: #504f4f; font-size: 30px;  font-family:'Nunito Sans', sans-serif; }
#contacto h3 span{color: #504f4f; font-size: 40px;  font-family:'Nunito Sans', sans-serif; font-weight: lighter;}
#contacto form{width: 100%; max-width: 800px; margin: 30px auto 0;}
#contacto form input{ margin-bottom: 20px;}
#contacto form textarea{ margin-bottom: 20px;}
#contacto button{color: #f4f4f4; font-family:'Nunito Sans', sans-serif;  text-transform: uppercase; font-size: 25px; background-color: #f9ac25; border: none; padding: 8px 10px; border-radius: 22px;}
#contacto button:hover{background: #e5a028;}
#contacto a{color: #6d6e71; font-size: 14px;}

/* Footer */
footer{width: 100%; float: left; background: #e8e5ea; padding: 30px;}
footer img{width: 100%; max-width: 150px;}
footer .col-lg-8{text-align: right;}
footer .col-lg-8 ul{margin-top: 25px;}
footer .col-lg-8 a{color: #4d305b; font-family:'Nunito Sans', sans-serif; font-weight: 700; font-size: 20px; padding: 0 10px;}
footer .col-lg-8 label{color: #121212; font-family:'Nunito Sans', sans-serif;  font-size: 16px; font-weight: 300}

/* Modal */
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    min-height: 600px;
    opacity: 0.9;
}
.modal-dialog {
    width: 600px;
    margin: 30px auto;
}
.modal-content .left-side{padding: 5px 40px;}
.modal-content .right-side{padding: 10px; margin-top: 10px;}
.modal-content .right-side span{color: #4b4b4b; font-size: 12px;font-family:'Nunito Sans', sans-serif; text-transform: none;;}
.modal-content .right-side a{color: #4b4b4b; font-family: 'Nunito Sans', sans-serif; text-transform: uppercase; font-size: 14px; background-color: #f9ac25; border: none; padding: 8px 10px; border-radius: 22px;}
.modal-content .right-side a:hover{background: #e5a028; text-decoration: none;}
.modal-content .right-side .simple-link{color: #000; font-family: 'Nunito Sans', sans-serif; text-transform: none; font-size: 15px; background-color: #fff; border: none; padding:0px; border-radius: 0px; text-decoration: underline;}
.modal-content .right-side .simple-link i{color: #7b71b0; font-size: 16px}
.modal-content .right-side .simple-link:hover{background: #fff; color:#7b71b0}
.modal-content .right-side p{font-family: 'Noto Serif', serif; font-size: 13px; color: #4b4b4b:margin-bottom10px;}
.modal-content h3 {color: #7b71b0; font-family:'Nunito Sans', sans-serif;font-size: 50px; font-weight: lighter; text-transform: uppercase; padding: 0; margin-bottom: 0;}
.modal-content span{color: #7b71b0; font-family:'Nunito Sans', sans-serif; font-size: 30px; font-weight: 300; text-transform: uppercase;}
.modal-content .cont-logo{text-align: center; margin-top: 80px;}
  .modal-content .cont-logo img{width: 100%; max-width: 150px}
  .modal-header { padding: 10px 15px 0;border-bottom: 0px solid #e5e5e5; }
  .modal-header .close { margin-top: -2px; background: #000; border-radius: 50%; width: 30px; height: 30px; padding: 1px; color: #fff; }

  .slider-resp{display: none}
  .slider-desk{display: block;}