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: 'Overpass', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
font-size: 100%;
color: rgb(33, 25, 34);
width: 100%;
height: auto;
}
ul,li{
    padding: 0px;
    margin: 0px;
    list-style: none;
}
#input{
-webkit-appearance: none;
-webkit-box-shadow:none;
-webkit-box-sizing: border-box;
}
*, *: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{
    -webkit-appearance: none;
    -webkit-box-shadow:none;
    -webkit-box-sizing: border-box;
}
.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*/
/*control mobile header start here*/
#mobile_header{
display: block;
    position: relative;
    width: 100%;
    height: auto;
    padding: 5px 0px;
    background: #fff;
    border-bottom: #eee 1px solid;
}
#mobile_menu{
float: right;
    color: #333;
    margin: 25px 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;
}
#mobile_logo{
    width: auto;
    float: left;
    margin-top: 10px;
}
#mobile_logo img{
max-width: 100%;
}
#cp{
    position: absolute;
    top: 74px;
    width: 100%;
    display: block;
    overflow: hidden;
    height: 0px;
    background: #fff;
    transition: all 0.3s linear 0s;
    cursor: pointer;
    text-align: left;
   z-index: 10000;
}
#cp div{
    width: 100%;
    height: auto;
    padding: 5px;
}
#cp a{
    color: #747272;
    width: 100%;
}
/*control mobile header end here*/
/*control desktop header start here*/
#desktop_header{
display: none;
}
#style_link{
    color: #747272;
    display: inline-block;
    padding: 10px 10px;
    font-size: 90%;
}
/*control desktop header end here*/
#slider{
width: 100%;
height: auto;
}
#contain_img{
width: 100%;
height: 200px;
background: #fff;
}
#contain_img img{
width: 100%;
height: 100%;
}
#first_block{
width: 100%;
height: auto;
background: #fff;
color: #000;
padding: 10px 0px;
}
#first_block_title{
padding: 10px 10px;
    text-align: center;
    font-size: 120%;
    color: #293a5b;
}
#first_block_icons{
width: 80%;
    margin: auto;
    height: auto;
}
#first_block_icons_inner{
float: none;
    width: 100%;
    text-align: center;
}
#first_b_i_inner_img{
    width: 30%;
    margin: auto;
}
#first_b_i_inner_tit{
font-size: 90%;
}
#second_block{
width: 100%;
height: auto;
    background: #f8f7f7;
color: #000;
}
#second_block_left{
    float: none;
    width: 100%;
    height: auto;
}
#second_block_left img{
width: 100%;
height: 100%;
}
#second_block_right{
    float: none;
    width: 100%;
    height: auto;
    padding: 20px;
}
#second_block_right_title{
color: #051a53;
    font-size: 150%;
    padding: 10px 0px;
}
#second_block_right_body{
    line-height: 25px;
    color: #333;
    font-size: 90%;
    padding: 10px 0px;
}
#style_btn1{
    display: inline-block;
    font-size: 90%;
    border: 2px solid #051a53;
    padding: 10px 20px;
    margin: 10px 0px;
}
#style_btn2{
    display: inline-block;
    font-size: 90%;
    color: #fff;
    border: 2px solid #fff;
    padding: 10px 20px;
    margin: 10px 0px;
    transition: linear all .3s;
}
#style_btn2:hover{
    color: #333;
    background: #fff;
}
#third_block{
width: 100%;
    height: auto;
    background: #333;
    color: #fff;
    padding: 20px 0px;
    text-align: center;
}
#third_block_title{
    font-size: 120%;
    margin: 10px 0px;
}
#four_block{
width: 100%;
height: auto;
background:#fff;
color: #fff;
padding: 20px 0px;
}
#four_block_title{
color: #051a53;
    font-size: 120%;
    text-align: center;
        margin: 20px 0px;
}
#four_block_body{
width: 90%;
margin: auto;
}
#four_block_body_inner{
    float: none;
    width: 99%;
    margin: 10px .5%;
    height: 300px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
#four_block_body_inner_overlay{
position: absolute;
background: rgba(0,0,0,.7);
color: #fff;
width: 100%;
height: 100%;
padding: 10px;
}
#f_body_inner_overlay_tit{
font-size: 110%;
}
#f_body_inner_overlay_body{
margin-top: 10px;
    font-size: 90%;
}
#five_block{
width: 100%;
height: auto;
background:#333;
color: #fff;
}
#six_block{
width: 100%;
height: auto;
background: #fff;
color: #000;
padding: 20px 0px;
}
#six_block_title{
padding: 20px 0px;
    text-align: center;
    font-size: 120%;
    color: #293a5b;
}
#six_block_icons{
width: 90%;
    margin: auto;
    height: auto;
}
#six_block_icons_inner{
    float: none;
    width: 100%;
    text-align: center;
}
#six_b_i_inner_img{
    width: 30%;
    margin: auto;
}
#six_b_i_inner_tit{
font-size: 90%;
}
#six_b_i_inner_body{
    font-size: 90%;
    padding: 20px;
}
#seven_block{
width: 100%;
height: auto;
background:#333;
color: #fff;
}
#footer{
width: 100%;
height: auto;
background: #222222;
color: #fff;
}
#footer_inner1{
background: #222222;
color: #fff;
}
#footer_inner1_all{
    width: 100%;
    float: none;
    height: auto;
    padding: 10px 20px;
    font-size: 90%;
}
#align_footer_img{
    margin-top: 50px;
}
#align_footer_div{
    margin-top: 20px;
}
#align_footer_div div{
    padding: 5px 0px;
}
#align_footer_about{
    line-height: 25px;
    font-size: 90%;
}
#style_link_2{
color: #fff;
    display: block;
    padding: 7px;
    border-bottom: 1px dotted #807e7e;
}
#footer_inner2{
  background: #333333;
  color: #fff;
  text-align: center;
  padding:15px 0px;
}
#other_page_info_header{
    width: 100%;
    height: 150px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
#other_page_info_header_overlay{
position: absolute;
    background: rgba(0,0,0,.7);
    color: #fff;
    width: 100%;
    height: 100%;
    padding: 55px 10px;
    font-size: 130%;
}
#other_page_icon{
vertical-align: -3px;
}
#other_page_title{

}
#other_page_body_wrapper{
width: 100%;
height: auto;
}
#about_us_info{
    width: 90%;
    font-size: 90%;
    height: auto;
    margin: auto;
}
#about_us_info div{
    width: 100%;
    height: auto;
    margin: 20px auto;
    line-height: 25px;
}
#faq_info{
    background: #fff;
    color: #293a5b;
    width: 70%;
    margin: 40px auto 0px auto;
    height: auto;
}
#faq_inner_wrapper{
margin: 40px 0px;
}
#faq_inner_title{
font-size: 110%;
margin: 5px 0px;
}
#faq_inner_body{
font-size: 90%;
color: #333;
}
#frame{
width: 100%;
height: 250px;
}
#contact_info{
    width: 90%;
    height: auto;
    background: #fff;
    margin: 20px auto;
}
#contact_info_left{
float: none;
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 10px;
    background: #eee;
}
#contact_info_left div{
margin: 5px 0px;
}
#contact_info_right{
float: none;
    width: 100%;
    height: auto;
}
#wrap_form{
margin: 10px 0px;
}
#wrap_form_tit{
margin: 2px 0px;
}
#wrap_form_body{

}
#contact_style{
height: 40px;
width: 100%;
border: 1px solid #eee;
text-indent: 10px;
-webkit-appearance: none;
-webkit-box-shadow:none;
outline: none;
resize: none;
}
#textarea_style{
height: 100px;
width: 100%;
border: 1px solid #eee;
text-indent: 10px;
-webkit-appearance: none;
-webkit-box-shadow:none;
outline: none;
resize: none;
}
#contact_submit{
    height: 40px;
    width: 100%;
    border: 2px solid #000;
    text-indent: 10px;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    outline: none;
    font-size: 120%;
    resize: none;
    background: #222222;
    color: #fff;
}
#wrap_service_inner{
    width: 90%;
    margin: 50px auto;
    height: auto;
}
#service_title_one{
width: 100%;
height: auto;
text-align: center;
}
#tab_1{
float: none;
    width: 100%;
    background: #222;
    color: #fff;
    font-size: 90%;
    padding: 10px 0px;
    border: 2px solid #fff;
    cursor: pointer;
background: #063;
}
#tab_2{
float: none;
    width: 100%;
    background:#222;
    color: #fff;
    font-size: 90%;
    padding: 10px 0px;
    border: 2px solid #fff; 
       cursor: pointer;

}
#tab_3{
float: none;
    width: 100%;
    background: #222;
    color: #fff;
    font-size: 90%;
    padding: 10px 0px;
    border: 2px solid #fff; 
       cursor: pointer;

}
#service_title_two{
width: 100%;
height: auto;
text-align: center;
}
#tab_11{
float: none;
    width: 100%;
    background: #222;
    color: #fff;
    font-size: 90%;
    padding: 10px 0px;
    border: 2px solid #fff;
       cursor: pointer;

}
#tab_12{
float: none;
    width: 100%;
    background: #222;
    color: #fff;
    font-size: 90%;
    padding: 10px 0px;
    border: 2px solid #fff;
       cursor: pointer;

}
#service_body_1{
  display: block;
width: 100%;
height: auto;
margin: 20px 0px;  

}
#service_body_2{
  display: none;
width: 100%;
height: auto;
margin: 20px 0px;  
}
#service_body_3{
  display: none;
width: 100%;
height: auto;
margin: 20px 0px;  
}
#service_body_4{
  display: none;
width: 100%;
height: auto;
margin: 20px 0px;  
}
#service_body_5{
  display: none;
width: 100%;
height: auto;
margin: 20px 0px;  
}
#service_body_img{
    float: none;
    width: 100%;
    margin-right: 0px;
}
#service_body_detail{
float: none;
    font-size: 90%;
    line-height: 25px;
    width: 100%;
}
#wrap_past_product{
width: 90%;
    height: auto;
    margin: 20px auto;
}
#wrap_past_product_tit{
width: 90%;
height: auto;
margin: 10px auto;
}
#style_past_menu_1{
    float: none;
    width: 100%;
 height: auto;
 text-align: center; 
 cursor: pointer;
 font-weight: bold;
 color: rgb(141, 138, 138);
}
#style_past_menu_2{
    float: none;
    width: 100%;
 height: auto;
 text-align: center; 
  cursor: pointer;
  font-weight: bold;
  color: rgb(141, 138, 138);
}
#style_past_menu_3{
    float: none;
    width: 100%;
 height: auto;
 text-align: center; 
  cursor: pointer;
  font-weight: bold;
  color: rgb(141, 138, 138);
}
#style_past_menu_4{
    float: none;
    width: 100%;
 height: auto;
 text-align: center; 
  cursor: pointer;
  font-weight: bold;
  color: rgb(141, 138, 138);
}
#wrap_past_product_body{

}
#house_1{
width: 100%;
height: auto;
display: block;
}
#house_2{
width: 100%;
height: auto;
display: none;
}
#house_3{
width: 100%;
height: auto;
display: none;
}
#house_4{
width: 100%;
height: auto;
display: none;
}
#inner_align_house{
width: 100%;
height: auto;
}
#wrap_img_house{
    float: none;
    width: 100%;
    height: auto;
    text-align: center;
    padding: 10px;
}
#house_img{
    width: 100%;
    height: 200px;

}
#house_img:hover{
opacity: .8;
}
#house_name{
    font-size: 100%;
    width: 100%;
    padding: 5px;
}
#house_type{
    font-size: 90%;
    color: green;
}