.transition, #msol ul.accordion p, #msol ul.accordion li i:before, #msol ul.accordion li i:after {
  transition: all 0.25s ease-in-out; }

@keyframes flipdown {
  0% {
    opacity: 0;
    transform-origin: top center;
    transform: rotateX(-90deg); }
  5% {
    opacity: 1; }
  80% {
    transform: rotateX(8deg); }
  83% {
    transform: rotateX(6deg); }
  92% {
    transform: rotateX(-3deg); }
  100% {
    transform-origin: top center;
    transform: rotateX(0deg); } }
.no-select {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  @media (max-width: 550px) {
    .no-select {
      box-sizing: border-box;
      transform: translate(0, 0);
      max-width: 100%;
      min-height: 100%;
      margin: 0;
      left: 0; } }

#msol {
  min-height: 600px; }
  #msol header {
    border-bottom: 3px solid #005b94; }
    #msol header img {
      display: block;
      margin: 0 auto 30px auto; }
    #msol header .contact {
      float: right;
      font-family: "Open Sans", sans-serif;
      font-size: .9em;
      margin-top: -130px;
      text-align: right; }
      @media print, screen and (max-width: 900px) {
        #msol header .contact {
          float: none;
          margin-bottom: 20px;
          margin-top: 0; } }
      #msol header .contact .icon {
        display: inline-block;
        height: 32px;
        margin-left: 10px;
        margin-top: 10px;
        width: 32px; }
        #msol header .contact .icon.fb {
          background: url("../img/icon-fb.png");
	  background-repeat: no-repeat; }
        #msol header .contact .icon.in {
          background: url("../img/icon-insta.png"); 
	  background-repeat: no-repeat; }
  #msol p {
    color: #333;
    font-family: "Open Sans", sans-serif;
    padding: 10px 0;
    text-align: justify; }
  #msol li, #msol h2 {
    color: #333;
    font-family: "Open Sans", sans-serif; }
  #msol .intro {
    font-style: italic;
    font-size: 0.9em;
    max-width: 64em;
    margin: 0px auto 50px;
    padding: 0 20px; }
  #msol h3 {
    color: #005b94;
    font-family: "Open Sans", sans-serif;
    margin: 10px 0 0 0; }
  #msol aside {
    border: 2px solid #005b94; }
  #msol em {
    font-style: normal;
    font-weight: 700;
    color: #005b94; }
  #msol ul.accordion {
    list-style: none;
    perspective: 900;
    padding: 0;
    margin: 0; }
    #msol ul.accordion h3 {
      background-color: #005b94;
      color: #fff;
      font-family: "Open Sans", sans-serif;
      margin: 0;
      padding: 10px; }
    #msol ul.accordion p {
      color: #333;
      font-size: 17px;
      font-family: "Open Sans", sans-serif;
      line-height: 26px;
      padding: 10px;
      position: relative;
      overflow: hidden;
      max-height: 800px;
      opacity: 1;
      transform: translate(0, 0);
      margin: 0;
      z-index: 2; }
    #msol ul.accordion li {
      position: relative;
      padding: 0;
      margin: 0;
      padding-bottom: 4px; }
      #msol ul.accordion li:last-of-type {
        padding-bottom: 0; }
      #msol ul.accordion li i {
        position: absolute;
        transform: translate(-6px, 0);
        margin-top: 16px;
        right: 20px; }
        #msol ul.accordion li i:before, #msol ul.accordion li i:after {
          content: "";
          position: absolute;
          background-color: #fff;
          width: 3px;
          height: 9px; }
        #msol ul.accordion li i:before {
          transform: translate(-2px, 0) rotate(45deg); }
        #msol ul.accordion li i:after {
          transform: translate(2px, 0) rotate(-45deg); }
      #msol ul.accordion li input[type=radio] {
        position: absolute;
        cursor: pointer;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: 0; }
        #msol ul.accordion li input[type=radio]:not(:checked) ~ p {
          margin-top: 0;
          max-height: 0;
          padding: 0;
          opacity: 0;
          transform: translate(0, 50%); }
        #msol ul.accordion li input[type=radio]:not(:checked) ~ i:before {
          transform: translate(2px, 0) rotate(45deg); }
        #msol ul.accordion li input[type=radio]:not(:checked) ~ i:after {
          transform: translate(-2px, 0) rotate(-45deg); }
  #msol .row {
    max-width: 62.5rem;
    margin: 10px auto; }
    #msol .row::before, #msol .row::after {
      display: table;
      content: ' '; }
    #msol .row::after {
      clear: both; }
    #msol .row .columns {
      box-sizing: border-box;
      width: 100%;
      float: left;
      padding-right: 0.9375rem;
      padding-left: 0.9375rem;
      padding-bottom: 20px; }
      #msol .row .columns:last-child:not(:first-child) {
        float: right; }
      @media print, screen and (min-width: 64em) {
        #msol .row .columns.large-3 {
          width: 25%; }
        #msol .row .columns.large-4 {
          width: 33.33333%; }
        #msol .row .columns.large-5 {
          width: 41.66667%; }
        #msol .row .columns.large-6 {
          width: 50%; }
        #msol .row .columns.large-7 {
          width: 58.33333%; }
        #msol .row .columns.large-8 {
          width: 66.66667%; }
        #msol .row .columns.large-9 {
          width: 75%; }
        #msol .row .columns.large-12 {
          width: 100%; } }
      #msol .row .columns img {
        display: block;
        width: 100%;
        max-width: 500px;
        margin: 0 auto; }

/*# sourceMappingURL=msol.css.map */