@import url("https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700,800");
@import url("https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,500,700");
body {
  padding: 0;
  margin: 0;
  font-size: 16px;
  font-family: "IBM Plex Sans", sans-serif;
  color: #344A60 !important;
  /*********** shray code for common section ********************/ }
  @media (min-width: 568px) and (max-width: 900px) {
    body .col-sm-6 {
      max-width: 48% !important; } }
  body .container {
    padding: 5rem 15px;
    max-width: 1230px;
    margin: 0 auto; }
    @media (max-width: 769px) {
      body .container {
        padding: 3rem 1rem; } }
    @media (min-width: 992px) and (max-width: 1024px) {
      body .container {
        padding: 4rem 1rem; } }
  body img {
    max-width: 100%; }
  body a {
    cursor: pointer !important; }
  body .bg-red {
    background-color: #E74A3C; }
  body .orange {
    color: #FB8812 !important; }
  body .section-heading {
    font-family: "Merriweather Sans", sans-serif !important;
    font-size: 1.75rem !important;
    line-height: 2rem;
    font-weight: 700;
    margin-bottom: 2.8rem !important; }
  body .bg-pink {
    background-color: #FEF8F2; }
  body a:hover {
    text-decoration: none; }
  body input:focus {
    outline: none;
    border: 1px solid #276EF1 !important;
    background: #FFFBEF !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important; }
  body input::-webkit-input-placeholder {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    line-height: 3rem; }
  body input:-ms-input-placeholder {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    line-height: 3rem; }
  body input::-ms-input-placeholder {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    line-height: 3rem; }
  body input::placeholder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 3rem; }
  body h5 {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5rem; }
  body .mobile {
    display: none; }
    @media (max-width: 769px) {
      body .mobile {
        display: block; } }
    @media (min-width: 568px) and (max-width: 900px) {
      body .mobile {
        display: block; } }
  body .desktop {
    display: block; }
    @media (max-width: 769px) {
      body .desktop {
        display: none; } }
    @media (min-width: 568px) and (max-width: 900px) {
      body .desktop {
        display: none; } }
  body .red {
    color: #E74A3C; }
  body .bg-pink-dark {
    background: #FFF1E2; }
  body .owl-nav .owl-prev, body .owl-nav .owl-next {
    height: 60px;
    width: 60px;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    background: white;
    border-radius: 50%;
    left: -2%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-shadow: 2px 0 5px rgba(87, 87, 87, 0.55);
            box-shadow: 2px 0 5px rgba(87, 87, 87, 0.55); }
    @media (max-width: 769px) {
      body .owl-nav .owl-prev, body .owl-nav .owl-next {
        height: 40px;
        width: 40px;
        margin-top: -20px;
        left: 2%; } }
    @media (min-width: 568px) and (max-width: 900px) {
      body .owl-nav .owl-prev, body .owl-nav .owl-next {
        height: 40px;
        width: 40px;
        margin-top: -20px;
        left: 2%; } }
    body .owl-nav .owl-prev::after, body .owl-nav .owl-next::after {
      content: '';
      width: 21px;
      height: 13px;
      background-image: url("/static/img/down-arrow.png?5f9758242a6e");
      position: absolute;
      background-image: url("/static/img/down-arrow.png?5f9758242a6e");
      position: absolute;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center; }
      @media (max-width: 769px) {
        body .owl-nav .owl-prev::after, body .owl-nav .owl-next::after {
          width: 10.7px;
          height: 6.5px; } }
  body .owl-nav .owl-next {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    right: -2%;
    left: inherit;
    -webkit-box-shadow: -2px 0 5px rgba(87, 87, 87, 0.55);
            box-shadow: -2px 0 5px rgba(87, 87, 87, 0.55); }
    @media (max-width: 769px) {
      body .owl-nav .owl-next {
        right: 2%; } }
    @media (min-width: 568px) and (max-width: 900px) {
      body .owl-nav .owl-next {
        right: 2%; } }
  body .owl-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 2rem;
    margin: 2rem auto 0; }
    @media (max-width: 769px) {
      body .owl-dots {
        width: 5rem;
        margin: 1rem auto 0; } }
    @media (min-width: 568px) and (max-width: 900px) {
      body .owl-dots {
        width: 20%;
        margin: 1rem auto 0; } }
    body .owl-dots .owl-dot {
      height: 10px;
      width: 10px;
      border-radius: 2rem;
      background: white;
      border: 1px solid; }
    body .owl-dots .active {
      background: #FB8812;
      border-color: #FB8812; }
  body .btn:focus {
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none; }
  body button:focus {
    outline: none; }
  body .dis-none {
    display: none !important; }
    @media (max-width: 769px) {
      body .dis-none {
        display: block !important; } }
    @media (min-width: 568px) and (max-width: 900px) {
      body .dis-none {
        display: block !important; } }
  body .floating_btn {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    bottom: 1.3rem;
    right: 5rem;
    z-index: 999;
    width: 91%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    @media (max-width: 769px) {
      body .floating_btn {
        right: inherit; } }
    body .floating_btn .cta {
      background: #E74A3C;
      -webkit-box-shadow: 0 2px 5px 0 rgba(87, 87, 87, 0.55);
              box-shadow: 0 2px 5px 0 rgba(87, 87, 87, 0.55);
      font-size: 1.125rem;
      border-radius: 2em;
      color: white;
      max-width: 13rem;
      min-width: 13rem;
      -ms-flex-pack: distribute !important;
          justify-content: space-around !important;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-left: 1.5rem; }
      @media (max-width: 769px) {
        body .floating_btn .cta {
          max-width: 3rem;
          min-width: 3rem; } }
      body .floating_btn .cta img {
        width: 12%; }
        @media (max-width: 769px) {
          body .floating_btn .cta img {
            width: 46%; } }
    body .floating_btn .call {
      width: 3.6rem; }
    body .floating_btn .nearest {
      padding: 0 1.5rem;
      text-transform: capitalize !important; }
      @media (max-width: 769px) {
        body .floating_btn .nearest {
          padding: 0; } }
      @media (min-width: 568px) and (max-width: 900px) {
        body .floating_btn .nearest {
          min-width: 3rem;
          max-width: 3rem;
          padding: 0rem; }
          body .floating_btn .nearest img {
            width: 1.4rem; } }
    body .floating_btn .chat {
      min-width: 3rem;
      max-width: 3rem;
      background: #FB8812; }
      body .floating_btn .chat img {
        width: 48%; }
  body .swiper-container {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px; }
  body .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 300px;
    height: 300px; }
  body select {
    background: url("/static/img/down-arrow.png?5f9758242a6e");
    background-repeat: no-repeat;
    background-position: 90%;
    background-size: 15px;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    cursor: pointer; }
    body select:focus {
      -webkit-box-shadow: none !important;
              box-shadow: none !important;
      outline: none; }
  body .youtube-modal .modal-dialog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content; }
    @media (max-width: 769px) {
      body .youtube-modal .modal-dialog {
        max-width: inherit; } }
    @media (max-width: 769px) {
      body .youtube-modal .modal-dialog .modal-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
    body .youtube-modal .modal-dialog .modal-content button {
      position: absolute;
      right: 0;
      top: -30px;
      color: #FB8812;
      opacity: 1;
      font-size: 30px;
      font-weight: 300;
      text-shadow: none; }
  body .youtube-modal iframe {
    width: 700px;
    height: 400px; }
    @media (max-width: 769px) {
      body .youtube-modal iframe {
        width: 100%;
        height: auto; } }
  body .nav-up {
    top: -92px; }
    @media (max-width: 769px) {
      body .nav-up {
        top: -105px; } }
    @media (min-width: 568px) and (max-width: 900px) {
      body .nav-up {
        top: -112px; } }
  @media (max-width: 769px) {
    body #callback .modal-dialog-centered {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  body #callback .modal-content {
    border-radius: 10px;
    border: none;
    padding: 2rem 0; }
    @media (max-width: 769px) {
      body #callback .modal-content {
        padding: 2rem 1rem; } }
  body #callback .form-group {
    width: 80%;
    margin: 0 auto 1rem; }
    @media (max-width: 769px) {
      body #callback .form-group {
        width: 100%; } }
    body #callback .form-group h4 {
      font-size: 1.25rem;
      font-family: "Merriweather Sans", sans-serif;
      margin-bottom: 0.5rem; }
    body #callback .form-group label {
      font-size: 1.125rem; }
    body #callback .form-group input {
      background: #FAFAFA; }
      @media (max-width: 769px) {
        body #callback .form-group input {
          width: 100%; } }
  body #callback .cta {
    margin: 0 auto 1rem; }

  @media (max-width: 769px) {
    body #callback_extra_detail .modal-dialog-centered {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  body #callback_extra_detail .modal-content {
    border-radius: 10px;
    border: none;
    padding: 2rem 0; }
    @media (max-width: 769px) {
      body #callback_extra_detail .modal-content {
        padding: 2rem 1rem; } }
  body #callback_extra_detail .form-group {
    width: 80%;
    margin: 0 auto 1rem; }
    @media (max-width: 769px) {
      body #callback_extra_detail .form-group {
        width: 100%; } }
    body #callback_extra_detail .form-group h4 {
      font-size: 1.25rem;
      font-family: "Merriweather Sans", sans-serif;
      margin-bottom: 0.5rem; }
    body #callback_extra_detail .form-group label {
      font-size: 1.125rem; }
    body #callback_extra_detail .form-group input {
      background: #FAFAFA; }
      @media (max-width: 769px) {
        body #callback_extra_detail .form-group input {
          width: 100%; } }
  body #callback_extra_detail .cta {
    margin: 0 auto 1rem; }

  body .radio-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    /* Hide the browser's default radio button */
    /* Create a custom radio button */
    /* On mouse-over, add a grey background color */
    /* When the radio button is checked, add a blue background */
    /* Create the indicator (the dot/circle - hidden when not checked) */
    /* Show the indicator (dot/circle) when checked */
    /* Style the indicator (dot/circle) */ }
    @media (max-width: 769px) {
      body .radio-button {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
    body .radio-button .div {
      display: block;
      position: relative;
      padding-left: 28px;
      margin-bottom: 12px;
      cursor: pointer;
      font-size: 1rem;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      @media (max-width: 769px) {
        body .radio-button .div {
          padding-left: 34px; } }
    body .radio-button .div input {
      position: absolute;
      opacity: 0;
      cursor: pointer; }
    body .radio-button .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      height: 26px;
      width: 26px;
      background-color: #eee;
      border-radius: 50%; }
    body .radio-button .div:hover input ~ .checkmark {
      background-color: #ccc; }
    body .radio-button .div input:checked ~ .checkmark {
      background-color: #fff;
      border: 1px solid #344A60; }
    body .radio-button .checkmark:after {
      content: "";
      position: absolute;
      display: none; }
    body .radio-button .div input:checked ~ .checkmark:after {
      display: block;
      background-color: #FB8812; }
    body .radio-button .div .checkmark:after {
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 12px;
      border: none;
      height: 12px;
      border-radius: 50%;
      background: white; }
  body .close {
    opacity: 1 !important;
    color: #FB8812;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
    font-weight: 400; }
  body #school .card {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    margin-bottom: 0; }
    body #school .card h5 {
      font-size: 1.25rem;
      margin-bottom: 1rem; }
    body #school .card .link p::after {
      content: "";
      background-image: url("/static/img/link.png?416dc9e94672");
      width: 16px;
      height: 16px;
      position: absolute;
      margin-left: 0;
      top: -2px;
      background-size: 10px;
      background-repeat: no-repeat;
      background-position: center; }
    body #school .card .detail {
      margin-bottom: 1rem; }
    body #school .card p {
      margin-bottom: 0 !important; }
  body hr {
    border-top: 2px solid #74797E;
    opacity: 0.3; }
  body .pagination li a {
    margin: 0 0.3rem;
    color: #344A60; }
    body .pagination li a img {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
  body .pagination li.active {
    border-bottom: 1px solid #FB8812; }
    body .pagination li.active a {
      color: #FB8812; }
  body .bread-nav {
    position: absolute;
    left: 0; }
    @media (max-width: 769px) {
      body .bread-nav {
        position: relative; } }
    body .bread-nav ol {
      background-color: transparent;
      padding-left: 0; }
      body .bread-nav ol a {
        color: #344A60; }
      body .bread-nav ol .breadcrumb-item::before {
        padding: 0 0.3rem; }
  body .faq h5 {
    color: #344A60;
    margin-bottom: 0; }
  body .faq .card {
    border: none;
    border-bottom: 1px solid rgba(87, 87, 87, 0.55);
    border-radius: 0;
    -webkit-box-shadow: none !important;
            box-shadow: none !important; }
    body .faq .card:hover {
      -webkit-box-shadow: none !important;
              box-shadow: none !important; }
    body .faq .card .card-header {
      background: transparent;
      border: none;
      position: relative; }
      body .faq .card .card-header button {
        text-decoration: none;
        white-space: initial;
        min-width: 100%;
        text-align: left;
        padding-left: 0; }
        @media (max-width: 769px) {
          body .faq .card .card-header button {
            max-width: 95%; } }
        body .faq .card .card-header button::after {
          content: url("/static/img/down-arrow.png?5f9758242a6e");
          position: absolute;
          top: 50%;
          -webkit-transform: scale(-1);
                  transform: scale(-1);
          right: 5px;
          width: 13px;
          height: 22px;
          margin-top: -11px;
          background-repeat: no-repeat;
          background-size: contain;
          -webkit-transition: all 300ms;
          transition: all 300ms; }
        body .faq .card .card-header button h5 {
          width: 74%; }
          @media (max-width: 769px) {
            body .faq .card .card-header button h5 {
              width: 100%; } }
      body .faq .card .card-header .collapsed::after {
        content: url("/static/img/down-arrow.png?5f9758242a6e");
        position: absolute;
        top: 50%;
        -webkit-transform: scale(1) !important;
                transform: scale(1) !important;
        right: 14px;
        width: 13px;
        height: 22px;
        background-repeat: no-repeat;
        background-size: contain; }
    body .faq .card .show {
      border-radius: 0; }
    body .faq .card .card-body {
      color: #74797E;
      padding-top: 0; }
  body .bread-nav {
    padding-left: 1rem;
    top: 0rem;
    position: relative; }
    body .bread-nav .breadcrumb-item a:hover {
      color: #FB8812; }
  body #videos .card {
    margin-bottom: 2rem;
    height: 10rem;
    border: none; }
    body #videos .card .card-img-top {
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
    body #videos .card::before {
      content: "";
      position: absolute;
      background: url("/static/img/play-button.png?416dc9e94672");
      background-repeat: no-repeat;
      background-size: contain;
      width: 59px;
      height: 42px;
      right: 40%;
      top: 50%;
      -webkit-transform: translate(0%, -50%);
              transform: translate(0%, -50%); }
  body #videos .item iframe {
    width: 100%;
    height: 33rem; }
    @media (max-width: 769px) {
      body #videos .item iframe {
        height: 12rem; } }
    body #videos .item iframe svg .ytp-large-play-button-bg {
      fill: #dc4225 !important;
      fill-opacity: 0.8; }
  body #papers .card {
    width: 100%;
    margin: 0 auto;
    border-radius: 7px;
    margin-bottom: 30px;
    border: none;
    -webkit-box-shadow: 0 2px 5px 0 rgba(87, 87, 87, 0.55);
            box-shadow: 0 2px 5px 0 rgba(87, 87, 87, 0.55); }
    body #papers .card .card-text {
      color: #344A60;
      font-size: 1.25rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      body #papers .card .card-text img {
        width: 1.5rem; }

    body #solution .card {
    width: 100%;
    margin: 0 auto;
    border-radius: 7px;
    margin-bottom: 30px;
    border: none;
    -webkit-box-shadow: 0 2px 5px 0 rgba(87, 87, 87, 0.55);
            box-shadow: 0 2px 5px 0 rgba(87, 87, 87, 0.55); }
    body #solution .card .card-text {
      color: #344A60;
      font-size: 1.25rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      body #solution .card .card-text img {
        width: 1.5rem; }

body #cbsepapers .card {
    width: 100%;
    margin: 0 auto;
    border-radius: 7px;
    margin-bottom: 30px;
    border: none;
    -webkit-box-shadow: 0 2px 5px 0 rgba(87, 87, 87, 0.55);
            box-shadow: 0 2px 5px 0 rgba(87, 87, 87, 0.55); }
    body #cbsepapers .card .card-text {
      color: #344A60;
      font-size: 1.25rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      body #cbsepapers .card .card-text img {
        width: 1.5rem; }

  body .subheading {
    font-size: 1rem;
    color: #344A60;
    font-weight: 400;
    font-family: "Merriweather Sans", sans-serif;
    max-width: 60%;
    margin: 0 auto;
    line-height: 25px; }
    @media (max-width: 769px) {
      body .subheading {
        width: 100%;
        max-width: 100%; } }
  @media (max-width: 769px) {
    body .table {
      width: 100% !important; } }
  body .table th {
    width: 25%; }
  body table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed; }
  body table tr {
    padding: 0.35em; }
  body table td,
  body table th {
    padding: 0.625em;
    text-align: center; }
  @media screen and (max-width: 600px) {
    /*body table {*/
      /*border: 0; }*/
    body table thead {
      border: none;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px; }
    body table tr {
      /*display: block;*/
      margin-bottom: 0.625em; }
    /*body table td {*/
      /*display: block;*/
      /*text-align: right; }*/
    body table td::before {
      /*
* aria-label has no advantage, it won't be read inside a table
content: attr(aria-label);
*/
      content: attr(data-label);
      float: left;
      font-weight: bold;
      text-transform: uppercase; }
    body table td:last-child {
      border-bottom: 0; } }
  body .form-control:focus {
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none; }

.cta {
  background-color: #FB8812;
  position: relative;
  font-size: 1rem;
  color: white !important;
  line-height: 2rem;
  letter-spacing: 0.46px;
  text-align: center;
  text-transform: uppercase;
  width: 17rem;
  height: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 7px;
  -webkit-transition: background-color 0.2s ease-in;
  transition: background-color 0.2s ease-in; }
  .cta:hover {
    background-color: #FFA117; }

.link {
  color: #276EF1;
  margin-top: 1.6rem;
  padding-bottom: 0.12rem;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }
  .link:hover {
    color: #276EF1; }
    .link:hover::after {
      background-color: #276EF1;
      width: 50%;
      left: 25%;
      -webkit-transition: 0.2s ease-out all 0.1s;
      transition: 0.2s ease-out all 0.1s; }
  .link::after {
    content: "";
    position: absolute;
    top: 65%;
    height: 1px !important;
    width: 100%;
    left: 0;
    margin-top: 0.4rem;
    background-color: #276EF1;
    -webkit-transition: 0.4s ease-out all 0.1s;
    transition: 0.4s ease-out all 0.1s; }
  .link img {
    width: 5px;
    margin-left: 0.3rem; }

footer {
  font-size: 0.9375rem;
  background: #2E363D;
  color: #fff; }
  footer .footer-brand img {
    width: 60%; }
    @media (max-width: 769px) {
      footer .footer-brand img {
        width: 5rem;
        margin-bottom: 2rem; } }
  footer h5 {
    font-size: 0.9375rem !important;
    border-bottom: 1px solid;
    display: initial;
    font-weight: 700; }
  footer .partner {
    padding-top: 1rem; }
    @media (max-width: 769px) {
      footer .partner {
        padding-top: 0; } }
    footer .partner a {
      color: #dfe2eb; }
  footer p {
    font-weight: 400;
    font-size: 0.85rem;
    margin: 1rem 0; }
    @media (max-width: 769px) {
      footer p {
        padding: 0.8rem 0;
        margin: 0; } }
  footer .social_icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (max-width: 769px) {
      footer .social_icon {
        width: 53%;
        margin-right: auto;
        margin-bottom: 1rem; } }
    footer .social_icon img {
      height: 1.15rem;
      padding-right: 2rem; }
      @media (max-width: 769px) {
        footer .social_icon img {
          padding-right: 0; } }
      @media (min-width: 568px) and (max-width: 900px) {
        footer .social_icon img {
          padding-right: 0; } }
      @media (min-width: 992px) and (max-width: 1024px) {
        footer .social_icon img {
          padding-right: 0; } }
  footer .copyright {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 0.625rem; }
    @media (max-width: 769px) {
      footer .copyright {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; } }

.card {
  -webkit-box-shadow: 0 2px 5px 0 rgba(87, 87, 87, 0.55);
          box-shadow: 0 2px 5px 0 rgba(87, 87, 87, 0.55);
  -webkit-transition: -webkit-box-shadow 0.5s ease-in-out;
  transition: -webkit-box-shadow 0.5s ease-in-out;
  transition: box-shadow 0.5s ease-in-out;
  transition: box-shadow 0.5s ease-in-out, -webkit-box-shadow 0.5s ease-in-out; }
  .card:hover {
    -webkit-box-shadow: 0 1px 3px 0 rgba(87, 87, 87, 0.3), 0 4px 8px 3px rgba(87, 87, 87, 0.3);
            box-shadow: 0 1px 3px 0 rgba(87, 87, 87, 0.3), 0 4px 8px 3px rgba(87, 87, 87, 0.3); }

.class-card {
  border: none;
  max-width: 18%;
  padding: 2rem; }
  @media (max-width: 769px) {
    .class-card {
      min-width: 45%;
      max-width: 44%;
      padding: 1.4rem 1rem;
      margin: 0 0 2rem; } }
  @media (min-width: 568px) and (max-width: 900px) {
    .class-card {
      margin: 0 0 1rem; } }
  @media (min-width: 992px) and (max-width: 1024px) {
    .class-card {
      min-width: 32%;
      max-width: 32%;
      padding: 1.4rem 1rem;
      margin: 0 0 2rem; } }
  .class-card h3 {
    color: #E74A3C;
    font-size: 3rem;
    line-height: 2rem;
    letter-spacing: 1.37px;
    font-weight: 400; }
    .class-card h3 span {
      font-size: 1.5rem; }
  .class-card h5 {
    font-size: 1.15rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin: 0.5rem 0; }
  .class-card .link {
    border-bottom: none;
    margin-top: 0; }
    .class-card .link::after {
      content: none; }

@media (max-width: 769px) {
  .class-card:last-child {
    margin-bottom: 0; } }

.blog-card {
  max-width: 88%;
  margin: 0 auto;
  font-family: "IBM Plex Sans", sans-serif; }
  @media (max-width: 769px) {
    .blog-card {
      max-width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  .blog-card img {
    margin-bottom: 1rem; }
    @media (max-width: 769px) {
      .blog-card img {
        width: 8rem;
        height: 5rem;
        -o-object-fit: cover;
           object-fit: cover;
        margin-right: 1rem; } }
  .blog-card h5 {
    color: #344A60; }
    @media (max-width: 769px) {
      .blog-card h5 {
        font-size: 0.90rem;
        line-height: 20px; } }
  .blog-card .date {
    font-size: 0.85rem;
    color: #A8B4BF; }

.center-card {
  -webkit-box-shadow: 0 2px 5px 0 #A8B4BF;
          box-shadow: 0 2px 5px 0 #A8B4BF;
  margin-bottom: 1.875rem;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; }
  .center-card:hover {
    -webkit-box-shadow: 0 1px 3px 0 rgba(87, 87, 87, 0.3), 0 4px 8px 3px rgba(87, 87, 87, 0.3);
            box-shadow: 0 1px 3px 0 rgba(87, 87, 87, 0.3), 0 4px 8px 3px rgba(87, 87, 87, 0.3); }
  .center-card img {
    width: 1rem;
    margin-right: 0.5rem; }
  .center-card .red {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .center-card .heading {
    font-family: "Merriweather Sans", sans-serif;
    margin-bottom: 0; }
  .center-card p {
    font-size: 1.125rem; }
  .center-card .view-cta {
    margin-top: 0; }

.feature-card img {
  height: 16rem;
  -o-object-fit: cover;
     object-fit: cover; }
  @media (max-width: 769px) {
    .feature-card img {
      margin-bottom: 1rem; } }
.feature-card h3 {
  color: #344A60;
  font-size: 1.5rem;
  line-height: 2rem; }
.feature-card p {
  color: #344A60;
  font-size: 1.125rem;
  line-height: 2rem;
  font-family: "Merriweather Sans", sans-serif; }
.feature-card .date {
  font-size: 1rem;
  color: #A8B4BF; }

/*********************************/
@media (max-width: 769px) {
  .col-md-4:nth-child(-n+1) {
    margin-bottom: 2rem; } }

a:hover {
  text-decoration: none; }
.career-card {
  height: 100%;
  border-radius: 10px; }
   .career-card .card-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
     .career-card .card-body .card-title {
      color: #344A60;
      font-family: "Merriweather Sans", sans-serif;
      font-weight: 400;
      font-size: 1.5rem;
      line-height: 2rem; }
     .career-card .card-body .card-text {
      color: #344A60;
      font-family: "IBM Plex Sans", sans-serif;
      font-weight: 400;
      font-size: 0.9rem;
      margin-bottom: 1rem;
      line-height: 20px;
      max-width: 90%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 2;
          -ms-flex: 2;
              flex: 2; }
     .career-card .card-body .cta {
      max-width: 50%;
      border-radius: 2em;
      height: 35px;
      font-family: "Merriweather Sans", sans-serif;
      font-size: 1rem;
      font-weight: bold;
      letter-spacing: 0.18px;
      line-height: 20px; }

header {
  z-index: 1000!important;
  -webkit-box-shadow: 0 2px 5px 0 #575757;
          box-shadow: 0 2px 5px 0 #575757;
  height: 86px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  -webkit-transition: top 0.2s ease-in-out;
  transition: top 0.2s ease-in-out;
  width: 100%; }
  @media (max-width: 769px) {
    header {
      height: auto; } }
  header nav {
    font-family: "Merriweather Sans", sans-serif; }
    @media (max-width: 769px) {
      header nav {
        padding: 1rem 0 !important; } }
    @media (min-width: 568px) and (max-width: 900px) {
      header nav {
        padding: 1rem 0 !important; } }
    @media (max-width: 769px) {
      header nav .navbar-brand {
        padding-left: 1rem; } }
    @media (min-width: 568px) and (max-width: 900px) {
      header nav .navbar-brand {
        padding-left: 1rem; } }
    header nav .navbar-brand img {
      width: 8rem; }
    @media (max-width: 769px) {
      header nav .show {
        z-index: 1000 !important; } }
    @media (min-width: 568px) and (max-width: 900px) {
      header nav .show {
        z-index: 1000 !important; } }
    header nav .navbar-toggler {
      display: none;
      -webkit-transition: all 1s;
      transition: all 1s; }
      @media (max-width: 769px) {
        header nav .navbar-toggler {
          display: block;
          margin-right: 1rem; } }
      @media (min-width: 568px) and (max-width: 900px) {
        header nav .navbar-toggler {
          display: block;
          margin-right: 1rem; } }
      @media (min-width: 992px) and (max-width: 1024px) {
        header nav .navbar-toggler {
          margin-right: 1rem;
          display: block; } }
      header nav .navbar-toggler.active {
        right: -60px; }
        @media (max-width: 769px) {
          header nav .navbar-toggler.active {
            right: 0;
            border: none !important; }
            header nav .navbar-toggler.active span {
              color: white; } }
        @media (min-width: 568px) and (max-width: 900px) {
          header nav .navbar-toggler.active {
            right: 0;
            border: none !important; }
            header nav .navbar-toggler.active span {
              color: white;
              background: white !important; } }
    header nav .nav-item {
      margin: 0 1rem; }
      @media (min-width: 992px) and (max-width: 1024px) {
        header nav .nav-item {
          margin: 0 0.3rem; } }
      header nav .nav-item a {
        color: white; }
        header nav .nav-item a:hover {
          color: #FFA117; }
    header nav .btn {
      background: #FFA117;
      font-family: "IBM Plex Sans", sans-serif;
      letter-spacing: 0.4px;
      border-radius: 7px;
      width: 10rem;
      font-size: 0.9rem;
      color: white !important; }
      header nav .btn:hover {
        background: #FB8812; }
      header nav .btn img {
        margin-right: 0.5rem; }
    header nav .nav-side {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      @media (max-width: 769px) {
        header nav .nav-side {
          display: none; } }
      @media (min-width: 568px) and (max-width: 900px) {
        header nav .nav-side {
          display: none; } }
    header nav .mobile-toggle {
      display: none !important; }
      @media (max-width: 769px) {
        header nav .mobile-toggle {
          display: block !important; } }
      @media (min-width: 568px) and (max-width: 900px) {
        header nav .mobile-toggle {
          display: block !important; } }
.icon-bar {
	width: 22px;
	height: 2px;
	background-color: #B6B6B6;
	display: block;
	transition: all 0.2s;
	margin-top: 4px
}
.navbar-toggler .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}

.navbar-toggler .middle-bar {
  opacity: 0;
}

.navbar-toggler .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}

.navbar-toggler.collapsed .top-bar {
  transform: rotate(0);
}

.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
}

.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0);
}


.navbar-nav {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (max-width: 769px) {
    .navbar-nav {
      height: 89vh;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      overflow: scroll;
      background: white;
      padding: 0 15px; } }
  @media (min-width: 568px) and (max-width: 900px) {
    .navbar-nav {
      height: 76vh;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      overflow: scroll;
      background: white;
      padding: 0 15px; } }
  @media (max-width: 769px) {
    .navbar-nav .nav-item:nth-child(odd) {
      background: #fff; } }
  @media (max-width: 769px) {
    .navbar-nav .nav-item {
      padding: 1rem;
      width: 100%;
      background: #FFF;
      border-bottom: 1px solid #e7e7e7; }
      .navbar-nav .nav-item a {
        color: #344A60; } }
    @media (max-width: 769px) and (min-width: 992px) and (max-width: 1024px) {
      .navbar-nav .nav-item a {
        font-size: 0.9rem; } }

  @media (min-width: 568px) and (max-width: 900px) {
    .navbar-nav .nav-item {
      padding: 1rem;
      width: 100%;
      background: #FFF;
      border-bottom: 1px solid #e7e7e7; }
      .navbar-nav .nav-item a {
        color: #344A60; } }
    @media (min-width: 568px) and (max-width: 900px) and (min-width: 992px) and (max-width: 1024px) {
      .navbar-nav .nav-item a {
        font-size: 0.9rem; } }

  .navbar-nav .nav-item.active a {
    font-weight: bold; }
  @media (min-width: 992px) and (max-width: 1024px) {
    .navbar-nav .nav-item .nav-link {
      font-size: 0.9rem; } }

/************************** new navbar**************************/
.sidebar {
  display: block !important; }
  .sidebar:focus {
    outline: none; }

body {
  margin: 0;
  padding: 0;
  overflow-x: hidden; }

a {
  text-decoration: none; }
  a:hover {
    text-decoration: none; }

.navbar-toggler {
  display: block;
  position: relative;
  z-index: 1000;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  height: 40px;
  width: 40px;
  border-radius: 2em; }
  .navbar-toggler span {
    position: absolute;
    top: 53% !important;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    display: block;
    width: 22px;
    height: 3px;
    background: white;
    border-radius: 3px;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
    transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1); }
  .navbar-toggler span:first-child {
    margin-top: -6px; }
  .navbar-toggler span:nth-child(2) {
    margin-top: 0; }
  .navbar-toggler span:nth-child(3) {
    margin-top: 6px; }
  .navbar-toggler.active span {
    z-index: 1; }
  .navbar-toggler.active span:first-child {
    opacity: 1;
    -webkit-transform: rotate(45deg) translate(-8px, 1px);
            transform: rotate(45deg) translate(-8px, 1px);
    background: #74797E; }
    @media (max-width: 769px) {
      .navbar-toggler.active span:first-child {
        background: white; } }
  .navbar-toggler.active span:nth-child(2) {
    opacity: 1;
    -webkit-transform: rotate(-45deg) translate(-10px, -3px);
            transform: rotate(-45deg) translate(-10px, -3px);
    background: #74797E; }
    @media (max-width: 769px) {
      .navbar-toggler.active span:nth-child(2) {
        background: white; } }
  .navbar-toggler.active span:nth-child(3) {
    opacity: 0;
    -webkit-transform: rotate(0deg) scale(0.2, 0.2);
            transform: rotate(0deg) scale(0.2, 0.2); }

#menu.active {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  opacity: 1; }

#menuToggle.active {
  z-index: 1; }

#menu {
  z-index: 999;
  position: absolute;
  top: -34px;
  width: 370px;
  padding: 120px 0 0;
  right: -100px;
  background: #ffffff;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: translate(100%, 0);
          transform: translate(100%, 0);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1); }
  #menu a {
    width: 90%;
    margin: 0 auto; }
    @media (min-width: 992px) and (max-width: 1024px) {
      #menu a {
        font-size: 0.9rem; } }
  #menu li {
    padding: 10px 0;
    font-size: 1.125rem;
    height: 65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #344A60;
    border-bottom: 1px solid #e7e7e7;
    padding-left: 2rem; }
    #menu li:hover {
      text-decoration: none;
      color: #FB8812; }
    #menu li.active {
      color: #FB8812;
      background: #FEF8F2; }

.nav-open .wrapper {
  position: fixed;
  width: 100%; }
  .nav-open .wrapper .body-bg {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.75);
    opacity: 1;
    visibility: visible;
    z-index: 998;
    cursor: pointer; }
    @media (max-width: 769px) {
      .nav-open .wrapper .body-bg {
        display: none; } }
    @media (min-width: 568px) and (max-width: 900px) {
      .nav-open .wrapper .body-bg {
        display: none; } }

.home .nav-open .wrapper .body-bg {
  position: fixed; }
.home .nav-open #menu {
  position: fixed; }
/*.home .banner {*/
  /*height: 72vh; }*/
  .home .banner .owl-item .banner-img {
    height: 72vh;
    -o-object-fit: cover;
       object-fit: cover; }
    @media (max-width: 769px) {
      .home .banner .owl-item .banner-img {
        -o-object-position: 60%;
           object-position: 60%; } }
  .home .banner .owl-item::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(227, 231, 235, 0.25)), color-stop(38%, rgba(32, 39, 46, 0.15)), color-stop(70%, rgba(27, 36, 45, 0.45)), color-stop(82%, rgba(16, 40, 65, 0.62)), to(rgba(5, 27, 49, 0.86)));
    background-image: linear-gradient(-180deg, rgba(227, 231, 235, 0.25) 0%, rgba(32, 39, 46, 0.15) 38%, rgba(27, 36, 45, 0.45) 70%, rgba(16, 40, 65, 0.62) 82%, rgba(5, 27, 49, 0.86) 100%); }
  .home .banner .content {
    position: absolute;
    bottom: 25%;
    left: 8%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    z-index: 1; }
    @media (max-width: 767px) {
      .home .banner .content {
        width: 73%;
        left: 50%;
        bottom: 8%;
        -webkit-transform: translate(-50%, 0);
                transform: translate(-50%, 0); } }
    .home .banner .content h1 {
      font-size: 2.6rem;
      color: white; }
      @media (max-width: 769px) {
        .home .banner .content h1 {
          font-size: 1.5rem;
          width: 100%;
          text-align: center; } }
      @media (min-width: 568px) and (max-width: 900px) {
        .home .banner .content h1 {
          font-size: 1.5rem;
          width: 100%;
          text-align: center; } }
    .home .banner .content input {
      height: 3rem;
      width: 70%;
      border-radius: 7px;
      -webkit-box-shadow: none;
              box-shadow: none;
      border: none;
      margin: 1rem 0;
      padding-left: 1rem;
      color: rgba(87, 87, 87, 0.55); }
      @media (max-width: 769px) {
        .home .banner .content input {
          width: 100%; } }
      @media (min-width: 568px) and (max-width: 900px) {
        .home .banner .content input {
          width: 100%; } }
      .home .banner .content input::-webkit-input-placeholder {
        color: rgba(87, 87, 87, 0.55);
        line-height: 3rem;
        font-size: 1rem;
        font-family: "IBM Plex Sans", sans-serif; }
      .home .banner .content input:-ms-input-placeholder {
        color: rgba(87, 87, 87, 0.55);
        line-height: 3rem;
        font-size: 1rem;
        font-family: "IBM Plex Sans", sans-serif; }
      .home .banner .content input::-ms-input-placeholder {
        color: rgba(87, 87, 87, 0.55);
        line-height: 3rem;
        font-size: 1rem;
        font-family: "IBM Plex Sans", sans-serif; }
      .home .banner .content input::placeholder {
        color: rgba(87, 87, 87, 0.55);
        line-height: 3rem;
        font-size: 1rem;
        font-family: "IBM Plex Sans", sans-serif; }
    .home .banner .content .cta {
      height: 3rem;
      width: 70%;
      border-radius: 7px;
      -webkit-box-shadow: none;
              box-shadow: none;
      border: none;
      padding: 0.4rem; }
      @media (max-width: 769px) {
        .home .banner .content .cta {
          width: 100%; } }
      @media (min-width: 568px) and (max-width: 900px) {
        .home .banner .content .cta {
          width: 100%; } }
      .home .banner .content .cta:hover {
        color: white;
        text-decoration: none; }
.home .hindu img {
  position: absolute;
  bottom: 29%;
  z-index: 1;
  width: 22rem;
  right: 8.3%;
  -o-object-fit: cover;
     object-fit: cover; }
  @media (max-width: 769px) {
    .home .hindu img {
      position: relative;
      bottom: 0.1rem;
      right: inherit;
      width: 100%;
      background: #344A60;
      padding: 1rem;
      border: none; } }
@media (max-width: 769px) {
  .home .reason-card {
    background: white; } }
@media (max-width: 769px) {
  .home .reason-card .container {
    padding: 2rem 15px 0.5rem; } }
.home .reason-card .reason {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: -30%;
  z-index: 10;
  background: white;
  width: 83.3%;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 14rem;
  padding: 2.3rem 0;
  -webkit-box-shadow: 0 1px 3px rgba(87, 87, 87, 0.55);
          box-shadow: 0 1px 3px rgba(87, 87, 87, 0.55);
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0); }
  @media (max-width: 769px) {
    .home .reason-card .reason {
      position: relative;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      height: inherit;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      padding: 1rem;
      -webkit-box-shadow: none;
              box-shadow: none;
      width: 90%; } }
  .home .reason-card .reason .content:nth-child(odd) {
    margin-bottom: 2rem; }
  .home .reason-card .reason .content {
    width: 12rem;
    height: 9rem;
    text-align: center; }
    @media (max-width: 769px) {
      .home .reason-card .reason .content {
        max-width: 48%;
        height: inherit; } }
    .home .reason-card .reason .content img {
      height: 3.8rem;
      margin-bottom: 1rem; }
.home .roadtoboard .rtb-content {
  padding-left: 2rem; }
  @media (max-width: 769px) {
    .home .roadtoboard .rtb-content {
      padding-left: 0;
      text-align: center;
      margin-bottom: 3rem; } }
  @media (min-width: 992px) and (max-width: 1024px) {
    .home .roadtoboard .rtb-content {
      padding-left: 0; } }
  .home .roadtoboard .rtb-content img {
    height: 3.2rem; }
  .home .roadtoboard .rtb-content h5 {
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 400;
    margin-top: 1rem;
    font-family: "Merriweather Sans", sans-serif; }
.home .methodology {
  background-image: url("/static/img/method.png?0f169d8804c3");
  background-repeat: no-repeat;
  background-position: 5% 100%;
  background-size: 330px; }
  @media (max-width: 769px) {
    .home .methodology {
      background-image: none; } }
  @media (max-width: 769px) {
    .home .methodology .method-main {
      width: 70%;
      margin: 0 auto 1rem; } }
  .home .methodology .method {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 3rem auto; }
    @media (max-width: 769px) {
      .home .methodology .method {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin: 0 auto; } }
    .home .methodology .method .rtb-content {
      width: 31%;
      border-radius: 7px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      text-align: center;
      margin-left: 1rem;
      background: #FDF1E0;
      -webkit-transition: all 0.7s ease-in-out;
      transition: all 0.7s ease-in-out;
      height: 16rem;
      padding: 1rem;
      position: relative; }
      @media (max-width: 769px) {
        .home .methodology .method .rtb-content {
          width: 100%;
          margin-bottom: 1rem;
          margin-left: 0; } }
      @media (min-width: 568px) and (max-width: 900px) {
        .home .methodology .method .rtb-content {
          width: 48% !important;
          margin-bottom: 1rem;
          margin-left: 0; } }
      @media (min-width: 992px) and (max-width: 1024px) {
        .home .methodology .method .rtb-content {
          width: 49% !important;
          margin-bottom: 1rem;
          margin-left: 0; } }
      .home .methodology .method .rtb-content:hover {
        width: 40%;
        background: #FBEAD1;
        -webkit-transform-origin: center;
                transform-origin: center; }
        @media (max-width: 769px) {
          .home .methodology .method .rtb-content:hover {
            width: 100%; } }
        .home .methodology .method .rtb-content:hover h5 {
          font-size: 1.25rem; }
        .home .methodology .method .rtb-content:hover p {
          font-size: 1rem;
          line-height: 1.5rem; }
      .home .methodology .method .rtb-content h5 {
        font-size: 1rem;
        -webkit-transition: all 1s;
        transition: all 1s; }
        @media (max-width: 769px) {
          .home .methodology .method .rtb-content h5 {
            font-size: 1.25rem; } }
      .home .methodology .method .rtb-content p {
        font-size: 0.85rem;
        line-height: 1rem;
        -webkit-transition: all 1s;
        transition: all 1s; }
        @media (max-width: 769px) {
          .home .methodology .method .rtb-content p {
            font-size: 1rem;
            line-height: 1.5rem; } }
    .home .methodology .method .active h5 {
      font-size: 20px !important; }
    .home .methodology .method .active p {
      font-size: 1rem !important; }
.home .cbse .section-heading {
  margin-bottom: 1rem !important; }
.home .cbse h5 {
  font-size: 1.15rem;
  font-weight: 400;
  line-height: 1.5rem; }
.home .resources .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 197px;
  margin: 0 auto 2rem; }
  .home .resources .form-group label {
    margin-bottom: 0; }
  .home .resources .form-group select {
    width: 90px;
    border: 1px solid #FB8812;
    border-radius: 2rem;
    color: #FB8812; }
.home .resources #nav-tab {
  margin-bottom: 2rem;
  width: 39rem;
  border-bottom: 2px solid #dee2e6; }
  @media (max-width: 769px) {
    .home .resources #nav-tab {
      width: 18rem;
      margin: 0 auto 2rem; } }
  @media (min-width: 992px) and (max-width: 1024px) {
    .home .resources #nav-tab {
      width: 30rem;
      margin: 0 auto 2rem; } }
  .home .resources #nav-tab .nav-item {
    width: 13rem;
    background: transparent;
    border: none;
    border-bottom: 4px solid transparent;
    color: #344A60; }
    @media (max-width: 769px) {
      .home .resources #nav-tab .nav-item {
        width: 6rem;
        padding: 0.4rem 0; }
        .home .resources #nav-tab .nav-item h4 {
          font-size: 1.2rem; } }
    @media (min-width: 992px) and (max-width: 1024px) {
      .home .resources #nav-tab .nav-item {
        width: 10rem; } }
    .home .resources #nav-tab .nav-item.active {
      border-bottom: 4px solid #FB8812; }
.home .resources .tab-content {
  width: 90%;
  margin: 0 auto; }
.home .testimonial .testimonial-content {
  width: 82%;
  margin: 0 auto; }
  .home .testimonial .testimonial-content img {
    width: 9rem;
    margin: 0 auto; }
  .home .testimonial .testimonial-content h5 {
    margin: 1.5rem 0; }
  .home .testimonial .testimonial-content h4 {
    font-size: 1.25rem;
    font-family: "Merriweather Sans", sans-serif;
    font-weight: 700;
    margin-bottom: 0.3rem; }
  .home .testimonial .testimonial-content span {
    font-size: 1.25rem;
    font-family: "Merriweather Sans", sans-serif;
    font-weight: 400;
    margin-top: 0.5rem; }

@media (max-width: 769px) {
  .center .all-center {
    background: #FFFDFB; } }
.center .all-center #nav-tab {
  margin-bottom: 2rem;
  width: 100%;
  -webkit-box-shadow: 0 2px 5px 0 #A8B4BF;
          box-shadow: 0 2px 5px 0 #A8B4BF; }
  @media (max-width: 769px) {
    .center .all-center #nav-tab {
      width: 18rem; } }
  @media (min-width: 992px) and (max-width: 1024px) {
    .center .all-center #nav-tab {
      width: 30rem; } }
  .center .all-center #nav-tab .nav-item {
    height: 4.25rem;
    width: 12.5rem;
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: white;
    border: none;
    color: #344A60;
    -webkit-transition: all 300ms;
    transition: all 300ms;
    border-bottom: 4px solid white; }
    @media (max-width: 769px) {
      .center .all-center #nav-tab .nav-item {
        width: 6rem;
        padding: 0.4rem 0; }
        .center .all-center #nav-tab .nav-item h4 {
          font-size: 1.2rem;
          font-weight: 400; } }
    @media (min-width: 992px) and (max-width: 1024px) {
      .center .all-center #nav-tab .nav-item {
        width: 10rem; } }
    .center .all-center #nav-tab .nav-item h4 {
      font-weight: 400;
      margin-bottom: 0; }
    .center .all-center #nav-tab .nav-item.active {
      border-bottom: 4px solid #FB8812; }
.center .all-center .dropdown-nav {
  position: relative; }
  .center .all-center .dropdown-nav form::before {
    content: "";
    background: url("/static/img/down-arrow.png?5f9758242a6e");
    position: absolute;
    top: 0px;
    right: 19px;
    z-index: -1;
    width: 50px;
    background-color: white;
    height: 47px;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center; }
  .center .all-center .dropdown-nav form {
    -webkit-box-shadow: 0 2px 5px 0 #A8B4BF;
            box-shadow: 0 2px 5px 0 #A8B4BF; }
  .center .all-center .dropdown-nav #arealist {
    border: none;
    height: 3rem;
    font-size: 1.15rem;
    font-family: "Merriweather Sans", sans-serif; }
  .center .all-center .dropdown-nav a {
    color: #344A60;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 90%;
    position: relative; }
    .center .all-center .dropdown-nav a::after {
      content: "";
      background-image: url("/static/img/down-arrow.png?5f9758242a6e");
      position: absolute;
      width: 13px;
      right: 0;
      height: 13px;
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg);
      top: 23px;
      background-repeat: no-repeat;
      background-size: 12px; }
    .center .all-center .dropdown-nav a h5 {
      border-bottom: 1px solid #DADEEA;
      line-height: 2.8rem;
      -webkit-box-flex: 2;
          -ms-flex-positive: 2;
              flex-grow: 2;
      font-family: "Merriweather Sans", sans-serif; }
    .center .all-center .dropdown-nav a img {
      width: 1rem;
      margin-right: 0.5rem;
      margin-bottom: .5rem; }
.center .all-center .tab-content .card .link::after {
  content: none; }
.center .schools .section-heading {
  margin-bottom: 0.5rem !important; }
.center .schools .input-group {
  height: 3.25rem; }
  .center .schools .input-group input {
    background: white;
    border-radius: 2rem;
    border: 1px solid #A8B4BF; }
    .center .schools .input-group input::-webkit-input-placeholder {
      color: #A8B4BF; }
    .center .schools .input-group input:-ms-input-placeholder {
      color: #A8B4BF; }
    .center .schools .input-group input::-ms-input-placeholder {
      color: #A8B4BF; }
    .center .schools .input-group input::placeholder {
      color: #A8B4BF; }
    .center .schools .input-group input:focus {
      outline: none;
      -webkit-box-shadow: none;
              box-shadow: none; }
  .center .schools .input-group .input-group-append {
    position: absolute;
    right: 0;
    border: none;
    top: 50%;
    -webkit-transform: translate(-10%, -50%);
            transform: translate(-10%, -50%); }
    .center .schools .input-group .input-group-append .input-group-text {
      border: none;
      background: transparent; }
    .center .schools .input-group .input-group-append img {
      width: 1.25rem; }
.center .schools ul li a {
  font-size: 1.25rem;
  line-height: 2rem;
  color: #344A60;
  font-family: "Merriweather Sans", sans-serif;
  cursor: pointer; }
.center .schools ul li .orange {
  font-size: 18px; }
.center .schools .alphabet {
  border-bottom: 1px solid #A8B4BF;
  font-size: 2.385rem;
  margin-bottom: 0.6rem;
  width: 80%;
  background: #FFF1E2;
  line-height: 50px; }
  @media (max-width: 769px) {
    .center .schools .alphabet {
      position: -webkit-sticky !important;
      position: sticky !important;
      top: 0px; } }
.center .schools img {
  width: 1rem; }

.courses .all-subject #nav-tab .nav-item {
  width: 20% !important; }
.courses .all-subject .tab-content .card {
  margin-bottom: 2rem; }
  .courses .all-subject .tab-content .card .card-img-overlay {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(124, 163, 195, 0)), color-stop(16%, rgba(116, 128, 140, 0.26)), color-stop(46%, rgba(45, 53, 62, 0.43)), to(rgba(29, 42, 48, 0.93)));
    background-image: linear-gradient(-180deg, rgba(124, 163, 195, 0) 0%, rgba(116, 128, 140, 0.26) 16%, rgba(45, 53, 62, 0.43) 46%, rgba(29, 42, 48, 0.93) 100%); }
    .courses .all-subject .tab-content .card .card-img-overlay h5 {
      bottom: 0;
      position: absolute;
      color: white;
      font-size: 1.25rem; }
.courses .all-subject .dropdown-nav a {
  width: 100%; }
  .courses .all-subject .dropdown-nav a::after {
    content: none; }
.courses .all-subject .dropdown-nav h5 {
  border-bottom: none !important;
  color: white;
  margin-bottom: 0; }
.courses .all-subject .dropdown-nav ul li {
  margin-bottom: 1rem; }
  .courses .all-subject .dropdown-nav ul li:last-child {
    margin-bottom: 0; }
.courses .all-subject .dropdown-nav .card {
  height: 10rem; }
  .courses .all-subject .dropdown-nav .card .card-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  .courses .all-subject .dropdown-nav .card .card-img-overlay {
    top: initial;
    bottom: 0;
    padding-bottom: 0.5rem; }
.courses .online-test h4 {
  font-family: "Merriweather Sans", sans-serif;
  font-size: 1.25rem;
  margin-bottom: 1rem; }
.courses .online-test h5 {
  margin-bottom: 1rem; }
.courses .online-test .card {
  width: 32rem;
  margin: 0 auto;
  padding: 2rem;
  border: none;
  border-top: 20px solid #FB8812;
  border-radius: 16px 16px 10px 10px; }
  @media (max-width: 769px) {
    .courses .online-test .card {
      width: initial;
      padding: 1rem;
      margin-top: 2rem; }
      .courses .online-test .card .cta {
        left: 50%;
        -webkit-transform: translate(-50%, 0);
                transform: translate(-50%, 0); } }
  .courses .online-test .card .select-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto 3rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 70% !important;
    margin-left: 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media (max-width: 769px) {
      .courses .online-test .card .select-form {
        width: 100% !important;
        -ms-flex-pack: distribute;
            justify-content: space-around; } }
    .courses .online-test .card .select-form select {
      width: initial;
      border: 1px solid #FB8812;
      border-radius: 2rem;
      color: #FB8812; }
    .courses .online-test .card .select-form label {
      margin-bottom: 0; }
      @media (max-width: 769px) {
        .courses .online-test .card .select-form label {
          width: 50%; } }
  .courses .online-test .card .btn::after {
    border: none;
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    width: 10px;
    height: 10px;
    background: url("/static/img/down-arrow.png?5f9758242a6e");
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: 100%;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    cursor: pointer; }
  .courses .online-test .card h4, .courses .online-test .card label {
    font-weight: 400; }
  .courses .online-test .card label {
    font-size: 18px; }
  .courses .online-test .card select {
    min-width: 150px; }
    @media (max-width: 769px) {
      .courses .online-test .card select {
        padding-right: 2rem;
        min-width: 120px; } }
  .courses .online-test .card .form-group {
    margin-bottom: 2rem;
    width: 93%; }
    @media (max-width: 769px) {
      .courses .online-test .card .form-group {
        width: 100%; } }
    .courses .online-test .card .form-group input {
      width: 75%;
      background: #FAFAFA; }
      @media (max-width: 769px) {
        .courses .online-test .card .form-group input {
          width: 100%; } }
.courses .product .card {
  -webkit-box-shadow: 0 2px 5px 0 rgba(87, 87, 87, 0.55);
          box-shadow: 0 2px 5px 0 rgba(87, 87, 87, 0.55);
  -webkit-transition: -webkit-box-shadow 0.5s ease-in-out;
  transition: -webkit-box-shadow 0.5s ease-in-out;
  transition: box-shadow 0.5s ease-in-out;
  transition: box-shadow 0.5s ease-in-out, -webkit-box-shadow 0.5s ease-in-out;
  margin-bottom: 1.8rem;
  border-radius: 7px;
  color: #344A60; }
  .courses .product .card:hover {
    -webkit-box-shadow: 0 1px 3px 0 rgba(87, 87, 87, 0.3), 0 4px 8px 3px rgba(87, 87, 87, 0.3);
            box-shadow: 0 1px 3px 0 rgba(87, 87, 87, 0.3), 0 4px 8px 3px rgba(87, 87, 87, 0.3);
    color: #344A60; }
  .courses .product .card .card-text {
    font-family: "Merriweather Sans", sans-serif;
    font-weight: bold;
    font-size: 1.25rem;
    line-height: 2rem;
    margin: 0; }
  .courses .product .card p {
    margin-bottom: 0.4rem;
    font-size: 1.15rem; }
  .courses .product .card .link::after {
    content: none; }

/*.blogs .board-exams .container {*/
  /*max-width: 1000px; }*/
  .blogs .board-exams .container .section-heading {
    margin-bottom: 0 !important; }
  .blogs .board-exams .container .board-heading {
    font-size: 1.5rem;
    font-family: "IBM Plex Sans", sans-serif;
    color: #344A60;
    font-weight: 500;
    line-height: 2rem; }
  .blogs .board-exams .container .board-subheading, .blogs .board-exams .container .writer {
    font-size: 1.125rem;
    font-family: "Merriweather Sans", sans-serif;
    color: #344A60;
    font-weight: 400;
    line-height: 2rem; }
  .blogs .board-exams .container hr {
    background: #74797E;
    margin: 4rem 0 2rem; }
  .blogs .board-exams .container .share {
    max-width: 50%; }
    @media (max-width: 769px) {
      .blogs .board-exams .container .share {
        max-width: 100%; } }
    .blogs .board-exams .container .share h4 {
      font-family: "Merriweather Sans", sans-serif;
      color: #344A60;
      font-weight: 400;
      font-size: 1.25rem; }
    .blogs .board-exams .container .share .share-icons img {
      max-width: 3rem;
      margin-right: 1rem; }
      @media (max-width: 769px) {
        .blogs .board-exams .container .share .share-icons img {
          max-width: 2rem; } }
.blogs .blog .container {
  max-width: 1230px; }
  .blogs .blog .container .blog-card h5 {
    max-width: 70%; }
    @media (max-width: 769px) {
      .blogs .blog .container .blog-card h5 {
        max-width: 100%; } }

.career .life .container .section-heading {
  margin-bottom: 1.5rem !important; }
.career .life .container .main-img {
  height: 30rem;
  -o-object-fit: cover;
     object-fit: cover; }
  @media (max-width: 769px) {
    .career .life .container .main-img {
      height: 15rem; } }
.career .life .container .small-img {
  height: 14.5rem;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover; }
  @media (max-width: 769px) {
    .career .life .container .small-img {
      height: 10rem;
      margin-top: 2rem; } }

/*.faq-page .banner {*/
  /*height: 72vh; }*/
  .faq-page .banner img {
    height: 72vh;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover; }

.individual-courses {
  counter-reset: my-sec-counter; }
  .individual-courses .section-subheading {
    font-family: "Merriweather Sans", sans-serif !important;
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 700;
    margin-bottom: 2rem; }
  .individual-courses .features {
    max-width: 80%; }
    @media (max-width: 769px) {
      .individual-courses .features {
        max-width: 100%;
        padding: 0; } }
    .individual-courses .features .content {
      counter-increment: my-sec-counter;
      font-size: 1.5rem;
      color: #344A60;
      font-family: "IBM Plex Sans", sans-serif;
      font-weight: 700;
      line-height: 2rem;
      list-style-type: none;
      padding-left: 1rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .individual-courses .features .content::before {
        content: "" counter(my-sec-counter) ". ";
        font-family: "IBM Plex Sans", sans-serif;
        font-size: 1.25rem;
        color: #344A60;
        font-weight: 700;
        margin-right: 1rem;
        line-height: 2rem; }
      .individual-courses .features .content h4 {
        font-size: 1.125rem;
        font-weight: 400;
        font-family: "Merriweather Sans", sans-serif;
        line-height: 2rem;
        color: #344A60; }
  .individual-courses .table {
    width: 80%;
    max-width: 80%;
    margin: 0 auto; }
    @media (max-width: 769px) {
      .individual-courses .table {
        width: 100%;
        max-width: 100%; } }
    .individual-courses .table thead tr th {
      border-top: 0;
      border-bottom: 1px solid #2E363D;
      padding-left: 6rem;
      font-family: "Merriweather Sans", sans-serif;
      font-size: 1.25rem;
      font-weight: 700; }
      @media (max-width: 769px) {
        .individual-courses .table thead tr th {
          padding-left: 1rem;
          width: 62px; } }
    .individual-courses .table tbody tr td {
      padding-left: 6rem;
      font-family: "IBM Plex Sans", sans-serif;
      font-size: 1.125rem;
      color: #344A60;
      font-weight: 400; }
      @media (max-width: 769px) {
        .individual-courses .table tbody tr td {
          padding-left: 1rem; } }
  .individual-courses .performance .section-heading {
    margin-bottom: 1.5rem !important; }
  .individual-courses .performance .subheading {
    font-size: 1rem;
    color: #344A60;
    font-weight: 400;
    font-family: "Merriweather Sans", sans-serif;
    max-width: 60%;
    margin: 0 auto; }
    @media (max-width: 769px) {
      .individual-courses .performance .subheading {
        width: 100%;
        max-width: 100%; } }
  @media (max-width: 769px) {
    .individual-courses .performance .performance-material:nth-child(-n+3) {
      margin-bottom: 3rem; } }
  .individual-courses .performance .performance-material .performance-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%; }
    .individual-courses .performance .performance-material .performance-content .performance-circle {
      width: 144px;
      height: 144px;
      margin: 0 auto;
      background: #FFFDFB;
      border-radius: 50%; }
    .individual-courses .performance .performance-material .performance-content h5 {
      font-family: "Merriweather Sans", sans-serif;
      font-size: 1.25rem;
      line-height: 2rem;
      font-weight: 700;
      max-width: 80%;
      margin: 1rem auto 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 2;
          -ms-flex: 2;
              flex: 2; }
    .individual-courses .performance .performance-material .performance-content h4 {
      font-family: "IBM Plex Sans", sans-serif;
      font-size: 1.125rem;
      font-weight: 400;
      margin-top: 1rem; }

.center-individual .touch .card {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }
  @media (max-width: 769px) {
    .center-individual .touch .card {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin: 0 1rem; } }
  .center-individual .touch .card .image {
    width: 35%;
    height: 19.3rem;
    -o-object-fit: contain;
       object-fit: contain; }
    @media (max-width: 769px) {
      .center-individual .touch .card .image {
        width: 100%;
        height: auto; } }
  .center-individual .touch .card .card-detail {
    padding: 2rem 2rem 0 2rem; }
    @media (max-width: 769px) {
      .center-individual .touch .card .card-detail {
        padding: 2rem 0; } }
    @media (min-width: 568px) and (max-width: 900px) {
      .center-individual .touch .card .card-detail {
        padding: 2rem 0; } }
    .center-individual .touch .card .card-detail .red {
      font-family: "Merriweather Sans", sans-serif;
      margin-bottom: 1rem;
      padding-left: 1.4rem; }
    .center-individual .touch .card .card-detail .center-info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: 14.3rem;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      @media (max-width: 769px) {
        .center-individual .touch .card .card-detail .center-info {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          height: auto; } }
      .center-individual .touch .card .card-detail .center-info .content {
        margin-bottom: 1.2rem;
        margin-right: 7rem;
        position: relative; }
        @media (max-width: 769px) {
          .center-individual .touch .card .card-detail .center-info .content {
            margin-right: 0rem; } }
        @media (min-width: 568px) and (max-width: 900px) {
          .center-individual .touch .card .card-detail .center-info .content {
            margin-right: 0.5rem;
            margin-bottom: 1rem;
            width: 48%; } }
        .center-individual .touch .card .card-detail .center-info .content h5 {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          padding-left: 1.4rem;
          margin-bottom: 0; }
        .center-individual .touch .card .card-detail .center-info .content .link {
          padding-left: 1.4rem;
          font-size: 1.25rem; }
          .center-individual .touch .card .card-detail .center-info .content .link::after {
            content: none; }
        .center-individual .touch .card .card-detail .center-info .content img {
          position: absolute;
          height: 1.25rem;
          margin-right: 0.4rem;
          top: 50%;
          left: -9px;
          -webkit-transform: translate(0%, -50%);
                  transform: translate(0%, -50%); }
        .center-individual .touch .card .card-detail .center-info .content a h5 {
          color: #276ef1; }
        .center-individual .touch .card .card-detail .center-info .content .font-merri {
          font-family: "Merriweather Sans", sans-serif;
          position: relative;
          line-height: 2rem;
          margin-bottom: 0rem; }
          .center-individual .touch .card .card-detail .center-info .content .font-merri::before {
            background-image: url("/static/img/center-location.png?07d5462dbfe9");
            position: absolute;
            left: 0;
            width: 20px;
            height: 20px;
            background-size: 15px;
            background-repeat: no-repeat; }
.center-individual .leader .testimonial-content img {
  width: 9rem;
  border-radius: 2rem;
  margin: 0 auto 2rem; }
.center-individual .leader .testimonial-content h4 {
  font-size: 1.25rem;
  font-family: "Merriweather Sans", sans-serif;
  font-weight: 600; }
.center-individual .principal .image {
  height: 23rem; }
  @media (max-width: 769px) {
    .center-individual .principal .image {
      margin-bottom: 2rem;
      height: auto; } }
.center-individual .principal h4 {
  font-family: "Merriweather Sans", sans-serif;
  font-size: 1.25rem;
  margin-bottom: 0.7rem; }
.center-individual .principal h5 {
  width: 80%; }
  @media (max-width: 769px) {
    .center-individual .principal h5 {
      width: 100%; } }
.center-individual .schools .section-heading {
  margin-bottom: 2.8rem !important; }
.center-individual .schools .school-card {
  padding: 0 1.5rem 0rem 0;
  border-bottom: 1px solid #FBD4AB;
  width: 80%;
  margin: 0 auto 2rem;
  position: relative; }
  .center-individual .schools .school-card::after {
    content: "";
    background-image: url("/static/img/down-arrow.png?5f9758242a6e");
    position: absolute;
    width: 13px;
    right: 0;
    height: 13px;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    top: 23px;
    background-repeat: no-repeat;
    background-size: 12px; }
  @media (max-width: 769px) {
    .center-individual .schools .school-card {
      padding: 0 0rem 1rem 0;
      width: 100%; } }
  .center-individual .schools .school-card h4 {
    font-size: 1.25rem;
    font-family: "Merriweather Sans", sans-serif;
    color: #344A60;
    font-weight: 600; }
  .center-individual .schools .school-card p {
    font-size: 1.125rem;
    color: #344A60; }
.center-individual .stories iframe {
  height: 30rem; }
  @media (max-width: 769px) {
    .center-individual .stories iframe {
      height: auto; } }
.center-individual .stories .carousel-indicators {
  position: relative;
  width: 72%;
  margin: 0 auto 2rem;
  -ms-flex-pack: distribute;
      justify-content: space-around; }
  @media (max-width: 769px) {
    .center-individual .stories .carousel-indicators {
      width: 100%; } }
  .center-individual .stories .carousel-indicators li {
    width: 100px;
    height: 100px; }
    @media (max-width: 769px) {
      .center-individual .stories .carousel-indicators li {
        width: 50px;
        height: 50px; } }
    .center-individual .stories .carousel-indicators li.active::after {
      content: "";
      border-bottom: 4px solid #FB8812; }
    .center-individual .stories .carousel-indicators li img {
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
.center-individual .stories .carousel-control-prev, .center-individual .stories .carousel-control-next {
  height: 60px;
  width: 60px;
  position: absolute;
  top: 60%;
  margin-top: -30px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  background: white;
  border-radius: 50%;
  left: -2%;
  opacity: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0 2px 5px rgba(87, 87, 87, 0.55);
          box-shadow: 0 2px 5px rgba(87, 87, 87, 0.55); }
  @media (max-width: 769px) {
    .center-individual .stories .carousel-control-prev, .center-individual .stories .carousel-control-next {
      height: 40px;
      width: 40px;
      margin-top: -20px; } }
  .center-individual .stories .carousel-control-prev::after, .center-individual .stories .carousel-control-next::after {
    content: '';
    width: 21px;
    height: 13px;
    background-image: url("/static/img/down-arrow.png?5f9758242a6e");
    position: absolute;
    background-image: url("/static/img/down-arrow.png?5f9758242a6e");
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    opacity: 1; }
    @media (max-width: 769px) {
      .center-individual .stories .carousel-control-prev::after, .center-individual .stories .carousel-control-next::after {
        width: 10.7px;
        height: 6.5px; } }
.center-individual .stories .carousel-control-next {
  left: inherit;
  right: -2%;
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg); }

.rtb .banner .owl-item .banner-img {
  width: 100%; }
.rtb .banner .content {
  width: 100%;
  left: 0;
  bottom: 8%; }
  @media (max-width: 769px) {
    .rtb .banner .content {
      left: 50%;
      bottom: 16%; } }
  .rtb .banner .content h1 {
    margin: 0 auto;
    width: 45%;
    text-align: center; }
    @media (max-width: 769px) {
      .rtb .banner .content h1 {
        width: 100%; } }
.rtb .blog .text {
  width: 66%;
  margin: 0 auto;
  text-align: center; }
  @media (max-width: 769px) {
    .rtb .blog .text {
      text-align: center;
      width: 90%; } }
.rtb .roadtoboard .text {
  padding-bottom: 2rem; }
.rtb .leader h3 {
  font-size: 1.25rem;
  padding: 2rem 0 2rem 4%; }
@media (min-width: 992px) and (max-width: 1024px) {
  .rtb .leader .owl-prev, .rtb .leader body .owl-nav .owl-next, body .owl-nav .rtb .leader .owl-next {
    left: 2%; } }
@media (max-width: 769px) {
  .rtb .leader .owl-prev, .rtb .leader body .owl-nav .owl-next, body .owl-nav .rtb .leader .owl-next {
    left: 2%; } }
@media (min-width: 992px) and (max-width: 1024px) {
  .rtb .leader .owl-next {
    right: 2%; } }
@media (max-width: 769px) {
  .rtb .leader .owl-next {
    right: 2%; } }
.rtb .all-center #nav-tab {
  max-width: 1230px;
  margin: auto; }
  @media (min-width: 992px) and (max-width: 1024px) {
    .rtb .all-center #nav-tab {
      width: 100% !important; } }
  @media (max-width: 769px) {
    .rtb .all-center #nav-tab {
      width: 100% !important; } }
.rtb .all-center .nav-item {
  width: 50% !important; }
.rtb .all-center .owl-carousel {
  padding: 1rem 0; }
.rtb .all-center .table {
  width: 80%;
  max-width: 80%;
  margin-top: 1rem; }
  .rtb .all-center .table th {
    border-bottom: 1px solid #74797E !important; }
  .rtb .all-center .table td {
    padding-top: 2rem; }
.rtb .all-center .mobile .col-md-12 {
  padding-top: 1rem;
  padding-bottom: 1rem; }
@media (max-width: 769px) {
  .rtb .all-center .dropdown-nav a {
    color: white !important;
    width: 90% !important; } }
.rtb .all-center .student {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media (max-width: 769px) {
    .rtb .all-center .student {
      width: 90%;
      margin: 0 auto;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
  .rtb .all-center .student .item {
    width: 20%;
    margin-bottom: 2rem; }
    @media (max-width: 769px) {
      .rtb .all-center .student .item {
        width: 50%; } }
    @media (min-width: 992px) and (max-width: 1024px) {
      .rtb .all-center .student .item {
        width: 30%; } }
.rtb .scholarship .container {
  padding-top: 0; }
.rtb .scholarship .table {
  width: 90% !important;
  max-width: 90% !important; }
.rtb .scholarship .nav-item {
  width: 20% !important; }
@media (max-width: 769px) {
  .rtb .topics .table {
    width: 100% !important;
    max-width: 100% !important; } }
@media (max-width: 769px) {
  .rtb .topics .table tr {
    white-space: nowrap; } }
.rtb .topics .table th {
  padding-left: 5rem; }
  @media (max-width: 769px) {
    .rtb .topics .table th {
      padding-left: 2rem; } }
  .rtb .topics .table th:last-child {
    padding-right: 5rem; }
    @media (max-width: 769px) {
      .rtb .topics .table th:last-child {
        padding-left: 1rem; } }
.rtb .topics .table td {
  padding-left: 5rem;
  border-bottom: 1px solid #dee2e6; }
  @media (max-width: 769px) {
    .rtb .topics .table td {
      padding-left: 2rem;
      border-bottom: 0; } }
  .rtb .topics .table td:last-child {
    font-weight: bold; }
.rtb .topics .alert {
  padding-left: 16%;
  font-style: italic;
  font-size: 0.9375rem;
  padding-top: 1.5rem; }
.rtb .rtb-inner .nav-item {
  width: 20% !important; }
.rtb .rtb-inner .sub-heading {
  padding-left: 8%;
  font-size: 1.5rem;
  font-weight: 500;
  margin-top: 1.5rem; }
.rtb .blueprint .question {
  padding-bottom: 3rem; }
  .rtb .blueprint .question h4 {
    border-bottom: 1px solid #D8D8D8;
    padding-bottom: 1rem; }
    @media (max-width: 769px) {
      .rtb .blueprint .question h4 {
        padding-top: 2rem; } }
  @media (max-width: 769px) {
    .rtb .blueprint .question .col-lg-7 {
      width: 80%;
      margin: 0 auto; } }
  .rtb .blueprint .question p {
    padding: 1rem 0;
    font-weight: 500;
    font-size: 1.25rem; }
  .rtb .blueprint .question ul {
    list-style-image: url("/static/img/list-dots.png?416dc9e94672"); }
    .rtb .blueprint .question ul li {
      padding-bottom: 1rem;
      font-size: 1.125rem; }
.rtb .resources .download-paper .sub_heading {
  padding: 2rem 1rem;
  font-size: 1.25rem;
  font-weight: 500; }
.rtb .resources .download-paper .card {
  width: 100%;
  margin: 0 auto;
  border-radius: 7px;
  margin-bottom: 30px;
  border: none;
  -webkit-box-shadow: 0 2px 5px 0 rgba(87, 87, 87, 0.55);
          box-shadow: 0 2px 5px 0 rgba(87, 87, 87, 0.55); }
  .rtb .resources .download-paper .card .card-body .card-text {
    color: #344A60;
    font-size: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .rtb .resources .download-paper .card .card-body .card-text img {
      width: 1.5rem; }
.rtb #myModal .modal-dialog {
  top: 20%; }
  .rtb #myModal .modal-dialog .modal-content {
    border-radius: 1.3rem; }
    .rtb #myModal .modal-dialog .modal-content .modal-body {
      padding: 3rem; }
      .rtb #myModal .modal-dialog .modal-content .modal-body h5 {
        padding: 0 0 1.5rem; }
      .rtb #myModal .modal-dialog .modal-content .modal-body .row {
        margin: 0; }
        .rtb #myModal .modal-dialog .modal-content .modal-body .row .radio-button {
          margin: 0;
          padding-bottom: 1rem;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
          .rtb #myModal .modal-dialog .modal-content .modal-body .row .radio-button .left {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: start;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            width: 50%;
            margin-bottom: 1rem; }
            @media (max-width: 769px) {
              .rtb #myModal .modal-dialog .modal-content .modal-body .row .radio-button .left {
                width: 100%; } }
          .rtb #myModal .modal-dialog .modal-content .modal-body .row .radio-button input {
            margin-right: 1rem; }
.rtb .sticky {
  position: fixed;
  top: 0;
  z-index: 99;
  width: 100%;
  left: 0;
  -webkit-transition: width 2s;
  transition: width 2s; }
  .rtb .sticky .nav-tabs {
    max-width: 100% !important;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }

.about .vision .text {
  width: 66%;
  margin: 0 auto; }
.about .hindustan_english .container-fluid {
  padding: 0 15px; }
  @media (max-width: 769px) {
    .about .hindustan_english .container-fluid {
      padding: 3rem 1rem; } }
  @media (min-width: 992px) and (max-width: 1024px) {
    .about .hindustan_english .container-fluid {
      padding: 4rem 1rem; } }
  .about .hindustan_english .container-fluid img {
    /*height: 25rem;*/
    -o-object-fit: cover;
       object-fit: cover; }
    /*@media (max-width: 769px) {*/
      /*.about .hindustan_english .container-fluid img {*/
        /*height: 12rem; } }*/
  .about .hindustan_english .container-fluid .content {
    width: 70%;
    margin: 0 auto; }
    @media (max-width: 769px) {
      .about .hindustan_english .container-fluid .content {
        width: 100%; } }
    @media (min-width: 992px) and (max-width: 1024px) {
      .about .hindustan_english .container-fluid .content {
        width: 100%; } }
    .about .hindustan_english .container-fluid .content .section-heading {
      margin-top: 20%; }
      @media (min-width: 992px) and (max-width: 1024px) {
        .about .hindustan_english .container-fluid .content .section-heading {
          margin-top: 0; } }
  @media (min-width: 992px) and (max-width: 1024px) {
    .about .hindustan_english .container-fluid .sec-content {
      margin-top: 3rem; } }
.about .testimonial .testimonial-content h4 {
  font-size: 1.125rem !important; }
.about .testimonial .testimonial-content h5 {
  font-size: 1.125rem !important; }
.about .section_heading {
  font-family: "Merriweather Sans", sans-serif !important;
  font-size: 1.75rem !important;
  line-height: 2rem;
  font-weight: 700;
  margin-bottom: 2.8rem !important; }

.articles .blog-card {
  max-width: 100%;
  margin-bottom: 1.5rem; }
.articles .list .heading {
  padding: 2rem;
  font-size: 1.25rem;
  font-family: "Merriweather Sans", sans-serif;
  margin-bottom: 0; }
.articles .list ul {
  padding: 1rem 2rem 2rem; }
  .articles .list ul li {
    padding: 1rem 0 0.3rem;
    border-bottom: 1px solid #DADEEA;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative; }
    .articles .list ul li a {
      color: inherit;
      width: 100%; }
      .articles .list ul li a::after {
        content: "";
        background-image: url("/static/img/down-arrow.png?5f9758242a6e");
        position: absolute;
        width: 13px;
        right: 0;
        height: 13px;
        -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg);
        top: 23px;
        background-repeat: no-repeat;
        background-size: 12px; }
  .articles .list ul p {
    padding: 1.5rem 0 0; }
    .articles .list ul p a {
      color: #FB8812; }
.articles .mobile button {
  background-color: white;
  width: 100%;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .articles .mobile button::after {
    content: none; }
.articles .mobile .dropdown-menu {
  width: 100%; }
  .articles .mobile .dropdown-menu li {
    padding: 1rem; }
    .articles .mobile .dropdown-menu li a {
      color: #344A60; }

.articles-category .category-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 98%; }
  @media (max-width: 769px) {
    .articles-category .category-top {
      width: 100%;
      padding-right: 0; } }
  @media (max-width: 769px) {
    .articles-category .category-top .category .form-group {
      margin-bottom: 0; } }
  .articles-category .category-top .category .select {
    font-size: 1.625rem;
    font-family: "Merriweather Sans", sans-serif;
    border: none;
    height: 3rem;
    padding: 0 1rem 0 0;
    background-position: 100%;
    width: 14rem;
    position: relative;
    white-space: wrap; }
    @media (max-width: 769px) {
      .articles-category .category-top .category .select {
        width: 14rem;
        font-size: 1.25rem;
        text-align: left; } }
    @media only screen and (max-width: 350px) {
      .articles-category .category-top .category .select {
        width: 10rem; } }
    .articles-category .category-top .category .select::after {
      content: "";
      background-image: url("/static/img/down-arrow.png?5f9758242a6e");
      background-size: 20px;
      width: 30px;
      height: 15px;
      background-repeat: no-repeat;
      /* position: absolute; */
      position: absolute;
      font-size: 1.625rem;
      padding: 0 1rem 0 0;
      font-family: "Merriweather Sans", sans-serif;
      border-top: none;
      top: 1rem; }
      @media (max-width: 769px) {
        .articles-category .category-top .category .select::after {
          font-size: 1.25rem;
          height: 3rem; } }
    .articles-category .category-top .category .select:focus {
      -webkit-box-shadow: none;
              box-shadow: none; }
  .articles-category .category-top .category .dropdown-menu {
    border-radius: 10px;
    width: 22rem;
    padding: 2rem;
    -webkit-box-shadow: 0 2px 5px 0 rgba(87, 87, 87, 0.55);
            box-shadow: 0 2px 5px 0 rgba(87, 87, 87, 0.55);
    border: none;
    margin-left: -1rem;
    -webkit-transform: translate3d(0, 0, 0) !important;
            transform: translate3d(0, 0, 0) !important;
    top: 100% !important; }
    @media (max-width: 769px) {
      .articles-category .category-top .category .dropdown-menu {
        width: 14rem;
        margin-left: 0;
        padding: 1rem;
        -webkit-transform: translate3d(0, 0, 0) !important;
                transform: translate3d(0, 0, 0) !important;
        top: 100% !important; } }
    .articles-category .category-top .category .dropdown-menu li a {
      color: #344A60;
      font-size: 1.125rem; }
      @media (max-width: 769px) {
        .articles-category .category-top .category .dropdown-menu li a {
          font-size: 1.25rem; } }
    .articles-category .category-top .category .dropdown-menu hr {
      border-top: 2px solid #D8D8D8; }
  .articles-category .category-top .sort {
    background: #FFF1E2;
    border-radius: 5px; }
    .articles-category .category-top .sort button {
      background: transparent;
      color: #FB8812; }
      .articles-category .category-top .sort button img {
        margin-left: 0.5rem;
        width: 1rem; }
      .articles-category .category-top .sort button::after {
        content: none; }
    .articles-category .category-top .sort .dropdown-menu {
      border-radius: 10px 0 10px 10px;
      border: none;
      margin-top: -6px;
      margin-left: 9%;
      background: #FFF1E2; }
    .articles-category .category-top .sort .radio-button {
      display: block;
      width: 200px;
      padding: 1rem; }
.articles-category .blog-card {
  width: 88%;
  margin-right: auto;
  margin-left: 0; }
  @media (max-width: 769px) {
    .articles-category .blog-card {
      width: 100%; } }
.articles-category .select-container {
  position: relative;
  display: inline-block; }
  .articles-category .select-container::before {
    content: attr(data-content);
    position: absolute;
    top: 1px;
    right: 10px;
    bottom: 0;
    left: 0;
    font-size: 1.625rem;
    padding: 0 1rem 0 0;
    font-family: "Merriweather Sans", sans-serif;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-transform: capitalize;
    pointer-events: none; }
    @media (max-width: 769px) {
      .articles-category .select-container::before {
        font-size: 1.25rem;
        top: 6px; } }
@media (max-width: 769px) {
  .articles-category .category-row {
    padding-top: 3rem; } }

.resource .resources .tab-content {
  width: 100%; }
  .resource .resources .tab-content .section-heading {
    margin-bottom: 2.8rem !important; }
    @media (max-width: 769px) {
      .resource .resources .tab-content .section-heading {
        margin-bottom: 1rem !important; } }
    .resource .resources .tab-content .section-heading h4 {
      font-family: "Merriweather Sans", sans-serif !important;
      font-size: 1.75rem !important;
      line-height: 2rem;
      font-weight: 700;
      margin-bottom: 1rem; }
      @media (max-width: 769px) {
        .resource .resources .tab-content .section-heading h4 {
          font-size: 1.5rem !important; } }
    .resource .resources .tab-content .section-heading h5 {
      font-family: "IBM Plex Sans", sans-serif;
      font-size: 1.125rem; }
  @media (max-width: 769px) {
    .resource .resources .tab-content #videos .card {
      height: 6rem; } }
  .resource .resources .tab-content #videos .card::before {
    width: 39px;
    height: 30px; }
  @media (max-width: 769px) {
    .resource .resources .tab-content #papers .card .card-body {
      padding: 0.5rem; } }
  @media (max-width: 769px) {
    .resource .resources .tab-content #papers .card .card-text {
      font-size: 1rem; } }
  @media (max-width: 769px) {
    .resource .resources .tab-content #papers .card .card-text img {
      width: 1rem; } }
  @media (max-width: 769px) {
    .resource .resources .tab-content #cbsepapers .card .card-body {
      padding: 0.5rem; } }
  @media (max-width: 769px) {
    .resource .resources .tab-content #cbsepapers .card .card-text {
      font-size: 1rem; } }
  @media (max-width: 769px) {
    .resource .resources .tab-content #cbsepapers .card .card-text img {
      width: 1rem; } }
  @media (max-width: 769px) {
    .resource .resources .tab-content #solution .card .card-body {
      padding: 0.5rem; } }
  @media (max-width: 769px) {
    .resource .resources .tab-content #solution .card .card-text {
      font-size: 1rem; } }
  @media (max-width: 769px) {
    .resource .resources .tab-content #solution .card .card-text img {
      width: 1rem; } }
.resource .resources .radio-button li {
  padding: 1.1rem 2rem 1.1rem 2.5rem; }
  .resource .resources .radio-button li .div {
    margin-bottom: 0; }
    .resource .resources .radio-button li .div .checkmark {
      left: -5px; }
.resource .resources .checkbox li {
  padding: 1.1rem 2rem 1.1rem 2.5rem; }
  .resource .resources .checkbox li .div {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .resource .resources .checkbox li .div input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0; }
      .resource .resources .checkbox li .div input:checked .checkmark {
        background-color: #2196F3; }
    .resource .resources .checkbox li .div .checkmark {
      position: absolute;
      top: 3px;
      left: 0;
      height: 20px;
      width: 20px;
      background-color: #eee; }
  .resource .resources .checkbox li .div input:checked ~ .checkmark:after {
    display: block;
    background-color: #Fff; }
  .resource .resources .checkbox li .div input:checked ~ .checkmark {
    background-color: #fff;
    border: 1px solid #344A60; }
  .resource .resources .checkbox li .div .checkmark:after {
    display: none;
    position: absolute;
    margin-left: -4px;
    margin-top: -9px;
    left: 50%;
    top: 50%;
    width: 8px;
    content: "";
    height: 15px;
    border: solid #FB8812;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
.resource .resources .list {
  width: 87%; }
  .resource .resources .list .heading {
    padding: 2rem 0 2rem 2.5rem;
    font-family: "Merriweather Sans", sans-serif;
    margin-bottom: 0; }
    @media (max-width: 769px) {
      .resource .resources .list .heading {
        font-size: 1.25rem; } }
.resource .resources .mobile form::before {
  content: none; }
.resource .resources .mobile form .form-group {
  max-width: 100%; }
  .resource .resources .mobile form .form-group select {
    width: 100%;
    border-radius: 0; }
.resource .resources .mobile .dropdown {
  position: static;
  font-family: "Merriweather Sans", sans-serif; }
  .resource .resources .mobile .dropdown button {
    font-size: 1.25rem;
    height: 48px;
    width: 100%;
    color: inherit; }
    .resource .resources .mobile .dropdown button::after {
      content: none; }
    .resource .resources .mobile .dropdown button img {
      width: 1.2rem; }
  .resource .resources .mobile .dropdown .show {
    position: absolute !important;
    -webkit-transform: translate3d(0px, 0px, 0px) !important;
            transform: translate3d(0px, 0px, 0px) !important;
    top: 57% !important;
    left: -133% !important;
    width: 86vw;
    padding: 0;
    border: none;
    will-change: transform !important; }

.school .schools .container .input-group {
  width: 40%;
  margin: 0 auto; }
  @media (max-width: 769px) {
    .school .schools .container .input-group {
      width: 100%; } }
  .school .schools .container .input-group .school-search {
    width: 100%;
    border-radius: 2em;
    border: 1px solid #A8B4BF;
    height: 52px;
    padding: 1rem; }
  .school .schools .container .input-group img {
    position: absolute;
    right: 3%;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    max-width: 1.5rem; }
    @media (max-width: 769px) {
      .school .schools .container .input-group img {
        right: 10%; } }
.school .schools .container .library-list {
  display: block;
  min-height: 70px;
  height: 22px;
  width: 100%;
  margin: 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  background: white; }
  @media (max-width: 769px) {
    .school .schools .container .library-list {
      display: none; } }
  @media (min-width: 992px) and (max-width: 1024px) {
    .school .schools .container .library-list {
      display: none; } }
  .school .schools .container .library-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;
    min-width: 74%;
    max-width: 74%;
    max-height: 71px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    list-style-type: none; }
    @media only screen and (min-width: 768px) and (max-width: 1025px) {
      .school .schools .container .library-list ul {
        min-width: 72%;
        max-width: 72%; } }
    .school .schools .container .library-list ul a {
      font-family: "IBM Plex Sans", sans-serif;
      color: #344A60;
      font-weight: 400;
      text-decoration: none;
      padding: 1.4rem 0;
      display: inline-block; }
      .school .schools .container .library-list ul a.active {
        border-bottom: 2px solid #EC8723 !important;
        padding: 1.4rem;
        min-width: 1rem;
        text-align: center;
        padding-left: 8px;
        padding-right: 8px; }
      .school .schools .container .library-list ul a:hover {
        text-decoration: none; }
      .school .schools .container .library-list ul a img {
        max-width: 18px;
        cursor: pointer; }
      .school .schools .container .library-list ul a li {
        min-height: 70px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
  .school .schools .container .library-list .owl-dots {
    display: none; }
  .school .schools .container .library-list .owl-nav .owl-prev, .school .schools .container .library-list body .owl-nav .owl-next, body .school .schools .container .library-list .owl-nav .owl-next {
    position: absolute;
    left: 5%;
    top: 50%;
    -webkit-transform: translate(0, -50%) rotate(90deg);
            transform: translate(0, -50%) rotate(90deg);
    height: 40px;
    width: 40px;
    margin-top: 0; }
  .school .schools .container .library-list .owl-nav .owl-next {
    position: absolute;
    right: 5%;
    top: 50%;
    -webkit-transform: translate(0, -50%) rotate(-90deg);
            transform: translate(0, -50%) rotate(-90deg);
    height: 40px;
    width: 40px;
    margin-top: 0; }
    @media (max-width: 769px) {
      .school .schools .container .library-list .owl-nav .owl-next {
        right: 10%; } }
.school .schools .container .school-list a {
  font-size: 1.25rem;
  line-height: 2rem;
  color: #344A60;
  font-family: "Merriweather Sans", sans-serif; }
.school .schools .mobile .dropdown .show {
  top: 88% !important;
  left: -120% !important; }
.school .schools .mobile .dropdown button {
  background: white; }
.school .schools .dropdown .show {
  top: 88% !important;
  left: -120% !important; }
.school .schools .dropdown button {
  background: white; }
/*# sourceMappingURL=main.css.map */
.hide {
  display: none!important;
}
.modal-responsive {
  max-height: calc(100vh - 225px);
}

@media (min-width: 769px) {
 .list-columns {
   -moz-column-count: 2;
   -moz-column-gap: 60px;
   -webkit-column-count: 2;
   -webkit-column-gap: 60px;
   column-count: 2;
   column-gap: 60px;
 }
}

.custom-card,
.custom-card:hover {
  /*color: inherit;*/
  cursor: pointer!important;
  /*width: 100%;*/
}

.course-card,
.course-card:hover {
  cursor: pointer!important;
}

@media (min-width: 769px) {
  body .bg-pink-desktop {
    background-color: #FEF8F2;
  }
}
/*#background_image{*/
   /*background-image: url("/static/img/method.png?0f169d8804c3");*/
/*}*/
.centers-data {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    height: 300px;
    width: 380px;
}

.centers-link{
  color: #276EF1;
  border-bottom: 1px solid ;
  margin-top: 1.6rem;
  padding-bottom: 0.12rem;
  transition: all 1s ease-in-out;
  position: absolute;
  margin-bottom: 1rem;
  bottom: 0;
}

.top6{
	max-height: 819px;
	overflow: hidden;
}

.top6-sm{
    max-height: 650px;
    overflow: hidden;
}

.showall{
	height: auto;
}

.resource.content.active {
    display: block;
}


.resource.content{
 
 display: none;
}

.faq_limited div:nth-child(n+6){
    display: none;
}

.show_more_faq{
    display: block;
    text-align: center!important;
    margin: auto;
}

.show_less_faq{
    display: none;
    text-align: center!important;
    margin: auto;
}

.show_more_content{
    display: block;
    text-align: center!important;
    margin: auto;
}

.show_less_content{
    display: none;
    text-align: center!important;
    margin: auto;
}

body #callback{
	/*z-index: 10000;*/
}

body #callback_extra_detail{
	/*z-index: 10000;*/
}

/*.normal_nav{*/
    /*width: 39rem!important;*/
/*}*/

/*.extended_nav{*/
    /*width: 52rem!important;*/
/*}*/

/*.top6-mobile li:not(.hide):nth-of-type(n+6){
    display: none;
}*/

.show-less {
    display: none;
}

.showall-mobile li:nth-child(n+6){
    display: block;
}

.error{
    font-size: 0.8rem !important;
    color: #D8000C;
}

.view_more{
    margin: auto;
}

.center-individual .schools .school-card::after{
    background-image: none;
}

.center-individual .schools .school-card{
    border-bottom: none;
}

.ul-pt-4>ul{
    max-width: 80%;
}
.ul-pt-4>ul>li{
    padding-top: 1.5rem!important;
}

.school-card>hr{
    border: 1px solid #FBD4AB;
    margin-top: 0;
}

.home .resources .form-group{
    width: 220px;
}

.home .resources .form-group select{
    width: 180px;
}

.home .testimonial .owl-carousel .owl-prev.disabled{
    opacity: 0.2;
}

.home .testimonial .owl-carousel .owl-next.disabled{
    opacity: 0.2;
}

#mobileForm{
    width: 100%;
}

.breadcrumb-style{
    padding-top: 30px;
    padding-left: 20px
}

.container-space{
    padding: 20px!important;
}

/*@media (min-width: 769px) {
 .navbar-dropdown-menu{
    background: #e74a3c;
    padding: 11px;
    color: white;
}
}*/

@media (min-width: 769px) {
 .navbar-dropdown-menu{
    background: #ffffff;
    /*padding: 11px;*/
    color: white;
    border-radius: 8px;
    padding-top: 0px;
    padding-bottom: 0px;
    box-shadow: -3px 9px 13px 0 rgba(0,0,0,0.21);
    border: none;
    }
}

@media (max-width: 768px){
.navbar-dropdown-menu{
    /*transition: all 0.3s linear;*/
    /*webkit-transition: all 0.3s linear;*/
    box-shadow: -3px 9px 13px 0 rgba(0,0,0,0.21);
}
    .subClassTable{
        table-layout: unset!important;
    }

    /*individual course tables*/
    body table td::before {
        display: none;
    }
    .topics table thead{
        position: unset!important;
    }
    /*individual course table ended*/
    .reason-heading{
        bottom: 1rem!important;
        left: 0rem!important;
    }

}
/*individual course tables*/
.individual-courses .table tbody tr td {
    padding-left: 1rem!important;
    text-align: left;
    padding: 5px 8px!important;
    border-right: 1px solid #dddfe0;
}

.individual-courses .table thead tr th h3{
    padding-left: 0;
    text-align: left;
    font-size: 18px;
}


.individual-courses .table thead tr th p{
    margin-bottom: 0;
}

.individual-courses .table thead tr th {
    padding-left: 11px;
    text-align: left;
    width: 65px;
    border-right: 1px solid #dee2e6;
}

.topics table{
    table-layout: unset;
    border: 1px solid #babdc0;
}
/*individual course table ended*/

.navbar-dropdown-menu>li{
    /*margin: 5px;*/
    margin: 0px;
}

.navbar-dropdown-menu>li.dropdown-divider {
    max-width: 80%;
    margin: auto;
}

@media (min-width: 769px) {
.navbar-dropdown-menu>li.dropdown-item{
    min-height: 36px;
    padding-left: 0px;
    padding-right: 0px;
}
}

@media (max-width: 768px) {
.navbar-dropdown-menu>li.dropdown-item{
    min-height: 36px;
}
}

.text-bold {
    font-weight: 500;
}

.img-circle {
    border-radius: 50%!important;
    height: 144px!important;
    width: 144px!important;
}

.performance-content>img{
    border-radius: 50%;
    height: 144px;
    width: 144px;
    margin: 0 auto;
}

.testimonial-content>img{
    border-radius: 50%;
    height: 144px;
    width: 144px;
}

body .owl-dots.wd-3 {
    width: 3rem;
}

body .owl-dots.wd-5 {
    width: 5rem;
}

div.sample-papers > a {
    float: left;
    clear: left;
    margin-bottom: 10px;
}

.mb-2{
    margin-bottom: 2rem!important;
}

.mt-2{
    margin-top: 2rem!important;
}

div.sample-papers h2, div.sample-papers p{
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5rem;
}

img.school-bullets {
    transform: rotate(270deg);
    max-height: 10px;
    margin-bottom: 5px;
    margin-right:3px;
}

ul.school-list-styled {
    list-style-image: url("/static/img/left-arrow.png?24bde3f24656");
}

.navbar-nav .dropdown-menu.navbar-dropdown-menu li a{
    font-weight: normal;
    color: #4a4a4a;
}


@media (min-width: 769px){
.navbar-nav .dropdown-menu > li.dropdown-item:hover, .navbar-nav .dropdown-menu > li.dropdown-item:focus {
    background-color: #ff1904c4;
}
}

@media (min-width: 769px){
.navbar-nav .dropdown-menu > li.dropdown-item:hover > a, .navbar-nav .dropdown-menu > li.dropdown-item:focus > a {
    color: white;
}
}

@media (max-width: 768px){
.navbar-nav .dropdown-menu > li.dropdown-item:hover, .navbar-nav .dropdown-menu > li.dropdown-item:focus {
    background-color: transparent;
}
}

.navbar-nav li.dropdown:focus {
    outline: none;    
}

.navbar-nav li.dropdown > a.dropdown-toggle:focus {
    outline: none;    
}

.top-rounded-border {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.bottom-rounded-border {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

@media (max-width: 768px){
.navbar-nav > li.nav-item a {
    display: block;
}

}

@media (min-width: 769px){
.navbar-nav > li.dropdown.nav-item > ul.dropdown-menu > li.dropdown-item > a {
    display: block;
    text-align: center;
}
}

.individual-courses .performance .performance-material .performance-content h4 {
    font-size: 1.5rem;
}

.course_content_description ul li::before,.course_content_description ul li p::before {
   content: "" counter(my-sec-counter) ". ";
   color: #344A60;
   font-weight: 700;
}

.course_content_description ul li, .course_content_description ul li p{
    counter-increment: my-sec-counter;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5rem;
    list-style: none;
}

@media (min-width: 769px) {
 .footer-content{
    max-width: 21%;
}
}

@-moz-document url-prefix() {
    #callback #callbackForm > div > input {
        padding-bottom: 1rem;
        padding-top: 0rem;
    }
}

@media (min-width: 769px) {
body .floating_btn .nearest {
    max-width: 10rem;
    min-width: 10rem;
}
}

/*@media (max-width: 769px) {*/
    /*.home .banner .content h1*/
    /*{*/
        /*text-align: initial !important;*/
    /*}*/
/*}*/

@media (max-width: 767px) {
    .faq-banner img {
        height: auto!important;
    }
}

.banner-form{
    width: 100%;
}
@media (max-width: 767px) {
    .banner-form{
        width: 90%;
    }
}


.currently-working{
    margin: auto;
    padding-bottom: 45px;
}

input::-webkit-input-placeholder{
    line-height: normal!important;
}

.overlay-desc{
    background-color: #21252994;
    font-family: 'Roboto', sans-serif;
    font-size: 16px !important;
    position: absolute;
    color: white;
    top: 71%;
    right: 3.7%;
    left: 4%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.overlay-resource-desc{
    background-color: #21252994;
    font-family: 'Roboto', sans-serif;
    font-size: 16px !important;
    position: absolute;
    color: white;
    top: 71%;
    right: 5%;
    left: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.result .result-content {
  padding-left: 2rem; }
  @media (max-width: 769px) {
    .result .result-content {
      padding-left: 0;
      text-align: center;
      margin-bottom: 3rem; } }
  @media (min-width: 992px) and (max-width: 1024px) {
    .result .result-content {
      padding-left: 0; } }
  .result .result-content img {
    height: 3.2rem; }
  .result .result-content h5 {
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 400;
    margin-top: 1rem;
    font-family: "Merriweather Sans", sans-serif; }


@media (max-width:769px) {
    .mobile-caption {
        display: flex;
        left: 0px;
        right: 0px;
        bottom: 0px;
    }
}

@media (max-width:769px) {
    .desktop-caption {
        display: none;
    }
}

@media (min-width:1023px) {
    .mobile-caption {
        display: none;
    }
}

@media (min-width:1023px) {
    .desktop-caption {
        display: flex;
    }
    .web-card{
        width: 31%;
        margin-right: 1rem;
    }
}

.courses .product .card p {
    overflow: hidden;
    display: -webkit-box;
    /*-webkit-line-clamp: 3;*/
    -webkit-box-orient: vertical;
    max-height: 4.4em;
    margin-right: -1em;
}


body .card{
    cursor: default!important;
}

body .card span{
    cursor: pointer!important;
}

.otp-input-grp {
    display: -webkit-box;
}


input#download-editable-email {
    outline: 0;
    border-width: 0 0 2px;
    line-height: 2;
    min-width: 90%;
}

input#download-editable-email:focus {
    border-color: #a5dc86!important;
    background: none !important;
    outline: 0;
    border-width: 0 0 2px!important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}


.tooltip {
    z-index: 1000000;
}

button.swal-button.swal-button--confirm, button.swal-button.swal-button--resend {
    background-color: #fb8812e6!important;
}

button.swal-button.swal-button--confirm:hover, button.swal-button.swal-button--resend:hover {
    background-color: #FB8812!important;
}

button.generate_otp_btn {
    color: #ffffff;
    background-color: #FB8812;
    border-color: #d3dae1;
}

button.generate_otp_btn:hover {
    color: #ffffff;
    background-color: #FFA117;
    border-color: #d3dae1;
}

.highlighted {
    color : #fb8812e6;
}

button.generate_otp_btn.resend-otp-btn:hover span.highlighted {
    color: #ffffff;
}

button.generate_otp_btn.resend-otp-btn:disabled {
    color: #ffffff;
    background-color: #fb8812e6;
}


.countdown {
  position: relative;
  /*margin: auto;*/
  margin-top: -7px;
  margin-right: -7px;
  height: 23px;
  width: 40px;
  text-align: center;
}

.countdown-number {
  color: white;
  display: inline-block;
  line-height: 40px;
  font-size: 10px;
}

svg {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  transform: rotateY(-180deg) rotateZ(-90deg);
}

svg circle {
  stroke-dasharray: 75px;
  stroke-dashoffset: 0px;
  stroke-linecap: round;
  stroke-width: 2px;
  stroke: white;
  fill: none;
  animation: countdown 30s linear forwards;
}

@keyframes countdown {
  from {
    stroke-dashoffset: 0px;
  }
  to {
    stroke-dashoffset: 75px;
  }
}

.p-1r{
    padding: 1rem;
}

@media (min-width: 1024px){
    .m-l-4{
        margin-left: 4rem;
    }
}

.ht-styling{
    margin-top: 0!important;
}

.campaign-styling{
        padding-left: 15px;
        padding-right: 15px;
    }
/*@media(max-width:767px) {*/
    /*.campaign-styling{*/
        /*!*margin-top: 55%;*!*/
        /*margin-top: calc((100% - 4.5rem)/2);*/
    /*}*/
/*}*/
/*@media(min-width:768px) and (max-width:1024px) {*/
    /*.campaign-styling{*/
        /*margin-top: 45%;*/
    /*}*/
/*}*/
/*@media(min-width:1025px) {*/
    /*.campaign-styling{*/
        /*padding-top: 5%;*/
    /*}*/
/*}*/
.cm-styling{
    background: rgba(0, 0, 0, 0.7);
}

.badge-notification{
    color: #fff;
    height: 18px;
    background: linear-gradient(160deg,#3dbbfc 0,#3dbbfc 30%);
    user-select: none;
    z-index: 1;
}

.badge {
    position: relative;
    top: -3px;
    display: inline-block;
    padding: .25em .4em;
    font-size: 65%;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    text-transform: uppercase;
    margin-left: -0.1rem;
}

.campModal{
    z-index: 10000;
}
.dropdown:hover .dropdown-menu {display: block;}

/*pagination changes start*/
body .pagination li.active span{
    border-bottom: 2px solid #F3943D;
}
body .pagination li.active{
    border-bottom: 0;
}
body .pagination li{
    padding-left: 1rem;
}
body .pagination li a {
    margin: 0;
}
body .pagination li a img {
    width: 10px;
    margin-top: -0.2rem;
}
/*pagination changes ended*/

/* for recent and popular post on articles detail page*/
.widget-title{
    border-bottom: 2px solid #f4f4f4;
    /* color: #222529; */
    /* float: left; */
    font-size: 18px;
    height: 34px;
    /* width: 100%; */
    margin-top: 4px;
}

.widget-text{
    padding: 5px 0;
    float: left;
    list-style-type: none;
    width: 100%;
    font-weight: 500;
    /* border-bottom: 1px solid #f4f4f4; */
    color: #f4943d;
    margin-bottom: 5px;
}

/*style breadcrumb*/
.breadcrumb-styling{
    padding-top: 2rem;
    padding-left: 1rem;
    padding-bottom: 1rem;
}

/*side bar styling*/
.sidebar-styling {
    float: left;
    padding-left: 1rem;
    text-align: left;
}

#secondary .row{
    margin: 0;
}

@media (min-width: 767px) {
    .popular_blog {
        padding-top: 8rem;
    }
}

/*blogs section and gallery page*/
@media (min-width: 1200px) {
    .board-exams .container {
        max-width: 1140px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .board-exams .container {
        max-width: 960px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .board-exams .container {
        max-width: 720px;
    }
}
@media (min-width: 576px) and (max-width: 767px) {
    .board-exams .container {
        max-width: 540px;
    }
}
.board-exams .container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

/*gallery page*/
@media (max-width: 767px) {
    .resources .tab-content .gallery .card {
        border-radius: 1rem;
        height: 7rem!important;
        margin-bottom: 2rem;
        border: none;
    }
}
@media (min-width: 767px) {
    .resources .tab-content .gallery .card {
        border-radius: 1rem;
        margin-bottom: 2rem;
        border: none;
        height: 12rem!important;
    }
}
.resources .tab-content .gallery .card img{
        border-radius: 1rem;
        height: 100%;
        border: none;
    }

.mfp-wrap{
    z-index: 10000;
    background: rgba(0, 0, 0, 0.23);
}

.nav-hide{
    display: none;
}

.content_limited  div:nth-child(n+4){
    display: none;
}



/*search filter on blog page*/
.blog .head-box {
  display: flex;
  justify-content: space-between; }
  @media (max-width: 767px) {
    .blog .head-box {
      flex-wrap: wrap; } }
  .blog .head-box .search-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center !important;
    border-radius: 2em;
    padding: 1.5rem;
    cursor: text;
    background: white;
    color: #A8B4BF;
    border: 2px solid #d6d8d9;
    font-weight: 300;
    margin-bottom: 1.5rem;
    letter-spacing: 0.3px;
    min-width: 18rem;
    max-width: 18rem;
    min-height: 3rem;
    height: 3rem; }
    @media (max-width: 767px) {
      .blog .head-box .search-box {
        margin-top: 1rem;
        padding-left: 0rem; } }
    .blog .head-box .search-box input {
      font-size: 1rem;
      width: 19rem;
      border: none; }
    @media (max-width: 767px) {
        .blog .head-box .search-box input {
            width: 15rem;
            padding-left: 1rem;
        }
    }
      .blog .head-box .search-box input:focus {
        outline: none;
        border: none!important;
        background: white!important;
      }
    .blog .head-box .search-box .btn {
      background: transparent;
      border: none;
      padding: 0; }
      .blog .head-box .search-box .btn .fa-search {
        font-size: 1.25rem;
        color: #F3943D; }

.search-blog{
    height: inherit;
}

/*social sharing*/
.social-sharing-styling{
    font-size: 20px;
}

@media (min-width:1023px) {
    .mobile-ss {
        display: none;
    }
}

:focus {
    outline: 0;
}

.footer-center .swal-footer{
    text-align: center!important;
}

.newsletter .swal-content{
    padding: 0 50px;
}

.newsletter .swal-footer{
    text-align: center!important;
}

@media(min-width: 769px){
    .md-column-150{
        width: 150px;
    }
    .home .reason-card .cc-reason .reason{
        height: 15rem!important;
    }
}

.SubClass td{
    text-align: left!important;
}

/*error page*/
.error-404 a{
    margin: auto;
}
.error-404 .section-heading h5{
    font-size: 30px;font-weight: 500;letter-spacing: 1px; margin-top: 55px;
}
/*error page end*/

.reason-heading {
    bottom: -1.5rem;
    z-index: 11;
    width: 100%;
    left: 7rem;
    position: absolute;
}

.home .reason-card .cc-reason .reason{
    padding-top: 1.5rem;
}

body #co_submit:focus{
    border: none!important;
    background: #FB8812!important;
}

@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/static/lib/owlcarousel/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/* --------------------------------

Primary style

-------------------------------- */
/* html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
} */
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* body {
  font-size: 100%;
  font-family: "Droid Serif", serif;
  color: #7f8c97;
  background-color: #e9f0f5;
} */
/* a {
  color: #acb7c0;
  text-decoration: none;
  font-family: "Open Sans", sans-serif;
} */
/* img {
  max-width: 100%;
} */
/* h1, h2 {
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
} */
/* --------------------------------

Modules - reusable parts of our design

-------------------------------- */
.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
}

.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

/* --------------------------------

Main components

-------------------------------- */
/* header {
  height: 200px;
  line-height: 200px;
  text-align: center;
  background: #303e49;
}

header h1 {
  color: #ffffff;
  font-size: 18px;
  font-size: 1.125rem;
}

@media only screen and (min-width: 1170px) {
  header {
    height: 300px;
    line-height: 300px;
  }

  header h1 {
    font-size: 24px;
    font-size: 1.5rem;
  }
} */
#cd-timeline {
  position: relative;
  padding: 0;
  margin-top: 2em;
  margin-bottom: 2em;
}

#cd-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 1px;
  background: #D8D8D8;
}

@media only screen and (min-width: 1170px) {
  #cd-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }

  #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
}

.cd-timeline-block {
  position: relative;
  margin: 1em 0;
}

.cd-timeline-block::after {
  clear: both;
  content: "";
  display: table;
}

.cd-timeline-block:first-child {
  margin-top: 0;
}

.cd-timeline-block:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 1170px) {
  .cd-timeline-block {
    margin: 1em 0;
  }

  .cd-timeline-block:first-child {
    margin-top: 0;
  }

  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}

.cd-timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  /* box-shadow: 0 0 0 4px #ffffff, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05); */
}

.cd-timeline-img img {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
}
.cd-timeline-img.cd-picture p{
  margin-bottom: 0; 
}
.cd-timeline-img.cd-picture {
  background: #FEECDA;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  .cd-timeline-img.cd-picture p {
    font-size: 0.75rem;
  }
}

@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    top: 30%;
    margin-left: -30px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }

  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden;
  }

  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
  }
}

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
  }
}

@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -moz-transform: scale(1.2);
  }

  100% {
    -moz-transform: scale(1);
  }
}

@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  background: #ffffff;
  border-radius: 0.25em;
  padding: 0 1em;
  /* box-shadow: 0 3px 0 #d7e4ed; */
}

.cd-timeline-content::after {
  clear: both;
  content: "";
  display: table;
}

.cd-timeline-content h2 {
  color: #303e49;
}

.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  font-size: 13px;
  font-size: 0.8125rem;
}

.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  display: inline-block;
}

.cd-timeline-content p {
  margin: 1em 0;
  line-height: 1.6;
  width: 85%;
  margin: 0 auto;
  text-align: center;
  padding-top: 2rem;
}

.cd-timeline-content .cd-read-more {
  float: right;
  padding: .8em 1em;
  background: #acb7c0;
  color: #ffffff;
  border-radius: 0.25em;
}

.no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: #bac4cb;
}

.cd-timeline-content .cd-date {
  float: left;
  padding: .8em 0;
  opacity: .7;
}

.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid #ffffff;
}

@media only screen and (min-width: 768px) {
  .cd-timeline-content h2 {
    font-size: 20px;
    font-size: 1.25rem;
  }

  .cd-timeline-content p {
    font-size: 16px;
    font-size: 1rem;
  }

  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
    margin-left: 0;
    padding: 0 1.6em;
    width: 45%;
  }

  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: #ffffff;
  }

  .cd-timeline-content .cd-read-more {
    float: left;
  }

  .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 6px;
    font-size: 16px;
    font-size: 1rem;
  }

  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
  }

  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: #ffffff;
  }

  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
    float: right;
  }

  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 122%;
    text-align: right;
  }

  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden;
  }

  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }
}

@media only screen and (min-width: 1170px) {

  /* inverse bounce effect on even content blocks */
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }
}

@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}

@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -moz-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}

@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}