/* @fonts import */
@font-face {
  font-family: 'Sometimes';
  src: url('../fonts/Sometimes.otf');
  font-weight: 400;
}

@font-face {
  font-family: 'Sometimes';
  src: url('../fonts/Sometimes_Bold.otf');
  font-weight: 700;
}

@font-face {
  font-family: 'Riverside Avenue';
  src: url('../fonts/RiversideAvenue-Regular.otf');
  font-weight: 400;
}

@font-face {
  font-family: 'marinto';
  src: url('../fonts/marinto.ttf');
  font-weight: 400;
}



/*
 * Client
 * https://domain.com
 * Developed by Webdesk Studio
 * https://webdesk.studio
 * hello@webdesk.studio
 */


/* @reset */

*, *::before, *::after {
  padding: 0;
  margin: 0;
  border: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block
}

audio, canvas, iframe, img, svg, video {
  max-width: 100%;
  vertical-align: middle
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

hr {
  display: block;
  height: 1px;
  border-top: 1px solid #ccc;
  margin: 1em 0
}

ul, ol {
  list-style: none;
}


/* @basic styles */

html {
  height: 100%; 
  font-size: 100%;
  overflow-x: hidden;
}

body {
  position: relative;
  background: #fff;
}

/* @typography */

body, textarea {
  font: 400 15px/1.4 'Gothic A1', sans-serif;
  color: #333;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'marinto', serif;
  font-weight: 400;
  line-height: 1;
  margin: 0 0 0.75em 0;
}

h1 {font-size: 6em}
h2 {font-size: 3.75em}
h3 {font-size: 3em}
h4 {font-size: 2.125em}
h5 {font-size: 1.5em}
h6 {font-size: 1.25em}

/* @mediaQuery
@media only screen and (max-width: 768px) {
  h1{font-size: 3rem}
  h2{font-size:2.5rem}
  h3{font-size:2rem}
  h4{font-size:1.75rem}
  h5{font-size:1.25rem}
  h6{font-size:1.125rem}
}*/

p {
  font-size: 16px;
  margin: 0 0 1.5rem;
}

a {
  color: #9d7d40;
  text-decoration: none;
  border-bottom: 1px solid;
  outline: none;
}

a:hover {
  border-bottom: none;
}

b, strong {
  font-weight: 900;
}

em, i {
  font-style: italic;
}

figcaption {
  color: inherit;
  font-size: 14px;
}

/* Helping Classes */

.hidden {
  display: none !important;
  visibility: hidden
}
/*
.cursive {
  font-family: 'Meddon', cursive;
}
*/

.caption {
  display: block;
  font-size: 11px;
  margin: 0 0 1rem 0;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.big {
  font-size: 120%;
}

.mark {
  color: ;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(-200deg, #0900c3,#BDC581);
}


/* Clearfix */

.clearfix::before, .clearfix::after {
  content: "";
  display: block
}

.clearfix:after {
  clear: both
}

.clearfix {
  *zoom: 1
}


/*
 * Root and,
 * Wrappers elements
 */

.root {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto
}

.wrapper {
  width: 80%;
  max-width: 960px;
  margin: 0 auto;
  height: inherit;
  position: relative;
  /*border: 1px solid rgba(0,0,0,0.04);*/
}
/*
@media only screen and (min-width: 425px) {
  .wrapper {width: 90%}
}
*/
/* 
 * Main styles
 */


/* @preloader */
.preloader {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 100vh;
  background: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.preloader img {
  -webkit-animation: beat .5s infinite alternate;
  -moz-animation: beat .5s infinite alternate;
  -ms-animation: beat .5s infinite alternate;
  -o-animation: beat .5s infinite alternate;
  animation: beat .5s infinite alternate;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -o-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}

@-moz-keyframes beat {
  to {
    -moz-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@-webkit-keyframes "beat" {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@-ms-keyframes "beat" {
  to {
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@-o-keyframes "beat" {
  to {
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes "beat" {
  to {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
}

/* #topbar */

.topbar {
  display: none;
  height: 3.5rem;
  font-size: 13px;
  text-align: center;
  background: #f3f3f3;
  color: #777
}

@media only screen and (max-width: 425px) {
  .topbar {height: 4.5rem;}
}

.topbar__inner {
  display: grid;
  grid-template-columns: 1fr 56px;
  align-items: center
}

.topbar a {border: 0}
.topbar a:hover {text-decoration: underline}
.topbar .close-icon {
  text-align: right;
  cursor: pointer;
}


/* @header */
#header {
  position: relative;
  z-index: 9;
  top: 0;
  left: 0;
  width: 100%;
  height: 6rem;
  background: #fff;
}

@media screen and (max-width: 960px) {
  #header {
    position: fixed;
    border-bottom: 1px solid rgba(0,0,0,.04)
  }
}

.header__inner {
  display: grid;
  grid-template-columns: 156px 1fr 156px;
  grid-gap: 1.5rem;
}

@media screen and (max-width: 960px) {
  .header__inner {
    grid-template-columns: 1fr 156px 2.25rem;
  }
}

@media screen and (max-width: 600px) {
  .header__inner {
    grid-template-columns: 1fr 56px 2.25rem;
  }
}

/*.header__inner > * {border: 1px solid}*/

.branding {
  padding: 8px;
  max-width: 156px;
}

.primary-nav {
  text-align: right;
}

.primary-nav .menu > li {
  display: inline-block;
  line-height: 6rem;
  padding: 0 .5rem;
}

.primary-nav .nav-item {
  color: #333;
  font-weight: 700;
  border: 0;
}

.dropdown {position: relative}

.dropdown .icon {
  transition: all 0.3s ease-in;
}

.dropdown.active .icon {
  transform: rotate(180deg)
}

.dropdown__list {
  display: none;
  position: absolute;
  top: 6rem;
  left: 0;
  width: 320px;
  padding: 1.5rem;
  text-align: left;
  line-height: 1.618;
  background: #333;
}

.dropdown__list .nav-item {
  color: #fff;
}

.dropdown__list .nav-item:hover {
  border-bottom: 1px solid;
}

@media only screen and (min-width: 961px) {
  .dropdown:hover .dropdown__list {
    display: block
  }

  .dropdown:hover {background: #333}
  .dropdown:hover .nav-item {
    color: #fff;
  }
}

@media screen and (max-width: 960px) {
  .primary-nav {
    display: none;
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 10%;
    text-align: left;
    background: #fff;
  }

  .primary-nav .menu {
    margin-top: 7.5rem;
  }

  .primary-nav .menu > li {
    padding: 0;
    display: block;
    line-height: 1;
    margin-bottom: 1rem;
  }

  .primary-nav .nav-item {
    font-family: 'marinto', serif;
    font-size: 3rem;
    font-weight: 400;
    color: #9d7d40;
  }
  
  .dropdown__list .nav-item {
    font-family: 'Gothic A1', serif;
    color: #333;
    font-size: 1rem;
    font-weight: 700;
  }

  .dropdown__list {
    padding: 1.5rem 0;
    width: 100%;
    position: static;
    background: none;
    line-height: 1;
  }

  .dropdown__list li {
    margin-bottom: .75rem;
  }

  .dropdown:hover {
    background: none
  }
}


.header_cta .btn {
  margin-top: 1.25rem;
  width: 156px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 700;
  display: inline-block;
  background: #9d7d40;
  border-radius: 43.5px;
  border: 0;
}

.header_cta .user-icon {
  width: 24px;
  height: 24px;
  color: #fff;
  margin: -4px -4px 0 0;
  border-radius: 50%;
}

.header_cta .btn span {
  color: #fff
}

@media screen and (max-width: 600px) {
  .header_cta .btn {
    width: 56px;
    line-height: 1;
    background: transparent;
    border-radius: 0;
    border: 0;
  }

  .header_cta .user-icon {
    width: 34px;
    height: 34px;
    line-height: 34px;
    color: #9d7d40;
    margin: 0 auto 3px;
    display: block;
    border-radius: 0
  }

  .header_cta .btn span {
    display: block;
    text-transform: uppercase;
    letter-spacing: 1.125px;
    font-size: 9px;
    color: #9d7d40
  }
}


/* @nav-trigger */
#nav-trigger {
  display: none;
  width: 2.25rem;
  cursor: pointer;
}

@media screen and (max-width: 960px) {
  #nav-trigger {
    display: block;
  }
}

.navicon {
  width: 2rem;
  margin: 1.7rem auto 0;
}

.navicon::after {
  color: #9d7d40;
  content: "MENU";
  font-size: 10px;
  margin-left: -1px;
  letter-spacing: 1.125px;
}

.bar {
  width: 2rem;
  height: 2px;
  margin-bottom: 8px;
  background: #9d7d40;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out
}

.bar1 {width: 1.875rem}
.bar2 {width: 2.25rem}
.bar3 {width: 1.5rem;margin-bottom: 0}

.navicon:hover > *,
.change .navicon > * {
  width: 2rem
}

/* @closeNavIcon */
.change .bar1 {
  transform: rotate(-45deg) translate(-0.5rem,0.4rem)
}

.change .bar3 {
  transform: rotate(45deg) translate(-0.5rem,-0.4rem)
}

.change .bar2 {
  opacity: 0
}

#main {
}

@media only screen and (max-width: 960px) {
  #main {margin-top: 6rem;}
}

.section-header {
  margin: 0 auto 7rem;
  max-width: 500px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .section-header {margin: 0 auto 5rem}
}

.section-header .title {
  font-size: 4em;
  margin: 0 0 0.5em 0;
}


.banner {
  height: 35rem;
  position: relative;
  background: #f3f3f3;
  /*border-bottom: 1px solid rgba(0,0,0,.04)*/
}

.banner__inner {
  height: 35rem;
  position: relative;
  border-radius: .375em;
}

.banner .hero {
  position: absolute;
  z-index: 11;
  bottom: 0;
  left: 0;
  height: 37.5rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.banner__content {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 1.5rem;
  max-width: 420px;
  transform: translateY(-50%);
}

.banner .title {
  color: #9d7d40;
  font-size: 6rem;
  font-weight: 400;
  line-height: 0.8;
  margin: 0 0 .5em 0;
}

.banner p {
  font-size: 1em;
  line-height: 1.2;
  max-width: 326px;
  margin: 0;
}

@media screen and (max-width: 1280px) {
  .banner .hero {left: 0}
  .banner__content {right: 0}
}

@media screen and (max-width: 768px) {
  .banner .hero {display: none;}
  .banner__content {
    left: 0;
  }
}

@media screen and (max-width: 480px) {
  .banner, .banner__inner {
    height: auto;
    padding: 1.5rem 0;
  }

  .banner__content {
    top: 0;
    position: relative;
    transform: none;
  }

  .banner .title {font-size: 4.5em;}
}

@media screen and (max-width: 350px) {
  .banner .title {font-size: 4em;}
}


.banner.single-course .title {
  color: #9d7d40;
  font-size: 4.5rem;
}

@media only screen and (max-width: 600px) {
  .banner.single-course .title {
    font-size: 3.5rem;
  }
}


/* Aviation */
.banner.aviation .banner__inner {}


/* Front Office Management */
.banner.front_office_mgmt .banner__inner {
}

.banner.front_office_mgmt .hero {
  left: -3.5em; transform: scaleX(-1)
}


/* Aviation, Hospitality, Travel Management */
.banner.aviation_hospitality_travel .banner__inner {
  
}

/* Retail Management */
.banner.retail_mgmt .banner__inner {}

/* Personality Development */
.banner.personality_development .banner__inner {}
.banner.personality_development .hero {left: -3.5em; transform: scaleX(-1)}


/*
 * courses
 * Courses section @ Homepage
 */
.courses {
  padding: 5rem 0;
  position: relative;
}

.courses-top .caption {float: right; position: relative;}
.courses-top .caption::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: -6.5rem;
  width: 5rem;
  height: 1px;
  background: #1a1a1a;
}

.courses-top .misc {
  display: none;
}

.course, .course img {
  display: inline-block;
  transition: all 0.3s ease-in;
}

.course {margin-bottom: 3.5rem}

@media only screen and (min-width: 768px) {
  .courses {
    padding: 8rem 0 16rem;
  }

  .courses-items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 3.5em;
  }
  .course {margin-bottom: 0}
  .course:nth-of-type(even) {
    transform: translateY(5rem)
  }

  .courses-top .misc {
    display: block;
    position: absolute;
    z-index: -1;
    top: -6rem;
    font-family: 'Gothic A1', sans-serif;
    font-weight: 900;
    font-size: 30vw;
    line-height: .75;
    color: #1a1a1a;
    opacity: 0.06;
  }
}

.course {
  box-shadow: 0px 4px 1em rgba(0,0,0,0.1), 0px 1.5em 1em rgba(0,0,0,0.05);
}

.course:hover {
  box-shadow: 0px 4px 1em rgba(0,0,0,0.2), 0px 1.5em 1em rgba(0,0,0,0.1);
}

.course:hover img {
  transform: scale(1.1);
}

.course-cover {
  position: relative;
  overflow: hidden;
}

.course-cover .caption {
  position: absolute;
  bottom: 0;
  padding: 1.5rem;
  margin: 0;
  width: 100%;
  background: rgba(0,0,0,0.6);
  color: #f0eec8;
}

.course-details {
  padding: 3.5em;
  border: 1px solid rgba(0,0,0,.05);
  border-top: 0;
}

.course .title {
  color: #1a1a1a;
  font-family: 'Gothic A1', sans-serif;
  font-weight: 400;
  font-size: 1.875rem;
}

.course:hover .title {
  color: #0900c3;
}

@media only screen and (max-width: 768px) {
  .course-details {
    padding: 1.5em;
    border: 1px solid rgba(0,0,0,.05);
    border-top: 0;
  }

  .course .title {
    font-size: 1.5rem;
  }
}


/* Single Page */

.single__page article {
  display: grid;
  grid-template-columns: 1.75fr 1fr;
  grid-gap: 3.5em;
  padding: 6em 0
}

@media only screen and (max-width: 960px) {
  .single__page article {
    display: block
  }
}

.course-brief .title {
  font-size: 5rem;
  line-height: 0.875
}

.sidebar {
  padding: 3.5em;
  background: #f3f3f3;
}

@media only screen and (max-width: 600px) {
  .sidebar {
    padding: 1.5rem;
  }
}

.career-opp ul {
  margin: 0 0 1.5rem 1.5rem;
  list-style-image: url(../images/checkmark_.png)
}

@media only screen and (max-width: 960px) {
  .course-brief .title {
    font-size: 2.5rem;
    line-height: 0.875
  }
}


.partners {
  padding: 0 10% 6rem;
  max-width: 960px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  align-items: center;
  grid-gap: 1.5rem;
}

@media only screen and (max-width: 600px) {
  .partners {
    grid-template-columns: repeat(2,1fr);
  }
}


.features {
  position: relative;
  padding: 10rem 0;
  background: #f3f3f3;
  clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 95%);
  position: relative;
}

.features .section-header .title {
  font-size: 4.5rem;
  line-height: .875;
}

@media only screen and (max-width: 768px) {
  .features .section-header .title {
    font-size: 2.875rem;
    line-height: .875;
  }
}

@media only screen and (min-width: 960px) {
  .features {
    /*clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);*/
  }
}

.features .misc {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  font-size: 20vw;
  font-weight: 900;
  transform: translate(-50%, -50%);
  opacity: 0.03;
}

  
.features .item {
  display: grid;
  grid-template-columns: 96px 1fr;
  align-items: center;
  grid-gap: .75em;
  margin: 0 0 1.5em 0;
  line-height: 1;
  font-size: 14px;
}

.features .item .icon {
  width: 96px;
  height: 96px;
  margin: 0 auto;
  border-radius: 50%;
}

.features .item .title {
  margin: 0 0 0.25em 0;
  font-family: 'Gothic A1', sans-serif;
  font-size: 1.125rem;
  font-weight: 900;
  color: #9d7d40;
}

@media only screen and (min-width: 960px) {
  .features__inner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1.5em;
  }

  .features .item .title {
    font-size: 1.5em;
    margin-bottom: .5rem;
  }
}


.reviews {
  padding: 5em 0;
}

.reviews img {
  width: 100%;
}

.reviews .title {
  font-size: 2rem;
  line-height: 1;
  font-weight: 400;
}

@media only screen and (min-width: 600px) {
  .review-by {
    float: right;
    margin-right: 5em;
    position: relative;
  }
  
  .review-by::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: -6.5em;
    width: 5em;
    height: 1px;
    background: #182C61;
  }
}

@media only screen and (min-width: 769px) {
  .reviews {
    background: url(../images/) no-repeat 12% bottom;
    background-size: 600px;
  }

  .reviews__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    grid-gap: 3.5em;
  }
  
  .reviews__inner div::before {
    content: '';
    display: block;
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 8px solid #9d7d40;
    transform: translate(-3.5rem, -3.5rem)
  }

  .reviews__inner div::after {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    transform: translate(-1.5rem, -1.5rem);
  }
}

@media only screen and (min-width: 960px) {
  .reviews {
    padding: 10rem 0 7rem;
  }
 .reviews .title {
   font-size: 2.375rem;
  } 
}

.reviews__inner div {position: relative;}




.cta {
  position: relative;
  padding: 7rem 0;
  text-align: center;
  background: #9d7d40 url(../images/) center center;
  background-blend-mode: multiply;
  background-size: cover;
  color: #fff;
  color: rgba(255,255,255,0.7);
}

.cta .wrapper {
  margin: 0 auto;
  max-width: 660px;
}

.cta .caption {font-weight: 700}
.cta .title {
  color: #fff;
  font-size: 5rem;
  line-height: 0.875;
  margin: 0 0 .5em 0;
}

@media screen and (max-width: 768px) {
  .cta .title {font-size: 3.5rem}
}

.registeration {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  line-height: 1;
  background: rgba(0,0,0,.5);
}

.registeration-form {margin-top: 1.5em;}

.registeration-inner {
  position: absolute;
  bottom: 1.5rem;
  right: 1.5rem;
  width: 420px;
  padding: 3.5rem;
  background: #fff;
}

.registeration-inner .close-it {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1.5rem;
}

.registeration .title {
  font-size: 2.5em;
  margin: 0 0 .25em 0;
}


.register {
  padding: 1.5rem 0;
  background: #fff;
}
/*
.register-form {
  padding: 1.5rem;
  border: 1px solid rgba(0,0,0,.04)
}
*/
.register-inner, .contact__inner {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  align-items: center;
  grid-gap: 3.5rem;
  background: #fff;
}

.register .title {
  font-size: 4.5em;
  margin: 0 0 .25em 0;
  color: #9d7d40
}

@media only screen and (max-width: 960px) {
  .register-inner, .contact__inner {
    display: block;
  }

  .register-inner img {
    display: block;
    margin: 0 0 1.5rem 0
  }
}


.contact {
  padding: 1.5rem 0 6rem;
}

.contact__inner {
  padding: 3.5rem 0 0;
}

.contact .contact-details {
  font-size: 1.5rem;
}

@media only screen and (max-width: 960px) {
  .contact .contact-details {
    margin: 3.5rem 0;
    font-size: 1rem;
  }
}

.contact .title {
  margin: 0 0 1rem 0;
}

@media only screen and (max-width: 600px) {
  .contact .title {
    font-size: 2.5rem;
    margin: 0 0 1rem 0;
  }
}


/* Footer */

#footer {
  padding: 7rem 0 0;
  background: #f3f3f3;
}

#footer .title, #footer a {
  color: #333;
  margin-bottom: 1.5rem;
  border: 0;
}

#footer a:hover {color: #0900c3}

.footer_a, .footer_b, .contact-details {
  max-width: 460px;
  margin-bottom: 1.5rem;
}

@media only screen and (min-width: 960px) {
  .footer__inner {
    display: grid;
    grid-template-columns: 256px 1.25fr 1fr;
    grid-gap: 3.5rem;
  }
}

.contact-details li {
  display: grid;
  grid-gap: 8px;
  grid-template-columns: 24px 1fr;
  margin-bottom: .5rem;
}

.secondary-nav li {
  line-height: 1.618;
}

.footer-bottom {
  margin-top: 3.5rem;
  padding: 3.5rem 10%;
  background: #fff;
  font-size: 13px;
  line-height: 1.125;
}

.follow {
  margin-bottom: 1.5rem;
}

.follow li {
  display: inline-block;
  margin: 0 0 0 1.5rem;
}

.follow .icon {
  border: 0;
}

@media only screen and (min-width: 480px) {
  .footer-bottom {
    display: grid;
    grid-gap: 3.5rem;
    grid-template-columns: auto 1fr;
    align-items: center;
  }

  .follow {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 670px) {
  .footer-bottom {
    grid-template-columns: repeat(2, 1fr);
  }
  .follow {
    text-align: right;
  }
}

.follow li:first-child {margin: 0;}


/* @buttons */

.button {
  border: 0;
  display: inline-block;
  padding: 1.5em 1.75em;
  margin: 1em 1em 1em 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-decoration: none;
  background: #9d7d40;
  border-radius: 43.5px;
  cursor: pointer;
  user-select:none;
  position: relative;
}

.button.secondary {
  color: #9d7d40;
  background: #fff;
}

/* @forms */

form {
}

fieldset {
  position: relative;
  margin-bottom: 1rem;
}

input, select, textarea {
  width: 100%;
  line-height: 1;
  padding: 1rem;
  font-size: 1.125em;
  appearance: none;
  background: inherit;
  border: 1px solid rgba(0,0,0,0.1)
}

input:hover, input:focus, input:valid,
select:hover, select:focus, select:valid,
textarea:hover, textarea:focus, textarea:valid {
  border-color: #0900c3
}

/* Remove unneccessary outline and shadows */
input, input:invalid,
select, select:invalid,
select option,
textarea, textarea:invalid {
  outline: 0;
  box-shadow: none
}

/* Submit Button */
input[type="submit"] {
  color: #f3f3f3;
  padding: 1.5rem;
  font-weight: 700;
  background: #9d7d40;
  border: 1px solid #9d7d40;
  cursor: pointer;
}

input[type="submit"]:hover {opacity: 0.8}

textarea {
  min-height: 3.5em
}

textarea:focus, textarea[data-empty="false"] {
  height: auto
}

label {
  position: absolute;
  top: 1.125rem;
  left: 1.125rem;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1;
  pointer-events: none;
  transform: translate3d(0, 0, 0);
  transition: all 0.3s ease-in;
  opacity: 0.8;
}

input[data-empty="false"], input:valid, input:focus,
textarea[data-empty="false"], textarea:valid, textarea:focus {
  /*padding: 1.5rem 1rem 0.5rem;*/
}

input[data-empty="false"] + label, input:valid + label, input:focus + label,
textarea[data-empty="false"] + label, textarea:valid + label, textarea:focus + label {
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: upperse;
  padding: 0 .5rem;
  background: #fff;
  transform: translate3d(-.5rem,-1.5rem,0);
  opacity: 1;
}


/* @onScrollAnimations */

.fade-in-bottom {
  opacity: 0;
  -moz-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
  -moz-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 10vh, 0);
}

.fade-in-bottom.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}


/* @selection

::-moz-selection {
  background: ;
  text-shadow: none;
}

::selection {
  background: ;
  text-shadow: none;
}
*/


/* @boxModel */
*, *::after, *::before {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing:border-box;
}


/*
 * @primaryColor: #182C61
 * @secondaryColor: #F97F51
 * @backgroundColor: 
 * @accentColor: #BDC581
      #0900c3

      Logo colors
      #9d7d40
      #f5d157


      Diploma in Aviation is a full time diploma course, the duration for which is 1 year. The course equips the students with the skills, knowledge and professionalism required in the Aviation industry.

      Our Front Office Management Course is a 6 months course that covers in-depth analysis in front-office operations. This is a job oriented diploma course.

      Diploma in Aviation Hospitality and Travel Management is our flagship program for the duration of 1 year.

      Retail is a major sector of the Indian and Global economy. You'll learn how to use technology in order to analyse, collect, and interpret data from retail systems.

      Our highly specialised English Speaking / Public Speaking, Personality Development, and Grooming classes helps you become a better version of yours.
 */