@font-face {
    font-family: 'RobotoLight';
    src: url('../fonts/RobotoLight.eot');
    src: url('../fonts/RobotoLight.eot') format('embedded-opentype'),
         url('../fonts/RobotoLight.woff2') format('woff2'),
         url('../fonts/RobotoLight.woff') format('woff'),
         url('../fonts/RobotoLight.ttf') format('truetype'),
         url('../fonts/RobotoLight.svg#RobotoLight') format('svg');
}
@font-face {
    font-family: 'MontserratBold';
    src: url('../fonts/MontserratBold.eot');
    src: url('../fonts/MontserratBold.eot') format('embedded-opentype'),
         url('../fonts/MontserratBold.woff2') format('woff2'),
         url('../fonts/MontserratBold.woff') format('woff'),
         url('../fonts/MontserratBold.ttf') format('truetype'),
         url('../fonts/MontserratBold.svg#MontserratBold') format('svg');
}
@font-face {
    font-family: 'RobotoRegular';
    src: url('../fonts/RobotoRegular.eot');
    src: url('../fonts/RobotoRegular.eot') format('embedded-opentype'),
         url('../fonts/RobotoRegular.woff2') format('woff2'),
         url('../fonts/RobotoRegular.woff') format('woff'),
         url('../fonts/RobotoRegular.ttf') format('truetype'),
         url('../fonts/RobotoRegular.svg#RobotoRegular') format('svg');
}

/*-----------------------------------------------------------*/



/* BASIC */






/* STRUCTURE */

.wrapper {
  display: flex;
  align-items: center;
  flex-direction: column; 
  justify-content: center;
  width: 100%;
  min-height: 100%;
  padding: 20px;
}

#formContent {
  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  background: #fff;
  padding: 30px;
  width: 90%;
  max-width: 450px;
  position: relative;
  padding: 0px;
  -webkit-box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
  box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
  text-align: center;
}

#formFooter {
  background-color: #f6f6f6;
  border-top: 1px solid #dce8f1;
  padding: 25px;
  text-align: center;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}



/* TABS */

h2.inactive {
  color: #cccccc;
}

h2.active {
  color: #0d0d0d;
  border-bottom: 2px solid #5fbae9;
}



/* FORM TYPOGRAPHY*/

input[type=button], input[type=submit], input[type=reset]  {
  background-color: #56baed;
  border: none;
  color: white;
  padding: 15px 80px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  font-size: 13px;
  -webkit-box-shadow: 0 10px 30px 0 rgba(95,186,233,0.4);
  box-shadow: 0 10px 30px 0 rgba(95,186,233,0.4);
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  margin: 5px 20px 40px 20px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover  {
  background-color: #39ace7;
}

input[type=button]:active, input[type=submit]:active, input[type=reset]:active  {
  -moz-transform: scale(0.95);
  -webkit-transform: scale(0.95);
  -o-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}

input[type=text] {
  background-color: #f6f6f6;
  border: none;
  color: #0d0d0d;
  padding: 15px 32px;
 /* text-align: center;*/
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 5px;
  width: 85%;
  border: 2px solid #f6f6f6;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}

input[type=text]:focus {
  background-color: #fff;
  border-bottom: 2px solid #5fbae9;
}

input[type=text]:placeholder {
  color: #cccccc;
}



/* ANIMATIONS */

/* Simple CSS3 Fade-in-down Animation */
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

/* Simple CSS3 Fade-in Animation */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fadeIn {
  opacity:0;
  -webkit-animation:fadeIn ease-in 1;
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}

.fadeIn.first {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

.fadeIn.second {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.fadeIn.third {
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.fadeIn.fourth {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
}

/* Simple CSS3 Fade-in Animation */
.underlineHover:after {
  display: block;
  left: 0;
  bottom: -10px;
  width: 0;
  height: 2px;
  background-color: #56baed;
  content: "";
  transition: width 0.2s;
}

.underlineHover:hover {
  color: #0d0d0d;
}

.underlineHover:hover:after{
  width: 100%;
}



/* OTHERS */

*:focus {
    outline: none;
} 

#icon {
  width:60%;
}









.toggle,
[id^=drop] {
  display: none;
}

/* Giving a background-color to the nav container. */
nav { 
  margin:0;
  padding: 0;
}

#logo {
  display: block;
  padding: 0 30px;
  float: left;
  font-size:20px;
  line-height: 60px;
}

/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
  content:"";
  display:table;
  clear:both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
  float: left;
  padding:0;
  margin:0;
  list-style: none;
  position: relative;
  }
  
/* Positioning the navigation items inline */
nav ul li {
  margin: 0px;
  display:inline-block;
  float: left;
  }

/* Styling the links */
nav a {
  display:block;
 padding: 10px 17px;  
  color:#FFF;
  font-size:17px;
  text-decoration:none;
}


nav ul li ul li:hover { background: #000000; }

/* Background color change on Hover */
nav a:hover { 
  background-color: #fff; 
  color:#179bd7;
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
  display: none;
  position: absolute; 
  /* has to be the same number as the "line-height" of "nav a" */
  top: 44px; 
  z-index: 9;
  background-color: #00364e;
  color:#179bd7;
}
  
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
  display:inherit;
}
  
/* Fisrt Tier Dropdown */
nav ul ul li {
  width:170px;
  float:none;
  display:list-item;
  position: relative;
}

/* Second, Third and more Tiers 
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
  position: relative;
  top:-60px;
  /* has to be the same number as the "width" of "nav ul ul li" */ 
  left:170px; 
}

  
/* Change ' +' in order to change the Dropdown symbol */
li > a:after { content:  ' +'; }
li > a:only-child:after { content: ''; }


/* Media Queries
--------------------------------------------- */

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

  #logo {
    display: block;
    padding: 0;
    width: 100%;
    text-align: center;
    float: none;
  }

  nav {
    margin: 0;
  }

  /* Hide the navigation menu by default */
  /* Also hide the  */
  .toggle + a,
  .menu {
    display: none;
  }

  /* Stylinf the toggle lable */
  .toggle {
    display: block;
    padding:14px 20px;  
    color:#FFF;
    font-size:17px;
    text-decoration:none;
    border:none;
    text-align: center;
background-color: #fff;
width: 160px;
color: #179bd7;
margin: 0 auto;
font-size: 14px;
  }
  .help-desk{text-align: center;}
.apply-form-sec{border-right: none;}
  .toggle:hover {
    background-color: #000000;
  }
  nav a{text-align: center;}
nav a:hover{background-color: #fff; color:#179bd7;}
  /* Display Dropdown when clicked on Parent Lable */
  [id^=drop]:checked + ul {
    display: block;
  }

  /* Change menu item's width to 100% */
  nav ul li {
    display: block;
    width: 100%;
    }

  nav ul ul .toggle,
  nav ul ul a {
    padding: 0 40px;
  }

  nav ul ul ul a {
    padding: 0 80px;
  }

  nav a:hover,
  nav ul ul ul a {
    background-color: #00364e;
    color:#fff;
  }
  
  nav ul li ul li .toggle,
  nav ul ul a,
  nav ul ul ul a{
    padding:14px 20px;  
    color:#FFF;
    font-size:17px; 
  }
  
  
  nav ul li ul li .toggle,
  nav ul ul a {
     background-color: #00364e;
    color:#fff;
  }

  /* Hide Dropdowns by Default */
  nav ul ul {
    float: none;
    position:static;
    color: #ffffff;
    /* has to be the same number as the "line-height" of "nav a" */
  }
    
  /* Hide menus on hover */
  nav ul ul li:hover > ul,
  nav ul li:hover > ul {
    display: none;
  }
    
  /* Fisrt Tier Dropdown */
  nav ul ul li {
    display: block;
    width: 100%;
  }

  nav ul ul ul li {
    position: static;
    /* has to be the same number as the "width" of "nav ul ul li" */ 

  }
  .apply-form-sec{border-right: none;}

}

@media all and (max-width : 330px) {

  nav ul li {
    display:block;
    width: 94%;
  }

  .apply-form-sec{border-right: none;}

}




/*----------------------------------------------------------------*/
.data-area-table{margin: 0;}
.data-area-table h3 {
    font-size: 28px;
    line-height: 33px;
    padding-left: 35px;
    font-weight: 500;
    letter-spacing: 0;
    margin-bottom: 20px;
    text-transform: capitalize;
    text-align: left;
    position: relative;
    color: #151515;
}

.data-area-table h3::before{position: absolute;
left: 0px;
top: 15px;
content: "";
background-color: #179bd7;
width: 20px;
height: 2px;
}

.table-data table{
    border-collapse: collapse;
    width: 100% !important;
    margin-bottom:30px;
    color:#1d3446;
    font-size:14px;
}
.table-data tr th{
    border: 2px solid #fff;
    padding: 10px;
    text-align:center;
    background-color:#179bd7;
    color:#ffffff;
    font-size: 18px;
}
.table-data tr td{
    border: 2px solid #fff; 
    text-align: left;
    padding: 10px;
    font-size: 15px;
    font-size: 15px;
}
.table-data tr:nth-child(even){
    background-color: #ddd;
}
.table-data tr:nth-child(odd){
    background-color: #ededed;
}

/*-----------------------------*/

.table-data-small-1 table{
    border-collapse: collapse;
    width: 100% !important;
    margin-bottom:30px;
    color:#1d3446;
    font-size:14px;
}
.table-data-small-1 tr th{
    border: 2px solid #fff;
    padding: 10px;
    text-align:left;
    background-color:#179bd7;
    color:#ffffff;
    font-size: 18px;
}
.table-data-small-1 tr td{
    border: 2px solid #fff; 
    text-align: left;
    padding: 10px;
    font-size: 15px;
}
.table-data-small-1 tr:nth-child(even){
    background-color: #ddd;
}
.table-data-small-1 tr:nth-child(odd){
    background-color: #ededed;
}

/*-----------------------------*/

.table-data-small table{
    border-collapse: collapse;
    width: 100% !important;
    margin-bottom:30px;
    color:#1d3446;
    font-size:14px;
}
.table-data-small tr th{
    border: 2px solid #fff;
    padding: 10px;
    text-align:left;
    background-color:#179bd7;
    color:#ffffff;
    font-size: 18px;
}
.table-data-small tr td{
    border: 2px solid #fff; 
    text-align: left;
    padding: 10px;
}
.table-data-small tr:nth-child(even){
    background-color: #ddd;
}
.table-data-small tr:nth-child(odd){
    background-color: #ededed;
}


.about-area{ margin: 60px 0 0; }
.about-area h3{font-size: 28px;
line-height: 33px;padding-left: 57px;
font-weight: 500;
letter-spacing: 0;
margin-bottom: 20px;
text-transform: capitalize;
text-align: left;
position: relative;
color: #151515;  }
    .about-area h3:before{ position: absolute;
left: 0px;
top: 15px;
content: "";
background-color: #179bd7;
width: 40px;
height: 2px; }


.about-area p{font-size: 15px;
color: #6f6f6f;
line-height: 30px;
text-align: justify;}


.form-area{background-color: #ddd; width: 100%;}
.form-area img{margin: 0 auto; display: block;}
.form-area h2{font-size: 35px; text-align: center; padding: 50px 0 0 0; color: #179bd7;}



.menu-bar{width: 100%; margin-top: 30px;}





.help-desk{ color: #fff;}
.help-desk h3{font-size: 20px; margin-top: 10px; margin-bottom: 6px;}
.help-desk p{font-size: 12px; margin: 0 0 5px;}

.form-area{background-color: #fff; width: 100%; margin-top: 70px;}
.form-area-abt{background-color: #fff; width: 100%; margin-top: 0px;}
.form-area img{margin: 0 auto; display: block;}
.form-area h2{font-size: 35px; text-align: center; color: #179bd7;}

.apply-form-sec{margin: 50px 0; border-right: 1px #ccc solid;}
.apply-form-sec h3{font-size: 16px; color: #333; letter-spacing: 1px; text-align: center; margin-top: 10px;}
.apply-form-sec h4{font-size: 18px; color: #333; letter-spacing: 1px; text-align: center; margin-top: 10px; font-weight: 600;}

.apply-form-sec1{margin: 50px 0;}
.apply-form-sec1 h3{font-size: 16px; color: #333; letter-spacing: 1px; text-align: center; margin-top: 10px;}
.apply-form-sec1 h4{font-size: 18px; color: #333; letter-spacing: 1px; text-align: center; margin-top: 10px; font-weight: 600;}


.footerBg{ background:#179bd7; padding-top:60px;}
.footerNav{ margin:0; padding:0;}
.footerNav li{ display:inline-block; width:32%;}
.footerNav a{ color: #a4b7c1;
font-weight: normal;
font-size: 16px;
padding-bottom: 11px;
display: inline-block;}
.footerNav a:hover{ color:#0083f6}
.footerLinkAll{ padding-top:55px; float:left; width:100%; padding-bottom:60px; border-bottom:1px #003652 solid; margin-bottom:0px;}
.footerLinkEndAll{padding-top:20px; float:left; width:100%; padding-bottom:20px; text-align: center;}
.footerLinkEndAll p{ color:#fff; font-size: 17px; font-weight:normal; margin-bottom:0;}
.footerLinkEndAll a{color:#fff; font-size: 17px; font-weight:normal; margin-bottom:0;}
.footerLinkEndAll a:hover{color: #005e88; transition: .4s;}
.footerIconDiv{ position:relative; padding-left: 25px;}
.footerIconWrapper{ position:absolute; left:0; top:6px;}
.footerIconDiv p{ color:#a4b7c1; font-size:15px; line-height:34px; margin-bottom:0; }
.footerIconDivLink{ text-align:right}
.footerTxt1{color:#fff; font-size: 15px; font-weight:normal;}
.footerTxt1:hover{ color:#0083f6}
.subLetterSectionBg{ padding:120px 0px 100px;}
.subLetterSectionBg1{ padding:0px 0px 100px;}
.footerStayhuntDiv {
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 30px;
    font-size: 32px;
    letter-spacing: 5px;
    color: #002132; font-size:28px; position:relative; padding-bottom: 13px;
    font-weight: normal;
}
.footerStayhuntDiv:before{width: 10px;
height: 10px;
position: absolute;
content: "";
bottom: 0;
left: 50%;
background: #0083f6;
border-radius: 50%; margin-left:-5px;}

.footerStayhuntTxt {
    color: #555555;
    font-size: 18px;
    font-weight: normal;
  margin-bottom: 30px;
    text-align: center;  
}


.socialMediaFrame {position: relative;padding:0;display: inline-block;  margin: 10px; padding: 10px; overflow: hidden;}
.socialIconDivOne { float: left;line-height: 51px;   color: #fff!important; font-weight:normal; font-size:17px; text-transform:uppercase;}
.socialMediaIcon {font-size: 17px;font-weight:normal;color: #fff; font-weight:normal;display: inline-block;padding-left: 10px;-moz-transition: .4s;-webkit-transition: .4s;-ms-transition: .4s;-o-transition: .4s;transition: .4s;}
.socialLink {display: block;float: left;}
.socialIconDiv {float: left; margin: 0 15px;color: #839aa5;-moz-transition: .4s;-webkit-transition: .4s;-ms-transition: .4s;-o-transition: .4s;transition: .4s; font-size:17px; font-weight:normal;}
.socialMediaIconBorder {background: #35c0ff;width: 50px;height: 50px;display: inline-block;line-height: 52px;border-radius: 50%;-moz-transition: .4s;-webkit-transition: .4s;-ms-transition: .4s;-o-transition: .4s;transition: .4s;}
.socialMediaIconBorderIcon {color: #fff; font-size: 20px; margin: 15px 0 0px 2px; }
.socialLink:hover .socialMediaIconBorder{  background:#005e88;  -webkit-box-shadow: 0px 0px 0px 7px rgba(255,255,255,0.70);
-moz-box-shadow: 0px 0px 0px 7px rgba(255,255,255,0.70);
box-shadow: 0px 0px 0px 7px rgba(255,255,255,0.70);}
.socialLink:hover .socialMediaIconBorderIcon{ color:#fff;}



/*--------------------------------------------------------------------------------------------------------------*/

body { padding-top:0px; padding-bottom:0px; background:url(../img/banner-2.jpg) no-repeat; background-size: cover; 
    width: 100%;}


a{ outline:none!important; text-decoration: none !important; }
.footerTxt{font-family:RobotoRegular, Arial, Tahoma; font-size:14px; color:#000; text-align:center; margin-top:68px;}
.footerTxtLink{font-family:RobotoRegular, Arial, Tahoma; font-size:14px; color:#000;}
.footerTxtLink:hover{ color:#fff;}
.headerBg{ background:url(../img/header-bg.png) no-repeat; margin-top:60px; background-size:100%; }
.logoImgHolder{margin-top: -27px;
margin-bottom: 26px;}
/* Header Styles */
.mainImg{   -webkit-transition:all 0.5s ease-out;
  -moz-transition:all 0.5s ease-out;
  -ms-transition:all 0.5s ease-out;
  -o-transition:all 0.5s ease-out;
  transition:all 0.5s ease-out; -webkit-box-shadow: 2px 8px 28px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 8px 28px -2px rgba(0,0,0,0.75);
box-shadow: 2px 8px 28px -2px rgba(0,0,0,0.75); border:0px transparent solid;}
  .mainImg:hover{  border:5px #ff0000 solid;}
.formstyle
{
    font-family: sans-serif;
    font-size:14px;
}

@media screen and (max-width: 1200px) 
{
    .logoImgHolder{margin-top: -89px;}
}

@media screen and (max-width: 767px) {
.headerBg{ background-size:cover; margin-top:0;}
.logoImgHolder{margin-top: -13px;
margin-bottom: -10px; height: 146px; margin:0 auto; display:block;}
.mainImg{ margin-top:30px;}
}
@media screen and (max-width: 480px) {
.logoImgHolder{ height: 94px; margin-bottom: 9px;}

}