body{
background-image: url('../images/img_bg.jpg');
background-repeat: repeat;
font-family:'HelveticaNeue';
font-size:15px;
}
@font-face {
    font-family: HelveticaNeue;
    src: url('../fonts/HelveticaNeue.ttf');
}

@font-face {
    font-family: HelveticaNeueLight;
    src: url('../fonts/HelveticaNeueLight.ttf');
}
/* fullscreen setup */
html, body {
    /* give this to all tags from html to .fullscreen */
    height:100%;
}
.fullscreen,
.content-a {
    width:100%;

}
.not-fullscreen,
.not-fullscreen .content-a,
.fullscreen.not-overflow,
.fullscreen.not-overflow .content-a {

    overflow:hidden;
}

/* content centering styles */
.content-a {
    display:table;
}
.content-b {
    display:table-cell;
    position:relative;
    vertical-align:top;
    text-align:center;

}

.circle_nav{
background:rgba(255,255,255,0.5);
width:100%;
height:200px;
margin-top:180px;
padding-top:30px;
-webkit-box-shadow: 10px 10px 23px -16px rgba(0,0,0,0.71);
-moz-box-shadow: 10px 10px 23px -16px rgba(0,0,0,0.71);
box-shadow: 10px 10px 23px -16px rgba(0,0,0,0.71);
vertical-align:bottom;
}

.oasia-navbar{
background:rgba(255,183,22,0.75);
border:none;
color:#ffffff;
margin-top:30px;
font-size: 16px;

}


.oasia-navbar .navbar-nav > li > a {
   color:#ffffff !important;
}


.oasia-navbar .navbar-nav > li > a:hover {
   color:#000000 !important;
}

.oasia-logo{
z-index:-1000;
}

.welcome-section{
background-color:#ffffff;
  min-height:350px;
padding:20px;
}

.jo-section{
background-color:#b0ded3;
  
padding:20px;
}

h2{
color:#e87e04;
font-family:'HelveticaNeueLight';
margin:0px;
padding:0px;
}

p{
color:#4f5d73;
padding-top:15px;
text-align: justify;s
}

.panel-oasia > .panel-heading {
    color: #ffffff;
    background-color: #f29330;
    border-color: #f29330;
}
.panel-oasia > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #f29330;
}

.panel-default {
    border-color: #f29330 ;
	border:solid 2px  #f29330;
	border-radius: 0px;
}

.panel-group .panel {
    margin-bottom: 0px;
    border-radius: 0px;
}
.panel-group .panel + .panel {
    margin-top: 0px;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.interview-section{
    background-color: #ffffff;
    min-height:350px;
    padding:20px;
    text-align: center;
    color:#4f5d73;

}

.footer-section{
    background-color: #def1ed;
    min-height:310px;
    padding:20px;

}
.footer-navigation li{

    list-style: none;
    padding:0px;
    margin: 0px;
    font-weight: bold;
}


.footer-navigation{

 padding-top:20px;
}

ul{

  padding:0px;
  margin: 0px;
}

.no-space{
          padding:0px;
    margin: 0px;
}



.jo-description{
    text-align: left;
    text-transform: lowercase;
    font-size:15px;
    font-weight: normal;

}

.jo-title{
    margin:0px;
    padding: 0px;
    color:#4f5d73;
    
}

.jo-date{
    color:#4f5d73;
}

.ninja-inner{
    padding-top:20px;
}

.interview-title{
    font-weight: bold;
}

a{
    color:#4f5d73 !important;
}

a:hover{
    color:#e87e04 !important;
    transition: all 0.7s ease 0s;
}

.footerbg{
    background-color: #4ad2ba;
    padding: 30px;
    color:#ffffff;
    font-size:13px;
}

.contact_title{
    font-size: 20px;
    margin:0px;
    padding: 0px;
}






@media (max-width:400px) {

.320bg{
       display: block;
}

.fullbg{
    display: none;
}
}

@media (max-width:800px) {


  .circle_nav{
    display: none;
  }

  .circle_nav_small{
background:rgba(255,255,255,0.5);
width:100%;




-webkit-box-shadow: 10px 10px 23px -16px rgba(0,0,0,0.71);
-moz-box-shadow: 10px 10px 23px -16px rgba(0,0,0,0.71);
box-shadow: 10px 10px 23px -16px rgba(0,0,0,0.71);
vertical-align:bottom;

    
}

.logofloat{
    display: none;

}

.logofloat_small{
border:red;

}

#ninja-slider div.slider-inner {
padding: 30px;


}
}

@media (min-width: 768px) {
  .circle_nav{
    display: block;
  }

  .circle_nav_small{
  display: none;
    
}
.logofloat{
    display: block;
    margin-top:8px


}

.logofloat_small{
 display: none;

}


.center-icon{
    display: inline-block;
vertical-align: middle;

}





}

@media (max-width: 1024px) {

.circle_nav{
background:rgba(255,255,255,0.5);
width:100%;
height:270px;
margin-top:180px;
padding-top:30px;
-webkit-box-shadow: 10px 10px 23px -16px rgba(0,0,0,0.71);
-moz-box-shadow: 10px 10px 23px -16px rgba(0,0,0,0.71);
box-shadow: 10px 10px 23px -16px rgba(0,0,0,0.71);
vertical-align:bottom;
}

.menu-align{

padding-right:0px !important;
padding-left:0px !important;
 
}
    }



@media (max-width: 800px) {

.circle_nav{
background:rgba(255,255,255,0.5);
width:100%;
height:200px;
margin-top:180px;
padding-top:30px;
-webkit-box-shadow: 10px 10px 23px -16px rgba(0,0,0,0.71);
-moz-box-shadow: 10px 10px 23px -16px rgba(0,0,0,0.71);
box-shadow: 10px 10px 23px -16px rgba(0,0,0,0.71);
vertical-align:bottom;
}

.menu-align{

padding-right:0px !important;
padding-left:0px !important;
 
}
    }

@media (min-width: 1300px) {
    .nav-links{
    padding-left:130px;
}

    .footer-section{
    background-color: #def1ed;
    min-height:335px;
    padding:20px;

}



.content-b {
    display:table-cell;
    position: relative;
    vertical-align: top;
    text-align: center;
    height: 720px;
}

.panel-title a {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 16px;
    color: #ffffff !important;
}

.country{
    color:#ffa516 !important;
    font-weight:bold;
}

    .google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

.slider-text{


margin-top:100px;

}

.menu-align{
    padding-right:120px ;
    padding-left:50px;
}


.circle_nav{
background:rgba(255,255,255,0.5);
width:100%;
height: 300px;
margin-top:300px;
padding-top:30px;
-webkit-box-shadow: 10px 10px 23px -16px rgba(0,0,0,0.71);
-moz-box-shadow: 10px 10px 23px -16px rgba(0,0,0,0.71);
box-shadow: 10px 10px 23px -16px rgba(0,0,0,0.71);
vertical-align:bottom;
}


}





.orange{
    color:#f29330;
    text-decoration: underline;
}

.blue{
     font-size:20px;
    color:#0e2f62;

    font-weight: bold;
}

.country-main{
   font-size:20px;
    font-weight: bold;
    font-color:f29330;
}

.nav-title{
    padding-right:45px;
}