@import url('https://fonts.googleapis.com/css?family=Noto+Sans+SC:300,400,500,700');
body {
font-family: 'Noto Sans SC', sans-serif;
 /*background-color:rgba(235, 235, 235,0.3);*/
}
p.telefono_logo{right:30px;bottom:10px;font-size: 25px}
p.telefono_logo a{color: #462A6E;}

.linea-gris{
  background-color: #b3b3b3;
}
/*============ Navbar animation ============*/
.navbar { background-color: #462A6E; }
.nav-link{font-family: 'Noto Sans SC', sans-serif;margin-left: 25px;}/*border-left: 1px solid #fff; */
.nav-link.whatsapp{font-weight: bold;}

.navbar-collapse ul.navbar-nav li .menu_titulo{font-weight:400;}
/*.derecha {border-right: 1px solid #fff;}*/
/*Menu responsive*/
@media (max-width: 767.98px) {
  .offcanvas-collapse {
    text-align: center;
    position: fixed;
    top:0rem; /*  Height of navbar */
   /*top:15.7%;*/
    bottom:0;
    width:50%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    right:0;
    background-color:rgba(255, 255, 255, 0.9);

    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    animation:animateright 0.4s;
  }
  .offcanvas-collapse .nav-link{
    width:100%;
    color: #462A6E!important;
    margin: auto;
    line-height:30px;
  }
  .offcanvas-collapse .nav-link.active{
    text-decoration: none;
    border-radius: 5px;
    color: #462A6E;
    width:100%;
  }
  .offcanvas-collapse  .nav-link:hover{
    text-decoration: none;
    width:100%;
    border-radius: 3px;
    margin-top:10px;
    border-bottom-width:2px;
    border-bottom-style: solid;
    border-bottom-color: #462A6E;
    border-top-width:2px;
    border-top-style: solid;
    border-top-color: #462A6E;
  }
  .offcanvas-collapse.open {
    -webkit-transform: translateX(0rem);
    width:50%;
    transform: translateX(0rem); /* Account for horizontal padding on navbar */
  }
  .whatsapp i{color: #462A6E}
}
/*=======================SLIDER carousel=======================S*/
.carousel_principal{margin-top:0.7rem;}

 .carousel-inner img {
   /*   -webkit-filter: grayscale(90%);*/
     /* filter: grayscale(90%);  make all photos black and white */ 
      width: 100%; /* Set width to 100% */
      margin: auto;
       height: 100%;
  }
.carousel .carousel-indicators li {
  width:.9rem;
  height:.9rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer; 
  background-color:#fff ;
 -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.carousel .carousel-indicators .active{
  width: .9rem;
  height: .9rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer; 
  background-color:#462A6E!important;
 -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/*=================TITULOS DE LAS SECCIONES===================*/


.nuestros_servicios,.nosotros_somos,.mas_informacion{
  position: relative;
  z-index: 1;
  font-family: 'Noto Sans SC', sans-serif;
}
h1.nuestros_servicios::after, h1.nosotros_somos::after {
  border-top: 2px solid #462A6E;
  content: "";
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  width:87%;
  z-index: -1;

}
h1.nuestros_servicios span, h1.nosotros_somos span {
color:#462A6E;
  background: #fff;
  padding: 0 15px;
}


h1.mas_informacion span{
  margin-left:-35%;
  color:#462A6E;
  background: #fff;
  padding: 0 15px;
}

h1.mas_informacion::after {
  border-top: 2px solid #462A6E;
  content: "";
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  width:87%;
  z-index: -1;
}
/*==============================0*/
/*=====Seccion material de interes==========*/
 .circulos1{
  border-radius:100%;
  background-color:#554D8F;
  height:8rem;
  width:8rem;
 /* margin-right:-2.5rem;
  margin-left:2.5rem;*/
}
 .circulos2{
  border-radius:100%;
  background-color:#554D8F;
  height:8rem;
  width:8rem;

}
 .circulos3{
  border-radius:100%;
  background-color:#554D8F;
  height:8rem;
  width:8rem;
}
p.texto_material{
  color:#808080;
 font-family: 'Noto Sans SC', sans-serif;
 font-weight:700;
}
.linea_morada{
  padding-bottom:4%;
  background-color: #462A6E
}
.linea_gris{
  margin-top:10px;
  background-color:#B3B3B3;
  padding-bottom:2%;
}

/*================VENTAS GOBIERNO================*/
.si-eres-distribuidor
{
  text-align: center;
  padding:3.5rem 5rem 2.5rem 3.5rem;
  font-size: 1.5rem;
  color:#00436C;
  font-family: 'Noto Sans SC', sans-serif;
}
/*=============================*/




/*================QUIENES SOMOS================*/

h2.title_m,.title_v{position:relative;
  color:#554D8F;
  font-family: 'Noto Sans SC', sans-serif;
  margin-bottom:20px;
}
h2.title_m::after{
  content: url('../img/MISION.png');
  position:absolute;
  top:-0.38rem;
  margin-left:0.35rem;
}


h2.title_v::after{
 content: url('../img/VISION.png');
 position:absolute;
 top:-0.38rem;
 margin-left:0.35rem;
}
.contenedor_mv .texto_mv{
font-family: 'Noto Sans SC', sans-serif;
font-weight: 300;
font-size: 18px;
}
.somos_contenedor{
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  }

.quien-somo .texto{
padding-left:10%;
padding-right:4%;
text-align: justify;
font-weight:300;
font-size:18px;
}
.imagen-somos{
  margin-right:-14px
}
hr.liena_vertical{
  position: absolute;
  background:#462A6E;
  width:3px;
 height:37%;
 left: 50%;
}
/*=============================*/


/*=====Contacto=====*/
h2.text-contacto{color: #462A6E;text-align: center;}
ul.color-azul{color: #000;padding-left:20%;}
ul.color-azul li p a.color-azul{color: #000;font-size: 18px}
.color-azul-light{color: #462A6E}
.contenedor_azul{padding: 10px 30px;background-color:#B3B3B3;color:#462A6E;font-weight: 700}
.contenedor_azul form h2{ font-family: 'Noto Sans SC', sans-serif;}
li div.direccion{position: relative;}
li div.direccion:after{
    position: absolute;
    top: 0;
    left:4px;
    content:"\f3c5";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    font-size: 25px;
    color: #462A6E;
}
li div.direccion p{
margin-left:35px;
font-size: 18px
}
.form-control:focus {
            transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
     -moz-transition: all 500ms ease-in-out;
      -ms-transition: all 500ms ease-in-out;
       -o-transition: all 500ms ease-in-out;
     color: #462A6E; 
     background-color: #fff; 
    border-color:rgb(70, 42, 110);
     outline: 0; 
     box-shadow: 0 0 0 0.2rem rgba(70, 42, 110,.25); 
}

.btn-floating{
  background: rgba(255,255,255,1);background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 44%, rgba(224,224,224,1) 100%);background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(44%, rgba(246,246,246,1)), color-stop(100%, rgba(224,224,224,1)));background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 44%, rgba(224,224,224,1) 100%);background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 44%, rgba(224,224,224,1) 100%);background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 44%, rgba(224,224,224,1) 100%);background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 44%, rgba(224,224,224,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0', GradientType=1 );
  border:none;
  padding-bottom:0.15rem;
  padding-top:0.15rem;
  color: #462A6E;
}
/*======================*/



.page-footer {
  background-color: #462A6E; }


/*=============================ESTILO DE LAS ALERTAS==============================0000000*/
.alertify .ajs-dialog {
  background-color: white;
  -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.25);
  border-radius: 2px;
}
.alertify .ajs-header {
  color: #FFFFFF;
  font-weight: bold;
  background: #462A6E;
  border-bottom: #eee 1px solid;
  border-radius: 2px 2px 0 0;
  font-family: 'Noto Sans SC', sans-serif;
  text-align: center;
}
.alertify .ajs-body {
  color: black;
}
.alertify .ajs-body .ajs-content .ajs-input {
  display: block;
  width: 100%;
  padding: 8px;
  margin: 4px;
  border-radius: 2px;
  border: 1px solid #CCC;
}
.alertify .ajs-body .ajs-content p {
  margin: 0;
  font-family: 'Noto Sans SC', sans-serif;
}
.alertify .ajs-footer {
  background: #fbfbfb;
  border-top: none;
  border-radius: 0 0 2px 2px;
}
.alertify .ajs-footer .ajs-buttons .ajs-button {
  background-color: #462A6E;
  color: #000;
  border: 1px solid #462A6E;
  font-size: 14px;
  font-weight: bold;
  font-family: 'Noto Sans SC', sans-serif;
}
.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {
  color: #FFFFFF;
}
.alertify-notifier .ajs-message {
  background: rgba(255, 255, 255, 0.95);
  color: #000;
  text-align: center;
  border: solid 1px #ddd;
  border-radius: 2px;
}
.alertify-notifier .ajs-message.ajs-success {
  color: #fff;
  background: rgba(91, 189, 114, 0.95);
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
}
.alertify-notifier .ajs-message.ajs-error {
  color: #fff;
  background: rgba(217, 92, 92, 0.95);
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
}
.alertify-notifier .ajs-message.ajs-warning {
  background: rgba(252, 248, 215, 0.95);
  border-color: #999;
}
.alertify-notifier .ajs-message.ajs-medi {
  background: rgba(70, 42, 110, 0.95);
  color: #fff;
  border-color: #fff;
}