html{
	    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body{
padding: 0px;
margin: 0px;
background-color: #fff;  
font-family: 'Open Sans', sans-serif;
font-family: 'Karla', sans-serif;
font-size: 100%;
color: rgb(33, 25, 34);
width: 100%;
height: auto;
}
ul,li{
    padding: 0px;
    margin: 0px;
}
*, *:before, *:after{
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}
a, ins {
    text-decoration: none;
}
input,select,textarea{
-webkit-box-shadow:none;
-webkit-box-sizing: border-box;
}
#overallwrapper{
width: 100%;
height: auto;
background-color: rgb(255,255,255);
}

.clearfix:before, .clearfix:after{
display:block;
content:" ";
}
.clearfix:after {
clear:both;
}
.clear{
*zoom:1;
}
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?razrfg');
  src:  url('fonts/icomoon.eot?razrfg#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?razrfg') format('truetype'),
    url('fonts/icomoon.woff?razrfg') format('woff'),
    url('fonts/icomoon.svg?razrfg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-automobile:before {
  content: "\e951";
}
.icon-car:before {
  content: "\e951";
}
.icon-magnifier:before {
  content: "\e926";
}
.icon-search3:before {
  content: "\e924";
}
.icon-search2:before {
  content: "\e923";
}
.icon-search4:before {
  content: "\e925";
}
.icon-home:before {
  content: "\e900";
}
.icon-pencil:before {
  content: "\e905";
}
.icon-camera:before {
  content: "\e90f";
}
.icon-bullhorn:before {
  content: "\e91a";
}
.icon-mic:before {
  content: "\e91e";
}
.icon-library:before {
  content: "\e952";
}
.icon-price-tag:before {
  content: "\e935";
}
.icon-qrcode:before {
  content: "\e938";
}
.icon-credit-card:before {
  content: "\e93f";
}
.icon-phone:before {
  content: "\e942";
}
.icon-envelop:before {
  content: "\e945";
}
.icon-location:before {
  content: "\e947";
}
.icon-location2:before {
  content: "\e948";
}
.icon-clock:before {
  content: "\e94e";
}
.icon-clock2:before {
  content: "\e94f";
}
.icon-display:before {
  content: "\e956";
}
.icon-mobile:before {
  content: "\e958";
}
.icon-mobile2:before {
  content: "\e959";
}
.icon-tablet:before {
  content: "\e95a";
}
.icon-bubble:before {
  content: "\e96b";
}
.icon-bubbles:before {
  content: "\e96c";
}
.icon-bubbles4:before {
  content: "\e970";
}
.icon-user:before {
  content: "\e971";
}
.icon-user-plus:before {
  content: "\e973";
}
.icon-user-check:before {
  content: "\e975";
}
.icon-search:before {
  content: "\e986";
}
.icon-lock:before {
  content: "\e98f";
}
.icon-unlocked:before {
  content: "\e990";
}
.icon-cog:before {
  content: "\e994";
}
.icon-stats-dots:before {
  content: "\e99b";
}
.icon-bin:before {
  content: "\e9ac";
}
.icon-bin2:before {
  content: "\e9ad";
}
.icon-switch:before {
  content: "\e9b6";
}
.icon-list-numbered:before {
  content: "\e9b9";
}
.icon-list:before {
  content: "\e9ba";
}
.icon-list2:before {
  content: "\e9bb";
}
.icon-cloud:before {
  content: "\e9c1";
}
.icon-cloud-download:before {
  content: "\e9c2";
}
.icon-eye:before {
  content: "\e9ce";
}
.icon-eye-blocked:before {
  content: "\e9d1";
}
.icon-heart:before {
  content: "\e9da";
}
.icon-heart-broken:before {
  content: "\e9db";
}
.icon-happy:before {
  content: "\e9df";
}
.icon-happy2:before {
  content: "\e9e0";
}
.icon-cross:before {
  content: "\ea0f";
}
.icon-checkmark:before {
  content: "\ea10";
}
.icon-volume-medium:before {
  content: "\ea27";
}
.icon-circle-right:before {
  content: "\ea42";
}
.icon-checkbox-checked:before {
  content: "\ea52";
}
.icon-checkbox-unchecked:before {
  content: "\ea53";
}
.icon-radio-checked:before {
  content: "\ea54";
}
.icon-radio-checked2:before {
  content: "\ea55";
}
.icon-radio-unchecked:before {
  content: "\ea56";
}
.icon-bold:before {
  content: "\ea62";
}
.icon-underline:before {
  content: "\ea63";
}
.icon-italic:before {
  content: "\ea64";
}
.icon-share2:before {
  content: "\ea82";
}
.icon-google-plus:before {
  content: "\ea8b";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-whatsapp:before {
  content: "\ea93";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-youtube:before {
  content: "\ea9d";
}
.icon-remove-user:before {
  content: "\e94d";
}
.icon-chevron-down:before {
  content: "\e90a";
}
.icon-chevron-left:before {
  content: "\e90b";
}
.icon-chevron-right:before {
  content: "\e90c";
}
.icon-chevron-small-down:before {
  content: "\e901";
}
.icon-chevron-small-left:before {
  content: "\e902";
}
.icon-chevron-small-right:before {
  content: "\e903";
}
.icon-chevron-small-up:before {
  content: "\e904";
}
.icon-chevron-thin-down:before {
  content: "\e906";
}
.icon-chevron-thin-left:before {
  content: "\e907";
}
.icon-chevron-thin-right:before {
  content: "\e908";
}
.icon-chevron-thin-up:before {
  content: "\e909";
}
.icon-chevron-up:before {
  content: "\e90d";
}
.icon-chevron-with-circle-down:before {
  content: "\e90e";
}
.icon-chevron-with-circle-left:before {
  content: "\e910";
}
.icon-chevron-with-circle-right:before {
  content: "\e911";
}
.icon-chevron-with-circle-up:before {
  content: "\e912";
}
.icon-cloud2:before {
  content: "\e93e";
}
.icon-download:before {
  content: "\e940";
}
.icon-select-arrows:before {
  content: "\e950";
}
.icon-bell:before {
  content: "\e927";
}
.icon-briefcase:before {
  content: "\e928";
}
.icon-browser:before {
  content: "\e929";
}
.icon-calculator:before {
  content: "\e92a";
}
.icon-calendar:before {
  content: "\e913";
}
.icon-camera2:before {
  content: "\e914";
}
.icon-chat:before {
  content: "\e92b";
}
.icon-check:before {
  content: "\e92c";
}
.icon-circle-with-cross:before {
  content: "\e915";
}
.icon-code:before {
  content: "\e93b";
}
.icon-cog2:before {
  content: "\e92d";
}
.icon-compass:before {
  content: "\e92e";
}
.icon-credit-card2:before {
  content: "\e92f";
}
.icon-cross2:before {
  content: "\e930";
}
.icon-database:before {
  content: "\e941";
}
.icon-eye2:before {
  content: "\e916";
}
.icon-gauge:before {
  content: "\e93c";
}
.icon-link:before {
  content: "\e94b";
}
.icon-location-pin:before {
  content: "\e917";
}
.icon-lock-open:before {
  content: "\e931";
}
.icon-lock2:before {
  content: "\e932";
}
.icon-log-out:before {
  content: "\e943";
}
.icon-login:before {
  content: "\e944";
}
.icon-mail:before {
  content: "\e933";
}
.icon-map:before {
  content: "\e94c";
}
.icon-megaphone:before {
  content: "\e934";
}
.icon-menu:before {
  content: "\e936";
}
.icon-message:before {
  content: "\e937";
}
.icon-price-tag2:before {
  content: "\e946";
}
.icon-publish:before {
  content: "\e939";
}
.icon-share-alternitive:before {
  content: "\e949";
}
.icon-share:before {
  content: "\e94a";
}
.icon-wallet:before {
  content: "\e93d";
}
.icon-facebook-with-circle:before {
  content: "\e918";
}
.icon-google-with-circle:before {
  content: "\e919";
}
.icon-google:before {
  content: "\e91b";
}
.icon-instagram-with-circle:before {
  content: "\e91c";
}
.icon-instagram2:before {
  content: "\e91d";
}
.icon-linkedin-with-circle:before {
  content: "\e91f";
}
.icon-linkedin:before {
  content: "\e920";
}
.icon-twitter-with-circle:before {
  content: "\e921";
}
.icon-twitter2:before {
  content: "\e922";
}
.icon-chart:before {
  content: "\e93a";
}




[data-icon]:before {
        font-family: 'icomoon';
        content: attr(data-icon);
        speak: none;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
    }

/*icomoon fonts end here*/
/*header styles start here*/
#header{
width:100%;
height: auto;
/*height: 81px;*/
border-bottom:1px solid #eee;
}
#desktop{
    width: 100%;
        padding: 0px 2%;
    height: auto;
}
#logo{
float: left;
padding: 0px;
}
#nav{
float: right;
}
#top-level-menu{
    list-style: none;
    padding: 0;
    margin: 0;
}
#adjust_headed{
padding: 30px 0px;
}
#top-level-menu > li{
    position: relative;
    float: left;
    height: auto;
    width: auto;
}
#top-level-menu li:hover > ul{
    display: inline;
}
#top-level-menu a{
    color: #000;
    text-decoration: none;
    padding: 10px;
    display: block;
}
.second-level-menu{
    position: absolute;
    top: 89px;
    left: 0;
    width: 150px;
    list-style: none;
    padding: 0;
    z-index: 1000;
    margin: 0;
    display: none;
}
.second-level-menu > li{
position: relative;
    height: auto;
    background: #fff;
    color: #000;
}
.third-level-menu{
position: absolute;
    top: 0;
    right: -200px;
    width: 200px;
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
    background: #fff;
}
.third-level-menu > li{
height: auto;
background: #fff;
}
/*mobile start here*/
#m_mobile{
display: none;
}
#m_logo{
float: left; 
}
#m_nav{
float: right;  
}
#m_dropdown{
display: none;
}
/*mobile end here*/
/*header styles end here*/
#bg_slider{
display: block;
}

#firstblock{
    background: #fff;
    padding:30px 100px;
    text-align: center;
    line-height: 30px;
    font-size: 120%;
}
#firstblock_inner_1{
    padding: 10px 0px;
}
#contain_img img{
    width: 100%;
    height: 500px;
}
/*Event header styles start here*/
#event_header{
    width: 100%;
    height: auto;
    background: #000;
    color: #fff;
    text-align: center;
    padding: 15px 0px;
    font-family: 'Open Sans', sans-serif;
}
#event_header_btn{
    display: inline-block;
    background: #d02424;
    color: #fff;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 90%;
}
/*Event header styles end here*/
/* why goajo block styles start here */
#why_goajo_wrapper{
width: 100%;
height: 600px;
position: relative; 
background: #000;
background-image: url(../image/2.jpg);
background-repeat: no-repeat;
background-size: cover;
}
#why_goajo_overlay{
    width: 100%;
    height: 100%;
    background: rgba(1, 66, 146,.95);
}
#why_goajo_globe{
width: 100%;
height: 600px;
position: relative; 
background-image: url(../image/world-map-2.png);
background-repeat: no-repeat;
background-size: cover;
}
#why_goajo_desc{
    float: left;
    width: 50%;
    height: auto;
        padding: 10% 5%;
        color: #fff;
        font-family: 'Open Sans', sans-serif;
}
#why_goajo_desc_1{
font-size: 200%;
}
#why_goajo_desc_2{
font-size: 400%;  
font-weight: 900;
}
#why_goajo_desc_3{
font-size: 420%;  
font-weight: 900;
}
#why_goajo_desc_btn{
    display: inline-block;
    width: auto;
    background: #6db710;
    padding: 15px 70px;
    color: #fff;
    border-radius: 3px;
    margin: 10px 0px;
}
#why_goajo_desc_4{
padding: 10px 0px;
font-size: 90%;  
}
#why_goajo_img{
float: right;
    width: 50%;
    height: 100%;
    text-align: right;
}
#why_goajo_img img{
max-width: 100%;
max-height: 100%;
}

/* why goajo block styles ends here */
/*video pane styles start here*/
#firstblock_video_wrapper{
width: 60%;
height: auto;
margin: auto;
}
/*video pane styles ends here*/
#firstblock_tube{
  display: inline-block;
margin: 40px 20px;
text-align: center;
background: #fd0100;
width: 280px;
height: auto;
padding: 10px;
color: #fff;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#firstblock_tube a{
color: #fff;
}
#firstblock_tube1{
display: inline-block;
    margin: 40px 20px;
    text-align: center;
    background: #fff;
    width: 280px;
    border: 1px solid #fd0100;
    height: auto;
    padding: 10px;
    color: #fff;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#firstblock_tube1 a{
color: #fd0100;
}
#secondblock{
background: #eee;
}
#secondblock_inner{
text-align: center;
    padding: 40px;
    font-size: 30px;
}
#event_gif{
width: 900px;
margin:30px auto;
}
#mycrawler2{
margin: auto;
width: 70%;
}

#scroller_slider{
    height: 440px;
    width: 70%;
    margin: 30px auto;
    background-color: #FFFFFF;
}  
#scroller_title{
    text-align: center;
    font-size: 200%;
    padding: 30px 0px;
}
#contain_img{
width: 100%;
height: 500px;
}
#our_product{
text-align: center;
    width: 100%;
    padding: 20px;
    font-size: 25px;
}
/*accordian start here*/
ul,li{
    margin: 0; 
    padding: 0;
}
.accordian {
    width: 805px; height: 361px;
    overflow: hidden;
    margin: 0px auto;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35);
}
.accordian ul {
    width: 2000px;
}
.accordian li {
    position: relative;
    display: block;
    width: 160px;
    float: left;
    border-left: 1px solid #888;
    box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}
.accordian ul:hover li {width: 40px;}
.accordian ul li:hover {width: 640px;}
.accordian li img {
    width: auto;
    display: block;
}
/*Image title styles*/
.image_title {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0; bottom: 0;    
width: 640px;    

}
.image_title a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 20px;
    font-size: 16px;
}

/*news style start here*/
#news_update{
    width: 100%;
    height: auto;
    background: #eee;
}

/*news style end here*/
/*apply styles start here*/
.breadcrumb {
 
    display: inline-block;
    border: 1px solid #eee;
    overflow: hidden;
    border-radius: 5px;
    counter-reset: flag;
    margin: auto;
    margin-bottom: 30px;
     /*
    width: 866px;
    border: 1px solid #eee;
    overflow: hidden;
    border-radius: 5px;
    counter-reset: flag;
    text-align: center;
    margin: auto;*/
}

.breadcrumb a {
  text-decoration: none;
  outline: none;
  display: block;
  float: left;
  font-size: 12px;
  line-height: 36px;
  color: white;
  /*need more margin on the left of links to accomodate the numbers*/
  padding: 0 10px 0 60px;
  background: #666;
  background: linear-gradient(#666, #333);
  position: relative;
}
/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/
.breadcrumb a:first-child {
  padding-left: 46px;
  border-radius: 5px 0 0 5px; /*to match with the parent's radius*/
}
.breadcrumb a:first-child:before {
  left: 14px;
}
.breadcrumb a:last-child {
  border-radius: 0 5px 5px 0; /*this was to prevent glitches on hover*/
  padding-right: 20px;
}

/*hover/active styles*/
.breadcrumb a.active, .breadcrumb a:hover{
  background: #333;
  background: linear-gradient(#333, #000);
}
.breadcrumb a.active:after, .breadcrumb a:hover:after {
  background: #333;
  background: linear-gradient(135deg, #333, #000);
}

/*adding the arrows for the breadcrumbs using rotated pseudo elements*/
.breadcrumb a:after {
  content: '';
  position: absolute;
  top: 0; 
  right: -18px; /*half of square's length*/
  /*same dimension as the line-height of .breadcrumb a */
  width: 36px; 
  height: 36px;
  /*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's: 
  length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
  if diagonal required = 1; length = 1/1.414 = 0.707*/
  transform: scale(0.707) rotate(45deg);
  /*we need to prevent the arrows from getting buried under the next link*/
  z-index: 1;
  /*background same as links but the gradient will be rotated to compensate with the transform applied*/
  background: #666;
  background: linear-gradient(135deg, #666, #333);
  /*stylish arrow design using box shadow*/
  box-shadow: 
    2px -2px 0 2px rgba(0, 0, 0, 0.4), 
    3px -3px 0 2px rgba(255, 255, 255, 0.1);
  /*
    5px - for rounded arrows and 
    50px - to prevent hover glitches on the border created using shadows*/
  border-radius: 0 5px 0 50px;
}
/*we dont need an arrow after the last link*/
.breadcrumb a:last-child:after {
  content: none;
}
/*we will use the :before element to show numbers*/
.breadcrumb a:before {
  content: counter(flag);
  counter-increment: flag;
  /*some styles now*/
  border-radius: 100%;
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin: 8px 0;
  position: absolute;
  top: 0;
  left: 30px;
  background: #444;
  background: linear-gradient(#444, #222);
  font-weight: bold;
  text-align: center;
}


.flat a, .flat a:after {
  background: white;
  color: black;
  transition: all 0.5s;
}
.flat a:before {
  background: white;
  box-shadow: 0 0 0 1px #ccc;
}
.flat a:hover, .flat a.active, 
.flat a:hover:after, .flat a.active:after{
  background: #9EEB62;
}

/*apply styles end here*/
/*contact styles start here*/
#form{
    width: 90%;
    background: #fff;
    margin: auto;
    padding: 10px;
}
#contact_style2{
float: left;
width: 33.33%
}
#frame iframe{
width: 100%;
height: 350px;
}
#inner_form_tit{
text-align: center;
    padding: 20px 0px 10px 0px;
}
#contact_style{
    width: 100%;
    outline: none;
    height: 40px;
    padding: 10px;
    border: none;
    border-bottom: 1px solid #eee;
    resize: none;
}
#textarea_style{
    width: 100%;
    outline: none;
    height: 300px;
    padding: 10px;
    border: none;
    border-bottom: 1px solid #eee;
    resize: none;
}
#form_wrapper{
    width: 100%;
    height: auto;
    margin: auto;
border: 1px solid #eee;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#address_wrapper{
    width: 30%;
    height: auto;
    float: left;
    font-size: 15px;
}
#contact_addr_wrap{
width: 100%;
    float: left;
    padding: 10px;
    margin: 10px 0px;
    background: #1295e2;
    color: #fff;
    word-wrap: break-word;
    height: auto;
}
#wrap_map_field{
width: 70%;
float: left;
    padding-left: 5%;
        margin: 10px 0px;
}

#addr_location{
    padding: 15px 0px;
    font-weight: bold;
    font-size: 17px;
    border-bottom: 1px dashed #fff;
}
#addr_addr{
padding: 5px 0px;
}
#addr_email{
padding: 5px 0px;
}
#addr_phone{
padding: 5px 0px;
}
#justify{
padding: 10px;
    color: #000;
    border-bottom: 1px solid #eee;
    text-align: center;
}
#contact_submit{
    width: 100%;
    outline: none;
    height: 40px;
    padding: 10px;
    background: #5abb4a;
    color: #fff;
    letter-spacing: 2px;
    border: none;
    resize: none;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;

}
#social{
    text-align: center;
    padding: 10px 0px 30px 0px;
}
#social a{
color: #000;
}
/*contact styles end here*/
#youtube_link{
width: 100%;
}
#footer{
background: #000;
}
#footer_block2{
width: 90%;
margin: auto;
padding: 15px 0px;
}
#footer_block3{
    background: #fff;
    width: 100%;
    height: auto;
    color: #000;
}
#footer_block3_inner{
padding: 25px;
}
#footer_disclamer{
float: left;
}
#footer_webmaster{
float: right;
}
#wrap_footer_add{
width: 14.66%;
float: left;
margin: 0px 1%;
}
#footer_tit{
color: #fff;
    padding: 10px 0px;
    border-bottom: 1px dotted #eee;
}
#footer_info{
    padding: 10px 0px;
    color: #f8f8f8;
}
/*about us styles start here*/
#about_tit{
text-align: center;
background: #1295e2;
color: #fff;
padding: 50px 0px;
font-size: 25px;
}
#about_body{
width: 90%;
    margin: 40px auto;
    line-height: 25px;
}
#about_bodyH{
margin: 20px 0px;
font-size: 150%;
}
/*about us styles end here*/
/*apply styles start here*/
#apply_tit{
text-align: center;
background: #1295e2;
color: #fff;
padding: 50px 0px;
font-size: 25px;
}
#apply_container{
width: 90%;
height: auto;
padding: 50px 0px;
margin: auto;

}
#phase1{
display: block;
width: 1060px;
margin: 10px auto;
transition: all linear .7s;
}
#phase2{
display: none;
width: 1060px;
margin: 10px auto;
transition: all linear .7s;
}
#phase3{
display: none;
width: 1060px;
margin: 10px auto;
transition: all linear .7s;
}
#phase4{
display: none;
width: 1060px;
margin: 10px auto;
transition: all linear .7s;
}
#phase5{
display: none;
width: 1060px;
margin: 10px auto;
transition: all linear .7s;
}
#phase6{
display: none;
width: 1060px;
margin: 10px auto;
transition: all linear .7s;
}
#wrap_apply{
margin: 10px 0px;
    height: auto;
    width: 100%;
}


#wrap_apply textarea{
width: 99%;
    outline: none;
    height: 90px;
    padding: 10px;
    border: none;
    background: #eee;
    resize: none;
}

#wrap_apply select{
width: 99%;
    outline: none;
    height: 40px;
    padding: 10px;
    border: none;
    background: #eee;
    resize: none;
}
#splitdate{
float: left;
width: 33.33%;
height: auto;
}
#first_next{
width: 200px;
text-align: center;
color: #fff;
background: #72ad08;
padding: 10px;
margin: 20px auto;
cursor: pointer;
}
#controller{
width: 100%;
margin: auto;
}
#next{
    display: inline-block;
    width: 200px;
    text-align: center;
    color: #fff;
    background: #72ad08;
    padding: 10px;
    margin: 20px 10px;
    cursor: pointer;
}
#previous{
    display: inline-block;
    width: 200px;
    text-align: center;
    color: #fff;
    background: #72ad08;
    padding: 10px;
    margin: 20px 10px;
    cursor: pointer;
}
.mobile_breadcrumb{
width: 100%;
height: auto;
display:none; 
}
#submit_style{
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    background: #72ad08;
    padding: 18px;
    margin: 20px 0px;
    cursor: pointer;
    font-size: 100%;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    -webkit-box-sizing: border-box;
}
#term_agree{
text-align: left;
    padding: 10px;
}
#confirm{

}
/*apply styles end here*/
/*study page styles start here*/
#study_description{
text-align: center;
background: #1295e2;
color: #fff;
padding: 50px 0px;
font-size: 25px;
}
#description_img{
width: 80%;
margin: 10px auto;
text-align: center;
}
#description_img img{
max-height: 100%;
max-width: 100%;
text-align: center;
}
#study_one{
margin:40px auto;
width: 80%;
height: auto;
    line-height: 25px;
}
#study_two{
margin:40px auto;
width: 80%;
height: auto;
    line-height: 25px;
}
#study_three{
margin:40px auto;
width: 80%;
height: auto;
    line-height: 25px;
}
#study_four{
margin:40px auto;
width: 80%;
height: auto;
    line-height: 25px;
}
#study_five{
margin:40px auto;
width: 80%;
height: auto;
    line-height: 25px;
}
#study_six{
margin:40px auto;
width: 80%;
height: auto;
    line-height: 25px;
}
#study_body_1{
display: none;
height: 0px;
width: 100%;
margin: 5px auto;
transition:height 0.3s linear .5s;
}
#study_body_2{
display: none;
height: 0px;
width: auto;
transition:height 0.3s linear .5s;
}
#study_body_3{
display: none;
height: 0px;
width: auto;
transition:height 0.3s linear .5s;
}
#study_body_4{
display: none;
height: 0px;
width: auto;
transition:height 0.3s linear .5s;
}
#study_body_5{
display: none;
height: 0px;
width: auto;
transition:height 0.3s linear .5s;
}
#study_body_6{
display: none;
height: 0px;
width: auto;
transition:height 0.3s linear .5s;
}
.study_title{
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 150%;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    color: #fd0101;
}
/*terms start here*/
#terms_wrap{
    padding: 50px 30px;
    line-height: 40px;
}
/*event styles start here*/
#event{
width: 100%;
border: none;
}
#event_reg{
    float: left;
    width: 50%;
    padding: 50px 100px;
}
#event_banner{
    float: left;
    width: 50%;
    padding: 50px 100px;
}
#event_form{
border: 1px solid #eee;
width: 100%;
height: 30px;
outline: none;
padding: 10px;
}
/*event styles end here*/
/*airport pick up style start here*/
#wrap_airport{
width: 80%;
margin: auto;
padding: 50px 0px;
}
#airport_image{

}
/*airport pick up style end here*/
/*text scroller styles start here*/
#text_scroller{
width: 100%;
background: #009ff5;
padding: 20px;
color: #fff;
font-size: 100%;
cursor: pointer;
}
/*text scroller end here*/
#youtube_link{
width: 100%;
height: auto;
}
#youtube_link iframe{
width: 100%;
height: 500px;
}
#tasmania{
width: 100%;
height: 500px;
}
#tasmania img{
width: 100%;
height: 500px;
}
/*expo styles start here*/
#expo_timer{
width: 100%;
height: auto;
background-image: url(../image/englishnigeria.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
#expo_overlay{
width: 100%;
    padding: 50px;
    text-align: center;
    height: 100%;
background: rgba(255,255,255,.9);
}
#expo_title{
    font-size: 200%;
    font-weight: bold;
}
#expo_btn{
border-radius: 3px;
    display: block;
    width: 300px;
    margin: auto;
    background: #66b900;
    padding: 20px 10px;
    color: #fff;
    font-size: 120%;
}
#timer_body{
text-align: center;
    width: 50%;
    margin: auto;
    font-size: 100%;
    padding: 40px 0px;
}
#wrap_timer{
float: left;
width: 25%;
height: auto;

}
#time_title{
font-size: 150%;
}
#time_body{
font-size: 350%;
}
/*expo styles ends here*/
/*New expo design start here*/
#goajo_advert{
    width: 100%;
    height: auto;
    text-align: center;
    background: #547b23;
    padding: 10px;
    color: #fff;
}
#goajo_ads_btn{
    display: inline-block;
    border: 2px solid #fff;
    background: #fff;
    border-radius: 3px;
    color: #547b23;
    padding: 5px;
    transition: all linear .3s;
    margin-left: 5px;
}
#goajo_ads_btn:hover{
color: #ca2626;
}
#expo_page_banner{
width: 100%;
height: auto;
}

#expo_img{
width: 100%;
}
#expo_page_wrapper{
    width: 100%;
    height: auto;
    padding: 50px 5%;
}
#expo_page_detail{
float: left;
width: 40%;
height: auto;
}
#ev_wrapper{
    border: 1px solid #333;
    width: 100%;
    height: auto;
    margin-bottom: 50px;
}
#ev_wrapper_left{
float: left;
    width: 40%;
    height: 146px;
    background: #333;
    color: #fff;
    text-align: center;
    padding-top: 40px;
    vertical-align: middle;
}
#ev_date_align{
font-size: 250%;
}
#ev_month_align{

}
#ev_wrapper_right{
    float: right;
    width: 60%;
    padding: 10px;
}
#ev_state{
    background: #333;
    color: #fff;
    padding: 5px 10px;
    display: inline-block;
    margin-bottom: 20px;
}
#ev_addr{
    width: 100%;
    margin-bottom: 20px;
}
#ev_time{
      color: #868282;
}
#expo_page_form_wrapper{
float: right;
    width: 40%;
    height: auto;

}
#expo_page_form{
    background: #eee;
    padding: 30px;  
}
#ev_title{
    display: inline-block;
    background: #333;
    padding: 10px 15px;
    color: #fff;
}
#form_inner_wrapper{
 margin-bottom: 15px;
}
#expo_form_name{
margin-bottom: 5px;
}
#expo_form_field{

}
#expo_form_style{
    width: 100%;
    height: 40px;
    padding: 5px;
    border:none;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    outline: none;
    background: #fff;
    font-size: 100%;
    color: #333;
}
#expo_form_btn{
width: 100%;
    height: 40px;
    padding: 5px;
    border: none;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    outline: none;
    background: #cb0013;
    font-size: 100%;
    color: #fff;
}
/*New expo design end here*/

/*Online application new start style*/
#wrapApplication{
    float: left;
    width: 60%;
    height: auto;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    padding: 20px;
}
#wrapApplicationTit{
font-size: 200%;
margin-bottom: 20px;
}
#wrap_apply{
    padding: 5px 0px;
    width: 100%;
    float: left;
}
#wrap_applyH{
font-size: 120%;
padding-bottom: 10px;
}
#wrap_applyB{

}
.appFormStyle{
  width: 100%;
    height: 50px;
    color: #000;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    -webkit-box-sizing: border-box;
    outline: none;
    resize: none;
    background: #fcfcfc;
    font-size: 100%;
    font-family: 'Varela Round', sans-serif;
    padding: 10px 5px;
    border: 2px solid #eee;
}
/*Online application new end style*/

/*services styles start here*/
#NewServices{
width: 100%;
}
#NewServicesH{
display: flex;
width: 100%;
text-align: center;
}
#NewServicesHStyle{
width: 25%;
    padding: 15px;
    background: #eee;
    cursor: pointer;
    border-right: 1px solid #c1bdbd;
}
#NewServicesH1{
display: block;   
width: 100%;
padding: 50px 5%;
}
#NewServicesH2{
display: none;  
width: 100%;
padding: 50px 5%;
}
#NewServicesH3{
display: none;   
width: 100%;
padding: 50px 5%;
}
#NewServicesH4{
display: none;   
width: 100%;
padding: 50px 5%;
}
#NewServicesH1B{
display: flex;
justify-content: space-between;
}
#NewServicesH1BL{
width: 50%;
}
#NewServicesH1BLTit{
font-size: 150%;
margin-bottom: 10px;
}
#NewServicesH1BLDesc{
line-height: 25px;
}
#NewServicesH1BR{
width: 40%;
}
#NewServicesH1BR img{
  width: 100%;
}
#NewServicesH1F{
display: flex;
justify-content: space-between;
margin-top: 50px;
}
#NewSH1FInner1{
text-align: center;
    width: 23%;
    margin: 0px 1%;
    background: #eee;
    padding: 10px;
    align-items: center;
}
#NewSH1FInner2{
text-align: center;
    margin: 0px 1%;
    background: #eee;
    padding: 10px;
    align-items: center;
}
#NewSH1FInner3{
text-align: center;
    margin: 0px 1%;
    background: #eee;
    padding: 10px;
    align-items: center;
}
#NewSH1FInner4{
text-align: center;
    margin: 0px 1%;
    background: #eee;
    padding: 10px;
    align-items: center;
}
#NewSH1FIIcon{

}
#NewSH1FIData{
text-transform: uppercase;
}
/*services styles end here*/
/*social icons starts here*/
#social-icons{
display: flex;
    width: 15%;
    justify-content: space-between;
    margin-top: 10px;
}
#social-icons img{
width: 100%;
height: 100%;
}
.siconsInner{
text-decoration: none;
    color: #888282;
    width: 20%;
}
/*social icons ends here*/
#mobileApps{
 display: flex;
 width: 70%;
 justify-content: space-between; 
}
#mobileApps img{
max-width: 100%;
max-height: 100%;
}
.mAppholder{
width: 48%;
}

/*disclamer styles start here*/
#escortDisclamer{
width: 100%;
background: rgba(0,0,0,.8);
position: fixed;
z-index: 10000;
}
#esDisclaimInner{
margin: 20px auto;
    background: #fff;
    width: 50%;
    border-radius: 5px;
    padding: 20px;
}
#escLogo{
width: 150px;
margin: 10px auto;
}
#escWelMsg{
text-align: center;
    font-size: 150%;
    margin-bottom: 20px;
    font-weight: 600;
    color: #333;
}
#EscWarning{
 font-size: 90%;
 margin-bottom: 20px;
 color: #656161; 
}
#EscWList{

}
#EscWListH{
font-size: 120%;
margin-bottom: 5px;
}
#EscWListB{
font-size: 90%;  
color: #656161;
}
#EscWbtn{

}
/*escort content slider*/

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  max-width: 400px;
  height: 600px;
  overflow: hidden;
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  padding-right:5px;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.applyFrame{
  width:100%;
  height: 600px;
}

.why_goajo_desc_btn{
  cursor: pointer;
}

.lsBlock{
  background-color: #6db710;
  color: white !important;
} 

.leadGeneration{
  text-decoration: underline;
  color: white;
  font-weight: bold;
}