meta.foundation-version {
  font-family: "/5.5.2/"; }

meta.foundation-mq-small {
  font-family: "/only screen/";
  width: 0; }

meta.foundation-mq-small-only {
  font-family: "/only screen and (max-width: 35.55556em)/";
  width: 0; }

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:35.61111em)/";
  width: 35.61111em; }

meta.foundation-mq-medium-only {
  font-family: "/only screen and (min-width:35.61111em) and (max-width:56.88889em)/";
  width: 35.61111em; }

meta.foundation-mq-large {
  font-family: "/only screen and (min-width:56.94444em)/";
  width: 56.94444em; }

meta.foundation-mq-large-only {
  font-family: "/only screen and (min-width:56.94444em) and (max-width:80em)/";
  width: 56.94444em; }

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:80.05556em)/";
  width: 80.05556em; }

meta.foundation-mq-xlarge-only {
  font-family: "/only screen and (min-width:80.05556em) and (max-width:106.66667em)/";
  width: 80.05556em; }

meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:106.72222em)/";
  width: 106.72222em; }

meta.foundation-data-attribute-namespace {
  font-family: false; }




a:hover {
  cursor: pointer; }

img {
  max-width: 100%;
  height: auto; }

img {
  -ms-interpolation-mode: bicubic; }


.reveal-modal-bg {
  background: #000000;
  background: rgba(0, 0, 0, 0.45);
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1004;
  left: 0; }

.reveal-modal {
  border-radius: 3px;
  display: none;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 1005;
  left: 0;
  background-color: #FFFFFF;
  padding: 1.66667rem;
  border: solid 1px #666666;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
  .reveal-modal .column, .reveal-modal .columns {
    min-width: 0; }
  .reveal-modal > :first-child {
    margin-top: 0; }
  .reveal-modal > :last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 35.61111em) {
    .reveal-modal {
      left: 0;
      margin: 0 auto;
      max-width: 55.55556rem;
      right: 0;
      width: 80%; } }
  @media only screen and (min-width: 35.61111em) {
    .reveal-modal {
      top: 5.55556rem; } }
  .reveal-modal.radius {
    border-radius: 3px; }
  .reveal-modal.round {
    border-radius: 1000px; }
  .reveal-modal.collapse {
    padding: 0; }
  @media only screen and (min-width: 35.61111em) {
    .reveal-modal.tiny {
      left: 0;
      margin: 0 auto;
      max-width: 55.55556rem;
      right: 0;
      width: 30%; } }
  @media only screen and (min-width: 35.61111em) {
    .reveal-modal.small {
      left: 0;
      margin: 0 auto;
      max-width: 55.55556rem;
      right: 0;
      width: 40%; } }
  @media only screen and (min-width: 35.61111em) {
    .reveal-modal.medium {
      left: 0;
      margin: 0 auto;
      max-width: 55.55556rem;
      right: 0;
      width: 60%; } }
  @media only screen and (min-width: 35.61111em) {
    .reveal-modal.large {
      left: 0;
      margin: 0 auto;
      max-width: 55.55556rem;
      right: 0;
      width: 70%; } }
  @media only screen and (min-width: 35.61111em) {
    .reveal-modal.xlarge {
      left: 0;
      margin: 0 auto;
      max-width: 55.55556rem;
      right: 0;
      width: 95%; } }
  .reveal-modal.full {
    height: 100vh;
    height: 100%;
    left: 0;
    margin-left: 0 !important;
    max-width: none !important;
    min-height: 100vh;
    top: 0; }
    @media only screen and (min-width: 35.61111em) {
      .reveal-modal.full {
        left: 0;
        margin: 0 auto;
        max-width: 55.55556rem;
        right: 0;
        width: 100%; } }
  .reveal-modal.toback {
    z-index: 1003; }
  .reveal-modal .close-reveal-modal {
    color: #AAAAAA;
    cursor: pointer;
    font-size: 2.22222rem;
    font-weight: bold;
    line-height: 1;
    position: absolute;
    top: 0.55556rem;
    right: 1.22222rem; }




/*abdul 4*/
.one, .row .one {
  width: 8.33333%;
}
.two, .row .two {
  width: 16.6667%;
}
.three, .row .three {
  width: 25%;
}
.four, .row .four {
  width: 33.3333%;
}
.five, .row .five {
  width: 41.6667%;
}
.six, .row .six {
  width: 50%;
}
.seven, .row .seven {
  width: 58.3333%;
}
.eight, .row .eight {
  width: 66.6667%;
}
.nine, .row .nine {
  width: 75%;
}
.ten, .row .ten {
  width: 83.3333%;
}
.eleven, .row .eleven {
  width: 91.6667%;
}
.twelve, .row .twelve {
  width: 100%;
}

.eight, .row .eight {
  width: 66.6667%;
}

/*abdul 4*/