/*font-family: 'Rokkitt', serif;
font-family: 'Open Sans', sans-serif;*/

* { box-sizing: border-box; }


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

body{
margin: 0;
font: 14px/ 20px 'Open Sans', sans-serif;

}


img {
height: auto;
max-width: 100%;
}

.container {
margin: 0 auto;

}

.row {
overflow: hidden;
}


nav[role=navigation] li a:hover {
color:#000;
}



a.menu-link {
float: right;
display: block;
padding:  0.5em 2.4em;
color: #fff;
background-color:  #c7b299; 
text-decoration: none;
}

    nav[role=navigation] {
    clear: both;
    -webkit-transition: all 0.3s ease-out;  
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    }
  .js nav[role=navigation] {
    overflow: hidden;
    max-height: 0;
  }
  nav[role=navigation].active {
    max-height: 17em;
  }
  nav[role=navigation] ul {
    margin: 0;
    padding: 0;
    border-top: 1px solid #fff;
    background:  #c7b299; 
  }
  nav[role=navigation] li a {
    display: block;
    padding: 0.6em;
    color: #fff;
    border-bottom: 1px solid #808080;
    text-decoration: none;
  }





@media screen and (min-width: 48em) {
  a.menu-link {
     display: none;
  }
  .js nav[role=navigation] {
    max-height: none;
  }
  nav[role=navigation] ul {
    margin: 0 0 0 -0.25em;
    border: 0;
  }
  
  nav[role=navigation]  li {
    display: inline-block;
    margin: 0 0.25em;
  }
  nav[role=navigation] li a {
    border: 0;
  }
}



.logo {
    width: 14%;
    float: left;
    padding-left: 10px;
}


.h-home{

background-image: url(../images/home/homeheader.jpg);

background-repeat: no-repeat;
background-position: center 0 ;
background-size: cover;
}
.h-history{
position: relative;
height: 9em;
background-image: url(../images/history/historyheader.jpg);
background-repeat: no-repeat;
background-position: center 0 ;
background-size: cover;
}


.h-services{
position: relative;
height: 9em;
background-image: url(../images/services/servicesheader.jpg);
background-repeat: no-repeat;
background-position: center 0 ;
background-size: cover;
}

.h-hotels{
position: relative;
height: 9em;
background-image: url(../images/hotels/hotelheader.jpg);
background-repeat: no-repeat;
background-position: center 0 ;
background-size: cover;
}

.h-pilot{
position: relative;
height: 9em;
background-image: url(../images/pilot/pilotheader.jpg);
background-repeat: no-repeat;
background-position: center 0 ;
background-size: cover;
}

.h-events{
position: relative;
height: 9em;
background-image: url(../images/events/eventsheader.jpg);
background-repeat: no-repeat;
background-position: center 0 ;
background-size: cover;
}




.head1 {
    text-align: center;
    color: #e9e9e9;
        font: 26px/58px 'Rokkitt', serif;
    text-shadow: 1px 1px #141414;
}








.main-paragraph{
    padding: 40px 20px;
background: #eeeae7;
}

.main-paragraph h1, .lounge h1, .main-paragraph-gray h1, .other-services h1{
margin: 40px auto;
color: #304b77;
text-align: center;
font: 40px/ 45px 'Rokkitt', serif;
}






.main-paragraph-gray{
padding: 40px 0 40px 0;
background: #e0dddd;
}






.lounge{
padding: 40px 0 40px 0;
}

.contact, .location {
    font: 18px/ 20px 'Open Sans', sans-serif;
    padding: 10px 0 10px 0;
    color: #c7b299;
}






.location-p, .contact-p {
color: #fff;
text-align: center;
line-height: 30px;

}


.contact-box, .location-box{
background: #304b78;
}


.destinations{
height: 100px;
background-image: url(../images/home/pattern.jpg);
}

.destinations h1{
margin: auto;
margin-top: 20px;
margin-bottom: 40px;
color: #feb600;

text-align: center;
font-size: 50px;
}


.destinations img{
margin-left: 75px;
}

.icons{

background:#c7b299;  
}


.icons img {
    max-width: 20.4%;
    padding: 0 5px;
    margin: 0 12px;
    display: block;
    float: left;
}








.atlantic-p, .sheltair-p {
padding: 5px;
color: #fff;
background: #c7b299;
line-height: 30px;


}

.other-services{
background-image: url(../images/home/pattern.jpg);
}




.left-list, .right-list {
    display: inline-block;
    margin: 0 0 40px 29px;
    line-height: 24px;
}


.other-list-wrapper {
    margin: 0 auto;
    max-width: 400px;
}



ul.left-list, ul.right-list {
list-style-type: disc;
}


.hotel-box{
background: #e7e7e7;
}

.hotel-1 {
margin: 20px auto;
width: 270px;
}



.hotel-1 h2{
margin: 10px 0 10px 0;
color: #feb600;

font-size: 30px;
}


.hotel-1 p{
color: #012a91;
line-height: 30px;
}





.pilot-info1 h3 {
  font: 18px/ 20px 'Open Sans', sans-serif;
    padding: 10px 0 10px 0;
    color: #c7b299;
}

.pilot-info1 li {
    list-style: disc;
    line-height: 24px;
}














.event{
margin: 0px auto;
margin-bottom: 60px;
width: 270px;
}


.event h2{
font: 18px/ 20px 'Open Sans', sans-serif;
    padding: 10px 0 10px 0;
    color: #c7b299;
}








ul.socialmedia{
height: 100px;
background-image: url(../images/home/footerimage.jpg);
background-repeat: no-repeat;
background-size: cover;
}

.socialmedia a{
margin:0 5px 0 5px;
}

.socialmedia li{
display: inline;
}


.socialmedia img{
padding-top: 30px;
}

.footer p{

margin: 0 auto;	
padding: 5px 0 5px 0;
color: #fff;
background: #c7b299;
text-align: center;
line-height: 20px;
}


footer{
clear: both;
margin: 0 auto;
text-align: center;
}



ul.navlist-footer{
margin:0;
height: 30px;
background:#c7b299;
list-style-type:none;
}


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

.navlist-footer li {
display:inline-block;
margin: 0 2px;
padding: 7px;
text-align: center;
text-decoration: none;

}

.navlist-footer li a{
color: #fff;
text-align: center;
text-decoration: none;
line-height: 20px;
}


.navlist-footer a:hover {
color: #feb600;
}

.main-paragraph a{
color:#012a91;

}
.main-paragraph a:hover{
color:#feb600;
}

.big-form {
  font: 12px/ 14px 'Open Sans', sans-serif;
display:block;
box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);
margin: 30px auto;
padding: 10px;
max-width: 320px;
background: #fff;
}

.form-link, .form-login-link {
    margin-left: 15px;
    color: #304586;
    
}
.form-login-link{
margin-left: 167px;
}

.form-login-link:hover, .form-link:hover{
  color: #feb600;
}



.big-form-h1 {
  font: 16px/ 18px 'Open Sans', sans-serif;
    margin: 0 0 40px;
    padding: 10px;
    color: #fff;
    background: #304586;
    text-align: left;
}

.big-form-h1 {
margin-bottom: 0;
}


#language {
   font: 16px/ 18px 'Open Sans', sans-serif;
    margin: 0 0px 12px;
    width: 300px;
    color: #fff;
    background: #c7b299;
    
}







.req{
  font-size: 10px;
}

label.active {
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  left: 2px;
  font-size: 12px;
}
label.active .req {
  opacity: 0;
}



label.highlight {
  color: #ffffff;
}

input,
textarea {
display: block;
width: 100%;
height: 100%;
padding: 5px;
color: #304586;
border: 1px solid #a0b3b0;
border-radius: 0;
-webkit-transition: border-color .25s ease, box-shadow .25s ease;
transition: border-color .25s ease, box-shadow .25s ease;
background: none;
background-image: none;
font-size: 12px;
}
input:focus,
textarea:focus {
  outline: 0;
  border-color: #1ab188;
}





textarea {
  border: 2px solid #a0b3b0;
  resize: vertical;
}



.top-row:after {
  content: "";
  display: table;
  clear: both;
}
.top-row > div {
  float: left;
  margin-right: 4%;
  width: 48%;
}
.top-row > div:last-child {
  margin: 0;
}










.field-wrap-bottom{
padding: 5px 20px;
background:#f9f7f7;
}


.tagline h2 {
color: #304586;
font: 14px/ 16px 'Open Sans', sans-serif;
display:block;

}



.section-validation {
display: inline-block;

}



.service-image {
    background-image: url(../images/home/services-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 511px;
}


.lounge-bg{
  background-image: url(../images/home/lounge-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 511px;

}

.tenants-right-part.cf, .tenants-left-part.cf  {
    background-color: #cfcfcf;
}

 
.tenants-p{
  padding: 0 20px;
}






.other-services-image{
    background-image: url(../images/home/other-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 511px;
}


.pilot-bg{
  background-image: url(../images/home/pilot-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 511px;

}


.facilities {
    max-width: 300px;
    margin: 0 auto;
    padding-bottom: 30px;
}

.events-image{

background-image: url(../images/home/events-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 511px;




}


.tenants-bg{
background-image: url(../images/home/tenants-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 511px;

}








.back{
  width: 20px;
  margin-left: 20px;
}


.temp{
  margin: 0 auto;
  display: block;
}
/*----------------------------------------------- Iphone 6 landscape 667px*/
@media screen and (min-width: 667px){

.h-history, .h-services, .h-pilot, .h-hotels, .h-events{
height: 16em;
}












.tenants img {
display: block;
margin: auto;
text-align: center;
}

.tenants p{
width: 465px;
display: block;
margin: 10px auto;
}


.left-list, .right-list {
margin: 0 0 50px 140px;
}

.hotel-1 {
float: left;
margin: 20px 31px;
}

.icon-wraper{

margin: 0 auto;
max-width: 667px;
  
}


.icon-group{
    background: #c7b299;

}

.icons img {
    max-width: 20.4%;
    padding: 0 5px;
    margin: 0 19px;
    display: block;
    float: left;
}


.other-list-wrapper {
 
    max-width: 660px;
}






}
/*-----------------------------------------------End of Iphone 6 landscape 667px*/





/*----------------------------------------------------Ipad portrait 768px*/

@media screen and (min-width: 768px){
.container {
margin: 0 auto;
}

.row {
overflow: hidden;
padding: 0;
}

div#pattern {
    float: right;
}

nav[role=navigation] li.active a{
	color:#fabf2b;
}

nav[role=navigation] li a:hover {
  color:#feb600;
}


h1.head1 {
    margin: 0;
    margin-left: 20px;
    text-align: left;
    color: #e9e9e9;
    font: 37px/56px 'Rokkitt', serif;
    text-shadow: 1px 1px #141414;
    padding-top: 100px;
}
      
      
nav[role=navigation] ul {
margin:0;
background: rgba(1, 37, 134, 0.5); 
list-style-type:none;
}

nav[role=navigation]  li {
display: inline-block;
margin: 5px 0 5px 23px;
}
      

.widget {
    float: left;
    width: 360px;
    margin-top: 100px;
}

.big-form {
    float: right;
 margin-right: 20px;

}



.paragraph-wraper{
  max-width: 700px;
  margin: 0 auto;

}


.location-box {
float: left;
display: block;
width: 50%;
}




.contact-box{
float: right;
display: block;
width: 50%;
}

.contact-and-location img{
display: block;
}














.left-list, .right-list {
    margin: 0 0 50px 162px;
}



.navlist-footer li {
margin: 0 38px;
}

.h-home{
background-size: cover;
}












.hotel-1 {
margin: 20px 57px;
}





.other-list-wrapper {
   
    max-width: 760px;
}

.facilities {
    max-width: 320px;
    float: left;
    margin-left: 108px;
    
}

.facilities-wrapper{
  max-width: 768px;
  margin: 0 auto;
}

}
/*---------------------------------------------------end of-Ipad portrait 768px*/









/*----------------------------------------------------desktop 960px*/

@media screen and (min-width: 960px){







.h-history, .h-services, .h-pilot, .h-hotels, .h-events {
height: 21em;
}








.main-p-section {
    margin: auto;
    padding: 0 17px;
    max-width: 700px;
}


.paragraph-wraper {
    max-width: 960px;
    margin: 0 auto;
}





.widget {

min-width: 500px;
}


.tenants{
background-image: url(../images/services/blue-background.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center ;
}

.tenants p {
display: block; 
margin: 10px auto;
width: 475px;
}

.atlantic-p, .sheltair-p {
float: right;
padding: 5px 20px;
color: #fff;
background: none;
line-height: 30px;
}


	
   

.sheltair-p{
float: left;
padding: 7px 21px;
}

.atlantic{
float: left;
padding-top: 30px;
}

.sheltair{
float: right;
padding: 17px 90px 0 0;
}

.left-list, .right-list {
    margin: 0 134px;
   }

.hotel-1 {
margin: 20px 105px;
}

.event {
float: left;
margin: 0 0 30px 38px;

}

.tenants-right-part.cf, .tenants-left-part.cf  {
    background-color: transparent;
}


.tenants-p {
    max-width: 700px;
    margin: 0 auto;
}

.other-list-wrapper{
  max-width: 880px;
}

.tenants-wrapper{
  max-width: 960px;
  margin: 0 auto;
}

.facilities-wrapper{
 max-width: 731px;
  margin: 0 auto;
}


.facilities {
   margin: 0 62px;
}


.event-box{
  max-width: 960px;
  margin: 0 auto;
}


.weather-form{
  max-width: 960px;
  margin: 0 auto;
}


}
/*----------------------------------------------------End end of 960px*/


/*----------------------------------------------------desktop 1024px*/

@media screen and (min-width: 1024px){

.h-history, .h-services, .h-pilot, .h-hotels, .h-events {
height: 22em;
}

.tenants {

height: 305px;
}


.sheltair {
padding: 32px 90px 0 0;
}

.sheltair-p {
    padding: 0px 21px;
}







.hotel-1 {
margin: 20px 121px;
}

.event {
margin: 0 0 30px 54px;
}

.event-box{
  max-width: 1024px;
 
}
}
/*----------------------------------------------------End end of 1024px*/


/*----------------------------------------------------desktop 1200px*/
@media screen and (min-width: 1200px){


.h-history, .h-services, .h-pilot, .h-hotels, .h-events {
height: 26em;
}










.sheltair {
padding: 48px 120px 0 0;
}

.atlantic {
padding-left: 53px;
}

.sheltair-p {
padding-left: 92px;
}

.atlantic-p {
padding: 5px 20px;
}




.hotel-1 {
margin: 20px 65px;
}

.event {
margin: 0 0 30px 99px;
}
.tenants-wrapper {
    max-width: 1200px;
   
}
.event-box{
  max-width: 1200px;
  
}

.weather-form{
  max-width: 1200px;
}
.logo {
    width: 130px;
   
}
}
/*----------------------------------------------------End end of 1200px*/