body{
   font-family: 'Roboto', sans-serif;
}
.navbar{
   background-color: #FFFFFF;
   border: none;
   margin-bottom: 0px;
   padding: 24px 0;
}
.activemenu a {
   color: #EE4D4D !important;
   border-bottom: 1px solid #97C1D8 !important;
   background-color: transparent !important;
}
.navbar-header{
	margin-right: 50px !important;
   margin-left: 0;
}
.btn-red {
   background-color: #EE4D4D;
   padding: 8px 20px !important;
   border-radius: 6px;
   color: #fff !important;
   margin-top: 8px;
}
.btn-red:hover {
   color: #fff !important;
   text-decoration: none !important;
}
.navbar-default .navbar-nav>li>a {
   font-family: 'Roboto', sans-serif;
   font-weight: 400;
   color: #3C5A80;
   font-size: 14px;
}
.hd-phone{
   font-weight: 500 !important;
   color: #EE4D4D !important;
}

.hd-phone:hover{
   font-weight: 500 !important;
   color: #EE4D4D !important;
   background-color:transparent !important;
}
.option a:hover {
   background-color:transparent !important;
   color: #EE4D4D !important;

}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
   color: #fff;
   background-color: #EE4D4D;
}
.img-responsive {
   display: inline-block;
}
.img_header{
   background-image: url(../img/bannere-principal-min.jpg);
   height: 667px;
   background-repeat: no-repeat;
   background-size: cover;
}
.text-float{
   color: #fff;
   display: none;
   width: 400px;
   text-align: left;
   position: absolute;
   left: 10%;
   top: 30%;
}
.text-float small {
   font-size: 16px;
}
.text-float h1{
   font-size:80px;
   margin: 0;
}
.text-float .btn-red{
   padding: 19px 63px !important;
   font-size: 18px;
   margin-top: 12px !important;
   display: inline-block;
}
.hacemos h4, .servicios h4 {
   font-size: 16px;
   color: #EE4D4D;
}
.hacemos h2{
   color: #3C5A80;
   font-size: 42px;
   width: 584px;
   display: inline-block;
   margin: 0;
}
.servicios h2 {
   color: #3C5A80;
   font-size: 36px;
   width: 650px;
   display: inline-block;
   margin: 0;
}
.work {
   margin-top: 50px;
}
.works{
   font-size: 16px;
   color: #2A3241;
   font-weight: 100;
}
.works span {
   font-size: 28px;
   color: #3C5A80;
   font-weight: 400;
   display: block;
}
.works img {
   height: 90px;
}
.text-red{
   color: #EE4D4D !important;
   font-size: initial !important;
}
.consultoria{
   margin-top: 50px;
}
.quienSomos, .consultoria{
   background-color: #3c5a80;
    padding: 48px 40px;
}
.qstexto {
   color: #fff;
   padding-top: 30px;
}
.qstexto h3 {
   color: #E0FBFB;
   font-size: 16px;
}
.qsimg{
   text-align: center;
}
.qsimg img{
   width: 80%;
   max-width: 100%;
}
.servicios-list{
   margin-top: 50px;
   margin-bottom: 50px;
}
.servicios-list ul li{
   list-style: none;
   color: #2A3241;
   font-size: 16px;
   margin-bottom: 22px;
}
.servicios-list ul li img{
   width: 22px;
   margin-right: 8px;
}
.bar-foo{
   height: 158px;
   background-color: #EE4D4D;
}
.escucharte {
   margin-bottom: 50px;
}
.escucharte h2{
   color: #3C5A80;
   font-size: 36px;
}

.personal span {
   display: block;
   color: #3C5A80;
   font-size: 18px;
}
.personal small{
   font-size: 12px;
   color: #EE4D4D;
   display: block;
}
.personal hr{
   border-top: 1px solid #97C1D8;
   width: 36px;
   display: inline-block;
   margin-top: 10px;
   margin-bottom: 10px;
}
.domicilio{
   font-size: 18px;
   color:#3C5A80;
   text-align:right;
}
.pie {
   color: #3C5A80;
   font-size: 14px;
   font-weight: 500;
   padding: 17px 0px;
   margin-top: 100px;
}
#myModal .modal-content {
   display: inline-block;
   border-radius: 10px;
}
.mdl-head h3 {
   font-size:16px;
   color:#EE4D4D;
}

.mdl-head h2 {
   font-size: 28px;
   color: #3C5A80;
   width: 492px;
   display: inline-block;
   margin-top: 0px;
}
.cotizaForm {
   margin-top: 20px;
   margin-bottom: 40px;
}
.cotizaForm input, .cotizaForm textarea {
   border: 1px solid #97C1D8;
   margin-bottom: 15px;
   border-radius: 0;
}
.cotizaForm input::placeholder, .cotizaForm textarea::placeholder{
   font-size: 12px;
   color:#2A3241;
   font-weight: 500;
}
.attach {
   background-color: #3C5A800F;
   padding: 15px 20px;
   margin-bottom: 20px;
   border: 2px dashed #3C5A80;
}
.attach span {
   float: left;
   font-size: 12px;
   color: #3C5A80;
}
.attach small {
   font-size: 12px;
   color: #EE4D4D;
   position: absolute;
   top: 30%;
   left: 45%;
}
.top-img{
   padding: 78px 0;
   background-image: url(../img/bannere-principal-min.jpg);
   background-size: cover;
   background-position: 0px -170px;
   position: relative;
   box-shadow: inset 0 0 0 1000px rgb(42 50 65 / 10%);
}
.top-img h2 {
   font-size: 42px;
    color: #fff;
}
.top-img span {
   font-size: 16px;
   color: #fff;
}
.top-img span small {
   color: #EE4D4D;
   font-size: 16px;
}
.notfound {
   padding: 100px 0;
   border-top: 1px solid #f1f1f1;
   border-bottom: 1px solid #f1f1f1;
}
.notfound h2{
   color: #EE4D4D;
}
.notfound h1{
   color:#3C5A80;
   font-size: 82px;
}
.experiencia{
   margin-top: 100px;
}
.exp-text h4, .otros h3{
   font-size:16px;
   color:#EE4D4D;
}
.exp-text h2, .otros h2 {
   font-size:42px;
   color:#3C5A80;
}
.otros h2 {
   width: 600px;
    display: inline-block;
}
.exp-text {
   font-size: 16px;
    color: #2A3241;
}
.experiencia img {
   width: auto;
   max-width: 100%;
   margin-top: 30px;
}
.enfoque {
   padding: 80px 0;
}
.enfoque div{
   font-size: 16px;
   color: #2A3241;
}
.enfoque h3 {
   font-size: 36px;
    color: #3C5A80;
}
.oservicios{
   padding: 100px 0;
}
.oservicios div {
   font-size: 16px;
   color: #2A3241;
}
.oservicios img {
   height: 90px;
}
.oservicios h2 {
   font-size: 26px;
   color: #3C5A80;
}