/* contenedor header */
@media all and (min-width: 768px) {
  .calidad, .estudiantes, .asesores, .desarrollo, .recursos,
  .administradores, .liderazgo, .marketing, .relaciones, .expertos,
  .cuerpos, .colaboradores, .redes, .mundo, .egresados {
    display: none; } }
.circle {
  margin-top: 3%;
  margin-bottom: 3%; }

@media all and (max-width: 767px) {
  body .circle .text-content {
    font-size: 12px; } }
@media all and (min-width: 768px) and (max-width: 1023px) {
  body .circle .text-content {
    font-size: 13px; } }

.text-circle {
  border-radius: 10%;
  color: black;
  font-weight: bold;
  padding: 1%; }

#outer-circle .popover-header {
  padding: 3%;
  background: #f9e4c5; }

.popover-title {
  color: black;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent; }

.ppover {
  text-align: center;
  cursor: pointer; }

@media all and (min-width: 768px) {
  #outer-circle .ppover:hover {
    background-color: #f9e4c5;
    border-radius: 10%; } }
#outer-circle {
  background: linear-gradient(to right, #f4c882 50%, #ffdb92 50%);
  border-radius: 50%;
  height: 500px;
  width: 500px;
  position: relative; }
  @media all and (min-width: 200px) {
    #outer-circle {
      height: 300px;
      width: 300px; } }
  @media all and (min-width: 580px) and (max-width: 767px) {
    #outer-circle {
      margin-left: 20% !important; } }
  @media all and (min-width: 768px) and (max-width: 1023px) {
    #outer-circle {
      margin-left: 12% !important; } }
  @media all and (min-width: 1024px) {
    #outer-circle {
      height: 400px;
      width: 400px; } }
  @media all and (min-width: 1200px) {
    #outer-circle {
      height: 500px;
      width: 500px; } }
  @media all and (min-width: 1440px) {
    #outer-circle {
      height: 600px;
      width: 600px; } }
  #outer-circle #inner-circle {
    position: absolute;
    background: linear-gradient(to bottom, #de8787 50%, #d67878 50%);
    border-radius: 50%;
    height: 294.1176470588px;
    width: 294.1176470588px;
    /*
     Put top edge and left edge in the center
    */
    top: 50%;
    left: 50%;
    margin: -147.0588235294px 0px 0px -147.0588235294px;
    /*
     Offset the position correctly with
     minus half of the width and minus half of the height
    */ }
    @media all and (min-width: 200px) {
      #outer-circle #inner-circle {
        height: 176.4705882353px;
        width: 176.4705882353px; } }
    @media all and (min-width: 1024px) {
      #outer-circle #inner-circle {
        height: 235.2941176471px;
        width: 235.2941176471px; } }
    @media all and (min-width: 1200px) {
      #outer-circle #inner-circle {
        height: 294.1176470588px;
        width: 294.1176470588px; } }
    @media all and (min-width: 1440px) {
      #outer-circle #inner-circle {
        height: 352.9411764706px;
        width: 352.9411764706px; } }
    @media all and (min-width: 200px) {
      #outer-circle #inner-circle {
        margin: -88.2352941176px 0px 0px -88.2352941176px; } }
    @media all and (min-width: 1024px) {
      #outer-circle #inner-circle {
        margin: -117.6470588235px 0px 0px -117.6470588235px; } }
    @media all and (min-width: 1200px) {
      #outer-circle #inner-circle {
        margin: -147.0588235294px 0px 0px -147.0588235294px; } }
    @media all and (min-width: 1440px) {
      #outer-circle #inner-circle {
        margin: -176.4705882353px 0px 0px -176.4705882353px; } }
  #outer-circle #inner-inner-circle {
    position: absolute;
    background: linear-gradient(to right, #efbb8b 50%, #e5ac80 50%);
    border-radius: 50%;
    height: 142.8571428571px;
    width: 142.8571428571px;
    /*
     Put top edge and left edge in the center
    */
    top: 50%;
    left: 50%;
    /*
     Offset the position correctly with
     minus half of the width and minus half of the height
    */ }
    @media all and (min-width: 200px) {
      #outer-circle #inner-inner-circle {
        height: 85.7142857143px;
        width: 85.7142857143px; } }
    @media all and (min-width: 1024px) {
      #outer-circle #inner-inner-circle {
        height: 114.2857142857px;
        width: 114.2857142857px; } }
    @media all and (min-width: 1200px) {
      #outer-circle #inner-inner-circle {
        height: 142.8571428571px;
        width: 142.8571428571px; } }
    @media all and (min-width: 1440px) {
      #outer-circle #inner-inner-circle {
        height: 171.4285714286px;
        width: 171.4285714286px; } }
    @media all and (min-width: 200px) {
      #outer-circle #inner-inner-circle {
        margin: -42.8571428571px 0px 0px -42.8571428571px; } }
    @media all and (min-width: 1024px) {
      #outer-circle #inner-inner-circle {
        margin: -57.1428571429px 0px 0px -57.1428571429px; } }
    @media all and (min-width: 1200px) {
      #outer-circle #inner-inner-circle {
        margin: -71.4285714286px 0px 0px -71.4285714286px; } }
    @media all and (min-width: 1440px) {
      #outer-circle #inner-inner-circle {
        margin: -85.7142857143px 0px 0px -85.7142857143px; } }
  #outer-circle .academicos {
    position: absolute;
    top: 47%;
    left: 40%; }
  #outer-circle .asesores {
    position: absolute;
    top: 24%;
    left: 32%; }
  #outer-circle .calidad {
    position: absolute;
    top: 45%;
    left: 65%; }
  #outer-circle .estudiantes {
    position: absolute;
    top: 67%;
    left: 40%; }
  #outer-circle .relaciones {
    position: absolute;
    top: 3%;
    left: 37%; }
  #outer-circle .marketing {
    position: absolute;
    top: 25%;
    left: 73%; }
  #outer-circle .liderazgo {
    position: absolute;
    top: 70%;
    left: 73%; }
  #outer-circle .administradores {
    position: absolute;
    top: 87%;
    left: 34%; }
  #outer-circle .recursos {
    position: absolute;
    top: 70%;
    left: 10%; }
  #outer-circle .desarrollo {
    position: absolute;
    top: 20%;
    left: 7%; }
  #outer-circle .egresados {
    position: absolute;
    top: 82.5%;
    left: -15%; }
    @media all and (max-width: 579px) {
      #outer-circle .egresados {
        top: 98%;
        left: 15%; } }
  #outer-circle .cuerpos {
    position: absolute;
    top: 45%;
    right: -26%; }
    @media all and (max-width: 579px) {
      #outer-circle .cuerpos {
        top: 80%;
        right: -8%; } }
  #outer-circle .redes {
    position: absolute;
    top: 45%;
    left: -26%; }
    @media all and (max-width: 579px) {
      #outer-circle .redes {
        top: 80%;
        left: -8%; } }
  #outer-circle .mundo {
    position: absolute;
    top: 10%;
    left: -9%; }
    @media all and (max-width: 579px) {
      #outer-circle .mundo {
        top: 1%;
        left: 3%; } }
  #outer-circle .expertos {
    position: absolute;
    top: 10%;
    right: -10%; }
    @media all and (max-width: 579px) {
      #outer-circle .expertos {
        top: 1%;
        right: 1%; } }
  #outer-circle .colaboradores {
    position: absolute;
    top: 80%;
    right: -20%; }
    @media all and (max-width: 579px) {
      #outer-circle .colaboradores {
        top: 98%;
        right: 15%; } }

/*# sourceMappingURL=circle-egg.css.map */