@charset "UTF-8";
/* CSS Document */
h1, h2, h3, h4, h5, h6{ padding-top:20px;}
body{line-height: 30px;font-size: 17px;max-width: 1580px;background-color: #eff0f0;margin: 0 auto; color: #333;}
h2 {font-size: 26px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
li {list-style-type: none;}
a{ cursor: pointer;}
.p_120 {padding-top: 60px;padding-bottom: 120px;}
.header_area .navbar .nav .nav-item .nav-link {
    line-height: 30px;
    font-weight: 500;
    font-size: 17px;
    font-family: "Roboto", sans-serif;
    text-transform: capitalize;
    color: #727272;
    padding: 20px 0 0 0;
    display: inline-block;
}
.header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link{padding:0 0 0 30px;}
.header_area .navbar .nav .nav-item.submenu ul h6{ padding-top:0}
#index_right p{margin-bottom: 0;}
#index_right h3{padding-top: 8px;}
#index_right h4{padding-top: 8px;margin-bottom: 0;}
.sample-text-area img{width:100%;}
.footer-area {background: #eeefef;}

.footer-area ul.bottom-menu {
    border: none;
    list-style: none;
    text-align: left;
	padding: 5px 5px 5px 0;
    font-size: 14px;
}
.footer-area ul.bottom-menu li > a {color: #333;display: flex;cursor: pointer;}
.footer-area ul.bottom-menu li > a:hover {color: #00adef;}
.footer-area .f_social a {color: #333; display: flex;padding:8px 0;}
.footer-area .f_social a:hover {color: #00adef;}
.footer-area .f_social {list-style: none;text-align: left; padding:0;}
.footer-area p{font-size: 13px; line-height: 20px;color: #244c5a;}
#footer a[href^=tel] { color : inherit; text-decoration: none; } 
.blog_details h2:hover {color: #f8b600;}
.f_social_wd p {font-size: 14px;color: #777777;margin-bottom: 5px;}
.f_social_wd .f_social a{color:#333}
.f_social_wd .f_social a:hover{color:#f8b600}
.header_area .navbar .nav .nav-item.submenu ul {background: rgba(240,240,240,0.95);box-shadow: 0em 0em 0.75em #c8c8c8;width: auto;min-width: inherit;}
.header_area .navbar .nav .nav-item.submenu ul .nav-item:hover .nav-link {background: #f8b600;color: #fff;}
.header_area + section, .header_area + row, .header_area + div {margin-top: 0;}
.header_area .navbar .nav .nav-item:hover .nav-link{color: #221814;}
.header_area .navbar .nav .nav-item a:before{color: #221814;content:"";}
.header_area .navbar .nav .nav-item a.active {content:"";left: 0;width: 100%; /*color: #221814;*/}
.wel_item i {font-size: 3rem;}
.sample-text-area p a{color: #414141;cursor: pointer;}
.sample-text-area p a:hover{color: #00adef;cursor: pointer;}
.down-arrow {
    display :inline-block;
    position: relative;
    content: " ";
    width: 10px;
    height: 10px;
    border: 1px solid #231815;
    border-width: 1px 0 0 1px;
    transform: rotate(45deg);
	top:0;
	left:30%;

}
.left-arrow {
    display :inline-block;
    position: relative;
    content: " ";
    width: 10px;
    height: 10px;
    border: 1px solid #afa96e;
    border-width: 1px 0 0 1px;
    transform: rotate(135deg);
	top:0;
	left:0;

}
.learn-more-arrow {
    padding: 5px 15px;
  display: inline-block;
  text-align: center;
  position: relative;
  overflow: hidden;
  color: #244c5a !important;
	border: 1px solid #244c5a;
	    font-size: 16px;
	margin:1rem 0;
    font-weight: 500;

}


.robot_img  {
    width: 50%;
    float: left;
}
.robot_img img{
    width: 100%;
    height: auto;
}
.robot_img p{
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}

.robot_txt  {
    width: 50%;
    float: left;
    font-size: 17px!important;
}

a:hover.learn-more-arrow {
	border: 1px solid darkgray; color: #fff !important; background-color:darkgray}

.blog_details img{width:100%;}
#myCarousel-a,.contact_area,#pro_main{ background-color: white;}
.world_area .container{width:100%;max-width: 100%;}
.world_area iframe{position: relative;
    background: transparent;
    width: 100%;
    min-height: 620px;
    overflow: hidden;
}
@media (max-width: 991px) {
	.down-arrow { display:none;}
	.world_area iframe{min-height: 380px;}
}
@media (max-width: 767px){
	.world_area iframe{min-height: 220px;}
}
@media (max-width: 414px){
	.world_area {display: none;}
}
.ordered-list li{ color: #244c5a;}
.social-media a{ color:#BEC2B3;font-size: 10px;margin: 0 0 0 20px;}
.social-media a.active,.social-media a:hover{ color:#231815;}
.feature_area {background: #7B8388; color:#fff;}
.feature_item:hover {background: #FFE100;color: #fff;}
.feature_item {background: #8F999F;padding: 40px 30px 40px 30px;}
.feature_item h4,.feature_area .main_title h2,.feature_area .main_title p{color:#fff;}
.feature_item h4 {font-size: 20px;}
.feature_item p {font-size: 16px;}
.feature_item  .col-lg-25{padding-right: 5px;padding-left: 5px;}
@media (min-width: 992px) {
	.feature_area .col-lg-25{padding-right: 5px;padding-left: 5px;}
}
.gray_area {background: #eee; color:#999;}
.blog_area a{color:#000;}
@media (max-width: 414px) {#product_page .container .p-5{padding:1rem !important;}}
.clients_logo_area{ background:#fff;}
.clients_logo_area img{width:100%;}
.main_title {text-align: left;max-width: 100%;margin: 50px auto 50px;}
.border_bottom_yellow{ border-bottom:3px #fee100 solid; }
.border_bottom_gray{ border-bottom:3px #e4e4e4 solid; }
.banner_area .banner_inner .overlay_about {
    background: url(../img/top-about.jpg) no-repeat scroll top center;
	background-size:100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 120%;
    bottom: 0;
    z-index: -1;
    opacity: 1;
}
.banner_area .banner_inner .overlay_product {
    background: url(../img/top-product.jpg) no-repeat scroll bottom center;
	background-size:100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 120%;
    bottom: 0;
    z-index: -1;
    opacity: 1;
}
.banner_area .banner_inner .overlay_service {
    background: url(../img/top-service.jpg) no-repeat scroll center center;
	background-size:100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 130%;
    bottom: 0;
    z-index: -1;
    opacity: 1;
}
.banner_area .banner_inner .overlay_agents {
    background: url(../img/top-contact.jpg) no-repeat scroll center center;
	background-size:100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 130%;
    bottom: 0;
    z-index: -1;
    opacity: 1;
}
.banner_area .banner_inner .overlay_mg {
    background: url(../img/top-mg.jpg) no-repeat scroll center center;
	background-size:100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 130%;
    bottom: 0;
    z-index: -1;
    opacity: 1;
}
.banner_area .banner_inner .overlay_history {
    background: url(../img/top-history.jpg) no-repeat scroll center center;
	background-size:100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 130%;
    bottom: 0;
    z-index: -1;
    opacity: 1;
}
.banner_area .banner_inner .overlay_news {
    background: url(../img/top-news.jpg) no-repeat scroll center center;
	background-size:100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 130%;
    bottom: 0;
    z-index: -1;
    opacity: 1;
}
.banner_area .banner_inner .overlay_advantage {
    background: url(../img/top-advantage.jpg) no-repeat scroll center center;
	background-size:100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 130%;
    bottom: 0;
    z-index: -1;
    opacity: 1;
}

.banner_area .banner_inner .overlay_catalog {
    background: url(../img/top-catalog.jpg) no-repeat scroll center center;
	background-size:100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 130%;
    bottom: 0;
    z-index: -1;
    opacity: 1;
}

#service_top .banner_area .banner_inner .overlay_service {background: url(../img/top-service.jpg) no-repeat scroll center center;}
@media (max-width: 414px) {
	.banner_area .banner_inner .overlay_about {background: url(../img/top-about.jpg) no-repeat scroll bottom center;background-size:100%;top: 40px;}
	.banner_area .banner_inner .overlay_service {background: url(../img/top-service.jpg) no-repeat scroll bottom center;background-size:100%;top:30px;}
	.banner_area .banner_inner .overlay_catalog {background: url(../img/top-catalog.jpg) no-repeat scroll bottom center;background-size:100%;top:30px;}
	.banner_area .banner_inner .overlay_product{top:40px;}
	.banner_area .banner_inner .overlay_mg {top:40px;}
	.banner_area .banner_inner .overlay_advantage {top:40px;}
	.banner_area .banner_inner .overlay_news {top:40px;}
	.main_title {text-align: left;max-width: 100%;margin: 40px auto 40px;}
}
.advanced_search {margin-top:0; z-index:99;}
.submit_btn{background:#999;border: 1px solid #999;}
.submit_btn:hover {color: #999;background:#FFE100;border: 1px solid #FFE100;}
.home_banner_area {min-height: 550px;margin-bottom:0; }
.categories_post img, .categories_post img {width: 100%;}
.blog_categorie_area{padding-top:0; padding-bottom:0; }
#index .row{margin-left:0; margin-right:0;}
#ss .row{margin-left:0; margin-right:0;}
.blog_categorie_area .col-lg-12,.blog_categorie_area .col-lg-6,.blog_categorie_area .col-lg-3,.blog_categorie_area.col-md-12,.blog_categorie_area .col-md-6,.blog_categorie_area .col-md-3{padding-right: 0;  padding-left: 0;}
.categories_post .categories_details {position: absolute;color:#000}
#categories1 .categories_post .categories_details {top: 50%;left: 40%;right: 0;bottom: 0;background: rgba(244, 231, 0, 1);}
#categories1 .categories_post .categories_details:hover{background: rgba(244, 231, 0, 0.8);}
#categories4 .categories_post .categories_details {left:0;top: 50%;right: 0;bottom: 0;background: rgba(244, 231, 0, 1);}
#categories4 .categories_post .categories_details:hover{background: rgba(244, 231, 0, 0.8);}
#ss #categories4 .categories_post .categories_details {left:0;top: 5%;right: 0;bottom: 0;background:rgba(254, 254, 254, 1);}
#ss #categories4 .categories_post .categories_details:hover{background: rgba(254, 254, 254, 0.8);}
#categories2 .categories_post .categories_details{background: rgba(240, 240, 240, 1); left:0;top: 50%;right: 0;bottom: 0;}
#categories2 .categories_post .categories_details:hover{background: rgba(240, 240, 240, 0.8);}
#ss #categories2 .categories_post .categories_details{background: rgba(240, 240, 240, 1); left:0;top: 5%;right: 0;bottom: 0;}
#ss  #categories2 .categories_post .categories_details:hover{background: rgba(240, 240, 240, 0.8);}
#categories7 .categories_post .categories_details{background: rgba(189, 189, 189, 1); left:0;top: 50%;right: 0;bottom: 0;}
#categories7 .categories_post .categories_details:hover{background: rgba(189, 189, 189, 0.8); left:0;top: 50%;right: 0;bottom: 0;}
#ss #categories7 .categories_post .categories_details{background: rgba(189, 189, 189, 1); left:0;top: 5%;right: 0;bottom: 0;}
#ss #categories7 .categories_post .categories_details:hover{background: rgba(189, 189, 189, 0.8); }
#categories5 .categories_post .categories_details{background: rgba(240, 240, 240, 1); left:40%;top: 50%;right: 0;bottom: 0;}
#categories5 .categories_post .categories_details:hover{background: rgba(240, 240, 240, 0.8);}
#categories3 .categories_post .categories_details{background: rgba(254, 254, 254, 1); left:0;top: 50%;right: 0;bottom: 0;}
#categories3 .categories_post .categories_details:hover{background: rgba(254, 254, 254, 0.8);}
#ss #categories3 .categories_post .categories_details{background: rgba(254, 254, 254, 1); left:0;top: 5%;right: 0;bottom: 0;}
#ss #categories3 .categories_post .categories_details:hover{background: rgba(254, 254, 254, 0.8);}
#categories6 .categories_post .categories_details{background: rgba(254, 254, 254, 1); left:40%;top: 50%;right: 0;bottom: 0;}
#categories6 .categories_post .categories_details:hover{background: rgba(254, 254, 254, 0.8);}
@media (max-width: 991px) {
#categories1 .categories_post .categories_details {position: absolute;left:0;top: 50%;right: 0;bottom: 0;}
#categories6 .categories_post .categories_details, #categories5 .categories_post .categories_details{ left:0;}
}

.categories_details a{color:#000}
.categories_post .categories_details .border_line {background: #666;width: 6%;height: 7px;}
.categories_post .categories_details  p{ color:#666; margin-top:15px;}
.welcome_text h5 {font-size: 20px;line-height: 36px;}
.welcome_text p {line-height: 30px;font-size: 16px;}
.wel_item i {color: #f8b600;}
.banner_area .banner_inner {min-height: 380px;background: #fff;}
#agents_top  .banner_inner {min-height: 380px;background: #fff;}
#banner_area .banner_inner {min-height: 180px;}
#banner_area.banner_area {min-height: 180px;}
#joinus_area.banner_area{background: url(../img/joinusbg.jpg) no-repeat scroll 80% 65%;background-size: 25%;}
#joinus_area.banner_area .banner_inner{background: none; }
#joinus_form .comment-form{margin:0;border:none; background:#7b8388;padding: 47px 60px 43px 280px;}
#joinus_form .comment-form h4{color:#fff;font-size: 24px; text-align:left;}
#joinus_area .banner_inner .overlay {background: url(img/joinus-bg1.jpg) no-repeat fixed center;}
#joinus_area .banner_content { width:50%; left: 26%;position: relative;}
.yellowline{background:#fff100; width:10px; height:350px; position: absolute;top: 300px;left: 117px;}

@media (max-width: 930px) {.banner_area .banner_inner {min-height: 250px;}}
@media (max-width: 414px) {
.banner_area .banner_inner {min-height: 135px;}.banner_area { min-height: 100px;}
#joinus_area.banner_area{background-size: 100%;}
.yellowline{display:none;}
#joinus_form .comment-form{padding:15px;}
#joinus_area .banner_content { width:90%; left: 0;}
	#agents_top  .banner_inner {min-height: 140px;background: #fff;}
	.banner_area .banner_inner .overlay_agents{ height:130%;top:65px;}
}
.clients_logo_area .clients_slider .item img {width: 100%;}
.welcome_area {padding-top: 80px;background-color: #fff;}
#banner_area h3{ color:#fff;}
.properties_item .pp_content .pp_footer h5{line-height: 28px;padding-bottom: 30px;}
#service_area .properties_item .pp_content .pp_footer h5{ font-size:15px;}
.whole-wrap img{width:90%; margin:0 auto;}
.whole-wrap img.iphone_show{display:none;}
.whole-wrap img.iphone_none{display:block;}
.whole-wrap .container {max-width: 95%;}
.header_area{width: 100%;z-index: 100;max-width: 1580px;margin: auto;position: inherit;background-color: #fff;}
.header_area .navbar-brand img{width:60%;}
#indexpage .header_area{background-color: #fff;}
.testimonials_inner .testi_left_text{max-width:1000px;}
.header_area .navbar .nav .nav-item.submenu ul ol li a{list-style-type: square;}
.header_area .navbar .nav .nav-item.submenu ul ol li.nav-item .nav-link {
    line-height: 30px;
    color:#244c5a;
    padding: 0px 0 0px 38px;}
@media (max-width: 414px) {
	.whole-wrap img.iphone_show{display:block;}
	.whole-wrap img.iphone_none{display:none;}
	.header_area .navbar-brand img{width:50%;}
}
@media (max-width: 991px){
#myCarousel-a .testimonials_inner .testi_left_text {margin-top: 40px;margin-bottom: 20px;}
#servicebg  .testimonials_inner .testi_left_text {margin-top: 40px;margin-bottom: 20px;}
.testimonials_inner .testi_left_text h4{font-size: 30px;}
}
.genric-btn{ font-size:1rem;}
#service_area .genric-btn.primary{ width:100%;}
#service_process .generic-blockquote {padding: 0 0 0 30px;}
.pad_top {padding-top: 60px;}
#pro_main .container {max-width: 100%; width:100%;}
@media (min-width: 1620px){
.box_1620 {max-width: 1170px;margin: auto;}
}
@media (min-width: 1200px){
#product_page .container {max-width: 990px;}
#pro_main .container {max-width: 95%; }
#pro_menu .container {max-width: 100%; }
.header_area .navbar-brand img{width:70%;}}
.genric-btn.primary-border {
    color: #999;
    border: 1px solid #999;
    background: #fff;
    
}

.genric-btn.primary-border:hover {
    color: #fff;
	background: #333;}
@media (min-width: 992px){
.header_area .navbar .nav .nav-item.submenu ul {background: rgba(240,240,240,0.95);box-shadow: 0em 0em 0.75em #c8c8c8;    width:90%;
	  margin:0 5%;
}
}
.container {max-width: 100%;}
#product_page .container {max-width: 80%;}
@media (min-width: 1200px){
.container {max-width: 90%;}
#product_page.container {max-width: 100%;}
}
.sample-text-area {padding: 20px 0 70px 0; background-color: white;}
.sample-text-area .area_link a{padding:0 5px;color: #777777;}
.sample-text-area .area_link a:link{text-decoration: underline;color: #777777;}
.sample-text-area .area_link a:hover{color: #f8b600;}
.mg_bgimg{ height:30px; background-color:#7f7f7f; width:100%;}
.testi_item {padding:0; margin:30px;}
.testi_slider .owl-dots .owl-dot.active {background: #fff100;}
.testi_slider .owl-dots {right: 0;}
.testi_item h4:hover {color: #fff100;}
.welcome_inner .mg_text{position: relative;height: 200px;}
.inner {position:absolute;top: 75%;  transform: translateY(-50%);   }
@media (max-width: 414px){
.welcome_inner .mg_text{position: relative;height: 340px;}
.inner {position:absolute;top: 26%;  transform: translateY(-50%);}
}
.mg_area {background: url(../img/mgareabg.jpg) no-repeat scroll center right;background-size: cover;opacity:1;}
.mg_area .testi_left_text, .mg_area .testi_left_text p, .mg_area .testi_left_text h4{ color:#2b2b2b;}
#history_area .categories_yellow{background: rgba(244, 231, 0, 1);color:#242424;}
#history_area .categories_gray{background: rgba(240, 240, 240, 1);}
#history_area .categories_secondary{background: #868e96;color:#fff;}
#history_area .categories_img{position: relative; padding:0;}
#history_area .categories_img img{width:100%;}
#history_area .container{max-width:100%;}
#advantage_area{ background-color:#fff; }
#advantage_area h2, #advantage_area p{color:#333;}
#advantage_area .categories_yellow{background: rgba(244, 231, 0, 0.8);color:#242424;}
#advantage_area .categories_img img{width:100%;}
.blog_right_sidebar {border: 1px solid #eeeeee;background: #eeeeee;padding: 30px;}
.blog_top_sidebar {border-top: 1px solid #999999;}
.blog_right_sidebar .widget_title {background: #f8b600;}
#news_area{background-image: url(../img/news_bg.jpg);background-repeat: repeat-x; background-color: white;}
#news_top.banner_area .banner_inner .banner_content h2 {color: #222222;font-size: 32px;margin-bottom: 0px;
font-weight: 500;}
#news_top.banner_area .banner_inner .overlay { height:90%;background: #eff0f0; background-image:none;}
#news_top.banner_area .banner_inner {min-height: 180px;background: #eff0f0;}#news_top.banner_area{min-height: 180px;}
#iphone_area{ display:none;}
#pro_menu{margin-bottom: 23px;margin-top: 30px;}
#pro_main img{ width:99%;}
#pro_main li{list-style-type: square;}
@media (max-width: 414px){#iphone_area{ display:block;}#pro_main img.logo_icon{ width:50%;}}
.categories_post:hover .categories_details {background: #FFE100;}
#pro_menu .categories_post:hover .categories_details.active{background: rgba(254, 224, 50, 0.8);}
#pro_menu h5{padding-top: 0;}
#pro_main .pro_name{ color:#333;font-size: 120%;    text-align: center;}
.bg_yellow{background: #FFE100;}
.bg_d_gray{background-color: #c7c6c6;}
.bg_dark_gray{background-color: #868e96;}
.bg_gray{background: #dadada;}
.generic-blockquote {padding: 10px 50px 10px 30px; margin-top:20px;}
.sample-text-area p b {font-weight: bold;color: #343a40;}
#pro_contact .contact-pro{ text-align:left; line-height:28px}
#pro_contact h3{font-size: 40px;}
.contact_info .info_item p, .wel_item p,.categories_post .categories_details p,.testimonials_inner .testi_left_text p  {font-size: 17px;}
.contact_info .contact_peo{width:100%;}
.contact_info .infopeo_item {position: relative;margin-left:0px;margin-right:0px;}
#pro_area a{color:#343a40;padding:1rem; cursor: pointer}
#pro_area a:hover{color:#1ba2e6}
#top a{color:#343a40;padding:1rem; cursor: pointer}
#top a:hover{color:#007bff}
.pro-bgimg{background-image: url('../img/pro-bgimg.png');background-repeat: no-repeat;background-size: cover;}
.pro-bgimg img{ width:80%;vertical-align: text-top;margin-top: 30px;float: right;}
@media (max-width: 414px){.pro-bgimg img{ width:100%;margin-top: 0;}#pro_area{display:none;}}

#scrollUp, #back-top {
    background: #244c5a;
    height: 50px;
    width: 50px;
    right: 31px;
    bottom: 50px;
    position: fixed;
    color: #fff;
    font-size: 20px;
    text-align: center;
    border-radius: 50%;
    line-height: 48px;
    
}
#scrollUp a i, #back-top a i {
    display: block;
    line-height: 50px;
}