/*@import url('../fonts/roboto.css');*/
@import url('../fonts/roboto-400.css');

body {

  

  font-family: 'Roboto', sans-serif !important;

  margin: 0;

  overflow-x: hidden; 

}
.tabcontent a {
    color: #fab900;
    
}
.tabcontent a:hover {
    color: #000;
    
}
.spacecontent a{
    color: #fab900;
}
.mogappair {
    font-size: 15px;
    color: #000;
    font-weight:400; 
    line-height: normal;
    letter-spacing: 0px;
}

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

  .navbar .menu-list {

    margin: 10px 0px;

    padding: 0 50px;

    /*margin: 15px -5%;*/

}

.navbar a {

    float: left;

    font-size: 13px;

    color: #231f20;

    text-align: center;

    padding: 20px 6px;

    text-decoration: none;

    text-transform: uppercase;

}
  .navbar .menu-list a span {

    margin-left: 25px;

    color: #231f20;

}

.navbar {

  overflow: hidden;

  background-color: #fff;

  height: 90px;

  margin-bottom: 0 !important;
  z-index: 99;

}

.navbar a {
    float: left;
    font-size: 0.8em;
    color: #231f20;
    text-align: center;
    padding: 25px 8px;

    text-decoration: none !important;

    text-transform: uppercase;

}

.navbar .container{

  position: fixed;

  top: 0;

  width: 100%;

  height: 90px;

  background: #fff;

  z-index: 1;

  border-bottom: 1px solid #bcbdc0;

  /*box-shadow: 0 0px 6px #b6b3ae;*/

}

.navbar img{

  height: 75px;

  margin: 5px;

}



.dropdown {

  float: left;

  overflow: hidden;

}



.dropdown .dropbtn {

  font-size: 16px;  

  border: none;

  outline: none;

  color: #000;

  padding: 14px 16px;

  background-color: inherit;

  font-family: inherit;

  margin: 0;

}



/*.navbar a:hover, .dropdown:hover .dropbtn {

  background-color: red;

}*/



.dropdown-content {

  display: none;

  position: absolute;

  background-color: #f9f9f9;

  min-width: 160px;

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

  z-index: 1;

}



.dropdown-content a {

  float: none;

  color: black;

  padding: 12px 16px;

  text-decoration: none;

  display: block;

  text-align: left;

}



.dropdown-content a:hover {

  background-color: #ddd;

}



.dropdown:hover .dropdown-content {

  display: block;

}



.border_line {

  border-right: 2px solid #bcbdc0;

  position: relative;

  left: 25px;

  color: #8a8787;

  margin-right: 30px;

}

.space{

  padding: 80px 0 80px 80px;

}

.txt-space{

  /*padding: 25px 25px !important;*/
  margin-top:1%;

}

/*.mob-border{

  padding: 40px;

}*/

.space h3{

  padding: 40px 0px 15px 0;

  color: #231f20;
  font-size: 2em;

  /*font-size: 1.7em;*/

}

.space h4{

  font-size: 1.35em;

  color: #231f20;

  padding-top: 40px;

}

.space h5{

  font-size: 1em;

  color: #231f20;

  line-height: 30px;

  padding-bottom: 50px;

}

.add-project{

  text-transform: uppercase;

  padding: 12px 40px;

  /*width: 60%;*/

  font-size: 1em;

  border-radius: 5px;

  /*background: #fff;*/

  border: 1px solid;

  color: #231f20;

  background: #fab900!important;

}

.view-project{

  text-transform: uppercase;

  padding: 12px 20px;

  width: 52%;

  font-size: 1em;

  border-radius: 5px;

  background: #fab900;

  border: 1px solid;

  color: #231f20;

  margin: auto;

  display: block;

  text-align: center;

  margin-bottom: 30px;

  border: 1px solid #000;

}

.experience{

  position: absolute;

  bottom: 18%;

  left: 50%;

  transform: translate(-50%, -50%);

  color: #fff;

  font-size: 1.9em;

  width: 100%;

  text-align: center;

}
.around{
    position: absolute;
    bottom: 8%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 1.7em;
    width: 100%;
    text-align: center;
}

.banner-view {

  position: absolute;

  bottom: 13%;

  left: 50%;

  transform: translate(-50%, -50%);

  color: #000000bf;

  font-size: 14px;

  width: 100%;

  text-align: center;

  background: #fff;

  width: 180px;

  text-transform: uppercase;

  padding: 12px 10px 10px 10px;

  font-weight: 100;

  color: #000 !important;

  border: 1px solid #fff;

  letter-spacing: 1px;

  border-radius: 5px;

}

/*.experience{

  position: absolute;

  bottom: 13%;

  left: 50%;

  transform: translate(-50%, -50%);

  color: #fff;

  font-size: 28px;

  width: 100%;

  text-align: center;

}

.banner-view {

  position: absolute;

  bottom: 3%;

  left: 50%;

  transform: translate(-50%, -50%);

  color: #000000bf;

  font-size: 15px;

  width: 100%;

  text-align: center;

  background: #fff;

  width: 180px;

  text-transform: uppercase;

  padding: 10px 10px 10px 10px;

  font-weight: 100;

  color: #000 !important;

  border: 1px solid #fff;

  letter-spacing: 1px;

  border-radius: 5px;

}*/

.trend h3{

  text-align: center;

  padding: 0px 0 0px 0;

  font-size: 1.35em;

  color: #231f20;

}



.trend-img{

  /*width: 100%;*/

  width: 100%;

  margin: auto;

  display: block;

}

.trend h5{

  text-align: center;

  padding-bottom: 10px;

  padding-top: 15px;

  margin: 0;

  font-size: 1.35em;

}

.trend p{

  text-align: center;

  padding-bottom: 10px;

  font-size: 1em;



}

.trend-project{

   background-color: #619fb8;

  /*background-color: #d1d2d4;*/

  height: 200px;

}

.trend-project h5{

   color: #fff;

}

.trend-project p{

   color: #fff;

}

.trend-project-1{

   background-color: #e6e7e9;

  /*background-color: #d1d2d4;*/

  height: 180px;

}

.s-80{

  padding: 0 80px 0 80px !important;

}

/*.trend{

  margin: 40px 0;

}*/

.m-60{

    margin: 50px 0 0 0;

  /*margin: 80px 0;*/

}

.m-40{

  margin: 30px 80px 30px 80px;

  /*margin: 40px;*/

}

.make h3 {
    text-align: center;
    padding: 0px 0 15px 0;
    font-size: 1.5em;
    color: #231f20;
    margin-top: 10px;
}

.make h5{

  text-align: center;

  font-size: 1.3em;

  /*font-size: 17px;*/

  color: #5c5d5e;

}

.make p{

  font-size: 1em;

  /*font-size: 15px;*/

  text-align: center;

  padding: 15px 0;

  color: #231f20;

}

.office-img{

  width: 100%;

}

.spaces{

    padding: 50px 80px 50px 80px;

    /*padding: 80px;*/

}

.background{

  background: linear-gradient( to right, #fff, #fff 20%, #e6e7e9 20%, #e6e7e9 80% );

}

/*.spaces h3{

  padding: 40px 0px 15px 0;

  color: #231f20;

}*/

.spaces h4{

  font-size: 20px;

  color: #231f20;

  /*color: #231f20;*/

  padding-bottom: 15px;

  margin: 0;

}

.spaces p{

  font-size: 13px;

  padding-bottom: 6px;

  line-height: 16px;

  color: #231f20;

  /*color: #231f20;*/

}

.map-view{

  height: 180px;

  border: 3px solid #fff;

  width: 80%;

}

.footer{

  background: #404040;

}

.footer-top {

  /* border-top: 1px solid #383838;*/

  border-bottom: 2px solid #bcbdc0;

  padding: 30px 0 0px 0!important;

}

.footer-top h5{

  text-align: center;

  color: #bcbdc0;

  font-size: 15px;

}

.footer-top ul{

  display: flex;

  color: #bcbdc0;

  list-style: none;

  padding-top: 10px !important ;

  justify-content: center;

}

.footer-top ul li{

  padding-right: 20px;

  font-size: 15px;

}

.footer-top ul li a{

  font-size: 1em;

  color: #bcbdc0;

  text-decoration: unset !important; 

}

.image{

  text-align: center;

  padding:45px 0 15px 0;

}

.image .ins{

  width: 25px;

  margin-right: 15px;

}

.image .fb{

  width: 30px;

  margin: -3px;

  margin-right: 15px;

}

.image .member{

  width: 90px;

}

.copy {

  font-size: 0.9em;

  color: #bcbdc0;

  font-weight: 500;

  padding: 12px 20px;

  width: 100%;

  margin: 0;

}

/*.footer-top .image li img:nth-child(2) {

   width: 30px;

}*/

/*.spaces h5{

  font-size: 17px;

  color: #231f20;

  line-height: 30px;

  padding-bottom: 50px;

}

*/

.first-img{

  width: 100%;

  /*width: 99%;*/

  margin: auto;

  display: block;

  height: auto;

  /*height: 100vh;*/

}



.address-img{

    width: 100%;

    /*width: 90%;*/

    margin: auto;

    display: block;

}

.landing h3{

    text-align: center;

    padding: 25px 0 0 0;

    font-size: 26px;

    color: #231f20;

}

.landing h4{

    text-align: center;

    padding: 5px 0 0 0;

    font-size: 19px !important;

    color: #231f20;

}

.landing p{

    text-align: center;

    padding: 15px 0;

    font-size: 15px !important;

    color: #231f20;

}

.landing img{

  width: 100%;

  margin: auto;

  display: block;

}

.landing .bg{

    padding: 40px;

    background: linear-gradient( to left, #fff, #fff 55%, #e6e7e9 0%, #e6e7e9 0% );

    margin: 50px 0;

    /*padding: 70px;

    background: linear-gradient( to left, #fff, #fff 55%, #e6e7e9 0%, #e6e7e9 0% );*/

}

.bord{

  border-bottom: 1px solid #bcbdc0;

}

.land-project {

    text-transform: uppercase;

    padding: 12px 40px;

    width: 30%;

    font-size: 14px;

    border-radius: 5px;

    background: #fab900;

    border: 1px solid;

    color: #231f20;

    margin: auto;

    display: block;

    text-align: center;

    margin-bottom: 0px;

    border: 1px solid #000;

}

.bg-img{

  background-size:unset;

  background-repeat:no-repeat;

  height: 100vh;

  background-position: 50% 90%;

}

.background {

    background: linear-gradient( to right, #fff, #fff 20%, #e6e7e9 20%, #e6e7e9 80% );

    margin-top: 3%;

}

.background-1 {

    background: linear-gradient( to right, #fff, #fff 20%, #e6e7e9 20%, #e6e7e9 80% );
    margin-top: 0%;

}

.overview h3 {

    text-align: left;

    padding: 25px 0 15px 0;

    font-size: 18px;

    color: #231f20;

}

.overview p{

    font-size: 14px;

    padding-bottom: 15px;

    line-height: 25px;

    color: #231f20;

}

.specify h3 {

    text-align: left;

    padding: 25px 0 15px 0;

    font-size: 18px;

    color: #231f20;

}

.specify p{

    font-size: 14px;

    padding-bottom: 3px;

    line-height: 20px;

    /*padding-bottom: 15px;

    line-height: 10px;*/

    color: #231f20;

}

.super ul li {

    list-style: none;

    line-height: 38px;

    font-size: 15px;

    font-family: 'Roboto', sans-serif !important;

}

.scroll-img3 {

    width: 100%;

    padding: 0 0 0 40px;

}

.locate ul{

  padding: 0 15px;

}

.locate ul li {

    list-style: square;

    line-height: 28px;

    font-size: 14px;

    font-family: 'Roboto', sans-serif !important;

    color: #231f20;

}

.map_frame {

    height: 590px;

    padding: 120px 0 0 40px;

    width: 100%;

}

.map_frame_court {
    height: 530px;
    padding: 120px 0 0 40px;
    width: 100%;
}

.specify_table {

    width: 100%;

    padding: 0px;

    margin: 0px;

    font-size: 14px;

    font-weight: 100;

    color: #000;

}

.specify_table tr td:first-child {

    width: 33%;

}

.specify_table tr td:nth-child(2) {

    width: 2%;

}

.specify_table tr td:last-child {

    width: 65%;

}

.clr {

    color: #0793ca;

    font-weight: 100;

}

.call, .whats{

    margin: 15px 10px !important;

    width: 30px;

    height: auto !important;

}

.enquire{

    background-color: #fab900 !important;

    /* font-family: MuseoSans-300 !important; */

    font-weight: 600 !important;

    width: 130px;

    padding: 8px 8px 8px 8px !important;

    margin-right: 10px;

    text-align: center;

    margin: 12px 5px 0 5px;

    color: #fff !important;

    font-size: 14px !important;

    font-family: 'Roboto', sans-serif;

    font-weight: 100 !important;

}

.pad-0{

  padding: 0px;

}

.active{

  color: #fab900 !important;

}

 .navbar>.actives>a, .navbar>.active>a:hover, .navbarv>.active>a:focus {

    color: #fab900 !important;

}

.trend-project-1 h5{

  color: #231f20;

  padding: 40px 0 30px 0;

  font-size: 19px;

}

.list_terms{

    list-style: decimal;

    list-style-position: outside;

}

.list_terms li {

    padding: 8px 0 8px 0px;

    color: #231f20;

    font-size: 14px;

}

.privacy h3 {

    text-align: center;

    padding: 30px 0 20px 0;

    font-size: 26px;

    color: #231f20;

}

.abt-space{

  padding: 30px 80px 30px 80px;

}

.about h2 {

    text-align: center;

    padding: 0 0 20px 0px;

    font-size: 24px;

    color: #231f20;

}

.about h3 {

    text-align: center;

    padding: 5px 0 0px 80px;

    font-size: 24px;

    color: #231f20;

    margin: 0;

}

.abouts{

  text-align: left !important;

  font-size: 19px !important;

}

.about h4 {

    text-align: center;

    padding: 5px 0 0 0;

    font-size: 16px;

    color: #231f20;

}

.about p {

    text-align: left;

    padding: 0px;

    font-size: 14px;

    color: #231f20;

    line-height: 25px;

}



.land-project {

    text-transform: uppercase;

    padding: 12px 15px;

    width: 40%;

    font-size: 13px;

    border-radius: 5px;

    background: #fab900;

    border: 1px solid;

    color: #231f20;

    margin: auto;

    display: block;

    text-align: center;

    margin-bottom: 0px;

    border: 1px solid #000;

}

.about .bg-1 {

    padding: 10px 0 0 0px;

    background: linear-gradient( to left, #fff, #fff 73%, #e6e7e9 0%, #e6e7e9 0% );

    margin: 30px 0 30px 0;

    height: 220px;

}

/*.about .bg-1 {

    padding: 10px 0 0 0px;

    background: linear-gradient( to left, #fff, #fff 73%, #e6e7e9 0%, #e6e7e9 0% );

    margin: 50px 0;

    height: 220px;

}*/

.commit{

  padding: 0 0 0 80px !important;

}

.abt-img {

    /* width: 100%; */

    width: 100%;

    margin: 30px auto;

    display: block;

}

.space-privacy {

        padding: 0 80px;

}

.space-floor {

    padding: 20px 0 0px 80px;

}

.space-floor img{

    width: 120px;

}

.f_space {

    margin: 0px 0;

}

.g_space{

    margin: 30px;

    /*margin: 45px;*/

}

/*.bord{

        border-right: 1px solid #757373;

}*/

.gal_txt{

    padding: 150px 0 30px 0px;

    font-weight: 100;

    color: #6d6b69;

    font-family: 'Roboto', sans-serif !important;

    font-size: 23px !important;

    text-align: center;

    line-height: 22px;

}

.gal_town{

    width: 100%;

}

.gally_img{

       width: 30px;    

}

.cont {

      margin-top: 6px !important;

}

.gally_img1{

       width: 30px;    

}

.carousel-control.left {

    background-image: none;

    width: 0;

    left: 38%;

    top: 120%;

}

.carousel-control.right {

    background-image: none;

    width: 0;

}

.carousel-control.right {

        right: 50% !important;

        top: 120%;

}

.carousel {

    position: relative;

    margin: 40px;

}

.carousel-control {

        position: absolute;

        top: 0;

        bottom: 0;

        left: 48%;

        opacity: 1;

}

.carousel-indicators {

            display: none;

}

.gal_actual{

    font-family: 'Roboto', sans-serif;

    font-size: 16px;

    padding: 0px 0 8px 0px;

    /* padding: 80px 0 0 45px; */

    text-align: center

}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {

    display: block;

    max-width: 100%;

    height: 75vh !important;

}

.space-enquire {

    padding: 50px 0 80px 0px;

}

.vertical-menu {

    margin: 120px 0 0px 0;

}

.vertical-menu a {

    background-color: #fff;

    color: #5c5d5c;

    display: block;

    /* padding: 12px; */

    text-decoration: none;

    text-align: center;

    font-size: 16px;

    line-height: 2.0;

    font-weight: bold;

}

.active-menu {

    color: #ed2626 !important;

}

.icon_enq{

      width: 60px !important;

}

.thank {

    text-align: center;

    font-size: 22px;

    letter-spacing: 0;

    line-height: 40px;

}

.com-space {

    padding: 30px 80px 30px 0px;

}

.about h6 {

    text-align: left;

    padding: 5px 0 0 0;

    font-size: 16px;

    color: #231f20;

}

.no-padding{
    padding: 0px !important;
    margin-top: -18px;
  }

.post{

  padding: 10px 15px;

}

.post li{

  font-size: 14px;

    line-height: 20px;

    padding-bottom: 10px;

}

.plus{

  padding: 0 15px;

}

.plus li{

  font-size: 14px;

    line-height: 20px;

    padding-bottom: 10px;

}

.limit{

    font-size: 21px;

    padding: 0px 0 15px 0;

}

.towers {

    font-size: 13px;

    padding: 0;

    /* font-weight: 600; */

    color: #000;

}

.tel_txt {

    font-size: 13px;

    padding: 10px 0 10px 0;

}

.email_txt {

    font-size: 13px;

    line-height: 35px;

    padding: 0;

}

.bord-rig {

    border-right: 1px solid #757373;

}

.contact_map {

    padding: 0 30px 0px 30px;

    width: 100%;

    height: 361px;

}

.msg_txt {

    border: 1px solid #ccc;

    width: 90%;

    margin: 10px 0 0 20px;

    padding: 15px 0 0 0px;

    height: 50px;

    text-align: center;

    font-size: 12px;

}

.cont_form {

    font-size: 19px !important;

    color: #000000 !important;

    text-align: left;

    padding: 22px 0 0 15px;

}

.space2 {

    padding: 50px 0 0px 0px;

}

/*.why-img{

    width: 280px;

    margin: 20px auto;

}

.about .bg-2 {

    padding: 10px 0 0 0px;

    background: linear-gradient( to left, #fff, #fff 73%, #e6e7e9 0%, #e6e7e9 0% );

    margin: 50px 0;

    height: 240px;

}*/

/*}*/



@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

/* STYLES GO HERE */

.navbar .menu-list {

    margin: 10px 0px;

    padding: 0 0;

}

.navbar .menu-list a span {

    margin-left: 10px;

    color: #231f20;

}

.navbar a {

    float: left;

    font-size: 12px;

    color: #231f20;

    text-align: center;

    padding: 20px 5px;

    text-decoration: none !important;

    text-transform: uppercase;

}

.background {

    background: linear-gradient( to right, #fff, #fff 20%, #e6e7e9 20%, #e6e7e9 80% );

    margin-top: 3%;

}

.space h4 {

    font-size: 12px;

    color: #231f20;

    padding-top: 40px;

}

.space h3 {

    padding: 10px 0px 10px 0;

    color: #231f20;

    text-align: center;

    font-size: 15px;

    margin:0;

}

.space h5 {

    font-size: 9px;

    color: #231f20;

    line-height: 20px;

    /* padding-bottom: 50px; */

    text-align: center;

    padding: 10px 0 10px 0;

    margin: 0;

}

.add-project {

    text-transform: uppercase;

    padding: 12px 15px;

    /* width: 60%; */

    font-size: 12px;

    border-radius: 5px;

    /* background: #fff; */

    border: 1px solid;

    color: #231f20;

    margin: auto;

    display: block;

    text-align: center;

    width: 140px;

}

.trend-project {

    background-color: #619fb8;

    /* background-color: #d1d2d4; */

    height: 210px;

}

.trend h5 {

    text-align: center;

    padding-bottom: 15px;

    padding-top: 25px;

    margin: 0;

    font-size: 14px;

}

.trend-project p {

    color: #fff;

}

.trend p {

    text-align: center;

    padding-bottom: 10px;

    font-size: 13px;

    padding-top: 20px;

    margin:0;

}

.view-project {

    text-transform: uppercase;

    padding: 10px 15px;

    width: 65%;

    font-size: 10px;

    border-radius: 5px;

    background: #fab900;

    border: 1px solid;

    color: #231f20;

    margin: auto;

    display: block;

    text-align: center;

    margin-bottom: 30px;

    border: 1px solid #000;

}

.trend-project-1 {

    background-color: #e6e7e9;

    /* background-color: #d1d2d4; */

    height: 110px;

    /*height: 180px;*/

}

.trend-project-1 h5{

      color: #231f20;

}

.background-1 {

    background: linear-gradient( to right, #fff, #fff 20%, #e6e7e9 20%, #e6e7e9 80% );

}

.padding-0 {

     padding:0px 0px 0 0px !important; 

}

.found {

    padding: 0px 0 0 0px;

}

.spaces h4 {

    font-size: 14px;

    color: #231f20;

    /* color: #231f20; */

    padding-bottom: 15px;

    margin: 0;

}

.spaces p {

    font-size: 11px;

    padding-bottom: 6px;

    line-height: 16px;

    color: #231f20;

    /* color: #231f20; */

}

.map-view {

    height: 120px;

    border: 3px solid #fff;

    width: 100%;

}

.footer-top ul {

    display: flex;

    color: #bcbdc0;

    list-style: none;

    padding-top: 10px;

    justify-content: center;

}

.footer-top ul li {

    padding-right: 0px;

    font-size: 12px;

}

.about p {

    text-align: left;

    padding: 0px;

    font-size: 11px;

    color: #231f20;

    line-height: 18px;

}

.about .bg-1 {

    padding: 10px 0 0 0px;

    background: linear-gradient( to left, #fff, #fff 73%, #e6e7e9 0%, #e6e7e9 0% );

    margin: 50px 0;

    height: 150px;

}

.specify p {

    font-size: 12px;

    padding-bottom: 0px;

    line-height: 18px;

    color: #231f20;

}

.overview h3 {

    text-align: left;

    padding: 0 0 15px 0;

    font-size: 18px;

    color: #231f20;

}

.space-floor img {

    width: 70px;

}

.overview h3 {

    text-align: left;

    padding: 0 0 15px 0;

    font-size: 18px;

    color: #231f20;

    margin: 10px;

}

.overview p {

    font-size: 11px;

    padding-bottom: 15px;

    line-height: 20px;

    color: #231f20;

    margin: 10px;

}

/*}*/

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

.overview p {

    font-size: 12px;

    padding-bottom: 15px;

    line-height: 20px;

    color: #231f20;

}
.overview h3 {
    text-align: left;
    padding: 16px 0 15px 0;
    font-size: 18px;
    color: #231f20;
    margin: 18px 0 0 0;
}

}
/*@media only screen and (max-width:960px){*/
/*@media (min-width: 768px) and (max-width: 1024px) {*/
.row {
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.stellarnav.mobile {
    position: fixed;
     background: unset !important; 
    border-bottom: unset !important;
    top: 0;
    left: unset !important;
    right: 0;
    width: 50px;
    /* position: static; */
}
.gal_txt {
    padding: 50px 0 30px 0px;
    font-weight: 100;
    color: #6d6b69;
    font-family: 'Roboto', sans-serif !important;
    font-size: 23px !important;
    text-align: center;
    line-height: 22px;
}
.vertical-menu a {
    background-color: #fff;
    color: #5c5d5c;
    display: block;
    /* padding: 12px; */
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    line-height: 2.0;
    font-weight: bold;
}
.vertical-menu {
    margin: 10px 0 0px 0;
}
.stellarnav li a {
    padding: 15px;
    display: block;
    text-decoration: none;
    color: #777;
    font-size: inherit;
    font-family: inherit;
    box-sizing: border-box;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
    font-size: 12px !important;
}
.img-show{display: none !important;}
.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu {
    padding: 10px !important;
    box-sizing: border-box;
}
.nav-logo{width: 110px;}
.stellarnav img {margin: 8px 10px;}
.about h2 {
    text-align: center;
    padding: 0 0 20px 0px;
    font-size: 24px;
    color: #231f20;
    margin-top: 50px;}
.space {

    padding: 40px 0 40px 80px;

}
.txt-space {
    padding: 15px 10px !important;
}
.space h4 {

    font-size: 10px;

    color: #231f20;

    padding-top: 0;

    text-align: center;

    line-height: 18px;

}

.s-80 {

    padding: 0 0px 0 0px !important;

}

.trend-project {

    background-color: #619fb8;

    /* background-color: #d1d2d4; */

    height: 190px;

    margin-bottom: 30px;

}

.trend h5 {

    text-align: center;

    padding-bottom: 15px;

    padding-top: 15px;

    margin: 0;

    font-size: 14px;

}

.trend p {

    text-align: center;

    padding-bottom: 10px;

    font-size: 10px;

    padding-top: 10px;

    margin: 0;

}

.spaces {

    padding: 40px 0 40px 80px;

}

.spaces p {

    font-size: 8px;

    padding-bottom: 6px;

    line-height: 16px;

    color: #231f20;

    /* color: #231f20; */

    margin: 0;

}

.map-view {

    height: 100px;

    border: 3px solid #fff;

    width: 90%;

}

.border_line {

    border-right: 2px solid #bcbdc0;

    position: relative;

    left: 15px;

    color: #8a8787;

    margin-right: 30px;

}

.footer-top ul li {

    padding-right: 0px;

    font-size: 8px;

}

.experience {

    position: absolute;
    bottom: 16%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 21px;
    width: 100%;
    text-align: center;

    /*position: absolute;

    bottom: 12%;

    left: 50%;

    transform: translate(-50%, -50%);

    color: #fff;

    font-size: 18px;

    width: 100%;

    text-align: center;*/

}
.around {
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 20px;
    width: 100%;
    text-align: center;
}
.make p {

    font-size: 12px;

    text-align: center;

    padding: 15px 0;

    color: #231f20;

}

.landing h3 {

    text-align: center;

    padding: 25px 0 0 0;

    font-size: 16px !important;

    color: #231f20;

}

.landing h4 {

    text-align: center;

    padding: 5px 0 0 0;

    font-size: 16px !important;

    color: #231f20;

}

.landing p {

    text-align: center;

    padding: 10px;

    font-size: 12px !important;

    color: #231f20;

}

.land-project {

    text-transform: uppercase;

    padding: 10px 15px;

    width: 35%;

    font-size: 13px;

    border-radius: 5px;

    background: #FAB900;

    border: 1px solid;

    color: #231f20;

    margin: auto;

    display: block;

    text-align: center;

    margin-bottom: 0px;

    border: 1px solid #000;

}

.landing .bg {

    padding: 40px 0 0 0px;

    background: linear-gradient( to left, #fff, #fff 55%, #e6e7e9 0%, #e6e7e9 0% );

    margin: 50px 0;

}

.copy {

    font-size: 11px;

    color: #bcbdc0;

    font-weight: 500;

    padding: 12px 20px;

    width: 100%;

    margin: 0;

}

.about p {

    text-align: left;

    padding: 0px;

    font-size: 11px;

    color: #231f20;

    line-height: 18px;

}

.about .bg-1 {

    padding: 10px 0 0 0px;

    background: linear-gradient( to left, #fff, #fff 73%, #e6e7e9 0%, #e6e7e9 0% );

    margin: 50px 0;

    height: 150px;

}

.abt-img {

    /* width: 100%; */

    width: 100%;

    margin: 23px auto;

    display: block;

}

.abouts {

    text-align: left !important;

    font-size: 19px !important;

    padding: 0 0 20px 80px !important;

}

.padding-0 {

    /*padding: 70px 15px 0 15px !important;*/
    padding: 0px 15px 0 15px !important;

}
.mobileview {
    padding: 75px 0 0 0 !important;
}
.about h3 {

    text-align: center;

    padding: 0 0 20px 0px;

    font-size: 24px;

    color: #231f20;

}

.space-privacy {

    padding: 0 30px;

}

  .map_frame {

    height: 400px;

    padding: 120px 0 0 40px;

    width: 100%;

}

.downs {

    /* margin-left: 790px; */

    font-size: 28px;

    padding: 0px 50px 0 50px !important;

    float: right;

}

.locate ul li {

    list-style: square;

    line-height: 28px;

    font-size: 11px;

    font-family: 'Roboto', sans-serif !important;

}

.specify p {

    font-size: 12px;

    padding-bottom: 0px;

    line-height: 18px;

    color: #231f20;

}

.overview h3 {

    text-align: left;

    padding: 30px 0 15px 0;

    font-size: 18px;

    color: #231f20;

}

.space-floor img {

    width: 70px;

}

.carousel-control.left {

    background-image: none;

    width: 0;

    left: 34%;

    top: 105%;

    /* left: inherit; */

}

.carousel-control.right {

    right: 48% !important;

    top: 105%;

}

.space-enquire {

    padding: 20px 0 80px 0px;

}

.enqre h3 {

    text-align: left;

    padding: 25px 0 15px 0;

    font-size: 18px;

    color: #231f20;

    margin: 0;

}

.post li {

    font-size: 10px;

    line-height: 20px;

    padding-bottom: 10px;

}

.plus li {

    font-size: 10px;

    line-height: 20px;

    padding-bottom: 10px;

}

}



@media (max-width: 768px) {
.map_frame_court {
    height: 290px;
    padding: 0 0 0 4px;
    width: 100%;
}
.mogappair {
    font-size: 15px;
    color: #000;
    font-weight:400; 
    line-height: normal;
    letter-spacing: 0px;
}

.space2 {

    padding: 0px 0 0px 0px;

}

.tablet {
    cursor: pointer;
    position: fixed;
    width: 43px;
    top: 20px;
    z-index: 10000;
    right: 17%;
 }
 
.txt-space {

    padding: 20px 0px !important;
    /*padding: 0px !important;*/

}

.view-project {

    text-transform: uppercase;

    padding: 12px 20px;

    width: 50%;

    font-size: 14px;

    border-radius: 5px;

    background: #fab900;

    border: 1px solid;

    color: #231f20;

    margin: 10px auto;

    display: block;

    text-align: center;

    margin-bottom: 30px;

    border: 1px solid #000;

}

.bord-rig {

    border-right: unset;

}

.post li {

    font-size: 14px !important;

    line-height: 20px;

    padding-bottom: 10px;

}

.plus li {

    font-size: 14px !important;

    line-height: 20px;

    padding-bottom: 10px;

}

.contact_map {

    padding: 30px 10px 20px 10px;

    width: 100%;

    height: 250px;

}

.bg-img{

    background-size: cover;

    background-repeat: no-repeat;

    height: 95vh;

    /*height: 100vh;*/

    width: 100%;

    background-position: 30% top;

    margin-top: 40px;

  }

.mobileview{

  margin: 65px 0 0 0px;

}

.privacy h3{

    text-align: center;

    padding: 15px;

    font-size: 20px;

    margin: 0 0 25px 0;

    background: #e6e7e9;

    line-height: 30px;

    color: #231f20;

}

.abt-space {

    padding: 30px 0px 30px 0px;

}

.about h3 {

    text-align: center;

    padding: 0 0 20px 0px !important;

    font-size: 24px;

    color: #231f20;

}

.abouts {

    text-align: center !important;

    font-size: 19px !important;

}

.about .bg-1 {

    padding: 10px 0 0 0px;

    background: unset;

    margin: 10px 0;

    height: auto;

}

.about p {

    text-align: left;

    padding: 0px;

    font-size: 14px !important;

    color: #231f20;

    line-height: 25px;

}

.space-privacy {

    padding: 0 0px;

}

.commit {

    padding: 0 0 0 20px !important;

}

.trend-project {

    background-color: #619fb8;

    /* background-color: #d1d2d4; */

    height: auto !important;

    margin-bottom: 30px;

}

.row {

    margin-right: 0 !important;

    margin-left: 0!important;

}

.experience {
    position: absolute;
    bottom: 26% !important;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 25px;
    width: 100%;
    text-align: center;
    line-height: 40px;

    /*position: absolute;
    bottom: 18% !important;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 22px;
    width: 100%;
    text-align: center;*/
}
.around{

    position: absolute;
    bottom: 17% !important;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 21px;
    width: 100%;
    text-align: center;
    font-weight: 500;
    font-family: 'Roboto';
    letter-spacing: 1px;
}

.space {

    padding: 25px 0px !important;

}

.h-1{

    margin: 30px 15px !important;

    background: #e6e7e9;

    /*background: #e5f2ef;*/

    padding: 20px 0 0 0 !important;

}

/*.space h4 {

    font-size: 18px !important;

    color: #231f20;

     padding-top: 10px !important; 

    background: #e6e7e9;

    text-align: center;

    padding: 10px;

}*/

.space button{

    font-size: 17px !important;

    color: #231f20;

    background: #fff;

    text-align: center;

    width: auto;

    margin: auto;

    display: block;

    padding: 15px 15px;

    border: 1px solid #000;

}

.space h3 {

    padding: 10px 0px 10px 0;

    color: #231f20;

    text-align: center;

}

.space h5 {

    font-size: 17px;

    color: #231f20;

    line-height: 30px;

    /* padding-bottom: 50px; */

    text-align: center;

    padding: 15px 0 20px 0;

}

.add-project {

    text-transform: uppercase;

    padding: 12px 40px;

    /* width: 60%; */

    font-size: 14px;

    border-radius: 5px;

    /* background: #fff; */

    border: 1px solid;

    color: #231f20;

    margin: auto;

    display: block;

    text-align: center;

    width: 190px;

}

.m-60{

    margin: unset;

}

.m-40 {

     margin: unset; 

}

/*.trend{

  padding: 0 !important;

}*/

.trend h3 {

    text-align: center;

    padding: 20px 0;

    font-size: 17px;

    color: #231f20;

    background: #e6e7e9;

    margin-bottom: 30px;

}

.trend-txt {
    text-align: center;
    padding: 10px 0;
    font-size: 2.3rem !important;
    color: #231f20;
    background: #fff !important;
    margin: 0px !important;
    line-height: 30px;
    font-weight: 600;

}

.trend h5 {

    text-align: center;

    padding-bottom: 18px;

    padding-top: 18px;

    margin: 0;

    font-size: 20px !important;

    color: #231f20;

}

.trend p {

    text-align: center;

    padding-bottom: 10px !important;

    font-size: 15px !important;

    padding-top: 20px !important;

}

.trend-project p {

    color: #000;

}

.trend-project {

    background-color: #fff !important;

}

.trend-project-1 {

    background-color: #fff !important;

    height: auto;

}

.make h5 {
    text-align: center;
    font-size: 1.3em;
    /* font-size: 17px; */
    color: #5c5d5e;
    /* margin: 21px; */
    margin: 0;
    padding: 18px 0;
}

.near{
    display: block;
    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 20%);
    /*box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);*/
    margin-bottom: 30px;
    background: #fff !important;
    color: #2c2c2c!important;
    text-decoration: none!important;
    width: 100%;
    padding-bottom: 5px;
}


.mob-border{
    display: block;
     box-shadow: 0 0px 10px 0 rgb(0 0 0 / 20%);
    /*box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);*/
    margin-bottom: 40px;
    background: #fff;
    color: #2c2c2c!important;
    text-decoration: none!important;
    width: 100%;
    padding-bottom: 5px;
    /*border-bottom: 1px solid #231f20;
    margin-bottom: 25px;*/
}
.mob-borders{
    border-bottom: 1px solid #231f20;
    margin-bottom: 25px;

}

.landing p {
    text-align: center;
    padding: 18px 0;
    font-size: 14px !important;
    color: #231f20;
}
.address-img2 {

    /* width: 100%; */

    width: 100%;

    margin: auto;

    display: block;

}

.make h3 {
    text-align: center;
    padding: 10px 0;
    font-size: 2.3rem !important;
    color: #231f20;
    background: #fff;
    /* background: #e5f2ef; */
    margin-bottom: 30px;
    line-height: 30px;
    font-weight: 600;
}

.make p {

    font-size: 15px !important;

    text-align: center;

    padding: 15px 0;

    color: #231f20;

    margin-bottom: 20px;

}

.spaces {

    padding: 0px 0 !important;

    /*padding: 15px 0;*/

}

.map-view {

    height: 220px !important;

    border: 3px solid #fff;

    width: 100% !important;

}

.found{

    padding: 30px 0 0 30px;

}

.spaces p {

    font-size: 14px !important;

    padding-bottom: 6px;

    line-height: 20px;

    color: #231f20;

    /* color: #231f20; */

}

.footer-top {

    /* border-top: 2px solid #bcbdc0; */

    border-bottom: unset;

    padding: 30px 0 30px 0;

}

.footer-top h5 {

    text-align: center;

    color: #bcbdc0;

    font-size: 16px;

    line-height: 28px;

}

.foot-links{

    text-align: center;

    color: #bcbdc0;

    margin: 25px 0;

    line-height: 40px;

    font-size: 16px;

}

.foot-links a{

  color: #bcbdc0;

}

.image .ins {

    width: 30px;

    margin-right: 15px;

}

.image .fb {

    width: 40px;

    margin-right: 15px;

}

.image .member {

    width: 100px;

}

.copy {

    font-size: 14px;

    color: #bcbdc0;

    font-weight: 500;

    padding: 12px 20px;

    width: 100%;

    margin: 0;

    text-align: center;

    line-height: 30px;

    position: relative !important;

}

.landing h3 {

    text-align: center;

    padding: 20px 0 0 0;

    font-size: 20px;

    margin: 0;
    /*margin: 0 0 25px 0;*/

    background: #fff;

    /*background: #e6e7e9;*/

    line-height: 30px;

    color: #231f20;

}

.landing .bg {

    padding: 15px;

    /*padding: 0px;*/ 

    background:unset; 

    margin: 0px; 

}
.landing h4 {
    text-align: center;
    padding: 20px 0 5px 0;
    font-size: 19px !important;
    color: #231f20;
}

.land-project {

    text-transform: uppercase;

    padding: 12px 20px;

    width: 50%;

    font-size: 14px;

    border-radius: 5px;

    background: #FAB900;

    border: 1px solid;

    color: #231f20;

    margin: auto;

    display: block;

    text-align: center;

    margin-bottom: 30px;

    border: 1px solid #000;

}

.bord {

     border-bottom: unset; 

}

.background {

  background: unset;

  margin-top: 0px;

    /* background: linear-gradient( to right, #fff, #fff 20%, #e6e7e9 20%, #e6e7e9 80% ); */

}

.background-1 {

  background: unset;

  margin-top: 0px;

    /* background: linear-gradient( to right, #fff, #fff 20%, #e6e7e9 20%, #e6e7e9 80% ); */

}

.padding-0{

  padding: 0 !important;

}

.footer-top ul {

    display: block;

    color: #231f20;

    list-style: none;

    padding-top: 10px;

    justify-content: center;

}

.navbar img {

    height: 60px;

    margin: 5px;

}

.sidenav ul.nav li {

    width: 100%;

    display: block;

    text-align: left !important;

    margin-left: 20px;

}

.sidenav ul.nav li a {

    font-size: 16px !important;

    padding: 15px 5px !important;

    border-bottom: 1px solid #ccc;

    color: #000;

    font-weight: 600;

}

.stellarnav img{

  margin: 8px 10px;

  height: 60px;

}

.nav-logo{

    height: auto !important;

    width: 110px;

  /*height: 40px !important;*/

  display: none;

}

.navbar-nav {

    margin: 10px;

}

.navbar {

    overflow: hidden;

    background-color: #fff;

    height: 75px;

    margin-bottom: 0 !important;

}

.navbar .container {

    height: 75px;

}
.overview h3 {
    text-align: center;
    padding: 15px;
    font-size: 20px;
    margin: 0 0 0px 0;
    background: #ffff;
    line-height: 30px;
    text-transform: uppercase;
}
/*.overview h3 {

    text-align: center;

    padding: 15px;

    font-size: 20px;

    margin: 0 0 25px 0;

    background: #e6e7e9;

    line-height: 30px;

}*/

.overview-img {

    width: 180px;

    margin: auto;

    display: block;

    margin-bottom: 20px;

}

.overview h4{

    font-size: 20px;

    margin: 0;

    padding: 30px 0 20px 0;

    color: #231f20;

}
.overview h5 {
    font-size: 18px;
    margin: 0;
    padding: 0px 0 15px 0;
    color: #231f20;
    font-family: 'Roboto';
    line-height: 28px;
}

.overview p {

    font-size: 14px !important;

    padding-bottom: 15px  !important;

    line-height: 25px  !important;

}

.overview-project {

    text-transform: uppercase;

    padding: 12px 20px;

    width: 50%;

    font-size: 14px;

    border-radius: 5px;

    background: #fff;

    border: 1px solid;

    color: #231f20;

    margin: auto;

    display: block;

    text-align: center;

    margin-bottom: 30px;

    border: 1px solid #000;

}

.navbar-nav {

    padding: 15px 0;

}

.nav_second_mobile {margin: 8px !important;}
.nav_second_mobile li {

    width: 44%;
    float: left !important;
    border: 1px solid;
    margin: 10px 8px;
    background: #e6e7e9;

}

.nav_second_mobile li:nth-child(odd) a {

    text-align: center;

    /*text-align: left;*/

    /*padding-left: unset !important;*/

    color: #000;

    /* width: 100px; */

}

.nav_second_mobile li:nth-child(even) a {

    text-align: center;

    /*text-align: right;*/

    /*padding-right: unset !important;*/

    color: #000;

    /* width: 100px; */

}

.map_frame {

    height: 290px;

    padding: 0 0 0 4px;

    width: 100%;

}

.location h3 {

    text-align: center;

    padding: 15px !important;

    font-size: 20px !important;

    margin: 0 0 0px 0;

    /*background: #e6e7e9;*/

    line-height: 30px !important;

    color: #231f20;

}

.locate ul li {

    list-style: square;

    line-height: 28px !important;

    font-size: 14px !important;

    font-family: 'Roboto', sans-serif !important;

}

.locate p{

  font-size: 14px;

  line-height: 24px;

}

.f-plans img{

    width: 80%;

    margin: auto;

    display: block;

}

.plans h3 {

    text-align: center;

    padding: 15px 0 0 0;

    font-size: 20px;

    margin: 10px;

    background: #fff;

    line-height: 30px;

}

.plans h4 {

    font-size: 18px;

    margin: 0;

    padding: 20px 0;

    color: #231f20;

}

.plans p{

  text-align: center;

  font-size: 14px;

  margin-bottom: 25px;

    color: #231f20;

}

.carousel {

    position: relative;

    margin: 0px;

}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {

    display: block;

    max-width: 100%;

    height: auto !important;

}

.caros {

  padding: 0px !important

}

.gal_txt {

    padding: 80px 0 30px 0px;

    font-weight: 100;

    color: #6d6b69;

    font-family: 'Roboto', sans-serif !important;

    font-size: 27px !important;

    text-align: center;

    line-height: 22px;

}

.carousel-control.left {

    background-image: none;

    width: 0;

    left: 42%;

    top: 120%;

    /* left: inherit; */

}

.carousel-control.right {

    right: 48% !important;

    top: 120%;

}

.gally_img {

    width: 30px;

}

.gally_img1 {

    width: 31px;

}

.spec h4 {

    font-size: 20px;

    margin: 0;

    padding: 30px 0 30px 0;

}

.spec p {

    font-size: 14px !important;

    padding-bottom: 0px !important;

    line-height: 20px !important;

}

.thank {

    text-align: center;

    font-size: 18px;

    letter-spacing: 0;

    line-height: 28px;

}

}



@media only screen and (max-width: 320px){

.view-project {

    text-transform: uppercase;

    padding: 12px 20px;

    width: 55%;

    font-size: 14px;

    border-radius: 5px;

    background: #fff;

    border: 1px solid;

    color: #231f20;

    margin: 10px auto;

    display: block;

    text-align: center;

    margin-bottom: 30px;

    border: 1px solid #000;

}

}

@media only screen and (min-width:1400px)

{
.experience{

  position: absolute;

  bottom: 18%;

  left: 50%;

  transform: translate(-50%, -50%);

  color: #fff;

  font-size: 2em;

  width: 100%;

  text-align: center;
 

}
.around{
    position: absolute;
    bottom: 8%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 1.9em;
    width: 100%;
    text-align: center;
}
/*  .navbar .menu-list {

    margin: 15px 0;

}*/

.navbar a {
    float: left;
    font-size: 14px;
    color: #231f20;
    text-align: center;
    padding: 25px 5px;
    text-decoration: none;
    text-transform: uppercase;
}


/*.navbar a {

    float: left;

    font-size: 1.22em;

    color: #231f20;

    text-align: center;

    padding: 25px 20px;

    text-decoration: none !important;

    text-transform: uppercase;

}*/
.txt-space{

  /*padding: 40px 25px !important;*/
  margin-top: 10%;

}

.zeynep ul > li > a {font-size: 15px;}

.trend-project-1 h5 {

    color: #231f20;

    padding: 40px 0 30px 0;

    font-size: 22px;

}

.make p {

    font-size: 1.2em;

    /* font-size: 15px; */

    text-align: center;

    padding: 15px 0;

    color: #231f20;

}

.spaces h4 {

    font-size: 20px;

    color: #231f20;

    /* color: #231f20; */

    padding-bottom: 30px;

    margin: 0;

}

.spaces p {

    font-size: 13px;

    padding-bottom: 6px;

    line-height: 20px;

    color: #231f20;

    /* color: #231f20; */

}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {

    display: block;

    max-width: 100%;

    height: 75vh !important;

}


.spaces p {

    font-size: 1em;

    padding-bottom: 6px;

    line-height: 20px;

    color: #231f20;

    /* color: #231f20; */

}

.about p {

    text-align: left;

    padding: 0px;

    font-size: 1.05em;
    
    /*font-size: 1em;*/

    color: #231f20;

    line-height: 25px;

}

.footer-top ul li a {

    font-size: 1em;

    color: #bcbdc0;

    text-decoration: unset !important;

}

.first-img{

  width: 100%;

  /*width: 99%;*/

  margin: auto;

  display: block;

  height: 90vh;

  /*height: 100vh;*/

}

.bg-img{

  background-size:unset;

  background-repeat:no-repeat;

  height: 100vh;

  background-position: 50% 90%;

}

.trend-project-1 h5{

  color: #231f20;

}

.space h4 {

    font-size: 1.4em;

    /*font-size: 20px;*/

    color: #231f20;

    padding-top: 40px;

}

.background {

    background: linear-gradient( to right, #fff, #fff 20%, #e6e7e9 20%, #e6e7e9 80% );

    margin-top: 3%;

}

.background-1 {

    background: linear-gradient( to right, #fff, #fff 20%, #e6e7e9 20%, #e6e7e9 80% );

}

.overview p {

    font-size: 14px;

    padding-bottom: 15px;

}

.enquire {

    background-color: #fab900 !important;

    /* font-family: MuseoSans-300 !important; */

    font-weight: 600 !important;

    width: 130px;

    padding: 8px 8px 8px 8px !important;

    margin-right: 10px;

    text-align: center;

    /*margin: 12px 12px 0 10px;*/
    margin-top:1%;

    color: #fff !important;

    font-size: 14px !important;

    font-family: 'Roboto', sans-serif;

    font-weight: 100 !important;

}

.trend p{

  text-align: center;

  padding-bottom: 10px;

  font-size: 15px;



}

.about .bg-1 {

    padding: 10px 0 0 0px;

    background: linear-gradient( to left, #fff, #fff 73%, #e6e7e9 0%, #e6e7e9 0% );

    margin: 30px 0 30px 0;

    height: 235px;

}

.trend-project-1{

   background-color: #e6e7e9;

   height: 190px;

}

}

@media only screen and (min-width:1600px)

{
.experience{

  position: absolute;

  bottom: 18%;

  left: 50%;

  transform: translate(-50%, -50%);

  color: #fff;

  font-size: 2.3em;

  width: 100%;

  text-align: center;

}
.around{
    position: absolute;
    bottom: 8%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 2em;
    width: 100%;
    text-align: center;
}
  .navbar a {

    float: left;
    font-size: 16px;
    color: #231f20;
    text-align: center;
    padding: 25px 6px;

    text-decoration: none !important;

    text-transform: uppercase;

}
.call, .whats {
    margin: 15px 10px !important;
    width: 35px;
    height: auto !important;
}

.trend-project-1{

   background-color: #e6e7e9;

   height: 190px;

}

.make p {

    font-size: 1.2em;

    /* font-size: 15px; */

    text-align: center;

    padding: 15px 0;

    color: #231f20;

}

.spaces h4 {

    font-size: 20px;

    color: #231f20;

    /* color: #231f20; */

    padding-bottom: 30px;

    margin: 0;

}

.map-view {

    height: 200px;

    border: 3px solid #fff;

    width: 80%;

}

.spaces p {

    font-size: 1em;

    padding-bottom: 6px;

    line-height: 20px;

    color: #231f20;

    /* color: #231f20; */

}

.copy {

    font-size: 1em;

    color: #bcbdc0;

    font-weight: 500;

    padding: 12px 20px;

    width: 100%;

    margin: 0;

}

.footer-top ul li a {

    font-size: 1.2em;

    color: #bcbdc0;

    text-decoration: unset !important;

}

  .bg-img{

  background-size:unset;

  background-repeat:no-repeat;

  height: 100vh;

  background-position:unset;

}

.first-img{

  width: 100%;

  /*width: 99%;*/

  margin: auto;

  display: block;

  height: 90vh;

  /*height: 100vh;*/

}

.about p {

    text-align: left;

    padding: 0px;

    font-size: 14px;

    color: #231f20;

    line-height: 25px;

}

.space h4 {

    font-size: 20px;

    color: #231f20;

    padding-top: 40px;

}

.trend-project-1 h5{

  color: #231f20;

}

.trend p{

  text-align: center;

  padding-bottom: 10px;

  font-size: 15px;



}

.background {

    background: linear-gradient( to right, #fff, #fff 20%, #e6e7e9 20%, #e6e7e9 80% );

    margin-top: 3%;

}

.background-1 {

    background: linear-gradient( to right, #fff, #fff 20%, #e6e7e9 20%, #e6e7e9 80% );

}

.overview p {

    font-size: 14px;

    padding-bottom: 15px;

}

.enquire {

    background-color:#fab900 !important;

    /* font-family: MuseoSans-300 !important; */

    font-weight: 600 !important;

    width: 130px;

    padding: 8px 8px 8px 8px !important;

    margin-right: 10px;

    text-align: center;

    /*margin: 12px 12px 0 10px;*/
    margin-top:1%;

    color: #fff !important;

    font-size: 14px !important;

    font-family: 'Roboto', sans-serif;

    font-weight: 100 !important;

}

.about .bg-1 {

    padding: 10px 0 0 0px;

    background: linear-gradient( to left, #fff, #fff 73%, #e6e7e9 0%, #e6e7e9 0% );

    margin: 30px 0 30px 0;

    height: 260px;

}

}

@media only screen  and (min-width : 1824px) 

{

.background {

    background: linear-gradient( to right, #fff, #fff 20%, #e6e7e9 20%, #e6e7e9 80% );

     margin-top: 3% !important;
    

}

}

/*@media screen and  (min-width: 1800)  and (max-width: 2880px) {
   
.background {
    background: linear-gradient( to right, #fff, #fff 20%, #e6e7e9 20%, #e6e7e9 80% );
    margin-top: 56%;
  }
  .space h5 {font-size: 1em;}
  }
  }*/

/* side Menu */

.sidenav {

  height: 100%;

  width: 0;

  position: fixed;

  z-index: 10001;

  top: 0;

  right: 0;

  background-color: #fff;

  overflow-x: hidden;

  transition: 0.5s;

  padding-top: 60px;

}



.sidenav a:hover {

  color: #c3080e;

}



.sidenav .closebtn {

  position: absolute;

  top: 0;

  right: 25px;

  font-size: 36px;

  margin-left: 50px;

  color:#e31e24;

}



.sidenav ul.nav {list-style: none;padding-right:10px;}

.sidenav ul.nav li {width:100%;display: block;text-align:right}

.sidenav ul.nav li a{font-size:16px !important;padding:8px;/*padding:10px;*/}

.sidenav ul.nav li ul li a{font-size:15px !important;font-weight: normal;color: #717070;text-transform: capitalize;}



.sidenav ul.nav li ul li a{font-size:16px !important;font-weight: normal;color: #717070;text-transform: capitalize;padding: 6px 12px 10px 0;/*    background: #fff;*/}



.sidenav ul.nav li.dropdown {cursor: pointer;}

.dropdown-menu {position: absolute;top: 30px;left: 10px;right: 70px;    min-width: 280px;}

/*.dropdown-menu {position: absolute;top: 30px;left: 0px;right: 0;}*/

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {

    color: #f7e509  !important;background-color: #fff;}

@media screen and (max-height: 450px) {

  .sidenav {padding-top: 15px;}

  .sidenav a {font-size: 18px;}

}

/*.grecaptcha-badge*/

/*{*/

/*    display: none ! important;*/

/*}*/
@media 
  (max-device-width: 800px) 
  and (orientation: portrait) { 
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto !important;
}
}
@media 
  (max-device-width: 1280px) 
  and (orientation: landscape) { 
.space h4 {
    font-size: 1.35em;
    color: #231f20;
    padding-top: 0;
}
.navbar a {
    float: left;
    font-size: 0.8em;
    color: #231f20;
    text-align: center;
    padding: 25px 5px;
    text-decoration: none !important;
    text-transform: uppercase;
}
}

@media (min-width: 768px) and (max-width: 1024px){
    .tablet {
       cursor: pointer;
       position: fixed;
       width: 43px;
       top: 20px;
       z-index: 10000;
       right: 7%;
               }
           }
 .banklogo{width: 80%;}
/*@media screen and (min-width: 800px) and (max-width: 1281px)
{
.background {
    background: linear-gradient( to right, #fff, #fff 20%, #e6e7e9 20%, #e6e7e9 80% );
    margin-top: 47%; 
    margin-top: 47%;
}
}*/

/*@media only screen and (-webkit-min-device-pixel-ratio: 2) {*/
/*    @media only screen and (min-width: 1440px) and (orientation: landscape){*/
/*@media only screen and (-webkit-min-device-pixel-ratio: 2),
                    only screen and (min--moz-device-pixel-ratio: 2),
                    only screen and (-o-min-device-pixel-ratio: 2/1),
                    only screen and (min-device-pixel-ratio: 2){*/
/*                        @media screen */
/* and (max-device-width: 1400px) */
/* and (min-device-width: 480px) */
/*{ */
/*@media (device-width: 100vw) and (device-height: 100vh) {*/
@media all and (display-mode: fullscreen) {
    /* CSS */
    .background {
    background: linear-gradient( to right, #fff, #fff 20%, #e6e7e9 20%, #e6e7e9 80% );
    margin-top: 3%; 
   /* margin-top: 47%;*/
}
}

/*Blog Code*/
.testimonial {
    padding: 40px 80px 20px;
}
.testimonial2 {
    border-top: 1px solid #9c9ea2;
    padding: 50px 0;
    border-bottom: 1px solid #9c9ea2;
}
.topsection{
    text-align:center;
    margin: 50px 0 35px 0;
}
.single-box {
    overflow: hidden;
}
.single-box {
    border: 1px solid #a9a9aa;
    padding: 30px 20px 20px;
    border-radius: 10px;
    background: #fff;
    color: #000;
}
.single-box .img-area {
    width: 60%;
    float: left;
    margin: 0;
}
.single-box .content {
    width: 40%;
    float: left;
    padding-left: 30px;
}
.single-box img {
    width: 100%;
}
.single-box h2 {
    font-weight: 600;
    font-family: roboto,sans-serif;
    margin: 0 0 30px 0;
    font-size: 14px;
    line-height: 28px;
}
.single-box a {
    border-radius: 0;
    padding: 8px 15px;
    color: #000;
    background-color: #fff;
    font-size: 12px;
    text-align: center;
    border: 1px solid;
    text-transform: capitalize;
    font-weight: 700;
    font-family: roboto,sans-serif;
    text-decoration: none;
}
.single-box a:hover {
    border: 1px solid #000;
    color: #000;
    text-decoration: none;
}
.bycode {
    margin-top: 30px;
}
.bycode span {
    color: #2e3094;
}
.single-box p {
    line-height: 15px;
    font-size: 13px;
}
.blog_content {
    border-radius: 0;
    padding: 10px 20px 10px 20px;
    color: #000 !important;
    background-color: #fab900;
    font-size: 14px;
    font-weight: 500!important;
    text-decoration: unset !important;
}

@media screen and (max-width: 768px){
.single-box {
    border: 1px solid #a9a9aa;
    padding: 30px 20px 20px;
    border-radius: 10px;
    background: #fff;
    color: #000;
}
.single-box .img-area {
    width: 100%;
    float: left;
    margin: 0 0 15px;
}
.single-box .content {
    width: 100%;
    float: unset;
    padding-left: 0;
    text-align: center;
}
.testimonial {
    padding: 30px 0 30px 0;
    /*border-top: 1px solid;*/
    border-bottom: 1px solid #9c9ea2;
}
.list-wrapper{padding: 0}
.single-box p {
    line-height: 15px !important;
    font-size: 14px !important;
    padding-bottom: 0 !important;
}
}

/*Blog Form Code*/
.blogimage{width: 100%;}
.spacecontent{padding: 50px;}
.spacecontent p{font-family: 'Roboto', sans-serif;font-size: 15px;line-height: 23px;font-weight: 400;padding-bottom: 8px;}
.spacecontent h2{color: #000;font-weight: 600;font-size: 18px;padding-bottom: 10px;}
.maincontent h1{
    font-size: 26px;
    padding-left: 25px;
    letter-spacing: 0px;
    font-weight: 500;}
.maincontent p{font-size: 14px;padding-left: 25px;} 
.flexcode{display: flex;align-items: center;padding-bottom: 25px;}
.nopadding{padding: 0;}
.shareicon {width: 30px;}
.shareimg img {width: 30px;margin-right: 20px;}
 /*#custom-tooltip {
    display: none;
    margin-left: 0;
    padding: 5px 12px;
    background-color: #0c85b4;
    border-radius: 4px;
    color: #fff;
    position: absolute;
    z-index: 1;
    bottom: 90%;
    left: 12%;
    margin-left: -60px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    bottom: 5%;
}*/
.intl-tel-input,.iti{
  width: 100%;
}
.md-form {
    position: relative;
    margin-top: 1.0rem !important;
    margin-bottom: 1.0rem !important;
}
.md-form .form-control {
    height: auto;
    padding: 0.6rem 0 0.4rem 0;
    margin: 0 0 0.5rem 0;
    background-color: transparent;
    border-radius: 0;
    padding: 0 !important;
}
#mobile_code{padding-left: 81px !important;}
.submit_code{
    background: #fff;
    border: 1px solid #000;
    padding: 6px 25px;
    font-size: 14px;
    text-transform: uppercase;
}
.linkpage p a{color: #0000ff !important;}
.linkpage a {
    color: #0000ff !important;
    line-height: 25px;
    font-size: 14px;
}

@media (max-width: 768px){
#mobile_code {
    padding-left: 76px !important;
}
.md-form .form-control {
    height: auto;
     padding: 0px !important; 
     margin: 0  !important; 
    background-color: transparent;
    border-radius: 0;
    width: 100%;
    cursor: pointer;
}
.md-form {
    position: relative;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.md-form .form-control {
    height: auto;
    padding: 0px !important;
    margin: 0 !important;
    background-color: transparent;
    border-radius: 0;
    width: 100%;
    cursor: pointer;
}
#custom-tooltip {
    display: none;
    margin-left: 0;
    padding: 5px 12px;
    background-color: #fab900;
    border-radius: 4px;
    color: #fff;
    position: absolute;
    z-index: 1;
    bottom: 90%;
    left: 36%;
    margin-left: -60px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    bottom: 17.5%;
}
.spacecontent {
    padding: 15px;
}
.flexcode {
    display: block;
    align-items: center;
    padding-bottom: 25px;
}
.maincontent h1 {
    font-size: 23px;
    padding-left: 0;
    letter-spacing: 0px;
    padding-top: 20px;
    font-weight: 600;
}
.maincontent p {
    font-size: 14px;
    padding-left: 0;
}
.spacecontent h2 {
    color: #000;
    font-weight: 600;
    font-size: 18px;
    padding-bottom: 10px;
    line-height: 21px;
}
.shareimg img {
    width: 30px;
    margin-right: 10px!important;
}
.mt-0{
    padding-right: 0px !important;
    padding-left: 0px !important;
    /*padding: 0px;*/
}
}
.linkpage{padding-bottom: 20px;}
.nospaces{padding: 0;}