/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
@font-face {
  font-family: 'droid_sansregular';
  src: url('../fonts/droidsans.woff2') format('woff2'),
       url('../fonts/droidsans.woff') format('woff'),
       url('../fonts/droidsans.ttf') format('ttf');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'droid_sansbold';
  src: url('../fonts/droidsans-bold.woff2') format('woff2'),
       url('../fonts/droidsans-bold.woff') format('woff'),
       url('../fonts/droidsans-bold.ttf') format('ttf');
  font-weight: normal;
  font-style: normal;

}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}


.website-button {
  position: relative;
  width: 100%;
  padding: 0 20px;
  border: none;
  background-color: #ff6900;
  color: #fff;
  font-weight: 600;
  line-height: 55px;
  overflow: hidden;
  margin-bottom: 10px;
  border-radius: 50px;
  /* -webkit-box-shadow: 0 0 25px 2px rgba(0, 0, 0, .35);
  -moz-box-shadow: 0 0 25px 2px rgba(0, 0, 0, .35);
  box-shadow: 0 0 25px 2px rgba(0, 0, 0, .35) */
}

.whatsapp-button {
  width: 100%;
  position: relative;
  padding: 0 20px;
  border: none;
  background-color: #ffffff00;
  color: #fff;
  background-image: linear-gradient(180deg, #3aca66 0, #00b24a 100%) !important;
  font-weight: 600;
  line-height: 55px;
  overflow: hidden;
  border-radius: 50px;
  /* -webkit-box-shadow: 0 0 25px 2px rgba(0, 0, 0, .35);
  -moz-box-shadow: 0 0 25px 2px rgba(0, 0, 0, .35);
  box-shadow: 0 0 25px 2px rgba(0, 0, 0, .35) */
}

.logo-img {
  width: 160px;
}


body {
  margin: 0
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline
}

audio:not([controls]) {
  display: none;
  height: 0
}

[hidden],
template {
  display: none
}

a {
  background-color: transparent
}

a:active,
a:hover {
  outline: 0
}

abbr[title] {
  border-bottom: 1px dotted
}

b,
strong {
  font-weight: 700
}

dfn {
  font-style: italic
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

mark {
  background: #ff0;
  color: #000
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

img {
  border: 0
}

svg:not(:root) {
  overflow: hidden
}

figure {
  margin: 1em 40px
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0
}

pre {
  overflow: auto
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0
}

button {
  overflow: visible
}

button,
select {
  text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer
}

button[disabled],
html input[disabled] {
  cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0
}

input {
  line-height: normal
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}

legend {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto
}

optgroup {
  font-weight: 700
}

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

td,
th {
  padding: 0
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.nolist {
  list-style: none;
  margin: 0;
  padding: 0
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.noscroll {
  overflow: hidden
}

.clearfix:after {
  display: table;
  content: "";
  clear: both
}

.gradient {
  background: #ead887;
  background: -moz-linear-gradient(45deg, #ead887 0, #ff6900 100%);
  background: -webkit-linear-gradient(45deg, #ead887 0, #ff6900 100%);
  background: linear-gradient(45deg, #ead887 0, #ff6900 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ead887', endColorstr='#ff6900', GradientType=1)
}

.no-pad.top {
  padding-top: 15px;
}

.no-pad.bottom {
  padding-bottom: 0
}

.no-pad.left {
  padding-left: 0
}

.no-pad.right {
  padding-right: 0
}

@-webkit-keyframes wave {
  0% {
    margin-left: 0
  }

  100% {
    margin-left: -1600px
  }
}

@keyframes wave {
  0% {
    margin-left: 0
  }

  100% {
    margin-left: -1600px
  }
}

@-webkit-keyframes swell {

  0%,
  100% {
    -webkit-transform: translate3d(0, -25px, 0);
    transform: translate3d(0, -25px, 0)
  }

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

@keyframes swell {

  0%,
  100% {
    -webkit-transform: translate3d(0, -25px, 0);
    transform: translate3d(0, -25px, 0)
  }

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

body,
html {
  height: 100%
}

.row {
  display: block;
  margin-left: -10px;
  margin-right: -10px
}

.row:after {
  display: table;
  content: "";
  clear: both
}

.row.no-pad {
  padding: 10px 0
}

.col-spacer {
  width: 1px;
  height: 100%;
  margin-left: -1px;
  display: inline-block;
  vertical-align: middle
}

.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9 {
  float: left;
  position: relative;
  padding: 10px;
  width: 100%
}

.offset-1,
.offset-10,
.offset-11,
.offset-12,
.offset-2,
.offset-3,
.offset-4,
.offset-5,
.offset-6,
.offset-7,
.offset-8,
.offset-9 {
  margin-left: 0
}

.row.tight {
  margin-left: -5px;
  margin-right: -5px
}

.row.tight .col-0,
.row.tight .col-1,
.row.tight .col-10,
.row.tight .col-11,
.row.tight .col-12,
.row.tight .col-2,
.row.tight .col-3,
.row.tight .col-4,
.row.tight .col-5,
.row.tight .col-6,
.row.tight .col-7,
.row.tight .col-8 {
  padding: 5px
}

.row.inline-vert {
  font-size: 0
}

.row.inline-vert .col-0,
.row.inline-vert .col-1,
.row.inline-vert .col-10,
.row.inline-vert .col-11,
.row.inline-vert .col-12,
.row.inline-vert .col-2,
.row.inline-vert .col-3,
.row.inline-vert .col-4,
.row.inline-vert .col-5,
.row.inline-vert .col-6,
.row.inline-vert .col-7,
.row.inline-vert .col-8 {
  float: none;
  display: inline-block;
  vertical-align: middle
}

.row.inline-vert.bottom .col-0,
.row.inline-vert.bottom .col-1,
.row.inline-vert.bottom .col-10,
.row.inline-vert.bottom .col-11,
.row.inline-vert.bottom .col-12,
.row.inline-vert.bottom .col-2,
.row.inline-vert.bottom .col-3,
.row.inline-vert.bottom .col-4,
.row.inline-vert.bottom .col-5,
.row.inline-vert.bottom .col-6,
.row.inline-vert.bottom .col-7,
.row.inline-vert.bottom .col-8 {
  vertical-align: bottom
}

.offset-0,
.offset-1,
.offset-10,
.offset-11,
.offset-12,
.offset-2,
.offset-3,
.offset-4,
.offset-5,
.offset-6,
.offset-7,
.offset-8 {
  margin-left: 0
}

.v-align {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
  height: 100%
}

.v-align .v-content,
.v-align .v-spacer {
  display: inline-block;
  vertical-align: middle
}

.v-align .v-spacer {
  width: 1px;
  height: 100%
}

.v-align .v-content {
  width: 100%;
  margin-left: -1px;
  white-space: normal
}

.ani-sft {
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  filter: "alpha(opacity=0)"
}

.ani-sfb {
  -webkit-transform: translateY(40px);
  -moz-transform: translateY(40px);
  -ms-transform: translateY(40px);
  -o-transform: translateY(40px);
  transform: translateY(40px);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  filter: "alpha(opacity=0)"
}

.ani-sfl {
  -webkit-transform: translateX(-40px);
  -moz-transform: translateX(-40px);
  -ms-transform: translateX(-40px);
  -o-transform: translateX(-40px);
  transform: translateX(-40px);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  filter: "alpha(opacity=0)"
}

.ani-sfr {
  -webkit-transform: translateX(80px);
  -moz-transform: translateX(80px);
  -ms-transform: translateX(80px);
  -o-transform: translateX(80px);
  transform: translateX(80px);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  filter: "alpha(opacity=0)"
}

.ani-lft {
  -webkit-transform: translateY(-80px);
  -moz-transform: translateY(-80px);
  -ms-transform: translateY(-80px);
  -o-transform: translateY(-80px);
  transform: translateY(-80px);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  filter: "alpha(opacity=0)"
}

.ani-lfb {
  -webkit-transform: translateY(80px);
  -moz-transform: translateY(80px);
  -ms-transform: translateY(80px);
  -o-transform: translateY(80px);
  transform: translateY(80px);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  filter: "alpha(opacity=0)"
}

.ani-lfl {
  -webkit-transform: translateX(-80px);
  -moz-transform: translateX(-80px);
  -ms-transform: translateX(-80px);
  -o-transform: translateX(-80px);
  transform: translateX(-80px);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  filter: "alpha(opacity=0)"
}

.ani-lfr {
  -webkit-transform: translateX(80px);
  -moz-transform: translateX(80px);
  -ms-transform: translateX(80px);
  -o-transform: translateX(80px);
  transform: translateX(80px);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  filter: "alpha(opacity=0)"
}

.text-left {
  text-align: left !important
}

.text-center {
  text-align: center
}

.text-right {
  text-align: right
}

.block-img {
  display: block;
  width: 100%;
  height: auto
}

.block-img.auto-width {
  width: auto;
  max-width: 100%;
  margin: 0 auto
}

.block-img.block-right {
  width: auto;
  max-width: 100%;
  margin-left: auto
}

.margin-top-0 {
  margin-top: 0 !important
}

.margin-top-10 {
  margin-top: 10px !important
}

.margin-top-20 {
  margin-top: 20px !important
}

.margin-top-30 {
  margin-top: 30px !important
}

.margin-top-40 {
  margin-top: 40px !important
}

.margin-top-50 {
  margin-top: 50px !important
}

.margin-bottom-0 {
  margin-bottom: 0 !important
}

.margin-bottom-10 {
  margin-bottom: 10px !important
}

.margin-bottom-20 {
  margin-bottom: 20px !important
}

.margin-bottom-30 {
  margin-bottom: 30px !important
}

.margin-bottom-40 {
  margin-bottom: 40px !important
}

.margin-bottom-50 {
  margin-bottom: 50px !important
}

body {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: #2e2e2e;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #fff
}

h1 {
  font-family: 'droid_sansbold', sans-serif;
  font-weight: 700;
  font-size: 38px;
  line-height: 46px;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0px 2px 2px #170A06;
  margin: 30px 0 0 0;
  color: #ff6900;
}

h1 span {
  font-family: 'droid_sansbold', sans-serif;
  font-weight: 700;
}

h2 {
  font-family: 'droid_sansbold', sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 34px;
  margin: 0 0 90px;
  color: #2e2e2e;
  text-align: center
}

h3 {
  font-weight: 600;
  font-size: 20px;
  line-height: 34px;
  margin: 0;
  color: #2e2e2e
}

h4 {
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  margin: 0;
  color: #2e2e2e
}

h5 {
  font-size: 18px;
  line-height: 18px
}

p {
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 1em
}

li {
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 .5em
}

#wrapper {
  overflow: hidden;
  position: relative;
  width: 100%
}

.container {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 30px
}

header {
  position: relative;
  background-color: black;
  height: 45vh;
  /* min-height: 30rem; */
  width: 100%;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 2;
}

header .container .logo {
  text-align: center
}

header .container .logo img {
  max-width: 160px;
}

header .container .dwil {
  float: right;
  margin-top: 45px;
  display: none
}

header .container .dwil img {
  max-width: 320px
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.5;
  z-index: 1;
  display: none;
}

/* Media Query for devices withi coarse pointers and no hover functionality */

/* This will use a fallback image instead of a video for devices that commonly do not support the HTML5 video element */

@media screen and (max-width: 512px) {
  header {
    background: url('../img/sae-full-time-mobile-header-img.jpg') black no-repeat center center scroll;
    background-size: cover;
    /* min-height: 47rem; */
  }

  .logo-img {
    width: 100px;
  }

  /* .block-text-header-black {
    background-color: black;
    padding: 5px;
    color: #fff;
    display: block;
    text-align: left;
    font-size: 32px;
    width: 100%;
    margin-left: -30px;
    margin-top: 50px;
  } */

  .block-text-header-yellow {
    font-family: 'droid_sansbold', sans-serif;
    padding: 5px;
    color: #fff;
    display: block;
    text-align: center;
    font-size: 32px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    /* margin-left: -30px; */
    /* background-color: #ff6900; */
    /* width: 65%; */
  }

  header video {
    display: none;
  }

  h5 {
    text-align: center;
  }
}

.content {
  position: relative;
  background: #fff;
  display: block;
  z-index: 3
}

.content h2 {
  margin-bottom: 30px
}

.content h2 span {
  font-weight: 600;
  color: #ff6900;
  text-transform: uppercase;
  display: inline-block;
  padding-top: 25px;
}

.content h5 {
  margin-bottom: 10px;
  width: 100%;
  margin-top: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  /* text-align: center; */
  color: #666;
  text-transform: uppercase;
  display: inline-block
}

.content p {
  color: #2e2e2e;
  margin-bottom: 40px;
  font-size: 16px;
  line-height: 28px;
  text-align: center
}

.content p span {
  font-weight: 600
}

.content .main-carousel .carousel-cell {
  width: 100%
}

.content .main-carousel .carousel-cell .content {
  padding: 30px 30px 10px 30px;
  background-color: #f4f6fa;
  behavior: url(css/border-radius.htc);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  text-align: center;
  margin-bottom: 15px
}

.content .main-carousel .carousel-cell .content p {
  color: #2e2e2e;
  font-size: 16px;
  line-height: 28px;
  font-style: italic;
  margin-bottom: 1em;
  text-align: center
}

.content .main-carousel .carousel-cell .content p span {
  color: #2e2e2e;
  font-weight: 600
}

.content .main-carousel .carousel-cell .content p.sml {
  font-size: 12px !important;
  line-height: 20px !important
}

.content .main-carousel .carousel-cell .company-logo {
  background-color: #fff;
  display: inline-block;
  margin: 0 auto;
  padding: 18px 30px;
  behavior: url(css/border-radius.htc);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  position: absolute;
  bottom: -80px;
  left: 50%;
  transform: translate(-50%, -50%)
}

.content .main-carousel .carousel-cell .company-logo img {
  max-width: 150px
}

.content .main-carousel.testimonials:before {
  content: '';
  background-image: url(../img/blockquote.png);
  background-size: 100%;
  width: 56px;
  height: 47px;
  position: absolute;
  top: -10px;
  z-index: 10;
  left: 50%;
  transform: translate(-50%, -50%)
}

.content .form {
  position: relative;
  z-index: 3;
  margin-top: -60px;
  display: none !important
}

.content .form .form-container {
  width: 100%;
  margin: 0 auto;
  padding: 40px 30px;
  background: #fff;
  position: relative;
  overflow: hidden;
  behavior: url(css/border-radius.htc);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 18px 2px rgba(0, 0, 0, .03);
  -moz-box-shadow: 0 0 18px 2px rgba(0, 0, 0, .03);
  box-shadow: 0 0 18px 2px rgba(0, 0, 0, .03);
  color: #2e2e2e;
  text-align: center
}

.content .form .form-container p {
  margin-top: 30px;
  line-height: 32px
}

.campus-info-container {
  padding: 0
}

.campus-info-container .content {
  padding: 0;
  background-color: #f4f6fa;
  behavior: url(css/border-radius.htc);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  text-align: left;
  margin-bottom: 15px;
  overflow: hidden;
  border-bottom: 1px solid #cccccc;
}

.campus-info-container .content h3 {
  font-size: 18px;
  margin: 0 !important;
  width: 100%;
  padding: 20px 90px;
  background: #ff6900;
  color: #ffffff;
  text-align: center;
  line-height: 22px;
}

.campus-info-container .content h3.small {
  padding: 20px 30px;
}

.campus-info-container .content .course-listing-content {
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}

.campus-info-container .content table {
  width: 100%;
}

.campus-info-container .content table tr {
  border-bottom: 1px solid #cccccc;
}

.campus-info-container .content table tr:last-child {
  border: none;
}

.campus-info-container .content table tr td {
  padding: 15px 10px;
  min-width: 120px;
}

.campus-info-container .content table tr td.campus {
  height: 69px;
}

.campus-info-container .content table tr td:first-child {
  color: #ff6900;
  font-weight: 700;
}

.campus-info-container .content h4 {
  font-size: 14px;
  margin-bottom: 10px
}

.campus-info-container .content p {
  color: #2e2e2e;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  margin-bottom: 10px
}

.campus-info-container .content ul {
  list-style: none;
  padding: 0;
  margin: 0
}

.campus-info-container .content ul li {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0
}

.campus-info-container:last-child {
  padding: 0
}

.why-choose-ihs {
  margin: 0 0 50px;
  position: relative;
  z-index: 2
}

.why-choose-ihs h3 {
  text-align: center;
  margin: 20px 0px 20px;
  COLOR: white;
  padding: 20px;
  background: black;
}

.why-choose-ihs .items {
  margin: 15px 0
}

.why-choose-ihs .items .item .content {
  behavior: url(css/border-radius.htc);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 50px;
  background: #fff;
  text-align: center;
  -webkit-box-shadow: 0 0 18px 2px rgba(0, 0, 0, .03);
  -moz-box-shadow: 0 0 18px 2px rgba(0, 0, 0, .03);
  box-shadow: 0 0 18px 2px rgba(0, 0, 0, .03)
}

.why-choose-ihs .items .item .content img {
  max-width: 69px;
  width: 100%;
  margin-bottom: 20px
}

.why-choose-ihs .items .item .content p {
  color: #2e2e2e;
  font-weight: 600;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
  text-align: center
}

.why-choose-ihs .items .item .content.sml {
  padding: 50px 30px
}

.why-choose-ihs .items .item .content.lrg {
  padding: 50px 106px
}

.why-choose-ihs .items .dot {
  border-color: #ff6900;
  opacity: 1
}

.flickity-page-dots .dot {
  opacity: 1;
  width: 8px;
  height: 8px;
  border: 1px solid #2e2e2e;
  opacity: .5;
  background: 0 0;
  position: relative;
  -webkit-transition: all .2s cubic-bezier(.215, .61, .355, 1);
  transition: all .2s cubic-bezier(.215, .61, .355, 1)
}

.flickity-page-dots .dot:after {
  display: block;
  text-align: center;
  content: '1';
  -webkit-transition: all .4s cubic-bezier(.215, .61, .355, 1);
  transition: all .4s cubic-bezier(.215, .61, .355, 1);
  opacity: 0;
  left: 4px;
  top: 100%;
  margin-top: 14px;
  position: absolute;
  color: #ff6900;
  font-weight: 700;
  font-size: 12px
}

.flickity-page-dots .dot:nth-child(2):after {
  content: '2'
}

.flickity-page-dots .dot:nth-child(3):after {
  content: '3'
}

.flickity-page-dots .dot:nth-child(4):after {
  content: '4'
}

.flickity-page-dots .dot.is-selected {
  width: 20px;
  height: 20px;
  border: 3px solid #ff6900;
  position: relative;
  top: 6px;
  background: 0 0
}

.flickity-page-dots .dot.is-selected:after {
  opacity: 1;
  margin-top: 4px
}

.bottom-waves {
  position: relative;
  background: #ead887;
  background: -moz-linear-gradient(45deg, #ead887 0, #ff6900 100%);
  background: -webkit-linear-gradient(45deg, #ead887 0, #ff6900 100%);
  background: linear-gradient(45deg, #ead887 0, #ff6900 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ead887', endColorstr='#ff6900', GradientType=1);
  top: -220px;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  padding-top: 220px
}

.bottom-waves .bg-wave {
  position: absolute;
  top: 0;
  left: 0;
  right: 0
}

.bottom-waves .bg-wave .decor {
  position: absolute;
  top: 0;
  left: 50%;
  min-width: 130%;
  max-width: 99999px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.bottom-waves .waves {
  width: 100%;
  position: absolute;
  bottom: -100px;
  left: 0;
  z-index: 1
}

.bottom-waves .waves .wave {
  background: url(../img/wave.svg) repeat-x;
  position: absolute;
  top: -198px;
  width: 6400px;
  height: 198px;
  -webkit-animation: wave 7s cubic-bezier(.36, .45, .63, .53) infinite;
  animation: wave 7s cubic-bezier(.36, .45, .63, .53) infinite;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: .2
}

.bottom-waves .waves .wave:nth-of-type(2) {
  top: -175px;
  -webkit-animation: wave 7s cubic-bezier(.36, .45, .63, .53) -125ms infinite, swell 7s ease -1.25s infinite;
  animation: wave 7s cubic-bezier(.36, .45, .63, .53) -125ms infinite, swell 7s ease -1.25s infinite;
  opacity: .4
}

footer {
  text-align: center;
  /* margin-top: -220px */
}

footer .row {
  padding: 20px 0
}

footer .row .logo p {
  margin-bottom: 3px;
  font-weight: 600;
  color: #747474
}

footer .row .logo img {
  max-width: 190px
}

footer .row p {
  font-size: 10px;
  line-height: 18px;
  color: #747474
}

footer .row p:last-child {
  margin-bottom: 0
}

footer.border {
  border-top: 4px solid #ff6900
}

form .select span,
form input {
  height: 46px;
  padding: 0
}

.form-control {
  background-color:#f4f6fa !important;
  border: 0 !important;
  outline: 0;
}
.form-control:focus {
  background-color: #f4f6fa !important;
  border-color: #ff6900 !important;
  box-shadow: 0 0 0 2px #ff6900 !important;
  outline: 0;
}

form .select span,
form input,
form textarea {
  width: 100%;
  display: block;
  background: #f4f6fa;
  border: 0;
  outline: 0;
  behavior: url(css/border-radius.htc);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  color: #747474;
  font-weight: 400;
  padding: 0 15px;
  margin-top: 20px;
  resize: none;
  font-size: 15px
}

form .select span:active,
form .select span:focus,
form input:active,
form input:focus,
form textarea:active,
form textarea:focus {
  -webkit-box-shadow: 0 0 0 2px #ff6900;
  -moz-box-shadow: 0 0 0 2px #ff6900;
  box-shadow: 0 0 0 2px #ff6900
}

form .select span::-webkit-input-placeholder,
form input::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder {
  color: #747474
}

form .select span::-moz-placeholder,
form input::-moz-placeholder,
form textarea::-moz-placeholder {
  color: #747474
}

form .select span:-ms-input-placeholder,
form input:-ms-input-placeholder,
form textarea:-ms-input-placeholder {
  color: #747474
}

form .select span:-moz-placeholder,
form input:-moz-placeholder,
form textarea:-moz-placeholder {
  color: #747474
}

form .select span::-webkit-inner-spin-button,
form .select span::-webkit-outer-spin-button,
form input::-webkit-inner-spin-button,
form input::-webkit-outer-spin-button,
form textarea::-webkit-inner-spin-button,
form textarea::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

form textarea {
  padding: 13px 10px 13px
}

form .select {
  position: relative;
  text-align: left
}

form .select i {
  position: absolute;
  right: 5px;
  top: 13px;
  font-size: 22px;
  color: #2e2e2e;
  width: 30px;
  text-align: center
}

form .select span {
  line-height: 46px;
  padding-top: 0;
  overflow: hidden;
  white-space: nowrap
}

form .select select {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  filter: "alpha(opacity=0)";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 14px;
  color: #000
}

form .submit {
  padding-top: 20px
}

form .submit .button {
  border: 0;
  width: 100%;
  font-size: 15px;
  line-height: 15px;
  font-weight: 700;
  color: #fff;
  background: #000000;
  padding: 15px 28px;
  -webkit-transition: background .3s cubic-bezier(.215, .61, .355, 1);
  -moz-transition: background .3s cubic-bezier(.215, .61, .355, 1);
  -ms-transition: background .3s cubic-bezier(.215, .61, .355, 1);
  -o-transition: background .3s cubic-bezier(.215, .61, .355, 1);
  transition: background .3s cubic-bezier(.215, .61, .355, 1);
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase
}

form .submit .button.rounded {
  behavior: url(css/border-radius.htc);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px
}

form .submit .button:hover {
  background: #ff6900
}

.mb-3 {
  margin-top: 30px;
}
.form-label {
  text-align: left;
  font-size: 13px;
  font-weight: normal;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 20px;
  margin-top: 20px;
  text-align: left;
  font-weight: 700;
}

.form-check-label {
  margin-bottom: 0;
  font-size: 13px;
  font-weight: normal;
}

.form-check-input {
  position: absolute;
  margin-top: 4px;
  margin-left: -20px;
  width: auto;
  height: auto;
}

.form-check-input:focus {
  box-shadow: none !important;
}

.form-check a {
  color: #ff6900;
  transition: all .2s;
  cursor: pointer;
}

.form-check a:hover {
  color: #ff6900;
}

.terms-and-conditions {
  height: 0;
  font-size: 12px;
  font-weight: normal;
  display: block;
  line-height: 20px;
  margin-top: 15px;
  transition: all .2s;
  overflow: hidden;
}

.terms-and-conditions.show {
  height: auto;
}

.mobile-enquire-now {
  position: absolute;
  bottom: 30px;
  width: 100%;
  z-index: 9999
}

.mobile-enquire-now.sticky2 {
  position: fixed;
  bottom: 10px;
  right: 0px;
  height: 55px
}

.mobile-enquire-now .morph-button {
  position: relative;
  display: block;
  margin: 0 auto
}

.mobile-enquire-now .morph-button>button {
  position: relative;
  padding: 0 20px;
  border: none;
  background-color: #ff6900;
  color: #fff;
  font-weight: 600;
  line-height: 55px;
  overflow: hidden;
  border-radius: 50px;
  -webkit-box-shadow: 0 0 25px 2px rgba(0, 0, 0, .35);
  -moz-box-shadow: 0 0 25px 2px rgba(0, 0, 0, .35);
  box-shadow: 0 0 25px 2px rgba(0, 0, 0, .35)
}

.mobile-enquire-now .morph-button .morph-content {
  pointer-events: none
}

.mobile-enquire-now .morph-button .morph-content .content-style-overlay {
  margin: 50px;
  padding: 40px 30px;
  background: #fff;
  position: relative;
  behavior: url(css/border-radius.htc);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 18px 2px rgba(0, 0, 0, .03);
  -moz-box-shadow: 0 0 18px 2px rgba(0, 0, 0, .03);
  box-shadow: 0 0 18px 2px rgba(0, 0, 0, .03);
  color: #2e2e2e;
  text-align: center
}

.mobile-enquire-now .morph-button.open>button {
  pointer-events: none
}

.mobile-enquire-now .morph-button.open .morph-content {
  pointer-events: auto
}

.mobile-enquire-now .morph-button.morph-button-fixed {
  width: 300px;
  height: 55px
}

.mobile-enquire-now .morph-button.morph-button-fixed .morph-content {
  width: 300px;
  height: 55px;
  position: fixed;
  z-index: 900;
  opacity: 0;
  -webkit-transition: opacity .3s .5s, width .4s .1s, height .4s .1s, top .4s .1s, left .4s .1s, margin .4s .1s;
  transition: opacity .3s .5s, width .4s .1s, height .4s .1s, top .4s .1s, left .4s .1s, margin .4s .1s
}

.mobile-enquire-now .morph-button.morph-button-fixed .morph-content>div {
  visibility: hidden;
  height: 0;
  opacity: 0;
  -webkit-transition: opacity .1s, visibility 0s .1s, height 0s .1s;
  transition: opacity .1s, visibility 0s .1s, height 0s .1s
}

.mobile-enquire-now .morph-button.morph-button-fixed>button {
  z-index: 1000;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity .1s .5s;
  transition: opacity .1s .5s
}

.mobile-enquire-now .morph-button.morph-button-fixed.open>button {
  opacity: 0;
  -webkit-transition: opacity .1s;
  transition: opacity .1s
}

.mobile-enquire-now .morph-button.morph-button-fixed.open .morph-content {
  opacity: 1
}

.mobile-enquire-now .morph-button.morph-button-fixed.open .morph-content>div {
  visibility: visible;
  height: auto;
  opacity: 1;
  -webkit-transition: opacity .3s .5s;
  transition: opacity .3s .5s
}

.mobile-enquire-now .morph-button.morph-button-fixed.active>button {
  z-index: 2000
}

.mobile-enquire-now .morph-button.morph-button-fixed.active .morph-content {
  z-index: 9900
}

.mobile-enquire-now .morph-button.morph-button-overlay {
  margin: 0 auto
}

.mobile-enquire-now .morph-button.morph-button-overlay .morph-content {
  -webkit-transition: opacity .3s .5s, width .4s .1s, height .4s .1s, top .4s .1s, left .4s .1s;
  transition: opacity .3s .5s, width .4s .1s, height .4s .1s, top .4s .1s, left .4s .1s;
  overflow: hidden;
  background: #ff6900;
  border-radius: 50px
}

.mobile-enquire-now .morph-button.morph-button-overlay.open .morph-content {
  -webkit-transition: width .4s .1s, height .4s .1s, top .4s .1s, left .4s .1s;
  transition: width .4s .1s, height .4s .1s, top .4s .1s, left .4s .1s;
  top: -4% !important;
  left: -5% !important;
  width: 110%;
  height: 110%
}

.mobile-enquire-now .morph-button.morph-button-overlay.scroll .morph-content {
  overflow-y: scroll
}

.mobile-enquire-now .morph-button.morph-button-overlay .icon {
  position: absolute;
  top: 10px;
  right: 13px
}

.film-hr {
  position: absolute;
  /* left: -30px; */
  bottom: -25px;
}

@media only screen and (min-width:480px) {
  .col-m-1 {
    width: 8.33333333%
  }

  .col-m-2 {
    width: 16.66666667%
  }

  .col-m-3 {
    width: 25%
  }

  .col-m-4 {
    width: 33.33333333%
  }

  .col-m-5 {
    width: 41.66666667%
  }

  .col-m-6 {
    width: 50%
  }

  .col-m-7 {
    width: 58.33333333%
  }

  .col-m-8 {
    width: 66.66666667%
  }

  .col-m-9 {
    width: 75%
  }

  .col-m-10 {
    width: 83.33333333%
  }

  .col-m-11 {
    width: 91.66666667%
  }

  .col-m-12 {
    width: 100%
  }

  .offset-m-1 {
    margin-left: 8.33333333%
  }

  .offset-m-2 {
    margin-left: 16.66666667%
  }

  .offset-m-3 {
    margin-left: 25%
  }

  .offset-m-4 {
    margin-left: 33.33333333%
  }

  .offset-m-5 {
    margin-left: 41.66666667%
  }

  .offset-m-6 {
    margin-left: 50%
  }

  .offset-m-7 {
    margin-left: 58.33333333%
  }

  .offset-m-8 {
    margin-left: 66.66666667%
  }

  .offset-m-9 {
    margin-left: 75%
  }

  .offset-m-10 {
    margin-left: 83.33333333%
  }

  .offset-m-11 {
    margin-left: 91.66666667%
  }

  .offset-m-12 {
    margin-left: 100%
  }
}

@media only screen and (min-width:600px) {
  .col-md-1 {
    width: 8.33333333%
  }

  .col-md-2 {
    width: 16.66666667%
  }

  .col-md-3 {
    width: 25%
  }

  .col-md-4 {
    width: 33.33333333%
  }

  .col-md-5 {
    width: 41.66666667%
  }

  .col-md-6 {
    width: 50%
  }

  .col-md-7 {
    width: 58.33333333%
  }

  .col-md-8 {
    width: 66.66666667%
  }

  .col-md-9 {
    width: 75%
  }

  .col-md-10 {
    width: 83.33333333%
  }

  .col-md-11 {
    width: 91.66666667%
  }

  .col-md-12 {
    width: 100%
  }

  .offset-md-1 {
    margin-left: 8.33333333%
  }

  .offset-md-2 {
    margin-left: 16.66666667%
  }

  .offset-md-3 {
    margin-left: 25%
  }

  .offset-md-4 {
    margin-left: 33.33333333%
  }

  .offset-md-5 {
    margin-left: 41.66666667%
  }

  .offset-md-6 {
    margin-left: 50%
  }

  .offset-md-7 {
    margin-left: 58.33333333%
  }

  .offset-md-8 {
    margin-left: 66.66666667%
  }

  .offset-md-9 {
    margin-left: 75%
  }

  .offset-md-10 {
    margin-left: 83.33333333%
  }

  .offset-md-11 {
    margin-left: 91.66666667%
  }

  .offset-md-12 {
    margin-left: 100%
  }

  header {
    height: auto
  }

  .film-hr {
    display: none;
  }
}

@media only screen and (min-width:720px) {
  header {
    height: auto;
    background-image: url('../img/sae-full-time-main-header.jpg');
    background-color: #000;
    background-size: cover;
  }

  header .logo {
    text-align: left !important
  }

  header h1 {
    font-family: 'droid_sansbold', sans-serif;
    text-align: left !important;
    font-size: 65px;
    line-height: 70px;
    text-shadow: 0px 2px 2px #170A06;
    margin: 60px 0 0 0;
    color: #ff6900;
  }
  header h2 {
    font-family: 'droid_sansbold', sans-serif;
    font-size: 65px;
    font-weight: 700;
    line-height: 70px;
    margin-left: 0;
  }

  header .dwil {
    display: block !important
  }

  /* .block-text-header-black {
    background-color: #ff6900;
    padding: 5px;
    color: #000;
    display: block;
    text-align: left;
    width: 60%;
    margin-left: 0;
    margin-top: 104px;
  } */
  .block-text-header-yellow {
    font-family: 'droid_sansbold', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 90px;
    /* -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #fff; */
    
  }

  .whatsapp-button {
    width: 300px;
  }

  .website-button {
    width: 300px;
  }

  h1 {
    margin-top: 120px
  }

  h2 {
    font-size: 30px;
    line-height: 40px;
    text-align: left
  }

  .content p {
    font-size: 16px;
    line-height: 28px;
    text-align: left
  }

  h3 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 40px !important
  }

  .carousel-cell .content {
    padding: 50px 150px 30px !important
  }

  .carousel-cell .content p {
    font-size: 20px !important;
    line-height: 32px !important;
    text-align: center
  }
}

@media only screen and (min-width:960px) {
  .col-1 {
    width: 8.33333333%
  }

  .col-2 {
    width: 16.66666667%
  }

  .col-3 {
    width: 25%
  }

  .col-4 {
    width: 33.33333333%
  }

  .col-5 {
    width: 41.66666667%
  }

  .col-6 {
    width: 50%
  }

  .col-7 {
    width: 58.33333333%
  }

  .col-8 {
    width: 66.66666667%
  }

  .col-9 {
    width: 75%
  }

  .col-10 {
    width: 83.33333333%
  }

  .col-11 {
    width: 91.66666667%
  }

  .col-12 {
    width: 100%
  }

  .offset-1 {
    margin-left: 8.33333333%
  }

  .offset-2 {
    margin-left: 16.66666667%
  }

  .offset-3 {
    margin-left: 25%
  }

  .offset-4 {
    margin-left: 33.33333333%
  }

  .offset-5 {
    margin-left: 41.66666667%
  }

  .offset-6 {
    margin-left: 50%
  }

  .offset-7 {
    margin-left: 58.33333333%
  }

  .offset-8 {
    margin-left: 66.66666667%
  }

  .offset-9 {
    margin-left: 75%
  }

  .offset-10 {
    margin-left: 83.33333333%
  }

  .offset-11 {
    margin-left: 91.66666667%
  }

  .offset-12 {
    margin-left: 100%
  }

  .mobile-enquire-now {
    display: none
  }

  .content .form {
    display: block !important
  }

  .campus-info-container {
    padding: 0 15px 0 0
  }

  .campus-info-container:last-child {
    padding: 0 15px 0 0
  }

  /*  .campus-info-container .content {
        min-height: 493px
    } */
  .why-choose-ihs .flickity-page-dots {
    display: none
  }

  footer {
    text-align: left
  }
}

@media only screen and (min-width:1280px) {
  .col-lg-1 {
    width: 8.33333333%
  }

  .col-lg-2 {
    width: 16.66666667%
  }

  .col-lg-3 {
    width: 25%
  }

  .col-lg-4 {
    width: 33.33333333%
  }

  .col-lg-5 {
    width: 41.66666667%
  }

  .col-lg-6 {
    width: 50%
  }

  .col-lg-7 {
    width: 58.33333333%
  }

  .col-lg-8 {
    width: 66.66666667%
  }

  .col-lg-9 {
    width: 75%
  }

  .col-lg-10 {
    width: 83.33333333%
  }

  .col-lg-11 {
    width: 91.66666667%
  }

  .col-lg-12 {
    width: 100%
  }

  .offset-lg-1 {
    margin-left: 8.33333333%
  }

  .offset-lg-2 {
    margin-left: 16.66666667%
  }

  .offset-lg-3 {
    margin-left: 25%
  }

  .offset-lg-4 {
    margin-left: 33.33333333%
  }

  .offset-lg-5 {
    margin-left: 41.66666667%
  }

  .offset-lg-6 {
    margin-left: 50%
  }

  .offset-lg-7 {
    margin-left: 58.33333333%
  }

  .offset-lg-8 {
    margin-left: 66.66666667%
  }

  .offset-lg-9 {
    margin-left: 75%
  }

  .offset-lg-10 {
    margin-left: 83.33333333%
  }

  .offset-lg-11 {
    margin-left: 91.66666667%
  }

  .offset-lg-12 {
    margin-left: 100%
  }
}


/* Tabs menu */
.tabs {
  margin: 0;
  background: #f4f6fa;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  border-radius: 2px 2px 0px 0px;
}

@media screen and (max-width: 512px) {
  .tabs {
    height: 40px;
  }
}

/* Tab Links */
.tablinks {
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  width: 50%;
  /*change depending on the number of tabs*/
  height: 80px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  overflow: hidden;
  transition: 0.3s ease;
}

@media screen and (max-width: 512px) {
  .tablinks {
    height: 40px;
    font-size: 12px;
  }
}

.tablinks:before {
  background-color: #ff6900;
  content: "";
  width: 100%;
  height: 0px;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s ease-in-out;
  z-index: 2;
}

/*tab buttons hover*/
.tablinks:hover::before {
  height: 100%;
  z-index: 2;
  bottom: 0;
}

@media screen and (max-width: 512px) {
  .tablinks:hover::before {
    height: 0;
  }
}

/* Tab active */
.tablinks.active {
  background-color: white;
  z-index: 0;
  border-right: 0px;
  border-left: 0px;
  height: 110px;
  bottom: 0px;
  overflow: hidden;
}

@media screen and (max-width: 512px) {
  .tablinks.active {
    height: 60px;
  }
}

.tablinks.active:before {
  content: "";
  width: 100%;
  height: 5px;
  top: 0;
  left: 0;
}

/* Tabs text */
.tablinks.active p,
.tablinks.active:hover p {
  opacity: 1;
  color: #2e2e2e;
}

.tablinks p {
  opacity: 0.6;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: 0.5s ease;
  padding: 0;
  margin: 0;
  color: #686868;
  backface-visibility: hidden;
  font-weight: 700;
  font-size: 18px;
}

.tablinks:hover p {
  color: white;
  opacity: 1;
}

@media screen and (max-width: 512px) {
  .tablinks:hover p {
    color: #686868;
    opacity: 0.6;
  }
}

/* Tabs text bigger */
.tablinks p:before {
  content: attr(data-title);
  position: absolute;
  height: auto;
  width: auto;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.1;
  font-size: 40px;
  transition: 1s ease-out;
  z-index: -1;
  font-weight: 600;
  top: 110%;
}

@media screen and (max-width: 512px) {
  .tablinks p:before {
    display: none;
  }
}

.tablinks:hover p:before {
  opacity: 0.1;
  font-size: 40px;
  top: -80%;
}

/* tab content */
.wrapper_tabcontent {
  background-color: white;
  margin-top: 0px;
  z-index: -3;
  position: relative;
  opacity: 1;
  padding: 20px 0 0 60px;
  overflow: hidden;
  transition: all 1s ease;
  top: 0;
}

@media screen and (max-width: 512px) {
  .wrapper_tabcontent {
    padding: 20px 0 0 0px;
  }
}

.tabcontent {
  display: none;
  min-height: 180px;
}

@keyframes tabEffect {
  from {
    top: -40px;
  }

  to {
    top: 0px;
  }
}

.tabcontent.active {
  transition: all 1s ease;
  display: block;
}

/* Tab content line */
/* .wrapper_tabcontent:after {
    content: "";
    height: 5px;
    width: 100%;
    position: absolute;
    background-image: -webkit-linear-gradient(45deg, #ead887, #ff6900 80%);
    left: 0;
    bottom: 0;
    z-index: -2;
    transition: all 1s ease;
  } */

/* Title */
.tabcontent h3 {
  font-size: 40px;
  top: 135px;
  transform: rotate(90deg);
  position: absolute;
  left: -140px;
  opacity: 0.1;
  width: 300px;
  height: 60px;
  background: -webkit-linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 0;
  animation: city 1s ease;
}

@media screen and (max-width: 512px) {
  .tabcontent h3 {
    top: 135px;
  }
}

@keyframes city {
  from {
    left: -190px;
  }

  to {
    left: -140px;
  }
}

/* Text*/
.tabcontent p {
  color: #686868;
  margin: 0;
  padding: 0;
  line-height: 28px;
  font-weight: 100;
  transition: all 1s ease;
  animation: fadeEffect 0.6s ease;
  width: 100%;
  font-size: 16px;
}

@media screen and (max-width: 512px) {
  .tabcontent p {
    font-size: 14px;
    line-height: 26px;
  }
}

@keyframes fadeEffect {
  from {
    opacity: 0;
    margin-left: 30px;
  }

  to {
    opacity: 1;
    margin-left: 0;
  }
}

.wrapper_tabcontent .course-holder {
  margin-bottom: 10px;
}

.wrapper_tabcontent .course-holder h4 {
  text-transform: uppercase;
  margin: 0;
}

.wrapper_tabcontent .course-holder .course-container h6 {
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 15px;
  min-height: 40px;
  padding-right: 35px;
  position: relative;
}

.wrapper_tabcontent .course-holder .course-container h6 span {
  position: absolute;
  display: block;
  bottom: -12px;
  font-size: 10px;
  left: 0;
  text-transform: uppercase;
  color: #747474;
}

.wrapper_tabcontent .course-holder .course-container .image {
  width: 100%;
  height: 100%;
  position: relative;
  margin-bottom: 15px;
  overflow: hidden;
  line-height: 0;
  border-radius: 6px;
}

.wrapper_tabcontent .course-holder .course-container .image .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.2;
  z-index: 1;
}

.wrapper_tabcontent .course-holder .course-container img {
  max-width: 100%;
  overflow: hidden;
}

.wrapper_tabcontent .course-holder .course-container .course-content {
  border-top: 3px solid;
  padding-top: 10px;
}

.wrapper_tabcontent .course-holder .course-container .course-content p {
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  text-align: left;
}

.wrapper_tabcontent .course-holder .course-container .course-content p span {
  font-weight: 500;
}

.wrapper_tabcontent .course-holder.audio h4,
.wrapper_tabcontent .course-holder.audio .course-container .course-content p {
  color: #286ca9;
}

.wrapper_tabcontent .course-holder.audio .course-container .course-content {
  border-color: #286ca9;
}

.wrapper_tabcontent .course-holder.audio .course-container .image .overlay {
  background-color: #286ca9;
}

.wrapper_tabcontent .course-holder.film h4,
.wrapper_tabcontent .course-holder.film .course-container .course-content p {
  color: #f9a607;
}

.wrapper_tabcontent .course-holder.film .course-container .course-content {
  border-color: #f9a607;
}

.wrapper_tabcontent .course-holder.film .course-container .image .overlay {
  background-color: #f9a607;
}

.wrapper_tabcontent .course-holder.animation h4,
.wrapper_tabcontent .course-holder.animation .course-container .course-content p {
  color: #21a0a1;
}

.wrapper_tabcontent .course-holder.animation .course-container .course-content {
  border-color: #21a0a1;
}

.wrapper_tabcontent .course-holder.animation .course-container .image .overlay {
  background-color: #21a0a1;
}

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

  .wrapper_tabcontent .course-holder .course-container .image {
    margin-bottom: 15px;
  }

  .wrapper_tabcontent .course-holder .course-container h6 {
    min-height: auto;
  }

}


@media screen and (max-width: 480px) {

  .tablinks p {
    font-size: 15px;
  }

}


.thank-you {
  font-family: 'Roboto', sans-serif !important;
}

.thank-you .thank-you h2,
.thank-you h2 span {
  color: #666;
  background: #fff !important;
  -webkit-text-fill-color: #666;
  font-weight: 700;
}

.thank-you p {
  margin-bottom: 20px;
  font-weight: 400;
}

.thank-you p span {
  font-weight: 700;
}

.thank-you a {
  text-decoration: none;
  color: #ff6900;
  transition: all 0.2;
}

.thank-you a:hover {
  color: #ff6900;
}



.iti {
  position: relative;
}

.iti * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.iti__hide {
  display: none;
}

.iti__v-hide {
  visibility: hidden;
}

.iti input,
.iti input[type=text],
.iti input[type=tel] {
  position: relative;
  z-index: 0;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}

.iti__flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}

.iti__selected-flag {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 6px 0 8px;
}

.iti__arrow {
  margin-left: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}

.iti__arrow--up {
  border-top: none;
  border-bottom: 4px solid #555;
}

.iti__country-list {
  position: relative;
  z-index: 2;
  max-width: 300px;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #CCC;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.iti__country-list--dropup {
  bottom: 100%;
  margin-bottom: -1px;
}

@media (max-width: 500px) {
  .iti__country-list {
    white-space: normal;
  }
}

.iti__flag-box {
  display: inline-block;
  width: 20px;
}

.iti__divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #CCC;
}

.iti__country {
  padding: 5px 10px;
  outline: none;
}

.iti__dial-code {
  color: #999;
}

.iti__country.iti__highlight {
  background-color: rgba(0, 0, 0, 0.05);
}

.iti__flag-box,
.iti__country-name,
.iti__dial-code {
  vertical-align: middle;
}

.iti__flag-box,
.iti__country-name {
  margin-right: 6px;
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type=text],
.iti--allow-dropdown input[type=tel],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=text],
.iti--separate-dial-code input[type=tel] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
}

.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
  right: auto;
  left: 0;
}

.iti--allow-dropdown .iti__flag-container:hover {
  cursor: pointer;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}

.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,
.iti--allow-dropdown input[readonly]+.iti__flag-container:hover {
  cursor: default;
}

.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag {
  background-color: transparent;
}

.iti--separate-dial-code .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}

.iti--separate-dial-code .iti__selected-dial-code {
  margin-left: 6px;
}

.iti--container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 9999;
  padding: 1px;
}

.iti--container:hover {
  cursor: pointer;
}

.iti-mobile .iti--container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
}

.iti-mobile .iti__country-list {
  max-height: 100%;
  width: 100%;
}

.iti-mobile .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti__flag {
  width: 20px;
}

.iti__flag.iti__be {
  width: 18px;
}

.iti__flag.iti__ch {
  width: 15px;
}

.iti__flag.iti__mc {
  width: 19px;
}

.iti__flag.iti__ne {
  width: 18px;
}

.iti__flag.iti__np {
  width: 13px;
}

.iti__flag.iti__va {
  width: 15px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
  .iti__flag {
    background-size: 5652px 15px;
  }
}

.iti__flag.iti__ac {
  height: 10px;
  background-position: 0px 0px;
}

.iti__flag.iti__ad {
  height: 14px;
  background-position: -22px 0px;
}

.iti__flag.iti__ae {
  height: 10px;
  background-position: -44px 0px;
}

.iti__flag.iti__af {
  height: 14px;
  background-position: -66px 0px;
}

.iti__flag.iti__ag {
  height: 14px;
  background-position: -88px 0px;
}

.iti__flag.iti__ai {
  height: 10px;
  background-position: -110px 0px;
}

.iti__flag.iti__al {
  height: 15px;
  background-position: -132px 0px;
}

.iti__flag.iti__am {
  height: 10px;
  background-position: -154px 0px;
}

.iti__flag.iti__ao {
  height: 14px;
  background-position: -176px 0px;
}

.iti__flag.iti__aq {
  height: 14px;
  background-position: -198px 0px;
}

.iti__flag.iti__ar {
  height: 13px;
  background-position: -220px 0px;
}

.iti__flag.iti__as {
  height: 10px;
  background-position: -242px 0px;
}

.iti__flag.iti__at {
  height: 14px;
  background-position: -264px 0px;
}

.iti__flag.iti__au {
  height: 10px;
  background-position: -286px 0px;
}

.iti__flag.iti__aw {
  height: 14px;
  background-position: -308px 0px;
}

.iti__flag.iti__ax {
  height: 13px;
  background-position: -330px 0px;
}

.iti__flag.iti__az {
  height: 10px;
  background-position: -352px 0px;
}

.iti__flag.iti__ba {
  height: 10px;
  background-position: -374px 0px;
}

.iti__flag.iti__bb {
  height: 14px;
  background-position: -396px 0px;
}

.iti__flag.iti__bd {
  height: 12px;
  background-position: -418px 0px;
}

.iti__flag.iti__be {
  height: 15px;
  background-position: -440px 0px;
}

.iti__flag.iti__bf {
  height: 14px;
  background-position: -460px 0px;
}

.iti__flag.iti__bg {
  height: 12px;
  background-position: -482px 0px;
}

.iti__flag.iti__bh {
  height: 12px;
  background-position: -504px 0px;
}

.iti__flag.iti__bi {
  height: 12px;
  background-position: -526px 0px;
}

.iti__flag.iti__bj {
  height: 14px;
  background-position: -548px 0px;
}

.iti__flag.iti__bl {
  height: 14px;
  background-position: -570px 0px;
}

.iti__flag.iti__bm {
  height: 10px;
  background-position: -592px 0px;
}

.iti__flag.iti__bn {
  height: 10px;
  background-position: -614px 0px;
}

.iti__flag.iti__bo {
  height: 14px;
  background-position: -636px 0px;
}

.iti__flag.iti__bq {
  height: 14px;
  background-position: -658px 0px;
}

.iti__flag.iti__br {
  height: 14px;
  background-position: -680px 0px;
}

.iti__flag.iti__bs {
  height: 10px;
  background-position: -702px 0px;
}

.iti__flag.iti__bt {
  height: 14px;
  background-position: -724px 0px;
}

.iti__flag.iti__bv {
  height: 15px;
  background-position: -746px 0px;
}

.iti__flag.iti__bw {
  height: 14px;
  background-position: -768px 0px;
}

.iti__flag.iti__by {
  height: 10px;
  background-position: -790px 0px;
}

.iti__flag.iti__bz {
  height: 14px;
  background-position: -812px 0px;
}

.iti__flag.iti__ca {
  height: 10px;
  background-position: -834px 0px;
}

.iti__flag.iti__cc {
  height: 10px;
  background-position: -856px 0px;
}

.iti__flag.iti__cd {
  height: 15px;
  background-position: -878px 0px;
}

.iti__flag.iti__cf {
  height: 14px;
  background-position: -900px 0px;
}

.iti__flag.iti__cg {
  height: 14px;
  background-position: -922px 0px;
}

.iti__flag.iti__ch {
  height: 15px;
  background-position: -944px 0px;
}

.iti__flag.iti__ci {
  height: 14px;
  background-position: -961px 0px;
}

.iti__flag.iti__ck {
  height: 10px;
  background-position: -983px 0px;
}

.iti__flag.iti__cl {
  height: 14px;
  background-position: -1005px 0px;
}

.iti__flag.iti__cm {
  height: 14px;
  background-position: -1027px 0px;
}

.iti__flag.iti__cn {
  height: 14px;
  background-position: -1049px 0px;
}

.iti__flag.iti__co {
  height: 14px;
  background-position: -1071px 0px;
}

.iti__flag.iti__cp {
  height: 14px;
  background-position: -1093px 0px;
}

.iti__flag.iti__cr {
  height: 12px;
  background-position: -1115px 0px;
}

.iti__flag.iti__cu {
  height: 10px;
  background-position: -1137px 0px;
}

.iti__flag.iti__cv {
  height: 12px;
  background-position: -1159px 0px;
}

.iti__flag.iti__cw {
  height: 14px;
  background-position: -1181px 0px;
}

.iti__flag.iti__cx {
  height: 10px;
  background-position: -1203px 0px;
}

.iti__flag.iti__cy {
  height: 14px;
  background-position: -1225px 0px;
}

.iti__flag.iti__cz {
  height: 14px;
  background-position: -1247px 0px;
}

.iti__flag.iti__de {
  height: 12px;
  background-position: -1269px 0px;
}

.iti__flag.iti__dg {
  height: 10px;
  background-position: -1291px 0px;
}

.iti__flag.iti__dj {
  height: 14px;
  background-position: -1313px 0px;
}

.iti__flag.iti__dk {
  height: 15px;
  background-position: -1335px 0px;
}

.iti__flag.iti__dm {
  height: 10px;
  background-position: -1357px 0px;
}

.iti__flag.iti__do {
  height: 14px;
  background-position: -1379px 0px;
}

.iti__flag.iti__dz {
  height: 14px;
  background-position: -1401px 0px;
}

.iti__flag.iti__ea {
  height: 14px;
  background-position: -1423px 0px;
}

.iti__flag.iti__ec {
  height: 14px;
  background-position: -1445px 0px;
}

.iti__flag.iti__ee {
  height: 13px;
  background-position: -1467px 0px;
}

.iti__flag.iti__eg {
  height: 14px;
  background-position: -1489px 0px;
}

.iti__flag.iti__eh {
  height: 10px;
  background-position: -1511px 0px;
}

.iti__flag.iti__er {
  height: 10px;
  background-position: -1533px 0px;
}

.iti__flag.iti__es {
  height: 14px;
  background-position: -1555px 0px;
}

.iti__flag.iti__et {
  height: 10px;
  background-position: -1577px 0px;
}

.iti__flag.iti__eu {
  height: 14px;
  background-position: -1599px 0px;
}

.iti__flag.iti__fi {
  height: 12px;
  background-position: -1621px 0px;
}

.iti__flag.iti__fj {
  height: 10px;
  background-position: -1643px 0px;
}

.iti__flag.iti__fk {
  height: 10px;
  background-position: -1665px 0px;
}

.iti__flag.iti__fm {
  height: 11px;
  background-position: -1687px 0px;
}

.iti__flag.iti__fo {
  height: 15px;
  background-position: -1709px 0px;
}

.iti__flag.iti__fr {
  height: 14px;
  background-position: -1731px 0px;
}

.iti__flag.iti__ga {
  height: 15px;
  background-position: -1753px 0px;
}

.iti__flag.iti__gb {
  height: 10px;
  background-position: -1775px 0px;
}

.iti__flag.iti__gd {
  height: 12px;
  background-position: -1797px 0px;
}

.iti__flag.iti__ge {
  height: 14px;
  background-position: -1819px 0px;
}

.iti__flag.iti__gf {
  height: 14px;
  background-position: -1841px 0px;
}

.iti__flag.iti__gg {
  height: 14px;
  background-position: -1863px 0px;
}

.iti__flag.iti__gh {
  height: 14px;
  background-position: -1885px 0px;
}

.iti__flag.iti__gi {
  height: 10px;
  background-position: -1907px 0px;
}

.iti__flag.iti__gl {
  height: 14px;
  background-position: -1929px 0px;
}

.iti__flag.iti__gm {
  height: 14px;
  background-position: -1951px 0px;
}

.iti__flag.iti__gn {
  height: 14px;
  background-position: -1973px 0px;
}

.iti__flag.iti__gp {
  height: 14px;
  background-position: -1995px 0px;
}

.iti__flag.iti__gq {
  height: 14px;
  background-position: -2017px 0px;
}

.iti__flag.iti__gr {
  height: 14px;
  background-position: -2039px 0px;
}

.iti__flag.iti__gs {
  height: 10px;
  background-position: -2061px 0px;
}

.iti__flag.iti__gt {
  height: 13px;
  background-position: -2083px 0px;
}

.iti__flag.iti__gu {
  height: 11px;
  background-position: -2105px 0px;
}

.iti__flag.iti__gw {
  height: 10px;
  background-position: -2127px 0px;
}

.iti__flag.iti__gy {
  height: 12px;
  background-position: -2149px 0px;
}

.iti__flag.iti__hk {
  height: 14px;
  background-position: -2171px 0px;
}

.iti__flag.iti__hm {
  height: 10px;
  background-position: -2193px 0px;
}

.iti__flag.iti__hn {
  height: 10px;
  background-position: -2215px 0px;
}

.iti__flag.iti__hr {
  height: 10px;
  background-position: -2237px 0px;
}

.iti__flag.iti__ht {
  height: 12px;
  background-position: -2259px 0px;
}

.iti__flag.iti__hu {
  height: 10px;
  background-position: -2281px 0px;
}

.iti__flag.iti__ic {
  height: 14px;
  background-position: -2303px 0px;
}

.iti__flag.iti__id {
  height: 14px;
  background-position: -2325px 0px;
}

.iti__flag.iti__ie {
  height: 10px;
  background-position: -2347px 0px;
}

.iti__flag.iti__il {
  height: 15px;
  background-position: -2369px 0px;
}

.iti__flag.iti__im {
  height: 10px;
  background-position: -2391px 0px;
}

.iti__flag.iti__in {
  height: 14px;
  background-position: -2413px 0px;
}

.iti__flag.iti__io {
  height: 10px;
  background-position: -2435px 0px;
}

.iti__flag.iti__iq {
  height: 14px;
  background-position: -2457px 0px;
}

.iti__flag.iti__ir {
  height: 12px;
  background-position: -2479px 0px;
}

.iti__flag.iti__is {
  height: 15px;
  background-position: -2501px 0px;
}

.iti__flag.iti__it {
  height: 14px;
  background-position: -2523px 0px;
}

.iti__flag.iti__je {
  height: 12px;
  background-position: -2545px 0px;
}

.iti__flag.iti__jm {
  height: 10px;
  background-position: -2567px 0px;
}

.iti__flag.iti__jo {
  height: 10px;
  background-position: -2589px 0px;
}

.iti__flag.iti__jp {
  height: 14px;
  background-position: -2611px 0px;
}

.iti__flag.iti__ke {
  height: 14px;
  background-position: -2633px 0px;
}

.iti__flag.iti__kg {
  height: 12px;
  background-position: -2655px 0px;
}

.iti__flag.iti__kh {
  height: 13px;
  background-position: -2677px 0px;
}

.iti__flag.iti__ki {
  height: 10px;
  background-position: -2699px 0px;
}

.iti__flag.iti__km {
  height: 12px;
  background-position: -2721px 0px;
}

.iti__flag.iti__kn {
  height: 14px;
  background-position: -2743px 0px;
}

.iti__flag.iti__kp {
  height: 10px;
  background-position: -2765px 0px;
}

.iti__flag.iti__kr {
  height: 14px;
  background-position: -2787px 0px;
}

.iti__flag.iti__kw {
  height: 10px;
  background-position: -2809px 0px;
}

.iti__flag.iti__ky {
  height: 10px;
  background-position: -2831px 0px;
}

.iti__flag.iti__kz {
  height: 10px;
  background-position: -2853px 0px;
}

.iti__flag.iti__la {
  height: 14px;
  background-position: -2875px 0px;
}

.iti__flag.iti__lb {
  height: 14px;
  background-position: -2897px 0px;
}

.iti__flag.iti__lc {
  height: 10px;
  background-position: -2919px 0px;
}

.iti__flag.iti__li {
  height: 12px;
  background-position: -2941px 0px;
}

.iti__flag.iti__lk {
  height: 10px;
  background-position: -2963px 0px;
}

.iti__flag.iti__lr {
  height: 11px;
  background-position: -2985px 0px;
}

.iti__flag.iti__ls {
  height: 14px;
  background-position: -3007px 0px;
}

.iti__flag.iti__lt {
  height: 12px;
  background-position: -3029px 0px;
}

.iti__flag.iti__lu {
  height: 12px;
  background-position: -3051px 0px;
}

.iti__flag.iti__lv {
  height: 10px;
  background-position: -3073px 0px;
}

.iti__flag.iti__ly {
  height: 10px;
  background-position: -3095px 0px;
}

.iti__flag.iti__ma {
  height: 14px;
  background-position: -3117px 0px;
}

.iti__flag.iti__mc {
  height: 15px;
  background-position: -3139px 0px;
}

.iti__flag.iti__md {
  height: 10px;
  background-position: -3160px 0px;
}

.iti__flag.iti__me {
  height: 10px;
  background-position: -3182px 0px;
}

.iti__flag.iti__mf {
  height: 14px;
  background-position: -3204px 0px;
}

.iti__flag.iti__mg {
  height: 14px;
  background-position: -3226px 0px;
}

.iti__flag.iti__mh {
  height: 11px;
  background-position: -3248px 0px;
}

.iti__flag.iti__mk {
  height: 10px;
  background-position: -3270px 0px;
}

.iti__flag.iti__ml {
  height: 14px;
  background-position: -3292px 0px;
}

.iti__flag.iti__mm {
  height: 14px;
  background-position: -3314px 0px;
}

.iti__flag.iti__mn {
  height: 10px;
  background-position: -3336px 0px;
}

.iti__flag.iti__mo {
  height: 14px;
  background-position: -3358px 0px;
}

.iti__flag.iti__mp {
  height: 10px;
  background-position: -3380px 0px;
}

.iti__flag.iti__mq {
  height: 14px;
  background-position: -3402px 0px;
}

.iti__flag.iti__mr {
  height: 14px;
  background-position: -3424px 0px;
}

.iti__flag.iti__ms {
  height: 10px;
  background-position: -3446px 0px;
}

.iti__flag.iti__mt {
  height: 14px;
  background-position: -3468px 0px;
}

.iti__flag.iti__mu {
  height: 14px;
  background-position: -3490px 0px;
}

.iti__flag.iti__mv {
  height: 14px;
  background-position: -3512px 0px;
}

.iti__flag.iti__mw {
  height: 14px;
  background-position: -3534px 0px;
}

.iti__flag.iti__mx {
  height: 12px;
  background-position: -3556px 0px;
}

.iti__flag.iti__my {
  height: 10px;
  background-position: -3578px 0px;
}

.iti__flag.iti__mz {
  height: 14px;
  background-position: -3600px 0px;
}

.iti__flag.iti__na {
  height: 14px;
  background-position: -3622px 0px;
}

.iti__flag.iti__nc {
  height: 10px;
  background-position: -3644px 0px;
}

.iti__flag.iti__ne {
  height: 15px;
  background-position: -3666px 0px;
}

.iti__flag.iti__nf {
  height: 10px;
  background-position: -3686px 0px;
}

.iti__flag.iti__ng {
  height: 10px;
  background-position: -3708px 0px;
}

.iti__flag.iti__ni {
  height: 12px;
  background-position: -3730px 0px;
}

.iti__flag.iti__nl {
  height: 14px;
  background-position: -3752px 0px;
}

.iti__flag.iti__no {
  height: 15px;
  background-position: -3774px 0px;
}

.iti__flag.iti__np {
  height: 15px;
  background-position: -3796px 0px;
}

.iti__flag.iti__nr {
  height: 10px;
  background-position: -3811px 0px;
}

.iti__flag.iti__nu {
  height: 10px;
  background-position: -3833px 0px;
}

.iti__flag.iti__nz {
  height: 10px;
  background-position: -3855px 0px;
}

.iti__flag.iti__om {
  height: 10px;
  background-position: -3877px 0px;
}

.iti__flag.iti__pa {
  height: 14px;
  background-position: -3899px 0px;
}

.iti__flag.iti__pe {
  height: 14px;
  background-position: -3921px 0px;
}

.iti__flag.iti__pf {
  height: 14px;
  background-position: -3943px 0px;
}

.iti__flag.iti__pg {
  height: 15px;
  background-position: -3965px 0px;
}

.iti__flag.iti__ph {
  height: 10px;
  background-position: -3987px 0px;
}

.iti__flag.iti__pk {
  height: 14px;
  background-position: -4009px 0px;
}

.iti__flag.iti__pl {
  height: 13px;
  background-position: -4031px 0px;
}

.iti__flag.iti__pm {
  height: 14px;
  background-position: -4053px 0px;
}

.iti__flag.iti__pn {
  height: 10px;
  background-position: -4075px 0px;
}

.iti__flag.iti__pr {
  height: 14px;
  background-position: -4097px 0px;
}

.iti__flag.iti__ps {
  height: 10px;
  background-position: -4119px 0px;
}

.iti__flag.iti__pt {
  height: 14px;
  background-position: -4141px 0px;
}

.iti__flag.iti__pw {
  height: 13px;
  background-position: -4163px 0px;
}

.iti__flag.iti__py {
  height: 11px;
  background-position: -4185px 0px;
}

.iti__flag.iti__qa {
  height: 8px;
  background-position: -4207px 0px;
}

.iti__flag.iti__re {
  height: 14px;
  background-position: -4229px 0px;
}

.iti__flag.iti__ro {
  height: 14px;
  background-position: -4251px 0px;
}

.iti__flag.iti__rs {
  height: 14px;
  background-position: -4273px 0px;
}

.iti__flag.iti__ru {
  height: 14px;
  background-position: -4295px 0px;
}

.iti__flag.iti__rw {
  height: 14px;
  background-position: -4317px 0px;
}

.iti__flag.iti__sa {
  height: 14px;
  background-position: -4339px 0px;
}

.iti__flag.iti__sb {
  height: 10px;
  background-position: -4361px 0px;
}

.iti__flag.iti__sc {
  height: 10px;
  background-position: -4383px 0px;
}

.iti__flag.iti__sd {
  height: 10px;
  background-position: -4405px 0px;
}

.iti__flag.iti__se {
  height: 13px;
  background-position: -4427px 0px;
}

.iti__flag.iti__sg {
  height: 14px;
  background-position: -4449px 0px;
}

.iti__flag.iti__sh {
  height: 10px;
  background-position: -4471px 0px;
}

.iti__flag.iti__si {
  height: 10px;
  background-position: -4493px 0px;
}

.iti__flag.iti__sj {
  height: 15px;
  background-position: -4515px 0px;
}

.iti__flag.iti__sk {
  height: 14px;
  background-position: -4537px 0px;
}

.iti__flag.iti__sl {
  height: 14px;
  background-position: -4559px 0px;
}

.iti__flag.iti__sm {
  height: 15px;
  background-position: -4581px 0px;
}

.iti__flag.iti__sn {
  height: 14px;
  background-position: -4603px 0px;
}

.iti__flag.iti__so {
  height: 14px;
  background-position: -4625px 0px;
}

.iti__flag.iti__sr {
  height: 14px;
  background-position: -4647px 0px;
}

.iti__flag.iti__ss {
  height: 10px;
  background-position: -4669px 0px;
}

.iti__flag.iti__st {
  height: 10px;
  background-position: -4691px 0px;
}

.iti__flag.iti__sv {
  height: 12px;
  background-position: -4713px 0px;
}

.iti__flag.iti__sx {
  height: 14px;
  background-position: -4735px 0px;
}

.iti__flag.iti__sy {
  height: 14px;
  background-position: -4757px 0px;
}

.iti__flag.iti__sz {
  height: 14px;
  background-position: -4779px 0px;
}

.iti__flag.iti__ta {
  height: 10px;
  background-position: -4801px 0px;
}

.iti__flag.iti__tc {
  height: 10px;
  background-position: -4823px 0px;
}

.iti__flag.iti__td {
  height: 14px;
  background-position: -4845px 0px;
}

.iti__flag.iti__tf {
  height: 14px;
  background-position: -4867px 0px;
}

.iti__flag.iti__tg {
  height: 13px;
  background-position: -4889px 0px;
}

.iti__flag.iti__th {
  height: 14px;
  background-position: -4911px 0px;
}

.iti__flag.iti__tj {
  height: 10px;
  background-position: -4933px 0px;
}

.iti__flag.iti__tk {
  height: 10px;
  background-position: -4955px 0px;
}

.iti__flag.iti__tl {
  height: 10px;
  background-position: -4977px 0px;
}

.iti__flag.iti__tm {
  height: 14px;
  background-position: -4999px 0px;
}

.iti__flag.iti__tn {
  height: 14px;
  background-position: -5021px 0px;
}

.iti__flag.iti__to {
  height: 10px;
  background-position: -5043px 0px;
}

.iti__flag.iti__tr {
  height: 14px;
  background-position: -5065px 0px;
}

.iti__flag.iti__tt {
  height: 12px;
  background-position: -5087px 0px;
}

.iti__flag.iti__tv {
  height: 10px;
  background-position: -5109px 0px;
}

.iti__flag.iti__tw {
  height: 14px;
  background-position: -5131px 0px;
}

.iti__flag.iti__tz {
  height: 14px;
  background-position: -5153px 0px;
}

.iti__flag.iti__ua {
  height: 14px;
  background-position: -5175px 0px;
}

.iti__flag.iti__ug {
  height: 14px;
  background-position: -5197px 0px;
}

.iti__flag.iti__um {
  height: 11px;
  background-position: -5219px 0px;
}

.iti__flag.iti__un {
  height: 14px;
  background-position: -5241px 0px;
}

.iti__flag.iti__us {
  height: 11px;
  background-position: -5263px 0px;
}

.iti__flag.iti__uy {
  height: 14px;
  background-position: -5285px 0px;
}

.iti__flag.iti__uz {
  height: 10px;
  background-position: -5307px 0px;
}

.iti__flag.iti__va {
  height: 15px;
  background-position: -5329px 0px;
}

.iti__flag.iti__vc {
  height: 14px;
  background-position: -5346px 0px;
}

.iti__flag.iti__ve {
  height: 14px;
  background-position: -5368px 0px;
}

.iti__flag.iti__vg {
  height: 10px;
  background-position: -5390px 0px;
}

.iti__flag.iti__vi {
  height: 14px;
  background-position: -5412px 0px;
}

.iti__flag.iti__vn {
  height: 14px;
  background-position: -5434px 0px;
}

.iti__flag.iti__vu {
  height: 12px;
  background-position: -5456px 0px;
}

.iti__flag.iti__wf {
  height: 14px;
  background-position: -5478px 0px;
}

.iti__flag.iti__ws {
  height: 10px;
  background-position: -5500px 0px;
}

.iti__flag.iti__xk {
  height: 15px;
  background-position: -5522px 0px;
}

.iti__flag.iti__ye {
  height: 14px;
  background-position: -5544px 0px;
}

.iti__flag.iti__yt {
  height: 14px;
  background-position: -5566px 0px;
}

.iti__flag.iti__za {
  height: 14px;
  background-position: -5588px 0px;
}

.iti__flag.iti__zm {
  height: 14px;
  background-position: -5610px 0px;
}

.iti__flag.iti__zw {
  height: 10px;
  background-position: -5632px 0px;
}

.iti__flag {
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("../img/flags.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
  .iti__flag {
    background-image: url("../img/flags@2x.png");
  }
}

.iti__flag.iti__np {
  background-color: transparent;
}

*:focus {
  outline: none;
}