@font-face {
  font-family: 'Source Sans Pro';
  src: url('fonts/source-pro-bold/SourceSansPro-Bold.eot');
  src: url('fonts/source-pro-bold/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'),
      url('fonts/source-pro-bold/SourceSansPro-Bold.woff2') format('woff2'),
      url('fonts/source-pro-bold/SourceSansPro-Bold.woff') format('woff'),
      url('fonts/source-pro-bold/SourceSansPro-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}



@font-face {
  font-family: 'Source Sans Pro';
  src: url('fonts/source_black/SourceSansPro-Black.eot');
  src: url('fonts/source_black/SourceSansPro-Black.eot?#iefix') format('embedded-opentype'),
      url('fonts/source_black/SourceSansPro-Black.woff2') format('woff2'),
      url('fonts/source_black/SourceSansPro-Black.woff') format('woff'),
      url('fonts/source_black/SourceSansPro-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Source Sans Pro';
  src: url('fonts/source-pro-regular/SourceSansPro-Regular.eot');
  src: url('fonts/source-pro-regular/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
      url('fonts/source-pro-regular/SourceSansPro-Regular.woff2') format('woff2'),
      url('fonts/source-pro-regular/SourceSansPro-Regular.woff') format('woff'),
      url('fonts/source-pro-regular/SourceSansPro-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Source Sans Pro';
  src: url('fonts/source-pro-semi/SourceSansPro-Semibold.eot');
  src: url('fonts/source-pro-semi/SourceSansPro-Semibold.eot?#iefix') format('embedded-opentype'),
      url('fonts/source-pro-semi/SourceSansPro-Semibold.woff2') format('woff2'),
      url('fonts/source-pro-semi/SourceSansPro-Semibold.woff') format('woff'),
      url('fonts/source-pro-semi/SourceSansPro-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}



body{ background-color: transparent;margin: 0!important;padding: 0!important;box-sizing:border-box!important;}
html {scroll-behavior: smooth;}
.main_div{width: 100%;}
.web_nav{padding: 0px 0px 0px 0px; margin: 0px; display: flex;flex-wrap: wrap;justify-content: center;}
.web_nav  li{ list-style-type: none;padding: 0px 25px;margin: 0px;}
.web_nav li a{ text-decoration: none; padding: 0px 10px 0px 10px;text-transform: uppercase;color: #ffffff;position: relative;
  font-family: 'Source Sans Pro';font-weight: 600;  font-size: 1.4rem;z-index: 2;}
     
.web_nav li a:hover,.active{text-align: center; background-color:#002480; border-radius: 24px;
  transition: all 1s ease-out;}

.main_menu_wrap{background-color: #00acca;padding: 10px 0px;box-shadow: 1px 4px 5px 0px rgba(0,0,0,0.75);
  -webkit-box-shadow: 1px 4px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 1px 4px 5px 0px rgba(0,0,0,0.75);position: relative;z-index: 10;}
.logo_wrap{text-align: center;}
.logo_wrap p{font-family: 'Source Sans Pro';font-weight: bold;color: #002480;font-size: 3.1rem;padding-bottom: 0px; margin-bottom: 0px;line-height: 2.2rem;}
.logo_wrap span{font-family: 'Source Sans Pro';font-weight: bold;padding-top: 0px; margin-top: 0px;color: #ffffff;text-transform: uppercase;font-size: 1.1rem;}

.logo_wrap img{max-width: 250px;height: 100%;object-fit: contain;}
.main_menu_wrap .col-lg-3{text-align: center;}
.main_menu_wrap .col-lg-3 p{padding: 0px; margin: 0px;font-family: 'Source Sans Pro';font-weight: bold;color: #002480; font-size: 1.3rem;
  line-height: 1.7rem;}
.main_menu_wrap .col-lg-3 a{text-decoration: none;font-family: 'Source Sans Pro';font-weight: bold;color: #ffffff; font-size: 1.3rem!important;}
.index_banner{background-repeat: no-repeat;width: 100%;height: 650px; display: flex;align-items: center;justify-content: center;position: relative;
  z-index: -1;background-size: cover;background-position:top center; padding:0px 0px;}
.index_text_wrap{background-color: rgba(2, 12, 42, 0.88);position: relative;z-index: 2;text-align: center;padding: 10px 30px;border-radius: 16px;width: 40%;}
.index_text_wrap h1{color: #ffffff;  font-family: 'Source Sans Pro'; font-weight: 900;text-transform: uppercase; display: inline-flex;flex-wrap: wrap;
  align-items: end;justify-content: center;font-size: 3.1rem;padding-bottom: 10px;}
.index_text_wrap h1::after{content: "";background-color: #00ACCA;width: 70%;height: 3px;display: inline-flex;margin-top: 10px}
.index_text_wrap strong{color: #ffffff; font-family: 'Source Sans Pro'; font-weight: 600;font-size: 2rem;text-transform: uppercase; display: block;}
.index_text_wrap h2{color: #ffffff;text-transform: uppercase;font-family: 'Source Sans Pro'; font-weight: normal;}
.our_property_wrap{background-color: #002480;padding:50px 0px;position: relative;z-index: 1;}
.our_property_wrap::after{content: "";background-image: url(../images/graphic_line.png); background-repeat: no-repeat;width: 55%;height: 100%;background-position: right;position: absolute
  ; top: 0;right: 0;background-size: cover;}
.our_property_wrap h3{color: #ffffff;border-bottom: 5px solid #00ACCA;display: inline-block;padding:10px 10px 10px 10px;margin-bottom: 20px;font-family: 'Source Sans Pro'; font-weight: bold;
text-transform: uppercase;font-size: 1.7rem;letter-spacing: 0.1rem;}



.our_property_wrap p{color: #ffffff;font-family: 'Source Sans Pro';font-weight: 600;font-size: 1rem;padding-right: 50px;}
.our_property_wrap ul{padding: 0px; margin: 0px;display: flex; flex-direction:  column;}
.our_property_wrap ul li{list-style: none;color: #ffffff;display: flex;flex-wrap: wrap;align-items: center;
  font-family: 'Source Sans Pro'; font-weight: 600;font-size: 1.3rem;text-transform: uppercase;}
.our_property_wrap ul li::before{content: "-";color: #ffffff;padding-right: 5px;}
.info_content_wrap{padding: 40px;text-align: center;max-height: 300px;}
.add_info_wrap{overflow: hidden;padding: 20px 0px 35px 0px;}
.add_info_wrap h4{margin: 0px auto; color:#002480;text-transform: uppercase;font-family: 'Source Sans Pro'; font-weight: bold;
font-size: 1.7rem;border-bottom: 2px solid #00ACCA;width: 28%;text-align: center;letter-spacing: 0.1rem;}
.info_content_wrap:hover .img_wrap{background-color: #002480;padding: 5px 5px 10px 5px;transform: scaleY(1.2);box-shadow: 1px 7px 5px 0px rgba(0,0,0,0.75);
  -webkit-box-shadow: 1px 7px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 1px 7px 5px 0px rgba(0,0,0,0.75);}
.img_wrap{background-color:transparent;padding: 5px 5px 10px 5px;transform: scaleY(1);transition: all 1s ease-in;}
.img_wrap img{width: 100%;height: 220px;}
.img_caption{width: 100%;}
.img_caption p{padding: 0px;color: #ffffff;font-family: 'Source Sans Pro'; font-weight: bold;font-size: 1rem;margin-top:0px;
 margin-bottom: 0px; text-transform: uppercase;}
.map_wrap{text-align: center;}
.map_wrap iframe{text-align: center;}
.map_wrap h4{text-transform: uppercase;color: #002480;padding: 5px 0px;font-family: 'Source Sans Pro'; font-weight: bold;border-bottom: 3px solid #00ACCA;width: 20%;
margin: 0px auto 20px auto;letter-spacing: 0.1rem;}
.suit_wrap h4{text-transform: uppercase;color: #002480;padding: 5px 0px;font-family: 'Source Sans Pro'; font-weight: bold;border-bottom: 3px solid #00ACCA;width: 20%;
  margin: 0px auto 20px auto;letter-spacing: 0.1rem;text-align: center;}
.suit_wrap{padding: 50px 0px;}
.suit_wrap .col-lg-4 ul:hover::before{width: 100%;visibility: visible;left: -100px;height: 120%;top: 0;}
.suit_wrap .col-lg-4 ul:hover::after{width: 100%;visibility: visible;right: -120px;height: 120%;top: 0;}
.suit_wrap .col-lg-4 ul:after{content: "";background-color:#002480;height: 300%;width: 0%;top: -50px;right: -20%;
  position: absolute;transform: skew(32deg);transition: all 1s ease-in;visibility: hidden;   z-index: -2;}
.suit_wrap .col-lg-4{padding: 0px 20px 0px 0px;}
.suit_wrap .col-lg-4 ul:before{content: "";background-color:#002480;height: 300%;width: 0%;top: -50px;left: -60%;
  position: absolute;transform: skew(32deg);visibility: hidden;  z-index: -2;transition: all 1s ease-out;}
.suit_wrap .col-lg-4{padding: 0px 20px 0px 0px;}
.suit_wrap .col-lg-4 ul:hover li, strong{color: #ffffff;transition: all 2.5s ease;}
.suit_wrap .col-lg-4 ul{position: relative;background-color: #00acca;padding: 50px 20px; margin: 10px 0px;display: flex;
  flex-wrap: wrap; justify-content: space-around;overflow: hidden;z-index: 3;}
.suit_wrap .col-lg-4 ul li{color: #002480;list-style: none;font-family: 'Source Sans Pro'; font-weight: bold;font-size: 1.5rem;line-height: 1.5rem;
 text-align: center; text-transform: uppercase;}
.suit_wrap .col-lg-4 ul li strong{color: #ffffff;display: block;font-size: 1.7rem;font-family: 'Source Sans Pro'; font-weight: 600;
  letter-spacing: 0.1rem;text-transform: capitalize;position: relative;z-index: 3;}
.suit_wrap .col-lg-4:last-child ul{background-color: transparent;align-items: end;padding: 0px 0px; margin: 0px;justify-content: start;}
.suit_wrap .col-lg-4:last-child ul li{line-height: unset; margin: 10px 0px;text-transform: none;letter-spacing: 0.1rem;}
.suit_wrap .col-lg-4 span{font-size: 1.1rem;font-family: 'Source Sans Pro'; font-weight: 600;}
.main_footer{background-color: #002480;position: relative;padding: 50px 0px;overflow: hidden;}
.main_footer:before{content: "";background-image: url('../images/footer_graphice.png');width: 70%;background-repeat: no-repeat;background-size: cover;height: 100%;
position: absolute;top: 0;left: 0;background-position: 10%;z-index: 0;}
.footer_para h5{color: #ffffff;font-family: 'Source Sans Pro'; font-weight: bold;font-size: 1.5rem;text-transform: uppercase;padding: 10px 20px 10px 0px;
  display: inline-block;border-bottom: 5px solid #00ACCA; margin-bottom: 20ox; letter-spacing: 0.1rem;}
.footer_para p{color: #ffffff;font-family: 'Source Sans Pro'; font-weight: 600;padding: 10px 0px; margin: 0px;font-size: 1.2rem;letter-spacing: 0.1rem  ;}
.footer_para a{text-decoration: none;color: #ffffff;}
.footer_para ul{padding: 30px 0px 0px 0px;margin: 0px;display: flex;flex-wrap: wrap;}
.footer_para ul li{list-style: none;padding: 10px 10px 10px 0px;}
.footer_para i{font-size: 1.6rem;}
.my_alerts{display: none;}
.footer_para{position: relative;z-index: 2;}
.footer_anchor{padding: 0px!important; margin: 0px;}
.footer_anchor li{padding-bottom: 20px!important;width: 100%;}
.footer_anchor li a{display: inline-block;font-family: 'Source Sans Pro'; font-weight: 600;font-size: 1.2rem;padding: 0px 20px;
   border-radius: 24px;transition: all 1s ease-out;}
.footer_anchor li a:hover{background-color:#ffffff;color: #002480;}
.footer_contact_wrap{position: relative;z-index: 3;}
.icon_align{text-align: start!important;}
.form-control{border: 0;border-radius: 0px;margin-bottom: 0px;padding: 12px 0px 12px 50px;width: 100%!important;
  display: inline-block;}
.footer_contact_wrap strong{top: -37px;display:inline;  position: relative;padding-left: 10px; margin-bottom:
   0px;z-index: 0;width: 10px;}
.footer_contact_wrap img{color: #00ACCA;height: 26px;width: 26px;object-fit: contain;}
.footer_contact_wrap textarea{padding: 5px 0px 5px 20px; margin-bottom: 20px;}
.footer_contact_wrap ::placeholder{}
/*  new footer add classe start */
.footer_logo {background-color: #00ACCA;padding: 50px;display: flex;}
.footer_logo img{width: 100%;display: block;margin: 0px auto 0px 0px;}
.Useful_link{padding-left: 200px;}
.btn_wrap_submit{border: none;background-color: #002480!important;color: #ffffff;padding: 10px 40px;border-radius: 24px;font-family: 'Source Sans Pro'; font-weight: 600;
transition: all 1s ease-in-out;}
.btn_wrap_submit_footer{border: none;background-color: #00ACCA!important;color: #ffffff;padding: 10px 40px;border-radius: 24px;font-family: 'Source Sans Pro'; font-weight: 600;
transition: all 1s ease-in-out;}
/*.wpcf7-submit{background-color: #002480!important;}*/
.wpcf7-submit:hover{color: #002480!important;background-color: #ffffff!important;text-transform: capitalize;}
  .btn_wrap_submit:hover{color: #002480;background-color: #ffffff;}
.btn_wrap_main{padding-top: 0px;}
.footer_widget{background-color: #00acca;padding: 10px 0px;}
.footer_widget p{color: #ffffff;padding: 0px; margin: 0px;font-family: 'Source Sans Pro'; font-weight: 300;}
.footer_widget a{text-decoration: none;color: #ffffff;}
.footer_widget span{margin: 0px 10px;}
/* map setting */
.map_wrap{}
.map_wrap img{width: 100%;}
/************************************ about page start here**********/
.about_banner{padding: 50px 0px 30px 0px;position: relative;z-index: 3;}
.about_banner .col-lg-4{text-align: center;}
.about_banner img{width: 100%;position: relative;z-index: 3;box-shadow: 10px 10px 5px -6px rgba(0,0,0,0.75);
  -webkit-box-shadow: 10px 10px 5px -6px rgba(0,0,0,0.75);
  -moz-box-shadow: 10px 10px 5px -6px rgba(0,0,0,0.75);}
.about_banner strong{color: #002480;font-family: 'Source Sans Pro'; font-weight: 600;font-size: 1.6rem;text-transform: uppercase;padding-bottom: 0px;margin-bottom: 0px;}
.about_banner h1{color: #002480;font-family: 'Source Sans Pro';font-weight: 900;padding: 0px; margin: 0px;font-size: 3.2rem;letter-spacing: 0.1rem;line-height: 1.7rem;text-transform: uppercase;}
.about_banner h2{color: #002480;font-family: 'Source Sans Pro';font-weight: 900;padding: 0px; margin: 0px;font-size: 2.5rem;letter-spacing: 0.1rem;text-transform: uppercase;}
.about_property_info{background-color: #00acca;padding: 40px 0px;bottom:-10px;z-index: 2;position: absolute;right: 50px;}
.building_info_wrap{position: relative;top: -10px;right: 0px;margin-top: 0px;}

.building_info_wrap table{padding: 0px 0px 0px; margin:0px}
.building_info_wrap td{color: #002480;font-family: 'Source Sans Pro'; font-weight: bold;font-size: 1.5rem;text-align: end;border: none;padding-bottom: 35px;text-transform: uppercase;
letter-spacing: 0.1rem;}
.building_info_wrap td:nth-child(odd){text-align: center;}
.building_info_wrap td:nth-child(even){color: #ffffff;text-align: left;}
.flex-row{justify-content: space-evenly;position: relative;z-index: 100;margin: 0px 0px;}
.nav-pills .nav-link:hover{color: #00ACCA!important;}
.nav-pills .nav-link.active{background-color: transparent!important;color: #00ACCA!important;font-family: 'Source Sans Pro'; font-weight: bold;font-size: 1.5rem;}
.nav-pills .nav-link{background-color: transparent!important;color: #002480!important;font-family: 'Source Sans Pro'; font-weight: bold;font-size: 1.5rem;}
.tab-content>.active {background-color: transparent;}
.spot_details_wrap{ position: relative;width: 44%;padding: 0px 10px; margin-right: auto;transition: all 0.7s ease;visibility: hidden;}
  .suit_avail_detail{padding: 20px 0px 20px 60px;background-color: #002480;width: 100%;position: relative;z-index: 1;}
 .spot_details_wrap::before{content: "";background-color:transparent;height: 100%;width: 40%;position: absolute;top: 0;
  left: -40%;z-index: 6;} 
/*.spots_pic:hover +.spot_details_wrap{display: block;}*/
.row_wrpring:hover .spot_details_wrap{visibility: visible;transform: translateX(1%);}
.row_wrpring :hover img{transform: translateX(-10%);}
.spot_details_wrap::after{content: "";background-image: url('../images/spots_arrow_prev.png');background-repeat: no-repeat;width: 15px;height: 15px;position: absolute;top: 50%;right: 30px;background-size: contain;background-position: right;}
.spot_details_wrap ul {padding: 0px;margin: 0px;display: flex;flex-wrap: wrap;justify-content: space-evenly;
  }

.sticky ul{padding: 0px; margin: 0px;display: flex;flex-wrap: wrap;justify-content: space-evenly;}
.sticky ul li{list-style: none;color: #002480!important;font-family: 'Source Sans Pro'; font-weight: bold;font-size: 1.5rem;}

.spot_details_wrap ul li{list-style: none;color: #00acca;font-family: 'Source Sans Pro'; font-weight: bold;
  font-size: 1.4rem;text-transform: uppercase; line-height: 2.1rem;letter-spacing: 0.1rem;}
.spot_details_wrap ul li strong{color: #ffffff;display: block;font-family: 'Source Sans Pro'; font-weight: 600;
  font-size: 2.2rem;}
.spot_details_wrap ul li span{font-size: 1.5rem;}
.spot_details_wrap h3{color: #00acca;font-family: 'Source Sans Pro'; font-weight: bold;text-transform: uppercase;
  padding-top: 30px;border-bottom: 5px solid #00ACCA; width: 75%;text-align: start;}
  .spot_details_wrap p{color: #ffffff;font-family: 'Source Sans Pro'; font-weight: bold; font-size: 1rem;
    padding-right: 50px;text-align: start;}
  .spots_pic img{min-height:100%;width: 100%;object-fit: cover;
    border-right: 30px solid #002480;box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);position: relative;transform: translateX(40%);}
  .spots_pic{display: flex;align-items: center;width: 56%;
     margin: 50px auto;position: relative;padding: 0px 0px;z-index: 2;height: 380px;}

     .tab-content .row{width: 91%;margin: 0px auto;position: relative;overflow: hidden;}
     .spots_pic:hover {left: 4%;}   
  .spots_pic:hover.spots_pic:after{visibility: hidden;}
  .spots_pic:after{content: "";background-image: url('../images/spot_arrow_next.png');
    background-repeat: no-repeat;width: 15px;height: 15px;
    visibility: visible;position: relative;right: 30px;display: block;background-size: contain;
    background-position: right;z-index: 3;}
  .available_spot_section{padding: 0px 0px!important;position: relative;overflow: hidden;} 
  .suite_graphic{position: absolute;height: auto;width: 100%; top: 0px;}
  .graphic_img{width: 100%;object-fit: contain;height: 100%;}
  .available_spot_section .container-fluid{}
  .tab-content .row{top: -60px;position: relative;margin-top: 40px;}
  .tab-content{position: relative;overflow: hidden;}
  .available_spot_section:after{content: "";background-image: url('../images/suite_bg1.jpg');position: absolute;
    bottom: -13%;width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;
    background-position:73% 0%;z-index: -2;}
  .contact_main_wrap{background-color: #00ACCA;border-bottom: 10px solid #ffffff ;position: relative;z-index:1;}
  .contact_main_wrap h1{color: #002480;text-align: center;font-family: 'Source Sans Pro'; font-weight: bold;
    padding-bottom: 30px;}
  .contact_main_wrap ul{justify-content:start;padding-left: 50px;}
  .contact_main_wrap ul li{padding: 0px 30px;}
.contact_main_wrap button{background-color: #002480!important;}
.inner_img img{position: relative;}
/* jamil work start*/
.main_wrper{display: flex;justify-content: center;align-items: center;flex-wrap:wrap;padding-bottom: 50px; }
.inner_img img{width: 100%;height: 400px;transition: all 0.5s ease;border-right: 30px solid #002480;
  box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);position: relative;transform: translateX(50%);
    }
    .form_contact_wrap strong{top: -37px;}
.inner_img{transition: all 1s ease;}
.content::before{content: "";background-color: #002480;width: 20%;height: 100%;position: absolute;top: 0;left: -12%;
  z-index: -2;}
.content{background-color: #002480;color: #fff;padding: 20px 10px;transform: translateX(-16%);position: relative;
  z-index: -2;visibility: hidden; transition: all 1s ease;}
.wrper_content::after{content: "";background-image: url('../images/spots_arrow_prev.png');background-repeat: no-repeat;width: 15px;
  height: 15px;position: absolute;top: 50%;right: 0px;background-size: contain;background-position: right;z-index: 5;}
.main_wrper:hover .content{transform: translateX(6%);}
.wrper_content{position: relative;}
.main_wrper:hover .content{visibility: visible;z-index: 2;}
/*.main_wrper:hover img{visibility: visible;}*/
.main_wrper:hover img{transform: translateX(-1%);border-right: unset;z-index: 3;}
.spots_pic:hover img{border-right: unset;left: 4%;}
.wrper_content ul {padding: 0px;margin: 0px;display: flex;flex-wrap: wrap;justify-content: space-evenly;}
.wrper_content ul li{list-style: none;color: #00acca;font-family: 'Source Sans Pro'; font-weight: bold;
  font-size: 1.4rem;text-transform: uppercase; line-height: 2.1rem;letter-spacing: 0.1rem;}
.wrper_content ul li strong{color: #ffffff;display: block;font-family: 'Source Sans Pro'; font-weight: 600;
  font-size: 2.2rem;}
.wrper_content ul li span{font-size: 1.5rem;}
.wrper_content h3{color: #00acca;font-family: 'Source Sans Pro'; font-weight: bold;text-transform: uppercase;
  padding-top: 30px;border-bottom: 5px solid #00ACCA; width: 75%;text-align: start;}
.wrper_content p{color: #ffffff;font-family: 'Source Sans Pro'; font-weight: bold; font-size: 1rem;text-align: start;padding-right: 15px;}
 
.inner_img img:hover{border: 0px;}
.inner_img{display: flex;flex-wrap: wrap;align-items: center;position: relative;justify-content: end;z-index: 3;}
.inner_img::after{content: "";background-image: url('../images/spot_arrow_next.png');background-repeat: no-repeat;
  background-size: contain;position: absolute;top: 50%;right: -50%;
width: 15px; height: 15px;display: flex;visibility: visible;z-index: 2;}
.main_wrper:hover .inner_img::after{visibility: hidden;}


/* jamil work start*/
.footer_contact_wrap .col-lg-6{text-align: start;}
.form_contact_wrap{text-align: start;}
.bg_contact{background-color: #002480!important;}