@font-face {
  font-family: "thefont";
  src :url("../font/thefont/thefont.ttf") format("truetype"); /* chrome firefox opera Safari, Android, iOS 4.2+*/

}

@font-face {
  font-family: "thefontpro";
  src :url("../font/thefont/thefont-pro.ttf") format("truetype"); /* chrome firefox opera Safari, Android, iOS 4.2+*/

}
/* Required height of parents of the Full Page Carousel for proper displaying carousel itself */

html,
body,
.view {
  font-family: "raleway", Arial, Verdana, sans-serif !important;
  height: auto!important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

/* Full Page Carousel itself*/
.carousel {
  height: 70%;
}
  .carousel .carousel-inner {
    height: 70%;
  }
    .carousel .carousel-inner .carousel-item,
    .carousel .carousel-inner .active {
      height: 70%;
    }



.top-nav-collapse {
  background-color: #ffffff; }

#mainheader {
  margin-top: 40px;
  background-color: #ffffff;
  background: url("../img/ban1.png");
  /* min-height: 600px; */
  min-height: 60vh;
  background-repeat: no-repeat;
  background-size: contain;
}

#mainheader h1 {
  padding-top: 150px;
  font-size: 50px;
  line-height: 60px;
  font-family: "raleblack", Arial, Verdana, sans-serif;
}

.bg-green-itot {
  background-color: #1e5a5d !important;
}

.color-green-itot {
  color: #1e5a5d !important;
}

.navbar{
  background-color: #ffffff ;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
  float: right !important;

}

.navbar a{

  color: #183054!important;
  text-transform: uppercase;
  font-size: 0.8666666667em;
  font-weight: 900;
  letter-spacing: .05em;
  line-height: 1.3em;
  font-family: 'Raleway', sans-serif;
  transition: all .35s ease;




}

#navbarNav li :hover , #navbarNav a :hover {
  border-color: #1e5a5d;
  color: #1e5a5d !important;

}

  #navbarNav{
    position: relative;
    left: 37%;
  }


#navbarNav li {
  padding-left: 0;
}

#navbrand {
  color: #1e5a5d;

}
 #apply a{
   background-color: #1e5a5d;
   color: #fff !important;
   border-radius: 4px;

 }
.trusted {
  width: 80%;
  max-height: 200px;
}

#trusted-section h2 {
  text-transform: uppercase;
  /* border-bottom: 1px solid #1e5a5d ; */
}

/* Footer color for sake of consistency with Navbar */
.page-footer {
  background-color: #1C2331;
}

#mobileContact{
  display: none !important;
}

#mapITOT {
  width: 470px !important;
  height: 400px;
}

#mobileIntro {
  display: none;
}

.progress-container {
  width: 100%;
  height: 5px;
  background: transparent;
}

.progress-bar {
  height: 5px;
  background: #1e5a5d !important;
  width: 0%;
  /* border-radius: 20px; */
}

@media (min-width: 1280px) {

  #mapITOT {
    width: 600px !important;
    height: 500px;
  }

}

/* -- **************************************************************************************** 
   -- Device = Laptops, Desktops                                                             *
   -- Screen = B/w 1025px to 1280px                                                          *
** -- ***************************************************************************************/
@media (min-width: 1025px) and (max-width: 1280px) {

  /* CSS style here */
  #navbarNav li {
    padding-left: 2rem;
  }

  #mapITOT {
    width: 400px !important;
    height: 400px;
  }

  #mobileIntro {
    display: none;
  }

}


/* -- **************************************************************************************** 
   -- Device = Tablets, Ipads (portrait)                                                     *
   -- Screen = B/w 768px to 1024px                                                           *
** -- ***************************************************************************************/
@media (min-width: 768px) and (max-width: 1024px) {

  /* CSS style here */
  #navbarNav li {
    padding-left: .5rem;
  }

  #mapITOT {
    width: auto !important;
  }

  .timeline-main .stepper.stepper-vertical.timeline li .step-content {
    width: 90%;
    float: left;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    position: relative;
    background-color: transparent !important;
  }

}


/* -- **************************************************************************************** 
   -- Device = Tablets, Ipads (landscape)                                                    *
   -- Screen = B/w 768px to 1024px                                                           *
** -- ***************************************************************************************/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

  /* CSS style here */
  #navbarNav li {
    padding-left: 1rem;
  }

  #mapITOT {
    width: 400px !important;
  }

}


/* -- **************************************************************************************** 
   -- Device = Low Resolution Tablets, Mobiles (Landscape)                                   *
   -- Screen = B/w 481px to 767px                                                            *
** -- ***************************************************************************************/
/* Adding color to the Navbar on mobile */
@media only screen and (max-width: 768px) {
  #navbar {
    background-color: #fff;
  }
  #colcar1 {
    height: 350px !important;
  }

  #navbarNav{
    position: relative;
    left: 0;
  }

  .vbig-headline {
    font-size: 2em !important;
  }

  .btn-apply-center{
    width: 50%;
    margin: auto !important;
    text-align: center !important;
  }

  #navbarNav a {
    color: #000 ;
    border-top: 1px dashed rgba(148, 205, 189, 0.5);
    font-size: 1.7333333333em;
    text-transform: capitalize;
  }
  #initext p {
    display: none !important;
  }
  #initext h1 {
    font-size: 1.48em !important;
    color: #fafcff !important;
  }
  #program {
    height: auto !important;
    padding-left: 5% !important;
  }
  .titlehead {
    font-size: 2em !important;
    line-height: 1.2em;
    font-weight: normal;
    padding: 5%;
  }
  .fat-headline {
    margin-top: 72px !important;
    font-size: 2.666667em !important;
  }

  #initext {
    left: 1% !important;
    font-family: "thefontpro", Georgia, Times, serif;
  }

  #apply a{
    width: 38% !important;
    color: #fff !important;
    font-size: 0.8333333333em;
  }
  .block1 {
    margin-top: 20%;
    text-align: center;
  }
  .carousel {
    height: 50% !important;
  }

  #mapITOT {
    width: auto !important;
  }

  #navbarNav li {
    width: 100%;
  }

  #navbrand {
    color: white;
    font-size: 1.5rem;
  }

  .progress-bar {
    height: 5px;
    background: white;
    width: 0%;
  }

}

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

  /* CSS style here */

}


/* -- **************************************************************************************** 
   -- Device = Most of the Smartphones Mobiles (Portrait)                                    *
   -- Screen = B/w 320px to 479px                                                            *
** -- ***************************************************************************************/
@media (min-width: 320px) and (max-width: 480px) {

  /* CSS style here */


  #mobileContact,
  #mobileIntro {
    display: none;
  }

  #mapITOT {
    width: auto !important;
  }

  #trusted-section,
  #ourStory {
    padding-top: 2rem;
  }

  .timeline-main .stepper.stepper-vertical.timeline li .step-content {
    width: 90%;
    float: left;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    position: relative;
    background-color: transparent !important;
  }

  .progress-bar {
    height: 5px;
    background: white;
    width: 0%;
  }

}

#colcar1{
    top: 1.5rem;
   height: 550px;
    position: relative;
  background-color: #fff;

}

#colcar2{
    top: 1rem;
    position: relative;
  background-color: #fff;
  height: 100%;

}
#initext{
  position: absolute;
  z-index: 1;
  top: 30%;
  left: 50%;
  font-family: "thefontpro", Georgia, Times, serif;
}
#rowinitext{
  padding-top: 4%;
}

#initext h1{
font-family: "thefontpro", Georgia, Times, serif;
  font-size: 4em;
  line-height: 1em;
  font-weight: normal;
  color:#183054;


}
#initext p{
  color: #676a6d;
}

.blueitot{
  color:#183054;
}

#why{
  height: 550px;
  background-color: #f0f2f2;
  position: relative;
  bottom: 50px;
    padding-top: 5%;

}

#program{
  min-height: 550px;
  background-color: #183054;
  position: relative;
  bottom: 50px;
  padding-top: 5%;

}
.littlehead {
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: 0.8em;
  line-height: 1.3em;
  position: relative;
  font-family: "raleway", Arial, Verdana, sans-serif;
  color: #42c4ac;
  padding-left: 3%;
}

.littlehead::after{
  display: block;
  margin: .5em 0 .25em;
  width: 70px;
  height: 2px;
  background-color: #fff;
  content: "";
}


.titlehead{
  font-family: "thefontpro", Georgia, Times, serif;
  font-size: 3em;
  line-height: 1.2em;
  font-weight: normal;
  padding: 5%;
}
#v-pills-tab
{
  position: relative;
  left: 3%;
}
.pdl3{
  position: relative;
  right: 3%;
  padding-left: 3%;
}

#program .nav a {
  color: #fff;
  font-size: 1.6em;
  line-height: 1.4em;
  font-family: "thefontpro", Georgia, Times, serif;
  padding-right: 50px;
  position: relative;
  display: block;
  cursor: pointer;
  border-top: 1px dashed rgba(148, 205, 189, 0.5);


}
#program .nav-pills{
  padding: 20px 0;

}

.nav-pills .nav-link.active{
  background-color: transparent !important;
}
.nav-link.active {
  cursor: pointer;
  box-shadow: rgba(148, 205, 189, 0.5) 0 4px 24px;
  animation: pulse 2s infinite;

}
.active:hover {
  box-shadow: 0 0 0 rgba(148, 205, 189, 0.5);
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgb(66, 196, 172);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(66, 196, 172, 0.4);
    box-shadow: 0 0 0 0 rgba(66, 196, 172, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
    box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}

.fat-headline {
  font-size: 4.6666666667em;
  line-height: 1.1em;
  font-weight: bold;
  margin-bottom: 30px;
}

#where{
  padding: 0% 10% 10% 10%;
}

.logo-wrap img {
  width: 120px !important;
  height: auto ;
  display: inline-block;
  margin-bottom: 30px !important;

}

.logo-wrap .col-lg-4{
  height: 80px !important;
}

ul.logo-list {
  width: calc(100% + 30px);
  margin-left: -15px;
}

ul.ilb {
  display: block;
}

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

li.vmiddle, .vmiddle, ul.vmiddle > li {
  vertical-align: middle;
}

img.full {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

#ready{
  min-height: 300px;
  background-color: #b6c1c9;
  padding: 7%;
}

.greyitot{
  color: #6c757d;
}

.cta-headline {
  font-size: 3.2666666667em;
  line-height: 1.2em;
}
.big-headline, .headline, .fat-headline, .slab-sub, .cta-headline, .vbig-headline {
  font-family: "thefont", Georgia, Times, serif;
}

.bg-blue-itot{
  background-color: #183054 !important;
}
.vbig-headline {
    font-size: 6em;
    line-height: 1em;
    font-weight: normal;
}
h1,h2,h3,h4,h5,h6{
    font-family: "thefont", Georgia, Times, serif !important;
}


/*loader*/
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #183054;
  z-index: 999;
}

.dots .dot {
  display: inline-block;
  width: 35px;
  height: 35px;
  margin: 0 10px 0 10px;
  border-radius: 50%;
  background: #FFF;
  -webkit-animation: dot-dot-dot 1.4s linear infinite;
  animation: dot-dot-dot 1.4s linear infinite;
}

.dots .dot:nth-child(2) {
  animation-delay: .2s;
}

.dots .dot:nth-child(3) {
  animation-delay: .4s;
}

@keyframes dot-dot-dot {
  0%, 60%, 100% {
    -webkit-transform: initial;
    -ms-transform: initial;
    transform: initial;
  }
  30% {
    -webkit-transform: translateY(-25px);
    -ms-transform: translateY(-25px);
    transform: translateY(-25px);
  }
}

/* font size 1.3em*/

.fs13{
  font-size: 1.1em;
}

/*footer scroll*/
.scroll-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10001;
  padding: 15px 0;
  display: none;
}

.green-bg {
  background: #94cdbd;
}

.footer-bar-headline {
  font-size: 1.5333333333em;
  line-height: 1.3em;
  vertical-align: bottom;
}

ul.ilb > li, .ilb {
  display: inline-block;
  vertical-align: top;
}
.footer-bar-sub {
  font-size: 0.8666666667em;
  line-height: 1.3em;
  vertical-align: bottom;
  margin-left: 15px;
  position: relative;
  top: -1px;
}
.footer-bar-right a.button:first-child {
  margin-left: 0;
}
.footer-bar-right a.button {
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
}
#carousel-example-1z{
  background-color: #e7eaef;
  height: 480px;
}
/********************************************** -- End -- **********************************/