@font-face {
       font-family: "century-gothic-bold";
       src: url(../fonts/century-gothic-bold.ttf);
   }
   
   @font-face {
       font-family: "century-gothic-regular";
       src: url(../fonts/century-gothic-regular.ttf);
   }
   
   .calendar-sidebar>.month-list {
       height: calc(100% - 75px);
       overflow-y: auto;
   }
  
   body {
       margin: 0px;
       padding: 0px !important;
       box-sizing: border-box;
       font-size: 16px;
       overflow-x: hidden;
       /*overflow-y: scroll;*/
   }
   
   html {
       overflow-x: hidden;
       scroll-behavior: smooth;
   }
   
   h1 {
       font-size: 27px;
       letter-spacing: 1.7px;
   }
   
   h2 {
       font-size: 19px;
       letter-spacing: 1.7px;
   }
   
   h1,
   h2,
   h3,
   h4,
   h5,
   h6,
   button {
       font-family: "century-gothic-bold";
   }
   
   a,
   p,
   ul {
       font-family: "century-gothic-regular";
       font-size: 18px;
   }
   
   a {
       text-decoration: none;
       outline: none;
       color: #151515;
   }
   
   a:hover,
   a:visited,
   a:focus {
       text-decoration: none;
       outline: none;
       color: #151515;
   }
   
   ul,
   li {
       list-style: none;
       padding: 0px;
       margin: 0px;
   }
   
   p {
       margin: 0px;
       line-height: 1.3;
   }
   
   .mb-0 {
       margin-bottom: 0px;
   }
   
   .mb-20 {
       margin-bottom: 20px;
   }
   
   .mb-40 {
       margin-bottom: 40px;
   }
   
   .newsletter-content .form-control {
       padding: 20px;
   }
   
   .section-padding {
       padding: 70px 0px;
   }
   
   .section-padding-top {
       padding-top: 45px;
   }
   
   .section-padding-bottom {
       padding-bottom: 70px;
   }
   /*navbar css start*/
   
   .navbar {
       background: #091a2a;
       padding: 15px 0px;
   }
   
   .navbar .logo img {
       width: 80px;
   }
   
   .navbar .navbar-nav li {
       padding: 12px 14px;
   }
   
   .navbar .navbar-nav li a {
       color: #fff;
   }
   
   .navbar .navbar-nav li a.nav-link {
       padding: 0px;
       letter-spacing: 0.8px;
   }
   
   .navbar .navbar-nav li a:hover {
       color: #6885a3 !important;
   }
   
   .navbar-dark .navbar-nav .nav-link {
       color: #fff;
   }
   
   .hamburger-menu {
       height: 100%;
       width: 0;
       position: fixed;
       z-index: 9999;
       top: 0;
       left: 0;
       background-color: rgba(9, 26, 42, 1);
       overflow-x: hidden;
       overflow-y: hidden;
       transition: 0.4s;
       padding-top: 60px;
   }
   
   .navbar-section a.close-btn {
       position: fixed;
       z-index: 999999;
       top: 0;
       left: 0;
       overflow-x: hidden;
       overflow-y: hidden;
       transition: 0s;
       font-size: 71px;
       color: #fff;
       visibility: hidden;
       opacity: 0;
   }
   
   .cross {
       left: 310px !important;
       top: 0px !important;
       visibility: visible !important;
       opacity: 1 !important;
       transition: 0.4s !important;
   }
   
   .hamburger-menu ul {
       padding: 20px 40px;
       white-space: nowrap;
   }
   
   .hamburger-menu li {
       list-style: none;
       display: flex;
       padding-bottom: 20px;
   }
   
   .hamburger-menu a {
       text-decoration: none;
       color: #fff;
       display: block;
       transition: 0.3s;
       letter-spacing: 1px;
   }
   
   .hamburger-menu li a.active {
       border-bottom: 2px solid #ffcd3e;
       color: #ffcd3e;
   }
   
   .myactive {
       border-bottom: 2px solid #ffcd3e;
       color: #ffcd3e !important;
   }
   
   .hamburger-menu a:hover:not(.active) {
       color: #ffcd3e;
   }
   
   .hamburger-menu .close-btn {
       position: absolute;
       top: 15px;
       right: 15px;
       font-size: 44px;
       color: #fff;
       line-height: 1.1;
   }
   
   .hamburger-menu .close-btn:hover {
       transition: 0.6s;
   }
   
   .hamburger_menu .hamburger-menu-bars {
       cursor: pointer;
       color: #fff;
       font-size: 26px;
   }
   
   .logo-image {
       margin: auto;
   }
   /*navbar css end*/
   /*footer css start*/
   
   footer {
       background: #0d2740;
   }
   
   footer p,
   footer a {
       color: #fff !important;
       margin-bottom: 10px;
   }
   
   footer a:hover {
       color: #ffcd3e !important;
   }
   
   footer .contact-section {
       padding-bottom: 15px;
   }
   footer .contact-section p a{
      font-size: 16px !important;
   }
   
   footer .contact-section p i {
       margin-right: 10px;
   }
   
   footer hr {
       margin: 25px 0px;
       opacity: 0.4;
       border: 1px solid #6885a3;
       margin-bottom: 15px;
   }
   
   footer .copyright-section {
       text-align: center;
   }
   
   footer .copyright-section p {
       text-align: center;
       font-size: 15px !important;
       margin-bottom: 0px;
   }
   
   footer .copyright-section a {
       color: #fff;
       font-size: 15px;
   }
   /*footer css end*/
   /*homepage css start*/
   /*homepager-slider css start*/
   
   .slider-section .homepage-slider {
       position: relative;
   }
   .click-me{
       cursor: pointer;
   }
   
   .slider-section .homepage-slider .slick-arrow {
       position: absolute;
       top: 50%;
       z-index: 999;
       color: #fff;
       font-size: 18px;
       text-align: center;
       width: 40px;
       outline: 0;
   }
   
   .slider-section .homepage-slider .slick-prev {
       left: 20px;
   }
   
   .slider-section .homepage-slider .slick-next {
       right: 20px;
   }
   /*homepager-slider css end*/
   /*about-section css start*/
   
   .title {
       margin-bottom: 40px;
       color: #091a2a;
       font-weight: 600;
   }
   /*about-section css end*/
   /*service-page css start*/
   
   .service-section ul li i {
       margin-right: 20px;
       color: #224d78;
       width: 15px;
   }
   
   .service-section .service-list ul li {
       margin-bottom: 15px;
       margin-right: 20px;
   }
   
   .service-section .service-list ul a {
       transition: all 0.15s ease-in-out;
   }
   /*service-page css end*/
   /*events-page css start*/
   
   .past-events-section .past-events-slider-image .slick-arrow {
       position: absolute;
       top: 45%;
       z-index: 999;
       color: #000;
       font-size: 18px;
       text-align: center;
       width: 40px;
       outline: 0;
   }
   
   .past-events-section .past-events-slider-image .slick-prev {
       left: -25px;
   }
   
   .past-events-section .past-events-slider-image .slick-next {
       right: -25px;
   }
   
   .past-events-section .past-events-slider-image li.slick-slide {
       margin: 0px 10px;
   }
   
   .past-events-section .past-events-slider-image img {
       cursor: pointer;
   }
   
   .gallery-modal .modal-dialog {
       max-width: 50%;
       margin-top: 90px;
   }
   
   .gallery-modal .modal-content {
       padding-bottom: 40px;
       background: #fff;
       color: #151515;
   }
   
   .gallery-modal .modal-body .prev,
   .gallery-modal .modal-body .next {
       cursor: pointer;
       position: absolute;
       top: 50%;
       width: auto;
       color: #fff !important;
       padding: 6px 6px;
       font-weight: bold;
       font-size: 18px;
       transition: 0.6s ease;
       border-radius: 0 3px 3px 0;
   }
   
   .gallery-modal {
       z-index: 999999;
   }
   
   .modal-body .prev {
       left: 15px;
   }
   
   .modal-body .next {
       right: 15px;
   }
   
   .gallery-modal .close-modal {
       color: #6885a3;
       position: absolute;
       top: 13px;
       right: 25px;
       font-weight: bold;
       cursor: pointer;
       z-index: 9999;
   }
   
   .gallery-modal .close-modal i {
       font-size: 26px;
   }
   
   .gallery-modal .thumb-container {
       margin-top: 20px;
       margin-bottom: 50px;
   }
   
   .gallery-modal .thumb-column {
       float: left;
       width: 25%;
       cursor: pointer;
       border-right: 1px solid #fff;
   }
   
   .gallery-modal .thumb-img {
       opacity: 0.6;
   }
   
   .modal .active,
   .thumb-img:hover {
       opacity: 1;
       border: 1px solid #151515;
       box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   }
   
   .gallery-modal .caption-container {
       text-align: center;
       background-color: #6885a3;
       padding: 2px;
   }
   
   .gallery-modal .caption-container p {
       color: #fff !important;
       margin: 5px;
       letter-spacing: 1.3px;
       font-size: 13px;
   }
   /*events-page css end*/
   /*concierge-section css start*/
   
   .concierge-section .nav-pills .nav-link.active,
   .concierge-section .nav-pills .show>.nav-link {
       color: #fff;
       background-color: #224d78;
       box-shadow: 5px 5px 10px #949393;
   }
   
   .concierge-section .nav-pills .nav-link {
       border-radius: 10px;
   }
   
   .concierge-section .nav-link {
       color: #224d78;
   }
   /*concierge-section css end*/
   /*consultation-section css start*/

   .consultation-event-holder .MAIN-BACKGROUND {
       background: #fff;
       position: relative;
       padding: 20px;
       box-shadow: 5px 5px 25px -20px #ddd;
       border-radius: 8px;
   }
   
   .consultation-section .main-background1 {
       min-height: 400px;
   }
   
   .MAIN-BACKGROUND .calendar-area-btn {
       padding: 30px 0px;
   }
   
   .MAIN-BACKGROUND .calendar-area-btn .aau-button {
       background: #091a2a;
       color: #fff;
       padding: 20px 0px;
       width: 250px;
   }
   
   .fancybox-content {
       width: 700px;
   }
   
   .aau-button {
       display: block;
       margin: auto;
       width: 200px;
       text-align: center;
       letter-spacing: 1px;
       border-radius: 6px;
       line-height: 1.2;
       font-size: 15px;
       outline: none;
       border: none;
       padding: 15px 30px;
       font-weight: 600;
       text-transform: uppercase;
   }
   
   .MAIN-BACKGROUND .calendar-area-btn button:hover {
       background: #ffcd3e;
       color: #fff;
       transition: 0.7s;
   }
   
   .MAIN-BACKGROUND .calendar-area-btn button:focus {
       box-shadow: none;
       outline: none;
       border: none;
   }
   
   .calendar-area-btn .open-events {
       margin-top: 30px !important;
   }
   
   .consultation-section .calendar-section-background .main-background {
       background: #0d2740;
       position: relative;
       padding: 16px;
       box-shadow: 5px 5px 25px -20px #091a2a;
   }
   
   .main-background h2 {
       text-align: center;
       margin-bottom: 15px;
       color: #fff;
   }
   
   .dncalendar-header h2 {
       color: #fff !important;
   }
   
   .dncalendar-body thead td {
       color: #fff !important;
   }
   
   .timeSlotSection {
       display: none;
       text-align: center;
   }
   
   .consultation-section .main-background1 {
       background: #0d2740;
       color: #fff;
       position: relative;
       min-height: 400px;
       padding: 30px 25px;
       box-shadow: 0 10px 50px -20px #0d2740;
       /* box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.4); */
   }
   
   .consultation-section .btn-dark {
       color: #fff;
       background-color: #6885a3;
       border-color: #6885a3;
       margin-right: 10px;
   }
   
   .consultation-section .main-background1 h4 {
       margin-bottom: 15px;
   }
   
   .consultation-section .main-background1 h2 {
       margin-bottom: 15px;
       text-align: center;
   }
   
   .timeSlot {
       margin-top: 30px;
       margin-bottom: 30px;
       text-align: center;
       color: #fff;
   }
   
   .timeSlot ul {
       list-style: none;
       padding: 0px;
   }
   
   .timeSlot ul li {
       display: inline-block;
       margin: 10px 4px;
       border-radius: 8px;
       box-shadow: 1px 1px 2px #eee;
   }
   
   .timeSlot ul li a {
       text-decoration: none;
       display: block;
       padding: 10px;
       font-size: 14px;
       color: #fff;
   }
   
   .timeSlot ul li i {
       padding-right: 5px;
   }
   
   .timeSlot ul li a:hover {
       color: #6885a3;
   }
   
   .timeSlot ul li a:hover.available {
       background: #fff;
   }
   
   .available {
       border: 1px solid #6885a3;
       color: #6885a3;
   }
   
   .calendarClick.holiday {
       pointer-events: none;
   }
   

   
   .timeSlot1 {
       margin-top: 10px;
   }
   
   .fa-check {
       color: green;
   }
   
   .customerInfo {
       display: none;
   }
   
   .kwd {
       font-size: 16px;
   }
   
   .terms {
       font-size: 16px;
   }
   
   .terms label {
       margin-bottom: 0px;
   }
   
   .terms a {
       color: #fff;
       font-size: 16px;
   }
   
   .terms a:hover {
       color: #ffcd3e;
   }
   
   #checkbox-tnc {
       margin-right: 5px;
   }
   
   .tnc p {
       display: initial;
   }
   
   .form-check-inline {
       padding-left: 13px;
       margin-bottom: 15px;
   }
   
   .thankyou-section {
       display: none;
       text-align: center;
   }
   
   .appointment-summary {
       margin-top: 120px;
   }
   
   .appointment-summary button {
       margin-top: 30px;
   }
   /*consultation-section css end*/
   /*events-calendar-section css start*/
   
   .events-calendar-section .calendar-inner {
       padding: 20px 10px !important;
   }
   
   #evoCalendar .calendar-sidebar>span#sidebarToggler {
       padding: 2px 8px;
       background-color: #6885a3;
       box-shadow: 0 5px 10px -3px #0d2740;
   }
   
   .royal-navy #eventListToggler {
       background-color: #6885a3;
       box-shadow: 0 5px 10px -3px #0d2740;
   }
   
   .royal-navy .calendar-sidebar {
       background-color: #0d2740;
   }
   
   .royal-navy .calendar-events {
       background-color: #0d2740;
   }
   
   .royal-navy tr.calendar-body .calendar-day .day.calendar-today {
       background-color: unset;
       color: #5a5a5a;
       box-shadow: 0 5px 10px -3px #6885a3;
       border-color: #164255;
   }
   
   .calendar-events>.event-header>p {
       font-size: 16px;
   }
   
   .royal-navy .event-list>.event-empty>p {
       font-size: 14px;
   }
   
   .event-container>.event-icon {
       position: relative;
       padding: 0px;
       width: 20px;
       height: 20px;
       float: left;
       top: 12px;
       margin-right: 10px;
   }
   
   .royal-navy .event-container>.event-info>p {
       font-size: 15px;
   }
   
   #evoCalendar tr.calendar-body .calendar-day {
       padding: 5px 0px;
   }
   
   #evoCalendar tr.calendar-body .calendar-day .day {
       padding: 6px;
       height: 40px;
       width: 40px;
   }
   
   #evoCalendar .calendar-sidebar>.calendar-year>p {
       font-size: 20px;
   }
   
   #evoCalendar .calendar-inner .calendar-table {
       font-size: 16px;
   }
   
   #evoCalendar th[colspan="7"] {
       font-size: 20px;
   }
   
   .royal-navy th[colspan="7"] {
       color: #0d2740;
   }
   
   .event-indicator {
       margin-top: 3px;
   }
   
   .event-indicator>.type-bullet {
       padding: 0px;
       margin-right:2px;
   }
   
   .event-guide {
       margin-top: 30px;
   }
   
   .event-guide .wrap span {
       width: 18px;
       height: 18px;
       display: block;
       margin-right: 10px;
       border-radius: 50%;
   }
   
   .event-guide .wrap {
       display: inline-flex;
       font-weight: 600;
       color: #000;
       text-transform: uppercase;
       font-size: 12px;
       margin-bottom: 5px;
   }
   
   .event-guide .wrap label {
       margin-bottom: 0px;
       font-size: 12px;
   }
   
   .event-guide .wrap span.greenclr {
       background: #14395d;
   }
   
   .event-guide .wrap span.yellowclr {
       background: #ffcd3e;
   }
   /*events-calendar-section css end*/
   /*business-advice-section css start*/
   
   .business-advice-section iframe {
       margin-bottom: 15px;
   }
   
   .ytp-large-play-button {
       width: 43px !important;
       height: 33px !important;
   }
   /*business-advice-section css end*/
   
   @media only screen and (max-width: 1100px) {
       .business-advice-section iframe {
           width: 190px;
       }
       .event-container>.event-info>p.event-title>span {
           right: -44px;
       }
     
   }
   
   @media only screen and (min-width: 991px) and (max-width: 1400px) {
       .event-container {
           margin-top: 20px;
       }
   }
   
   @media only screen and (min-width: 1024px) and (max-width: 1440px) {
       .event-summary {
           padding: 55px!important;
       }
   }
   
   @media only screen and (min-width: 767px) and (max-width: 1100px) {
       .no-padding {
           padding: 0px;
       }
       
    
   }
    @media only screen and (min-width: 1000px) and (max-width: 1100px) {
         .register-form .form-control.padding-lr-2px{
       padding:10px 2px;
       }
        
    }
   @media only screen and (max-width: 991px) {
       .navbar-toggler {
           border: none;
           margin-right: 10px;
       }
       .gallery-modal .modal-dialog {
           max-width: 80%;
       }
       .navbar .navbar-nav li:last-child {
           margin-bottom: 12px;
       }
       .slider-section .homepage-slider .slick-arrow {
           font-size: 12px;
       }
       .navbar .logo img {
           width: 80px;
       }
       .business-advice-section iframe {
           width: 210px;
       }
       .royal-navy .calendar-sidebar>span#sidebarToggler,
       .royal-navy #eventListToggler {
           width: 40px;
           height: 40px;
           padding: 10px 11px;
       }
       button.icon-button>span.chevron-arrow-right {
           width: 15px;
           height: 15px;
       }
       button.icon-button>span.bars {
           width: 20px;
           text-align: center;
           margin: auto;
       }
       .video-description {
           margin-top: 25px;
       }
       .business-idea-intro {
           margin-bottom: 25px;
       }
       .tnc-modal .modal-dialog {
           max-width: 80% !important;
       }
       .tnc-modal.tnc-consultation .modal-dialog {
           max-width: 70%;
       }
       .tnc-modal.tnc-consultation {
           left: 7px !important;
       }
   }
   
   @media only screen and (max-width: 767px) {
       .navbar .navbar-nav li {
           padding: 7px 10px;
           text-align: left;
       }
       .thumb-img {
           height: 53px;
       }
       .navbar-nav {
           background: #091a2a;
       }
       .navbar-nav li {
           margin-left: 5px;
       }
       .concierge-section .nav-pills .nav-link {
           padding: 8px 15px;
       }
       .smb-20 {
           margin-bottom: 20px;
       }
       .business-advice-section iframe {
           width: 180px;
       }
       .navbar .logo img {
           width: 65px;
       }
       .slider-section .homepage-slider .slick-prev {
           left: 5px;
       }
       .slider-section .homepage-slider .slick-next {
           right: 5px;
       }
       .past-events-section .past-events-slider-image .slick-arrow {
           top: 40%;
       }
       .service-section .service-list {
           column-count: 1;
       }
       .royal-navy .calendar-sidebar>.calendar-year {
           background-color: #0d2740;
       }
       .royal-navy .calendar-sidebar>.month-list {
           background-color: #0d2740;
       }
       .gallery-modal .modal-dialog {
           max-width: 100%;
       }
       .events-section .past-events-slider-image li.slick-slide {
           margin: 0px 4px;
       }
       .title {
           font-size: 22px;
       }
       .royal-navy .calendar-sidebar>span#sidebarToggler {
           top: -8px;
       }
       .calendar-sidebar>.month-list>.calendar-months>li {
           font-size: 14px !important;
       }
       tr.calendar-header .calendar-header-day {
           padding-top: 10px !important;
       }
       .event-indicator {
           margin-top: -12px;
       }
       .event-container>.event-info>p.event-title>span {
           right: -40px;
       }
       .appointment-summary h1 {
           font-size: 20px;
       }
       .royal-navy .event-container>.event-info>p {
           font-size: 13px;
       }
       .calendar-events>.event-header>p {
           font-size: 15px;
       }
       .event-container>.event-info>p.event-title>span {
           font-size: 10px;
       }
       .consultation-section .main-background1 h4 {
           font-size: 18px;
       }
       .consultation-section .main-background1 h2 {
           font-size: 16px;
       }
       .timeSlot ul li a {
           padding: 7px;
       }
       #evoCalendar .calendar-sidebar>.calendar-year>p {
           font-size: 18px;
       }
       .fancybox-content {
           vertical-align: unset !important;
       }
       .fancybox-container {
           top: 25px;
       }
       .tnc-modal .modal-dialog {
           max-width: 100% !important;
       }
       .event-description-details .event-points {
          padding-left: 50px !important;
   }
       .back-button-area a,
       .back-button-area i {
         font-size: 14px !important;
   }
   }
   
   @media only screen and (max-width: 415px) {
       .ppc .goBackToCalendar {
           margin-right: 0px;
           margin-top: 15px;
       }
   }
   
   @media only screen and (max-width: 360px) {
       .business-advice-section iframe {
           width: 150px;
       }
       .navbar .logo img {
           width: 55px;
       }
       .thumb-img {
           height: 48px;
       }
       .title {
           font-size: 22px;
       }
       .contact-card {
           padding: 15px !important;
       }
       .card-contents {
           padding: 20px 4px !important;
       }
       .past-events-section .past-events-slider-image .slick-arrow {
           top: 35%;
       }
       .main-background h2 {	
           font-size: 14px;	
       }
       .text-on-image {
         font-size: 13px;
       }
   }
   /*#224d78 #6885a3 #091a2a #0d2740 color: rgba(255,255,255,.75); */
   
   .newsletter-section {
       background: #ffcd3e;
       position: relative;
       padding: 40px 0px;
   }
   
   .newsletter-content {
       display: flex;
       justify-content: center;
   }
   
   .newsletter-content .form-group {
       margin: 0px 15px;
   }
   
   .newsletter-content .aau-button {
       background: #091a2a;
       color: #fff;
       padding: 12px 30px;
       width: 160px;
   }
   
   .newsletter-content .aau-button:hover {
       background: #fff;
       color: #091a2a;
   }
   
   .newsletter-content .form-control.newsletter-fields:focus {
       color: unset;
       background-color: #fff;
       border-color: #091a2a;
       outline: none;
       box-shadow: none;
   }
   
   .icon-container {
       position: fixed;
       width: 70px;
       height: 70px;
       bottom: 40px;
       right: 20px;
       background-color: #091a2a;
       color: #fff;
       border-radius: 50px;
       text-align: center;
       z-index: 100;
       line-height: 80px;
   }
   
   .container-icon {
       font-size: 32px;
       color: #fff;
   }
   
   .container-items {
       position: fixed;
       bottom: 92px;
       right: 26px;
       background: #fff;
       padding: 10px 13px 30px 13px;
       border-radius: 5px;
       box-shadow: 5px 5px 25px #00000030;
   }
   
   .container-items li {
       margin-top: 15px;
       text-align: center;
   }
   
   .container-items li a {
       cursor: pointer;
   }
   
   .container-items li a:hover {
       color: #0d2740 !important;
       cursor: pointer;
   }
   
   .container-items li i {
       font-size: 30px;
       color: #091a2a;
       cursor: pointer;
   }
   
   .breadcrumb-image {
       position: relative;
   }
   
   .breadcrumb-content {
       position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       color: #091a2a;
   }
   
   .breadcrumb-content h3 {
       font-size: 28px;
       letter-spacing: 1.7px;
       text-align: center;
       text-transform: uppercase;
       font-weight: 600;
   }
   
   ul.breadcrumb {
       padding: 0px;
       list-style: none;
       background: none;
       position: relative;
       display: block;
       text-align: center;
       margin: auto;
       white-space: nowrap;
   }
   
   ul.breadcrumb li {
       display: inline;
       font-size: 18px;
       color: #091a2a !important;
       letter-spacing: 1.7px;
   }
   
   ul.breadcrumb li+li:before {
       padding: 0px 5px;
       color: #091a2a;
       content: "-";
   }
   
   ul.breadcrumb li a {
       color: #091a2a;
       letter-spacing: 1.7px;
       font-size: 18px;
   }
   
   .about-us-image img {
       border-radius: 10px;
       box-shadow: 5px 5px 25px #11111159;
       transition: 0.5s ease-in-out;
   }
   
   .about-us-image img:hover {
       box-shadow: 5px 5px 25px #00000094;
       transition: 0.7s;
   }
   
   .underline {
       text-decoration: underline;
       text-underline-offset: 1.4px;
       text-decoration-thickness: 0px;
   }
   
   .contact-section-1 .aau-button {
       background: #091a2a;
       color: #fff;
   }
   
   .contact-section-1 .aau-button:hover {
       background: #ffcd3e;
       color: #fff;
       transition: 0.7s;
   }
   
   .contact-section.contact-section-1 .form-control {
       border: 1px solid #c1c1c1;
       border-radius: 5px;
   }
   
   .contact-section.contact-section-1 .form-control:focus {
       background: #fff;
       border-top: 3px solid #091a2a;
       outline: none;
       box-shadow: none;
   }
   
   .contact-section.contact-section-1 .form-group input[type="text"],
   .contact-section.contact-section-1 .form-group textarea {
       padding: 25px;
       margin-bottom: 15px;
       font-family: 'Raleway', sans-serif;
   }
   
   .contact-section-2 iframe {
       position: relative;
       top: 7px;
   }
   
   .concierge-controls {
       display: flex;
       margin-bottom: 40px;
       margin-top: 100px;
   }
   
   .concierge-pills {
       margin: auto;
   }
   
   .concierge-pills li a {
       letter-spacing: 1.7px;
       margin: 0px 12px;
   }
   
   .project-image {
       text-align: center;
       margin-bottom: 20px;
   }
   
   .project-image img {
       box-shadow: 5px 5px 20px #ddd;
       width: 250px;
       border-radius: 12px;
   }
   
   .project-image img:hover {
       box-shadow: 5px 5px 20px #888;
   }
   
   .service-section .service-list ul {
       display: grid;
       grid-template-columns: 1fr 1fr 1fr;
   }
   
   .title-h2 {
       margin-bottom: 25px;
       color: #091a2a;
       font-weight: 700;
   }
   
   .service-description {
       margin-top: 40px;
   }
   /*.service-description .service-description-content p:last-child{*/
   /*    margin-bottom:0px !important;*/
   /*}*/
   .concierge-section img {
       box-shadow: 5px 5px 20px #ddd;
   }
   
   .concierge-section img:hover {
       box-shadow: 5px 5px 20px #888;
   }
   
   .pills-image-holder {
       text-align: center;
       /*display: none;*/
   }
   
   .events-section .events-calendar-section {
       display: block !important;
   }
   
   .video-container {
       cursor: pointer;
   }
   
   .playlist-container {
       cursor: pointer;
       margin-bottom: 30px;
   }
   
   .title-h3 {
       margin-bottom: 40px;
       color: #091a2a;
       font-weight: 700;
       text-align: center;
       text-transform: uppercase;
   }
   
   .project-text h3 {
       font-size: 18px;
   }
   
   .text-on-image {
       text-align: center;
       font-weight: 600;
       margin: auto;
       display: block;
       margin-top: 10px;
   }
   
   .project-container {
       margin-top: 100px;
   }
   
   .mt-40px {
       margin-top: 40px;
   }
   
   .mt-20px {
       margin-top: 20px;
   }
   
   .video-player-section {
       margin-top: 100px;
   }
   
   .playlist-section {
       margin-top: 80px;
   }
   
   .event-banner h1 {
       margin-top: 50px;
   }
   
   .event-summary {
       border: 1px solid #091a2a;
       padding: 30px 55px 30px;
       border-radius: 8px;
   }
   
   .event-summary h2 {
       margin-bottom: 40px;
   }
   
   .event-summary ul li span {
       font-weight: 600;
   }
   
   .event-summary ul li {
       margin-bottom: 10px;
   }
   
   .event-evnt {
       margin-top: 40px;
   }
   
   .event-register {
       position: relative;
       background: #091a2a;
       color: #fff;
       padding: 29px 55px 28px;
       border-radius: 8px;
       z-index: 5;
   }
   
   .event-register h2 {
       font-weight: 600;
       margin-bottom: 20px;
   }
   
   .register-form .form-control {
       font-size: 16px;
       border: 0;
       border-radius: 5px;
       padding: 10px 25px;
       margin-bottom: 10px;
   }
   
   .register-form .aau-button {
       background: #ffcd3e;
       color: #fff;
   }
   
   .register-form .reg-btn {
       margin-bottom: 0px;
   }
   
   .register-form .aau-button:hover {
       background: #fff;
       color: #ffcd3e;
   }
   
   .contact-card {
       box-shadow: 2px 2px 15px 2px #ddd;
       /* box-shadow: 5px 5px 25px -20px #091a2a; */
       padding: 25px;
   }
   
   .card-contents {
       padding: 30px 20px;
       color: #091a2a;
   }
   
   .card-contents h3 {
       margin-bottom: 40px;
       font-weight: 700;
   }
   
   .card-contents ul li {
       margin-bottom: 20px;
   }
   
   .card-contents ul li a {
       color: #091a2a;
   }
   
   .card-contents ul li a:hover {
       color: #ffcd3e !important;
   }
   
   .card-contents ul li i {
       margin-right: 15px;
       font-size: 20px;
   }
   
   .card-contents ul li p {
       display: inline-flex;
   }
   
   .fixed-header {
       position: fixed;
       top: 0;
       left: 0;
       width: 100%;
       z-index: 999999;
   }
   
   @media(max-width:1100px) {
       .MAIN-BACKGROUND .calendar-area-btn {
           /*padding: 115px 0px;*/
       }
       .consultation-section .main-background1 {
           min-height: 395px;
       }
       .newsletter-content .form-group {
           margin: 0px 7px;
       }
       .concierge-controls {
           margin-top: 50px;
       }
       .video-player-section {
           margin-top: 50px;
       }
       .playlist-section {
           margin-top: 50px;
       }
   }
   
   @media(max-width:991px) {
       .event-register {
           margin-top: 30px;
       }
       .col-reverse{
           flex-direction: column-reverse;
       }
   }
   
   @media(max-width:767px) {
       .MAIN-BACKGROUND .calendar-area-btn {
           /*padding: 60px 0px;*/
       }
       .consultation-event-holder {
           margin-bottom: 30px;
       }
       .newsletter-content .form-row {
           display: block;
       }
       .newsletter-content .form-group {
           margin-bottom: 20px;
       }
       .newsletter-content .form-group.mbt-0 {
           margin-bottom: 0px;
       }
       .newsletter-content {
           display: block;
       }
       .icon-container {
           width: 60px;
           height: 60px;
           line-height: 70px;
       }
       .container-items {
           right: 25px;
           bottom: 90px;
           padding: 10px 10px 30px 10px;
       }
       .container-items li i {
           font-size: 28px;
       }
       .breadcrumb-content h3 {
           font-size: 19px;
       }
       ul.breadcrumb li {
           font-size: 14px;
       }
       ul.breadcrumb li a {
           font-size: 14px;
       }
       .project-container {
           margin-top: 60px;
       }
       .title-h3.mbt-0 {
           margin-bottom: 0px;
       }
       .service-section .service-list ul {
           display: block;
       }
       .video-player-section {
           margin-top: 0px;
       }
       .playlist-section {
           margin-top: 40px;
       }
       .contact-card {
           margin-top: 20px;
       }
       .video-container video {
           margin-bottom: 50px;
       }
       .concierge-controls .nav {
           overflow-x: scroll;
           max-width: 100%;
           white-space: nowrap;
           flex-wrap: nowrap;
           overflow-y: hidden;
       }
       .event-summary {
           padding: 30px;
       }
       .event-summary ul li {
           font-size: 17px;
       }
       .event-description {
           margin-top: 25px;
       }
       .customerInfo .ppc {
           text-align: center;
       }
   }
   
   .back-button-area {
       display: inline-flex;
       margin-bottom: 20px;
       border: 2px solid #091a2a;
       padding: 5px 10px;
       border-radius: 8px;
   }
   
   .back-button-area:hover {
       background: #ffcd3e;
       color: #fff !important;
       transition: 0.4s ease;
   }
   
   .back-button-area a,
   .back-button-area i {
       color: #091a2a;
       font-size: 20px;
   }
   
   .back-button-area:hover i,
   .back-button-area:hover a {
       color: #fff !important;
   }
   
   .back-button-area .bb-ml {
       margin: 0px 5px;
   }
   
   .fancybox-container {
       z-index: 999999;
   }
   
   .tnc-modal {
       z-index: 999999;
   }
   
   .tnc-modal.tnc-consultation {
       z-index: 999999999;
       left: 8px;
   }
   
   .tnc-modal .modal-dialog {
       max-width: 60%;
       margin-top: 120px;
   }
   
   .tnc-modal.tnc-consultation .modal-dialog {
       max-width: 46%;
   }
   
   .tnc-modal .modal-header {
       padding: 30px;
   }
   
   .tnc-modal .modal-body {
       padding: 30px;
   }
   
   .tnc-modal .modal-content {
       background: #091a2a;
       color: #fff;
   }
   
   .tnc-modal .close-modal {
       color: #ffcd3e;
       position: absolute;
       top: 32px;
       right: 32px;
       cursor: pointer;
       font-size: 20px;
   }
   
   .tnc-modal .close-modal i {
       font-size: 20px;
   }
   
   .tnc-modal .modal-title {
       font-size: 20px;
       letter-spacing: 1.4px;
   }
   
   .tnc-modal .tnc-text {
       margin-bottom: 30px;
   }
   
   .event-organizer {
       display: inline-flex;
   }
   
   .event-organizer span {
       margin-right: 5px;
   }
   
   .event-organizer .faculty {
       display: contents;
   }
   
   .event-description-details h5 i {
       margin-right: 12px;
   }
   
   .event-description-details .event-points li {
       list-style: circle !important;
   }
   
   .event-description-details .event-points {
       padding-left: 52px;
   }
   
   .mt-20px {
       margin-top: 20px;
   }
   .card-contents ul li a p sup{
       top:0;
   }
   
   @media (min-width:1025px) and (max-width:1440px) {
     .hamburger_menu {
         position: relative;
         right: 90px;
      }
    }
     
   @media (min-width:767px) and (max-width:1440px) {
      .consultation-event-holder{
         width:500px;
         margin:auto;
     }
     
    }