html{
      -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body{
padding: 0px;
margin: 0px;
background-color: #fff;  
font-family: 'Open Sans', sans-serif;
font-size: 100%;
color: #000;
width: 100%;
height: auto;
-webkit-font-smoothing:antialiased;
}
ul,li{
    padding: 0px;
    margin: 0px;
    list-style: none;
}
*, *:before, *:after{
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}
a, ins {
    text-decoration: none;
}
#overallwrapper{
width: 100%;
height: auto;
background-color: #fff;
/*min-width: 1280px;*/
}
img{
    max-width: 100%;
    max-height: 100%;
}
input, textarea{
   /* -webkit-appearance: none;*/
    /*-moz-appearance: none;*/
    -webkit-box-shadow:none;
    -webkit-box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
    font-size: 100%;
}
select{
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-shadow:none;
    -webkit-box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
    font-size: 100%;
}
.genImage{
 background-attachment: scroll;
 background-repeat: no-repeat;
 background-size: cover;
 background-position: top; 
}
/**/


/**/
.clearfix:before, .clearfix:after{
display:block;
content:" ";
}
.clearfix:after {
clear:both;
}
.clear{
*zoom:1;
}
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?7f0hlx');
  src:  url('fonts/icomoon.eot?7f0hlx#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?7f0hlx') format('truetype'),
    url('fonts/icomoon.woff?7f0hlx') format('woff'),
    url('fonts/icomoon.svg?7f0hlx#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-magnifier:before {
  content: "\e926";
}
.icon-search3:before {
  content: "\e924";
}
.icon-search2:before {
  content: "\e923";
}
.icon-search4:before {
  content: "\e925";
}
.icon-home:before {
  content: "\e900";
}
.icon-pencil:before {
  content: "\e905";
}
.icon-camera:before {
  content: "\e90f";
}
.icon-bullhorn:before {
  content: "\e91a";
}
.icon-mic:before {
  content: "\e91e";
}
.icon-library:before {
  content: "\e952";
}
.icon-price-tag:before {
  content: "\e935";
}
.icon-qrcode:before {
  content: "\e938";
}
.icon-credit-card:before {
  content: "\e93f";
}
.icon-phone:before {
  content: "\e942";
}
.icon-envelop:before {
  content: "\e945";
}
.icon-location:before {
  content: "\e947";
}
.icon-location2:before {
  content: "\e948";
}
.icon-clock:before {
  content: "\e94e";
}
.icon-clock2:before {
  content: "\e94f";
}
.icon-display:before {
  content: "\e956";
}
.icon-mobile:before {
  content: "\e958";
}
.icon-mobile2:before {
  content: "\e959";
}
.icon-tablet:before {
  content: "\e95a";
}
.icon-bubble:before {
  content: "\e96b";
}
.icon-bubbles:before {
  content: "\e96c";
}
.icon-bubbles4:before {
  content: "\e970";
}
.icon-user:before {
  content: "\e971";
}
.icon-user-plus:before {
  content: "\e973";
}
.icon-user-check:before {
  content: "\e975";
}
.icon-search:before {
  content: "\e986";
}
.icon-lock:before {
  content: "\e98f";
}
.icon-unlocked:before {
  content: "\e990";
}
.icon-cog:before {
  content: "\e994";
}
.icon-stats-dots:before {
  content: "\e99b";
}
.icon-bin:before {
  content: "\e9ac";
}
.icon-bin2:before {
  content: "\e9ad";
}
.icon-switch:before {
  content: "\e9b6";
}
.icon-list-numbered:before {
  content: "\e9b9";
}
.icon-list:before {
  content: "\e9ba";
}
.icon-list2:before {
  content: "\e9bb";
}
.icon-cloud:before {
  content: "\e9c1";
}
.icon-cloud-download:before {
  content: "\e9c2";
}
.icon-eye:before {
  content: "\e9ce";
}
.icon-eye-blocked:before {
  content: "\e9d1";
}
.icon-heart:before {
  content: "\e9da";
}
.icon-heart-broken:before {
  content: "\e9db";
}
.icon-happy:before {
  content: "\e9df";
}
.icon-happy2:before {
  content: "\e9e0";
}
.icon-cross:before {
  content: "\ea0f";
}
.icon-checkmark:before {
  content: "\ea10";
}
.icon-volume-medium:before {
  content: "\ea27";
}
.icon-circle-right:before {
  content: "\ea42";
}
.icon-checkbox-checked:before {
  content: "\ea52";
}
.icon-checkbox-unchecked:before {
  content: "\ea53";
}
.icon-radio-checked:before {
  content: "\ea54";
}
.icon-radio-checked2:before {
  content: "\ea55";
}
.icon-radio-unchecked:before {
  content: "\ea56";
}
.icon-bold:before {
  content: "\ea62";
}
.icon-underline:before {
  content: "\ea63";
}
.icon-italic:before {
  content: "\ea64";
}
.icon-share2:before {
  content: "\ea82";
}
.icon-google-plus:before {
  content: "\ea8b";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-whatsapp:before {
  content: "\ea93";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-youtube:before {
  content: "\ea9d";
}
.icon-remove-user:before {
  content: "\e94d";
}
.icon-chevron-down:before {
  content: "\e90a";
}
.icon-chevron-left:before {
  content: "\e90b";
}
.icon-chevron-right:before {
  content: "\e90c";
}
.icon-chevron-small-down:before {
  content: "\e901";
}
.icon-chevron-small-left:before {
  content: "\e902";
}
.icon-chevron-small-right:before {
  content: "\e903";
}
.icon-chevron-small-up:before {
  content: "\e904";
}
.icon-chevron-thin-down:before {
  content: "\e906";
}
.icon-chevron-thin-left:before {
  content: "\e907";
}
.icon-chevron-thin-right:before {
  content: "\e908";
}
.icon-chevron-thin-up:before {
  content: "\e909";
}
.icon-chevron-up:before {
  content: "\e90d";
}
.icon-chevron-with-circle-down:before {
  content: "\e90e";
}
.icon-chevron-with-circle-left:before {
  content: "\e910";
}
.icon-chevron-with-circle-right:before {
  content: "\e911";
}
.icon-chevron-with-circle-up:before {
  content: "\e912";
}
.icon-cloud2:before {
  content: "\e93e";
}
.icon-download:before {
  content: "\e940";
}
.icon-select-arrows:before {
  content: "\e950";
}
.icon-bell:before {
  content: "\e927";
}
.icon-briefcase:before {
  content: "\e928";
}
.icon-browser:before {
  content: "\e929";
}
.icon-calculator:before {
  content: "\e92a";
}
.icon-calendar:before {
  content: "\e913";
}
.icon-camera2:before {
  content: "\e914";
}
.icon-chat:before {
  content: "\e92b";
}
.icon-check:before {
  content: "\e92c";
}
.icon-circle-with-cross:before {
  content: "\e915";
}
.icon-code:before {
  content: "\e93b";
}
.icon-cog2:before {
  content: "\e92d";
}
.icon-compass:before {
  content: "\e92e";
}
.icon-credit-card2:before {
  content: "\e92f";
}
.icon-cross2:before {
  content: "\e930";
}
.icon-database:before {
  content: "\e941";
}
.icon-eye2:before {
  content: "\e916";
}
.icon-gauge:before {
  content: "\e93c";
}
.icon-grid:before {
  content: "\e951";
}
.icon-link:before {
  content: "\e94b";
}
.icon-list3:before {
  content: "\e953";
}
.icon-location-pin:before {
  content: "\e917";
}
.icon-lock-open:before {
  content: "\e931";
}
.icon-lock2:before {
  content: "\e932";
}
.icon-log-out:before {
  content: "\e943";
}
.icon-login:before {
  content: "\e944";
}
.icon-mail:before {
  content: "\e933";
}
.icon-map:before {
  content: "\e94c";
}
.icon-megaphone:before {
  content: "\e934";
}
.icon-menu:before {
  content: "\e936";
}
.icon-message:before {
  content: "\e937";
}
.icon-price-tag2:before {
  content: "\e946";
}
.icon-publish:before {
  content: "\e939";
}
.icon-share-alternitive:before {
  content: "\e949";
}
.icon-share:before {
  content: "\e94a";
}
.icon-sweden:before {
  content: "\e954";
}
.icon-wallet:before {
  content: "\e93d";
}
.icon-facebook-with-circle:before {
  content: "\e918";
}
.icon-google-with-circle:before {
  content: "\e919";
}
.icon-google:before {
  content: "\e91b";
}
.icon-instagram-with-circle:before {
  content: "\e91c";
}
.icon-instagram2:before {
  content: "\e91d";
}
.icon-linkedin-with-circle:before {
  content: "\e91f";
}
.icon-linkedin:before {
  content: "\e920";
}
.icon-twitter-with-circle:before {
  content: "\e921";
}
.icon-twitter2:before {
  content: "\e922";
}
.icon-chart:before {
  content: "\e93a";
}

[data-icon]:before {
        font-family: 'icomoon';
        content: attr(data-icon);
        speak: none;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
    }

/*icomoon fonts end here*/
#desktopHeader{
display: none;
}
#headerDeskWrap {
  position: relative;
width: 100%;
height: 500px;
background: linear-gradient(132deg, #000002, #242724, #000000);
background-size: 400% 400%;
animation: Gradient 15s ease infinite;
overflow: hidden;
}
#genDeskWrap {
  position: relative;
width: 100%;
height: 300px;
}
@keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
#headerDeskVid {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
}
#headerDeskTray {
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: rgba(17, 17, 28, 0.7);
}
#genDeskTray {
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: rgba(17, 17, 28, 0.7);
}

#videoSty {
  min-width: 100%;
  height: 700px;
  object-fit: cover;
}

.flex{
display: flex;
flex-direction: row;
justify-content: space-between;
}
.colorA{
color: #8e9092;
}
.colorB{
color: #77c486;
}
.colorC{
color: #333333;
}
.colorD{
  color: #fff;
}
.colorE{
color: #939090;
}
.styleMenu{
padding: 10px 10px;
font-size: 90%;
display: inline-block;
transition: color linear .3s;
}
.styleMenu:hover{
color: #77c486;
}
.BtnA{
background: #77c486;
    color: #fff;
    border-radius: 40px;
    padding: 5px 15px;
    font-size: 90%;
    margin: 22px 0px;
    border: 2px solid #77c486;
    display: inline-block;
}
.genBtnpad{
  padding:10px 30px;
}
/*control mobile header start here*/
#mobile_header{
display: block;
    position: relative;
    width: 100%;
    height: auto;
    padding: 10px 20px;
    background-color: #fff;
    box-shadow: 2px 2px 4px rgba(0,0,0,.1);
}
#mobile_menu{
float: right;
    color: #fff;
    margin: 15px 10px;
    cursor: pointer;
}
#menu_bar{
float: left;
}
#menu_inner_1{
width: 24px;
    height: 2px;
    background: #333;
    margin: 3px 0px;
    transition: all linear .3s;
    position: relative;
}
#menu_inner_2{
width: 24px;
    height: 2px;
    background: #333;
    margin: 3px 0px;
    transition: all linear .3s;
    position: relative;
}
#menu_inner_3{
width: 24px;
    height: 2px;
    background: #333;
    margin: 3px 0px;
    transition: all linear .3s;
    position: relative;
}
#menu_name{
float: left;
font-size: 90%;
padding-left: 10px;
}
#mobile_logo{
    width: 120px;
    float: left;
    margin-top: 5px;
}
#mobile_logo img{
max-width: 100%;
}
#cp{
position: absolute;
    top: 70px;
    width: 100%;
    display: block;
    overflow: hidden;
    height: 0px;
    background: #fff;
    transition: all 0.3s linear 0s;
    cursor: pointer;
    text-align: left;
    z-index: 300;
}
#cp div{
width: 100%;
    height: auto;
    padding: 8px 15px;
    border-bottom: 1px solid #eee;
}
#cp a{
    color: #000;
    width: 100%;
    display: block;
    margin: 5px 0px 5px 20px;
}



/*contact styles start here*/
#wrap_contact{
width: 96%;
height: auto;
margin: 30px auto;
}
#wrap_align_form{
margin: 15px 0px;
}
#field_title{
margin: 5px 0px;
}
.input_order{
color:#000;
border:none; 
padding: 5px;
outline: none;
text-indent: 10px;
width:100%;
font-size: 90%;
height: 50px;
background: #f9f9f9;
border: 1px solid #e6e4e4;
        -webkit-appearance: none;
    -webkit-box-shadow: none;
    -webkit-box-sizing: border-box;
}
.input_order2{
outline: none;
color:#fff;
border:none; 
padding: 5px;
width:100%;
height: 50px;
background:#77c486;
    font-size: 100%;
    font-family: 'Varela Round', sans-serif;
-webkit-appearance: none;
-webkit-box-sizing: border-box;
-webkit-box-shadow: none; 
}
#message_title{
font-size: 200%;
    text-align: left;
}
#wrap_map{
width: 100%;
height: 200px;
}
#wrap_map iframe{
width: 100%;
height: 100%;
}
#wrap_addr{
width: 100%;
height: auto;
position: relative;
}
#wrap_addr_inner{
width: 30%;
    height: auto;
    position: relative;
    top: -20px;
    background: #151a16;
    margin: auto;
    padding: 10px;
    color: #fff;
    border-radius: 3px;
}
#wrap_addr_inner_1{
text-align: center;
}
#wrap_addr_inner_1_icon{
font-size: 120%;
}
#wrap_addr_inner_1_body{

}
#wrap_contact_left{
    float: none;
    width: 100%;
    margin: 20px 0px;
}
#wrap_contact_right{
float: left;
width: 100%;
margin: 20px 0px;
padding: 0px 3%;
}
#wrap_contact_right_tit{
font-size: 200%;
text-align: left;
margin: 15px 0px;
}
#contact_divider{
width: 100%;
margin: 30px 0px;
}
#c_post{
margin: 5px 0px;
font-size: 130%;
}
#c_email{
color: #857069;
}

#c_mobile{
color: #857069;
}
/*contact styles ends here*/
/*footer styles start here*/
#footer{
width: 100%;
height: auto;
color: #fff;
}
#footer_top{
width: 100%;
height: auto;
background: #000f1d;
padding: 20px 5%;
flex-direction: column;
}

#footer_img{
width: 70%;
}
#footer_inner_tit{
font-size: 150%;
margin-bottom: 20px;
}
#footer_inner_body{
margin: 20px 0px;
}
#readmore{
color: #a5c0dd;
}
#footer_link{
display: block;
    color: #fff;
    padding: 5px 0px;
}
#footer_social{
width: 120px;
}
#footer_inner1{
display: none;  
width: 30%;
padding:20px;
}
#footer_inner2{
width: 100%;
padding:20px;
}
#footer_inner3{
width: 100%;
padding:20px;
}
#footer_inner4{
width: 100%;
padding:20px;
}
#footer_bottom{
width: 100%;
height: auto;
background: #1d1b21;
padding: 20px 5%;
text-align: center;
}
#footer_link{
display: block;
    color: #fff;
    padding: 5px 0px;
}
#newsletter_form{
width: 100%;
height: auto;
margin: 10px 0px;
}
#newsletter_info{
margin: 5px 0px;
font-size: 90%;
}
#newsletter_contact{
border-top: 1px dotted #5c5959;
margin: 10px 0px;
padding: 10px 0px; 
}
#n_form_1{
  float: left;
width: 65%;
height: 40px;
}
#n_form_2{
float: left;
width: 35%;
height: 40px;  
}
#n_field1{
background: #fff;
    width: 100%;
    height: 40px;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    -webkit-box-sizing: border-box;
    outline: none;
    resize: none;
    padding: 10px 0px;
    font-size: 90%;
    border: 1px solid #f0eff0;
    text-indent: 5px;
}
#n_field2{
    width: 100%;
    height: 40px;
    background: #78c486;
    color: #fff;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    -webkit-box-sizing: border-box;
    outline: none;
    resize: none;
    padding: 10px 0px;
    border: none;
}
#social_connect{
width: 100%;
    height: auto;
    padding: 10px 0px;
}
#social_connect_icons{
color: #fff;
font-size: 90%;
}
#social_connect_icons:hover{
color: #78c486;
}

/*footer styles end here*/
#homeDesc{
flex-direction: column;
    color: #fff;
    text-align: center;
    padding: 0px 5%;
    align-items: center;
    justify-content: center;
    height: 400px;
    width: 90%;
    margin: auto;
}
#genDesc{
flex-direction: column;
    color: #fff;
    text-align: center;
    padding: 0px 5%;
    align-items: center;
    justify-content: center;
    height: 200px;
    width: 90%;
    margin: auto;
}
#homeDescMotto{
font-size: 200%;
    font-weight: bold;
    margin-bottom: 20px;
}
#homeDecInner{
color: #eee;
}
#genBody{

}
/*services styles start here*/
#servicesWrap{
padding: 100px 5%;
}
#servicesInner{
align-items: center;
padding: 50px 0px;
flex-direction: column;
}
#sInnerimg{
height: 250px;
width: 100%;
order: 1;
margin-bottom: 50px;
}
#sInnerDts{
width: 100%;
order: 2;
}
#sInnerDtsTit{
    font-size: 200%;
    margin-bottom: 20px;
}
#sInnerDtsDesc{
line-height: 30px;
}
/*services styles end here*/

/*About styles start here*/
#aboutWrap{
padding: 100px 5%;
}
#aWrapinner{
margin: 20px 0px;
line-height: 30px;
}

/*About styles end here*/
/**/
#request_a_property{
width: 100%;
height: auto;  
background-image: url(../image/male-student.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
#request_a_property_overlay{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    padding: 100px 5%;
}
#request_property_wrapper{
width: 90%;
height: auto;
color: #fff;
}
#request_title{
    font-size: 200%;
    margin-bottom: 20px;
}
#request_body{
line-height: 28px;
}
#request_btn{
color: #fff;
    background: #78c486;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 3px;
    margin-top: 20px;
}
#most_popular{
    width: 100%;
    height: auto;
    background: #fff;
    padding: 100px 5%;
    text-align: center;
}
#most_popular_tit{
width: 100%;
height: auto;
}
#popular_tit_inner1{
font-size: 200%;
height: auto;
width: 100%;
}
#popular_tit_inner2{
color: #707070;
    font-size: 100%;
    height: auto;
    width: 90%;
    margin: auto;
    line-height: 27px;
}
#most_popular_body{
width: 100%;
height: auto;
margin: 50px 0px;
}
#popular_divider{
width: 100%;
height: auto;
margin-bottom: 50px;
flex-direction: column;
}
#popular_city_small1{
 
height: 200px;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
    border-radius: 3px;
    margin-bottom: 50px;
}
#popular_city_small2{

height: 200px;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 3px;
}
#popular_city_small_overlay{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2);
    transition: all linear .3s;
    cursor: pointer;
    border-radius: 3px;
}
#popular_city_big1{
width: 100%;
margin-left:0%;   
height: 200px;  
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 3px;
}
#popular_city_big2{
width: 100%;
margin-right:0%;   
height: 200px;  
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 3px;
margin-bottom: 50px;
}
#popular_city_big_overlay{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2);
    transition: all linear .3s;
    cursor: pointer;
    border-radius: 3px;
}
#popular_city_big_overlay:hover,#popular_city_small_overlay:hover{
    background: rgba(48,187,37,.3);

}
#popular_city_name{
    color: #fff;
    font-size: 180%;
    padding: 75px;
}

#testifer{
    width: 100%;
    height: auto;
    background: #fff;
    padding: 0px 5% 100px 5%; 
    text-align: center;
}
#testifer_tit{
width: 100%;
height: auto;
}
#testifer_tit_inner1{
font-size: 200%;
height: auto;
width: 100%;
}
#testifer_tit_inner2{
color: #707070;
    font-size: 100%;
    height: auto;
    width: 70%;
    margin: auto;
    line-height: 27px;
}
#testifer_body{
width: 100%;
margin: 0px auto;
   
}
#testifer_bodyImg{
 width: 100%; 
 margin: 30px auto;
 justify-content: center;
}
.TbodyImg{
 width: 70px;
 height: 70px;
 border-radius: 100%; 
 opacity: .4;
}
.TbodyImg{
 width: 70px;
 height: 70px;
 border-radius: 100%; 
}
#testDecs{
  padding: 20px;
  border-radius:5px; 
     width: 100%;
    margin: auto;
    line-height: 26px; 
   box-shadow: 0px 0px 20px rgba(0,0,0,.1);
}
#testDecsInner{
  transition: all linear .3s;
}
/**/
/*apply styles start here*/
#applyNowWrapper{
padding: 100px 0px;
}
#applyLogo{
width: 200px;
height: auto;
margin: auto;
}
#applyFormWrapper{
width: 90%;
height: auto;
margin: 20px auto 0px auto;
box-shadow: 0px 0px 20px rgba(0,0,0,.2);
flex-direction: column;
}
#applyFormL{
    width: 100%;
    height: 300px;
}
#applyFormR{
width: 100%;
padding: 30px;
}
#applyFRHead{

}
#applyFRBody{

}
#welcomeHome{
padding: 100px 0px;
    text-align: center;
    width: 90%;
    margin: auto;
    line-height: 28px;  
}
#wHomeHead{
font-size: 130%;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
}
#wHomeBody{
margin-bottom: 20px;  
}
/*apply styles ends here*/

