body {

  font-size: 14px;

  font-family: 'Catamaran', sans-serif; }



h1 {

  font-size: 3em; }



h2 {

  font-size: 2.5em; }



h3 {

  font-size: 2em; }



h4 {

  font-size: 1.5em; }



h5, p {

  font-size: 1em; }



h6 {

  font-size: 0.5em; }



h1, h2, h3, h4, h5, h6 {

  font-weight: bold; }



button {

  outline: 0 !important;

  box-shadow: none !important; }



.btn-outline-primary {

  border-radius: 0;

  border-color: #7A1733;

  color: #7A1733;

  transition: all ease-in-out 0.3s; }

  .btn-outline-primary:hover {

    background-color: #7A1733;

    border-color: #7A1733; }



.btn-primary {

  border-radius: 0;

  border-color: #7A1733;

  background: #7A1733;

  transition: all ease-in-out 0.3s; }

  .btn-primary:hover {

    background-color: rgba(122, 23, 51, 0.9);

    border-color: #7A1733; }



#collaboration {

  margin-top: 100px; }

  #collaboration h2 {

    margin-bottom: 30px; }

  #collaboration .col-lg-2 {

    margin-bottom: 30px; }

  #collaboration img {

    width: 100%; }



.text-primary {

  color: #7A1733 !important; }



.navbar-top {

  background: #363636;

  color: #fff;

  line-height: 40px; }

  .navbar-top ul {

    margin: 0;

    padding: 0;

    list-style: none;

    text-align: right; }

    .navbar-top ul li {

      display: inline-block;

      margin-left: 30px; }

      .navbar-top ul li a {

        color: #fff; }



.navbar-bottom a.brand {

  display: block;

  margin-top: 15px; }

  .navbar-bottom a.brand img {

    height: 40px; }

.navbar-bottom .main-menu .menu-link {

  display: block;

  margin-top: 15px;

  text-align: right; }

  .navbar-bottom .main-menu .menu-link img {

    width: 40px;

    cursor: pointer; }

.navbar-bottom .main-menu #showMenu {

  padding: 0;

  margin: 0;

  list-style: none;

  position: fixed;

  background: #7A1733;

  z-index: 1070;

  top: 0;

  right: -300px;

  width: 300px;

  height: 100vh;

  overflow: auto;

  transition: all ease-in-out 0.3s; }

  .navbar-bottom .main-menu #showMenu > li {

    transition: all ease-in-out 0.3s; }

    .navbar-bottom .main-menu #showMenu > li span {

      line-height: 50px;

      font-size: 1.2em;

      color: #fff;

      cursor: pointer;

      padding: 0 15px;

      display: block;

      position: relative; }

      .navbar-bottom .main-menu #showMenu > li span:hover {

        text-decoration: none;

        background: rgba(0, 0, 0, 0.1); }

      .navbar-bottom .main-menu #showMenu > li span::after {

        display: inline-block;

        width: 0;

        height: 0;

        margin-left: .255em;

        vertical-align: .255em;

        content: "";

        border-top: .3em solid;

        border-right: .3em solid transparent;

        border-bottom: 0;

        border-left: .3em solid transparent;

        position: absolute;

        right: 15px;

        top: 20px; }

      .navbar-bottom .main-menu #showMenu > li span + ul {

        transform: scaleY(0);

        transform-origin: 0 0;

        transition: all ease-in-out 0.3s;

        padding: 0;

        margin: 0;

        list-style: none; }

        .navbar-bottom .main-menu #showMenu > li span + ul li {

          transition: all ease-in-out 0.3s; }

          .navbar-bottom .main-menu #showMenu > li span + ul li a {

            height: 0;

            display: block;

            padding: 0 30px;

            transition: all ease-in-out 0.3s; }

    .navbar-bottom .main-menu #showMenu > li a {

      line-height: 50px;

      font-size: 1.2em;

      color: #fff;

      cursor: pointer;

      padding: 0 15px;

      display: block; }

      .navbar-bottom .main-menu #showMenu > li a:hover {

        text-decoration: none;

        background: rgba(0, 0, 0, 0.1); }

    .navbar-bottom .main-menu #showMenu > li.active {

      background: rgba(0, 0, 0, 0.1); }

      .navbar-bottom .main-menu #showMenu > li.active span:hover {

        background: transparent; }

      .navbar-bottom .main-menu #showMenu > li.active ul {

        transform: scaleY(1); }

        .navbar-bottom .main-menu #showMenu > li.active ul li a {

          height: 40px;

          line-height: 40px; }

.navbar-bottom .menu-overlay {

  position: fixed;

  height: 100vh;

  width: 100vw;

  top: 0;

  right: -100vw;

  z-index: 1060;

  background: rgba(0, 0, 0, 0.8); }



footer {

  margin-top: 100px;

  padding: 50px 0;

  background: #F1F5F9; }

  footer img {

    width: 80%;

    margin-bottom: 20px; }

  footer .menu-title {

    text-transform: uppercase;

    font-weight: bold;

    margin: 15px 0;

    display: block; }

  footer ul {

    padding: 0;

    margin: 0;

    list-style: none; }

    footer ul li {

      line-height: 30px; }

      footer ul li a {

        color: #363636; }

        footer ul li a:hover {

          text-decoration: none;

          color: #7A1733; }

  footer input, footer button {

    border-radius: 0 !important;

    height: 40px !important;

    border-color: #e4e4e4 !important;

    box-shadow: none !important; }

    footer input:focus, footer button:focus {

      border: 1px solid #7A1733;

      border-right: 0px; }

  footer button {

    width: 40px;

    border-left: 0px !important;

    background: #fff !important; }

    footer button img {

      margin: 0;

      width: 20px; }



#slider .carousel-inner {

  position: relative;

  margin-top: 90px; }

#slider .overlay {

  background: rgba(122, 23, 51, 0.8);

  width: 60%;

  padding: 80px;

  position: absolute;

  top: -90px;

  height: 350px;

  display: flex;

  align-items: center;

  z-index: 1050; }

  #slider .overlay h1 {

    font-weight: bold;

    color: #fff; }

#slider .carousel-control-next-icon, #slider .carousel-control-prev-icon {

  position: absolute;

  bottom: 40px;

  width: 50px;

  height: 50px; }

#slider .carousel-control-next-icon {

  background-image: url("../img/right-arrow.svg"); }

#slider .carousel-control-prev-icon {

  background-image: url("../img/left-arrow.svg"); }



#events {

  margin-top: 150px; }

  #events .nav-pills {

    border: 0px; }

    #events .nav-pills .nav-link {

      font-size: 1.5em;

      color: #363636;

      padding: 0px;

      line-height: 40px;

      display: inline-block;

      width: 150px;

      text-align: center;

      border-bottom: 3px solid transparent;

      background: #fff;

      border-radius: 0; }

      #events .nav-pills .nav-link:hover {

        box-shadow: none;

        color: rgba(122, 23, 51, 0.8); }

      #events .nav-pills .nav-link.active {

        color: #7A1733;

        border: 0px;

        border-bottom: 3px solid #7A1733;

        font-weight: bold; }

  #events .tab-content {

    padding: 50px 0px; }

    #events .tab-content .tab-pane .card {

      border: 0;

      border-radius: 0px;

      display: block;

      color: #363636;

      transition: all ease-in-out 0.5s;

      margin-bottom: 30px; }

      #events .tab-content .tab-pane .card .card-img-top {

        border-radius: 0; }

      #events .tab-content .tab-pane .card .card-body {

        padding: 5px; }

        #events .tab-content .tab-pane .card .card-body .card-title {

          margin-bottom: 0;

          color: #363636; }

      #events .tab-content .tab-pane .card:hover {

        text-decoration: none;

        box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15); }

        #events .tab-content .tab-pane .card:hover .card-title {

          color: #7A1733; }

  #events .show-more {

    text-align: center; }

    #events .show-more button {

      width: 30%;

      height: 50px;

      font-size: 1.5em; }



#programs {

  margin-top: 100px; }

  #programs h2 {

    margin-bottom: 50px; }

  #programs .card {

    border: 0;

    border-radius: 0px;

    display: block;

    color: #363636;

    transition: all ease-in-out 0.5s;

    margin-bottom: 30px; }

    #programs .card .card-img-top {

      border-radius: 0; }

    #programs .card .card-body {

      padding: 5px; }

      #programs .card .card-body .card-title {

        margin-bottom: 0;

        color: #363636;

        font-size: 1.5em; }

    #programs .card:hover {

      text-decoration: none;

      box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15); }

      #programs .card:hover .card-title {

        color: #7A1733; }



#exams {

  margin-top: 100px;

  background: rgba(244, 247, 254, 0.8);

  padding: 50px 0; }

  #exams h2 {

    margin-bottom: 30px; }

  #exams ul {

    list-style: none;

    padding: 0;

    margin: 0;

    height: 300px;

    overflow: auto; }

    #exams ul li {

      margin-bottom: 10px; }

      #exams ul li a {

        display: block;

        color: #363636;

        font-size: 1.5em;

        font-weight: bold; }

        #exams ul li a span {

          display: block; }

        #exams ul li a small {

          font-size: 0.5em;

          transform: translateY(-10px);

          display: inline-block; }

        #exams ul li a:hover {

          text-decoration: none; }

          #exams ul li a:hover span {

            color: #7A1733; }

          #exams ul li a:hover small {

            color: #363636; }

      #exams ul li:hover a {

        color: #7A1733;

        cursor: pointer; }

  #exams #examsImg {

    background: url("http://novoxinc.com/wp-content/uploads/2014/04/placeholder2.png") center no-repeat;

    background-size: 100% auto;

    height: 300px;

    width: 100%;

    object-position: center;

    object-fit: cover; }



#videos {

  margin-top: 100px; }

  #videos h2 {

    margin-bottom: 30px; }

  #videos img {

    width: 100%;

    filter: blur(5px); }

  #videos .mainvid {

    position: relative; }

  #videos .black-overlay {

    height: 500px;

    position: absolute;

    top: 0;

    background: rgba(0, 0, 0, 0.5);

    text-align: center;

    padding: 0 150px; }

    #videos .black-overlay h3, #videos .black-overlay p {

      color: #fff;

      margin-top: 40px;

      text-align: center; }

    #videos .black-overlay img {

      height: 100px;

      width: 100px;

      margin-top: 30px;

      filter: blur(0px); }

  #videos .more-vids {

    width: 80%;

    margin: auto;

    transform: translateY(-40%); }

    #videos .more-vids img {

      filter: blur(0px); }

    #videos .more-vids .card {

      border: 0;

      border-radius: 0px;

      display: block;

      color: #363636;

      transition: all ease-in-out 0.5s; }

      #videos .more-vids .card .card-img-top {

        border-radius: 0; }

      #videos .more-vids .card .card-body {

        padding: 5px; }

        #videos .more-vids .card .card-body .card-title {

          margin-bottom: 0;

          color: #363636; }

      #videos .more-vids .card:hover {

        text-decoration: none;

        box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15); }

        #videos .more-vids .card:hover .card-title {

          color: #7A1733; }

  #videos .show-more {

    text-align: center; }

    #videos .show-more button {

      width: 30%;

      height: 50px;

      font-size: 1.5em; }



#testimonials {

  background: rgba(244, 247, 254, 0.8);

  padding: 50px;

  margin-top: 100px; }

  #testimonials h2 {

    margin-bottom: 30px; }

  #testimonials .carousel-control-next-icon {

    background-image: url("../img/dark-right.svg"); }

  #testimonials .carousel-control-prev-icon {

    background-image: url("../img/dark-left.svg"); }

  #testimonials .carousel-control-next-icon, #testimonials .carousel-control-prev-icon {

    width: 50px;

    height: 50px; }

  #testimonials .testimony-container {

    width: 90%;

    margin: auto;

    padding-top: 30px; }

    #testimonials .testimony-container .carousel-inner {

      overflow: visible; }

      #testimonials .testimony-container .carousel-inner .carousel-item {

        transition: transform 2s ease,-webkit-transform 2s ease; }

    #testimonials .testimony-container .show-more {

      text-align: center;

      transform: translateY(-25px); }

      #testimonials .testimony-container .show-more button {

        height: 50px;

        width: 250px;

        border-radius: 25px;

        font-size: 1.4em; }

    #testimonials .testimony-container .testimony-card {

      text-align: center;

      height: 300px;

      padding: 0 15%;

      background: #fff;

      box-shadow: 0 2px 100px rgba(0, 0, 0, 0.08); }

      #testimonials .testimony-container .testimony-card .user-img {

        transform: translateY(-50px);

        width: 100%;

        height: 100px; }

        #testimonials .testimony-container .testimony-card .user-img img {

          width: 100px;

          height: 100px;

          object-fit: cover;

          object-position: center;

          box-shadow: 0 2px 100px rgba(0, 0, 0, 0.08);

          border-radius: 50px; }

      #testimonials .testimony-container .testimony-card .user-name {

        font-size: 1.5em;

        font-weight: bold;

        margin-top: 15px; }

      #testimonials .testimony-container .testimony-card .testimony {

        line-height: 30px;

        margin-top: 30px; }



.thumbnail {

  margin: 30px 0; }

  .thumbnail img {

    width: 100%; }



.intro h1 {

  margin-top: 30px; }



.content * {

  width: 100%;

  text-align: justify; }



.similar {

  margin-top: 50px; }

  .similar h1 {

    margin-bottom: 30px; }

  .similar .col-lg-4 {

    margin-bottom: 30px; }

  .similar .card {

    border: 0;

    border-radius: 0px;

    display: block;

    color: #363636;

    transition: all ease-in-out 0.5s; }

    .similar .card .card-img-top {

      border-radius: 0; }

    .similar .card .card-body {

      padding: 5px; }

      .similar .card .card-body .card-title {

        margin-bottom: 0;

        color: #363636; }

    .similar .card:hover {

      text-decoration: none;

      box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15); }

      .similar .card:hover .card-title {

        color: #7A1733; }



#page-title {

  height: 300px;

  background: url("https://counseling.ucr.edu/sites/g/files/rcwecm1711/files/caps_hero_hottopics2_1920x300.jpg") center no-repeat;

  background-size: auto 100%;

  margin-top: 2px; }

  #page-title .container-fluid {

    background-color: rgba(0, 0, 0, 0.7);

    height: 100%;

    align-items: center;

    display: flex; }

    #page-title .container-fluid .page-content {

      text-align: center;

      width: 100%; }

      #page-title .container-fluid .page-content h1 {

        color: #fff; }

      #page-title .container-fluid .page-content ul {

        padding: 0;

        margin: 0;

        list-style: none; }

        #page-title .container-fluid .page-content ul li {

          display: inline-block;

          color: #fff; }

          #page-title .container-fluid .page-content ul li a {

            color: #fff; }

            #page-title .container-fluid .page-content ul li a:hover {

              color: #7A1733;

              text-decoration: none; }

          #page-title .container-fluid .page-content ul li::after {

            content: '/';

            color: #fff;

            margin: 0 5px; }

          #page-title .container-fluid .page-content ul li:last-child::after {

            content: '';

            color: #fff; }



#page-content .page-info {

  margin-top: 30px; }

  #page-content .page-info h1, #page-content .page-info h2, #page-content .page-info h3, #page-content .page-info h4, #page-content .page-info h5, #page-content .page-info h6 {

    color: #7A1733; }

  #page-content .page-info p, #page-content .page-info li {

    text-align: justify !important; }



#table {

  margin: 50px 0; }



table {

  border: 1px solid #a6a6a6; }

  table thead th {

    border-bottom: 1px solid #a6a6a6 !important; }

  table th {

    font-size: 1.2em !important; }

  table tbody tr:nth-child(odd) {

    background-color: #eee; }

  table tbody td {

    font-size: 1.2em !important;

    padding: 10px 18px !important; }

    table tbody td:last-child {

      text-align: center; }

    table tbody td button {

      padding: 0 !important;

      line-height: 33px !important; }



.dataTables_wrapper select {

  margin: 0 10px;

  height: 40px;

  width: 100px;

  background-color: #fff;

  border-radius: 0;

  -webkit-appearance: none;

  padding: 10px;

  background-image: url("https://cdn.datatables.net/1.10.19/images/sort_desc.png");

  background-repeat: no-repeat;

  background-position: 100% 33%; }

.dataTables_wrapper .dataTables_filter input {

  height: 40px;

  -webkit-appearence: none;

  background-color: #fff;

  border: 1px solid #a6a6a6;

  width: 250px;

  margin-bottom: 30px; }

.dataTables_wrapper .dataTables_info {

  margin-top: 20px; }

.dataTables_wrapper .dataTables_paginate.paging_simple_numbers {

  margin-top: 20px; }

  .dataTables_wrapper .dataTables_paginate.paging_simple_numbers .previous, .dataTables_wrapper .dataTables_paginate.paging_simple_numbers .next {

    height: 40px;

    line-height: 40px;

    border-radius: 20px;

    padding: 0 30px; }

    .dataTables_wrapper .dataTables_paginate.paging_simple_numbers .previous:not(.disabled):hover, .dataTables_wrapper .dataTables_paginate.paging_simple_numbers .next:not(.disabled):hover {

      background: #7A1733 !important;

      border-color: #7A1733 !important;

      color: #fff !important; }

  .dataTables_wrapper .dataTables_paginate.paging_simple_numbers span {

    display: inline-block; }

    .dataTables_wrapper .dataTables_paginate.paging_simple_numbers span .paginate_button {

      height: 40px;

      width: 40px;

      border-radius: 20px !important;

      line-height: 40px;

      padding: 0; }

      .dataTables_wrapper .dataTables_paginate.paging_simple_numbers span .paginate_button.current {

        background: #7A1733 !important;

        border-color: #7A1733 !important;

        color: #fff !important; }

      .dataTables_wrapper .dataTables_paginate.paging_simple_numbers span .paginate_button:hover {

        background: #7A1733 !important;

        border-color: #7A1733 !important;

        color: #fff !important; }



#profile {

  margin-top: 2px;

  background-color: rgba(244, 247, 254, 0.8);

  padding: 50px 0; }

  #profile .prof-img {

    border-radius: 100px;

    height: 200px;

    width: 200px;

    object-fit: cover;

    object-position: center; }



#bio {

  margin-top: 50px; }

  #bio h3 {

    margin-top: 30px; }

  #bio p {

    line-height: 1.8;

    margin: 0 35px; }

  #bio .awards {

    margin-right: 35px; }

    #bio .awards li {

      font-size: 1.2em;

      margin-top: 7px;

      text-align: justify; }



#contact {

  padding: 50px 0; }

  #contact .contact-title {

    font-size: 1.5em;

    padding: 40px 10px 60px 10px; }

    #contact .contact-title strong {

      display: block; }



.ksl-form {

  padding-top: 15px; }

  .ksl-form label {

    font-size: 1.2em;

    cursor: pointer; }

    .ksl-form label.custom-control-label::before, .ksl-form label.custom-control-label::after {

      top: 0.15em;

      border-radius: 0px;

      box-shadow: none !important; }

  .ksl-form .custom-checkbox {

    margin-bottom: 15px; }

  .ksl-form .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {

    background-color: #7A1733 !important; }

  .ksl-form textarea {

    height: 120px;

    resize: none; }

  .ksl-form input, .ksl-form textarea, .ksl-form select {

    border-radius: 0px;

    border-width: 2px; }

    .ksl-form input:focus, .ksl-form textarea:focus, .ksl-form select:focus {

      box-shadow: none;

      border-color: #7A1733; }

  .ksl-form button {

    width: 100%; }



@media screen and (min-width: 0px) and (max-width: 575px) {

  #page-title {

    margin-top: 15px; }



  body {

    font-size: 12px; }



  .navbar-top {

    line-height: 30px; }

    .navbar-top ul {

      text-align: left; }

      .navbar-top ul li {

        margin-left: 0;

        margin-right: 30px; }



  #slider .overlay {

    position: relative;

    width: 100%;

    padding: 30px;

    height: 200px;

    top: 15px; }

  #slider .carousel-inner {

    margin-top: 15px; }



  #programs {

    margin-top: 50px; }

    #programs h2 {

      margin-bottom: 30px; }



  #events {

    margin-top: 70px; }

    #events .nav-pills .nav-link {

      width: 85px; }

    #events .show-more button {

      width: 60%; }



  #exams .no-show {

    display: none; }

  #exams ul {

    height: unset; }



  #videos .black-overlay {

    padding: 0 30px; }

    #videos .black-overlay img {

      height: 80px !important;

      width: 80px; }

  #videos .mainvid {

    margin-bottom: 30px; }

    #videos .mainvid img {

      height: 100%;

      object-position: center;

      object-fit: cover; }

  #videos .more-vids {

    width: 100%;

    transform: none; }

    #videos .more-vids .card {

      margin-bottom: 30px; }

  #videos .show-more button {

    width: 60%; }



  #testimonials {

    padding: 50px 0; }

    #testimonials .testimony-card {

      height: 500px !important; }

      #testimonials .testimony-card .testimony {

        line-height: 2 !important; }



  .row-div {

    display: flex;

    flex-wrap: wrap; }

    .row-div p {

      flex: 0 0 50%;

      max-width: 50%; }

      .row-div p:first-child {

        flex: 0 0 100%;

        max-width: 100%; }

        .row-div p:first-child br {

          display: none; }



  .row-list {

    display: flex;

    flex-wrap: wrap; }

    .row-list li {

      flex: 0 0 33.3333%;

      max-width: 33.33333%; }



  #profile {

    margin-top: 15px; }

    #profile .col-lg-8 {

      text-align: center;

      margin-top: 30px; } }

@media screen and (min-width: 576px) and (max-width: 767px) {

  body {

    font-size: 13px; }



  #page-title {

    margin-top: 15px; }



  .navbar-top {

    line-height: 40px; }

    .navbar-top ul li {

      margin-left: 15px; }



  #slider .overlay {

    position: relative;

    width: 100%;

    padding: 30px;

    height: 200px;

    top: 15px; }

  #slider .carousel-inner {

    margin-top: 15px; }

  #slider .carousel-control-next-icon, #slider .carousel-control-prev-icon {

    bottom: 70px; }



  #events .nav-pills .nav-link {

    width: 100px; }



  .show-more button {

    width: 50% !important; }



  #exams .no-show {

    display: none; }

  #exams ul {

    height: unset; }



  #videos .black-overlay {

    padding: 0 30px; }

    #videos .black-overlay img {

      height: 80px !important;

      width: 80px; }

  #videos .mainvid {

    margin-bottom: 30px; }

    #videos .mainvid img {

      height: 100%;

      object-position: center;

      object-fit: cover; }

  #videos .more-vids {

    width: 100%;

    transform: none; }

    #videos .more-vids .card {

      margin-bottom: 30px; }

  #videos .show-more button {

    width: 60%; }



  #testimonials {

    padding: 50px 0; }

    #testimonials .testimony-card {

      height: 450px !important; }

      #testimonials .testimony-card .testimony {

        line-height: 2 !important; }



  #profile {

    margin-top: 15px; }

    #profile .col-lg-8 {

      text-align: center;

      margin-top: 30px; } }

@media screen and (min-width: 768px) and (max-width: 991px) {

  body {

    font-size: 13px; }



  .navbar-top {

    line-height: 40px; }

    .navbar-top ul li {

      margin-left: 15px; }



  .show-more button {

    width: 50% !important; }



  #slider .overlay {

    padding: 15px 30px;

    height: 170px;

    top: -85px; }

    #slider .overlay h1 {

      font-size: 2em; }

  #slider .carousel-inner {

    margin-top: 100px; }

  #slider .carousel-control-next-icon, #slider .carousel-control-prev-icon {

    bottom: 70px; }



  #videos .black-overlay {

    padding: 0 30px; }

    #videos .black-overlay img {

      height: 80px !important;

      width: 80px; }

  #videos .mainvid {

    margin-bottom: 30px; }

    #videos .mainvid img {

      height: 100%;

      object-position: center;

      object-fit: cover; }

  #videos .more-vids {

    width: 95%;

    transform: translateY(-60%); }

    #videos .more-vids .card-body .card-title {

      font-size: 1.25em; }



  #testimonials .testimony-container .testimony-card .testimony {

    line-height: 20px;

    margin-top: 10px; }



  .row-div {

    display: flex;

    flex-wrap: wrap; }

    .row-div p {

      flex: 0 0 30%;

      max-width: 30%; }

      .row-div p br {

        display: none; }

      .row-div p:first-child {

        flex: 0 0 40%;

        max-width: 40%; }



  #profile {

    margin-top: 15px; }

    #profile .col-lg-8 {

      text-align: center;

      margin-top: 30px; } }

@media screen and (min-width: 992px) and (max-width: 1199px) {

  #slider .overlay {

    padding: 30px;

    height: 250px; }



  .navbar-bottom nav.row {

    position: relative; }

  .navbar-bottom a.brand {

    margin: 30px 0; }

    .navbar-bottom a.brand img {

      height: 50px !important; }

  .navbar-bottom .main-menu {

    position: unset !important; }

    .navbar-bottom .main-menu .menu-link {

      display: none; }

  .navbar-bottom ul#showMenu {

    position: unset !important;

    background: transparent !important;

    width: 100% !important;

    height: unset !important;

    text-align: right; }

    .navbar-bottom ul#showMenu li {

      display: inline-block; }

      .navbar-bottom ul#showMenu li > span {

        display: inline-block !important;

        line-height: 120px !important;

        color: #363636 !important;

        padding: 0 10px !important; }

        .navbar-bottom ul#showMenu li > span::after {

          position: unset !important; }

        .navbar-bottom ul#showMenu li > span:hover {

          background-color: transparent !important;

          color: #7A1733 !important; }

        .navbar-bottom ul#showMenu li > span + ul {

          position: absolute;

          transform: scaleY(0);

          width: 100%;

          left: 0;

          max-width: 930px;

          margin: 0 15px !important;

          padding: 0px !important;

          background: #F4F7FE;

          z-index: 1070;

          display: flex;

          flex-wrap: wrap;

          border: 1px solid white; }

          .navbar-bottom ul#showMenu li > span + ul li {

            height: 0;

            flex: 0 0 33.333333%;

            max-width: 33.333333%;

            text-align: left;

            display: block;

            padding: 0px;

            overflow: hidden; }

            .navbar-bottom ul#showMenu li > span + ul li a {

              height: 0px !important;

              overflow: hidden;

              line-height: 50px !important;

              display: block !important;

              padding: 0px !important;

              padding-right: 50px !important;

              position: relative;

              font-size: 1.3em;

              font-weight: bold; }

      .navbar-bottom ul#showMenu li > a {

        display: inline-block !important;

        line-height: 120px !important;

        color: #363636 !important;

        padding: 0 10px !important; }

        .navbar-bottom ul#showMenu li > a:hover {

          background-color: transparent !important;

          color: #7A1733 !important; }

      .navbar-bottom ul#showMenu li.active {

        background: transparent !important; }

      .navbar-bottom ul#showMenu li.mega-list:hover {

        background: transparent !important; }

        .navbar-bottom ul#showMenu li.mega-list:hover > ul {

          padding: 50px !important;

          border: 1px solid #e4e4e4; }

          .navbar-bottom ul#showMenu li.mega-list:hover > ul li {

            padding: 0 15px;

            height: 80px; }

            .navbar-bottom ul#showMenu li.mega-list:hover > ul li:nth-last-child(1) {

              height: 50px; }

            .navbar-bottom ul#showMenu li.mega-list:hover > ul li:nth-last-child(2) {

              height: 50px; }

            .navbar-bottom ul#showMenu li.mega-list:hover > ul li:nth-last-child(3) {

              height: 50px; }

            .navbar-bottom ul#showMenu li.mega-list:hover > ul li a {

              height: 50px !important; }

              .navbar-bottom ul#showMenu li.mega-list:hover > ul li a::after {

                content: "";

                width: 30px;

                height: 30px;

                background: url("../img/dark-right.svg") no-repeat center;

                background-size: 100% auto;

                position: absolute;

                top: 0;

                right: 0;

                margin: 10px; }

              .navbar-bottom ul#showMenu li.mega-list:hover > ul li a:hover {

                border-bottom: 1px solid #7A1733; }

  .navbar-bottom .menu-overlay {

    display: none; }



  #testimonials .testimony-container .testimony-card .testimony {

    line-height: 25px;

    margin-top: 15px; } }

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

  .navbar-bottom nav.row {

    position: relative; }

  .navbar-bottom a.brand {

    margin: 30px 0; }

    .navbar-bottom a.brand img {

      height: 50px !important; }

  .navbar-bottom .main-menu {

    position: unset !important; }

    .navbar-bottom .main-menu .menu-link {

      display: none; }

  .navbar-bottom ul#showMenu {

    position: unset !important;

    background: transparent !important;

    width: 100% !important;

    height: unset !important;

    text-align: right; }

    .navbar-bottom ul#showMenu li {

      display: inline-block; }

      .navbar-bottom ul#showMenu li > span {

        display: inline-block !important;

        line-height: 120px !important;

        color: #363636 !important;

        padding: 0 10px !important; }

        .navbar-bottom ul#showMenu li > span::after {

          position: unset !important; }

        .navbar-bottom ul#showMenu li > span:hover {

          background-color: transparent !important;

          color: #7A1733 !important; }

        .navbar-bottom ul#showMenu li > span + ul {

          position: absolute;

          transform: scaleY(0);

          width: 100%;

          left: 0;

          max-width: 1140px;

          margin: 0 15px !important;

          padding: 0 100px !important;

          background: #F4F7FE;

          z-index: 1070;

          display: flex;

          flex-wrap: wrap;

          border: 1px solid white; }

          .navbar-bottom ul#showMenu li > span + ul li {

            height: 0;

            flex: 0 0 33.333333%;

            max-width: 33.333333%;

            text-align: left;

            display: block;

            padding: 0px;

            overflow: hidden; }

            .navbar-bottom ul#showMenu li > span + ul li a {

              height: 0px !important;

              overflow: hidden;

              line-height: 50px !important;

              display: block !important;

              padding: 0px !important;

              padding-right: 50px !important;

              position: relative;

              font-size: 1.3em;

              font-weight: bold; }

      .navbar-bottom ul#showMenu li > a {

        display: inline-block !important;

        line-height: 120px !important;

        color: #363636 !important;

        padding: 0 10px !important; }

        .navbar-bottom ul#showMenu li > a:hover {

          background-color: transparent !important;

          color: #7A1733 !important; }

      .navbar-bottom ul#showMenu li.active {

        background: transparent !important; }

      .navbar-bottom ul#showMenu li.mega-list:hover {

        background: transparent !important; }

        .navbar-bottom ul#showMenu li.mega-list:hover > ul {

          border: 1px solid #e4e4e4;

          padding: 50px 100px !important; }

          .navbar-bottom ul#showMenu li.mega-list:hover > ul li {

            padding: 0 15px;

            height: 80px; }

            .navbar-bottom ul#showMenu li.mega-list:hover > ul li:nth-last-child(1) {

              height: 50px; }

            .navbar-bottom ul#showMenu li.mega-list:hover > ul li:nth-last-child(2) {

              height: 50px; }

            .navbar-bottom ul#showMenu li.mega-list:hover > ul li:nth-last-child(3) {

              height: 50px; }

            .navbar-bottom ul#showMenu li.mega-list:hover > ul li a {

              height: 50px !important; }

              .navbar-bottom ul#showMenu li.mega-list:hover > ul li a::after {

                content: "";

                width: 30px;

                height: 30px;

                background: url("../img/dark-right.svg") no-repeat center;

                background-size: 100% auto;

                position: absolute;

                top: 0;

                right: 0;

                margin: 10px; }

              .navbar-bottom ul#showMenu li.mega-list:hover > ul li a:hover {

                border-bottom: 1px solid #7A1733; }

  .navbar-bottom .menu-overlay {

    display: none; } }



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