@charset "utf-8";
/* CSS Document */

body,*{ margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif;}
/*-------------------HOME------------------*/
.logo img{height:70px; }
.contact-header p{ line-height:67px; font-size:12px; text-align:center;}
.contact-header p a{ color:#000000; transition:linear 0.2s;}
.contact-header p a:hover{ color:#F89939; text-decoration:none;}
.contact-header p .fa{ color:#F89939; font-size:18px; margin-right:5px;}
.contact-header ul{ list-style:none;}
.contact-header li{ float:left; line-height:70px; margin:0 9px;}
.contact-header li a{ color:#FFFFFF; background:#F89939; display:block; width:30px; line-height:30px; box-shadow:0 0 0 0 rgba(0,0,0,0.60); text-align:center; margin:20px 0; border-radius:50%; transition:linear 0.2s;}
.contact-header li a:hover{ background:#E9E8E8; color:#F89939; box-shadow: 0 0 5px 5px rgba(0,0,0,0.00); } 

.navbar-default { background:#F89939 !important; border-color:#fff !important;}
.navbar{margin-bottom: 0px; border:none; border-radius:0px;}
.nav > li {font-size:15px; transition:all 0.3s ease-in; display:block; padding:0 28px; border-right:2px solid #FFFFFF; margin-top:10px;}
.nav > li:hover{box-shadow:inset 0 0 30px 0 #FFFFFF;}
.nav > li > a {color:#FFFFFF !important; transition: linear 0.3s; padding:5px 10px !important; font-weight:600;}
.nav > li:hover > a{color:#fff !important;}


.drop01{ width:280px; position:absolute; left:-64px; top:30px; background:#fff; z-index:99; box-shadow: 4px 5px 7.28px 0.72px rgba(0, 0, 0, 0.5);
 display:none; transition:all 0.3s ease-in-out; border-top: 8px solid rgba(248,153,57,1.00); padding:20px 0px;} 
.drop01 .drop01_box{padding:0px 20px;}
.drop01 #box_mdl{border-left:1px solid #e9e4e4; }
.drop01 #box_mdl2{border-right:1px solid #e9e4e4;}
.drop01 .drop01_box ul li{list-style:none; border-bottom:1px solid rgba(248,153,57,0.2)}
.drop01 .drop01_box ul li a{ text-decoration:none; display:block; color:#777; letter-spacing:0.5px; line-height:24px; transition:all 0.2s ease-in-out; font-size:12px; }
.drop01 .drop01_box ul li:hover a{color:#f89939;}
.drop01 .drop01_box h1{margin-top:0px; color:#777; font-size:18px;}
.nav > li.dropdown:hover .drop01{display:block;}
.active01{box-shadow:inset 0 5px 0 0 #f89939; border-left:2px solid #FFFFFF;}

.banner1 img{ width:100%;}

.design h1{ color:#f89939; font-size:20px;}
.design p{ font-size:12px;}
.design h2{color:#f89939; font-size:18px;}
.design p a{ color:#f89939; transition:linear 0.2s;}
.design p a:hover{ color:#000000; text-decoration:none;}
.design-services{ margin:0 0 40px 0;}
.design-services h3{ font-size:14px; font-weight:600; text-align:center;}
.design-services img{ border:1px solid #CDCDCD; width:100%; padding:10px;}
.experties{ margin-left:30px;list-style:circle;}
.expert-softwares h3{ font-size:14px; font-weight:600;}
.expert-softwares ul{ margin-left:30px; list-style:circle;}


.services-main h2{color:#FFFFFF; background:#F89939; font-size:18px; border:2px solid #f89939; padding:10px; margin-bottom:0;}
.services { list-style:none; border:2px solid #F89939;}
.services li{ display: block; margin: 5px 0; padding:5px 0; transition:linear 0.2s;}
.services li a{ display:block; color:#f89939; margin-left:10px; transition:linear 0.2s;}
.services li:hover a{ text-decoration:none; color:#FFFFFF;}
.services li:hover{ background:#f89939; box-shadow:2px 3px 5px 0 rgba(0,0,0,0.40);}

.cadastral-mapping h2{color:#f89939; font-size:22px;}
.cadastral-mapping p{ font-size:14px; line-height:22px; text-align:justify; padding-bottom:10px;}
.cadastral-mapping img{ height:320px; width:100%; margin:0px 0; transition:linear 0.3s;}
.cadastral-mapping img:hover{ box-shadow: 4px 6px 15px 0 rgba(0,0,0,0.40);}
.cadastral-mapping h3{color:#8F8D8D; font-size:20px; margin:20px 0;}
.cadastral-mapping ul{ list-style:circle; margin-left:20px;}
.cadastral-mapping .col-sm-4 img{ height:220px;}
.cadastral-mapping .row{ margin-bottom:30px;}

form{ background:#C3C0C0; border:2px solid #F89939; padding:10px; margin:30px 0; text-align:center;} 
form h3{ font-size:18px; color:#FFFFFF; background:#f89939; line-height:30px; text-align:center;}
form input{ width:100%; padding:5px 10px; margin:10px 0;}
form textarea{ width:100%; padding:5px 10px; margin:10px 0;}
form .btn{ background:#f89939;}
form .g-recaptcha{ margin:10px 0;}



.clients-img{ width:100%; border:1px solid #9E9E9E; padding:20px 40px; margin:20px 0;}

.services-main h3{  font-size:18px; color:#FFFFFF; background:#f89939; line-height:30px; text-align:center;}
.services-main marquee{ width:100%; height:200px; font-size:14px;  }
.author{ text-align:right; font-weight:600;}

.scrollToTop{ background:rgba(248,153,57,0.60); display:block; width:40px; position:fixed; top:530px; font-size:24px; line-height:40px; border-radius:50%; right:10px; text-align:center; color:#FFFFFF; z-index:99;  transition:linear 0.2s;}
.scrollToTop:hover{ color:rgba(0,0,0,0.30); text-decoration:none; background:rgba(248,153,57,0.90); top:520px; box-shadow:2px 3px 5px 0 rgba(0,0,0,0.40);}
.footer-main{ background: rgba(248,153,57,0.60); padding:10px;}
.footer-main h3{ background:#fff; padding:10px; margin-bottom:0; font-size:18px; color:#f89939;}
.footer-main ul{ list-style:none; background:rgba(255,255,255,0.20); border:2px solid #FFFFFF; padding:8px;}
.footer-main ul li a{ padding:10px;display:block; margin-bottom:5px; font-size:12px; color:rgba(0,0,0,0.80); border:1px solid #FFFFFF; transition:linear 0.2s;}
.footer-main ul li a:hover{ box-shadow:2px 3px 5px 0 rgba(0,0,0,0.40); text-decoration:none; background:rgba(255,255,255,0.60); transform:scale(1.1)}
.contact-footer{ background:rgba(255,255,255,0.20); border:2px solid #FFFFFF; padding-top:16px; height:198px;}
.contact-footer p{ padding-left:10px;}
.contact-footer .fa{ color:rgba(248,153,57,1.00); font-size:18px; margin-right:10px;}
footer{ background:#f89939; padding:10px 0; border-radius:4px;}
footer p { color:#fff; font-size:12px;}
footer p a{ color:#fff; transition:linear 0.2s;}
footer p a:hover{ color:#000; text-decoration:none; }
footer ul{ list-style:none;}
footer li{ float:left; line-height:30px; margin:0 9px;}
footer li a{ color:#f89939; background:#FFFFFF; display:block; width:30px; line-height:30px; text-align:center; margin:0; border-radius:50%; transition:linear 0.2s;}
footer li a:hover{ color:#f89939; box-shadow:1px 1px 5px 0 rgba(0,0,0,1.00); transform:scale(1.2)} 

.mini-nav{}
.contact-left{ box-shadow:-2px 3px 20px 0 rgba(0,0,0,0.40);background:rgba(248,153,57,0.80); margin-bottom:30px; padding:10px 20px;}
.mini-nav{ font-size:12px; line-height:12px; margin-top:30px;  }
.mini-nav a{ color:#f89939;}
.mini-nav a:hover{ color:#000000; text-decoration:none;}
.contact-left h3{ color:#FFFFFF; font-size:18px;}
.contact-left h5{ font-size:14px;}
.text-area{ width:70%; margin:10px 15%;border:2px inset #F89939; transition: linear 0.2s; }

.contact-main{  border:none; background:none}
.contact-main input{ width:70%; margin:10px 15%; transition:linear 0.2s; border:2px inset #F89939;}
.contact-main input:focus{ box-shadow:2px 3px 5px 0 rgba(0,0,0,1.00); outline:none;}
.contact-main textarea{ width:70%; margin:10px 15%;border:2px inset #F89939; transition: linear 0.2s;}
.contact-main textarea:focus{ box-shadow:2px 3px 5px 0 rgba(0,0,0,1.00); outline:none;}
.contact-main .g-recaptcha{ margin-left:29.5%; margin-right:29.5%;}
.contact-main .btn{ width:40%; margin:0 30%; padding:10px; font-size:16px; background:#FFFFFF; color:#f89939; font-weight:600; border-radius:0;transition:linear 0.3s;}
.contact-main .btn:hover{box-shadow:2px 3px 5px 0 rgba(0,0,0,1.00); background:#FFFFFF; color:#f89939;}

.address { width:100%; height:auto; background:rgba(248,153,57,0.6); padding:20px;  box-shadow:-2px 4px 20px 0 rgba(0,0,0,0.40); border-radius:0 8px 8px 0;}
.address h4{ font-size:16px; font-weight:600;}
.address p{ font-size:12px;}
.address h4 a{ color:#FFFFFF; transition:linear 0.2s;}
.address hr{ border:2px solid #000000;}
.address h4 a:hover{ color:#000000;text-decoration:none;}

.side{position:fixed; bottom:100px; left:0;}
.side ul{list-style:none;}
.side ul a{ width:40px; line-height:40px; display:block; border-radius:0 5px 5px 0; background:#F0090D; text-align:right;padding-right:10px; transition:linear 0.3s; color:#FFFFFF; font-size:18px;}
.side ul a:hover{ width:60px;}
.side .face{ background:#4867aa;}
.side .twt{ background:#1da1f2;}
.side .g{ background:#d91517;}
.side .phone{ background:#bc31a5; font-size:14px; width:200px !important; margin-left:-160px; transition:linear 0.5s;}
.phone-no{ float:left;}
.side .phone:hover{ margin-left:0;} 


.main-gallery{ background:#ffffff; border-radius:5px; margin:0;}
.main-gallery h3{ color:rgba(248,153,57,1.00); margin-bottom:10px; background:#FFFFFF; padding:10px; margin-top:0;}
.box01{width:100%; position:relative; overflow:hidden;box-sizing:border-box; margin:30px 0; border:5px solid rgba(248,153,57,0.60);}
.box01 img{ width:100%;}
.box01 #box1{ width:100%; height:100%; position:absolute;  background:rgba(248,153,57,0.00); z-index:1; top:0; opacity:1; text-align:center; -webkit-transition:ease-in-out 0.3s; transition:ease-in-out 0.3s;}
.box01 #box1 .fa{ color:rgba(255,255,255,1.00); font-size:24px; line-height:300px; z-index:1; transform:scale(1); transition:linear 0.3s; opacity:0;}
.box01:hover #box1{ background:rgba(248,153,57,0.30);}
.box01:hover #box1 .fa{ transform:scale(3); color:rgba(255,255,255,0.00); opacity:1;}
.box-img01{height:180px;}
.box-img01 #box1 .fa{ line-height:180px;}

.box-img02{height:300px;}
.box-img02 img{ width:100%; height:300px}
.box-img02 #box1 .fa{ line-height:300px;}

.box-img03{height:260px;}
.box-img03 img{ width:100%; height:260px}
.box-img03 #box1 .fa{ line-height:260px;}

.box-img04{height:220px;}
.box-img04 img{ width:100%; height:220px}
.box-img04 #box1 .fa{ line-height:220px;}

.box-img05{height:230px;}
.box-img05 img{ width:100%; height:230px}
.box-img05 #box1 .fa{ line-height:230px;}

.box-img06{height:250px;}
.box-img06 img{ width:100%; height:250px}
.box-img06 #box1 .fa{ line-height:250px;}

.box-img07{height:170px;}
.box-img07 img{ width:100%; height:200px}
.box-img07 #box1 .fa{ line-height:200px;}

.box-img08{height:140px;}
.box-img08 img{ width:100%; height:140px}
.box-img08 #box1 .fa{ line-height:140px;}

.box-img09{height:140px;}
.box-img09 img{ width:100%; height:140px}
.box-img09 #box1 .fa{ line-height:140px;}

.about-img01{ width:100%; overflow:hidden; text-align:center;}
.about-img01 img{ height:300px; width:100%; margin-top:55px; transform:scale(1); transition:linear 0.3s;}
.about-img01 img:hover{ transform:scale(1.1)}
.about-us h2{ font-size:22px; color:#f89939; margin-top:10px;}
.about-us p{ font-size:12px; line-height:22px;}

.our-mission{ margin:30px 0;}
.mission-img01{ width:100%; overflow:hidden; height:240px; margin:55px 0;}
.mission-img01 img{ width:80%; height:240px; transform:scale(1); transition:linear 0.3s;}
.mission-img01 img:hover{ transform:scale(1.1)}
.mission h2{font-size:22px; color:#f89939;}
.mission p{font-size:12px; line-height:22px;}

.our-advantages{ text-align:center; background: rgba(248,153,57,0.3); border-radius:10px 10px 0 0;}
/*.advantages{ text-align:center; background: rgba(248,153,57,0.3); border-radius:10px 0 0 0; height:500px;}*/
.advantages h2{ font-size:22px; color:#f89939; margin-bottom:30px; background:#FFFFFF; padding:10px 0; border-radius:10px 10px 0 0;}
.advantages img{ background:#FFFFFF; padding:20px; border-radius:2px; transition:linear 0.5s; transform:rotate(0deg);}
.advantages img:hover{ border-radius:50%;transform:rotate(360deg);}
.advantages h3{ font-size:20px; text-align:left !important; color:#FF5F00; font-weight:500;width:80%; line-height:28px;}
.advantages p{ font-size:12px; line-height:18px; text-align:justify; padding-bottom:20px;}

/*.capabilities{ text-align:center; background: rgba(248,153,57,0.3);  border-radius:0 10px 0 0; height:500px;}*/
.capabilities h2{font-size:22px; color:#f89939; margin-bottom:30px; background:#FFFFFF; padding:10px 0; border-radius:10px 10px 0 0;}
.capabilities img{ width:150px; padding:10px; background:#FFFFFF; border-radius:2px; transition:ease-in 0.2s; margin-bottom:20px; box-shadow:0 0 0 0 rgba(0,0,0,0.20);}
.capabilities img:hover{  box-shadow:0 0 0 20px rgba(0,0,0,0.0);}
.capabilities h3{ font-size:20px; text-align:left !important; color:#FF5F00; font-weight:500; width:80%; line-height:28px;}
.capabilities p{ font-size:12px; line-height:18px; text-align:justify;}

.we-offers h2{ font-size:22px; color:#f89939; margin:30px 0;}
.we-offers p{  font-size:12px; line-height:18px; text-align:justify;}
.we-offers span{ border:3px solid #f89939; padding:14px; font-size:24px; border-radius:50%; margin-top:30px; box-shadow:0 0 0 0px rgba(0,0,0,0.40);
 transition: ease-in 0.3s;}
.we-offers span:hover{box-shadow:0 0 0 10px rgba(0,0,0,0.0);}
.offer-p{ color:#A3A2A2; text-align:left !important; margin-top:30px !important; margin-bottom:60px;}


.blog-img01{ width:100%;}
.blog-img01 img{ width:100%; padding:10px; border:1px solid #D8D3D3;transform:scale(1); transition:ease-in-out 0.4s;}
.blog-img01 img:hover{ transform:scale(1.03);}
.blog-main{ margin:80px 0;}
.blog-main h3 a{ font-size:22px; color:#f89939; transition:linear 0.2s;}
.blog-main h3 a:hover { color:#8B8B8B; text-decoration:none;}
.blog-main h5{ font-size:12px; color:#8B8B8B; display:inline-block; margin-right: 10px;}
.blog-main h5 span, h5 .fa{ color:#f89939; font-size:14px; margin-right:5px;}
.blog-main p{font-size:14px; line-height:18px; text-align:justify; }
.blog-main .btn{ background: rgba(248,153,57,1); border-radius:0; width:120px; line-height:30px; color:#FFFFFF; transition:linear 0.3s;}
.blog-main .btn:hover{ color:#f89939; box-shadow:inset 0 0 0 50px #FFFFFF;}
.container .col-sm-9 hr{ border:1px solid rgba(195,193,193,0.5);}

.blog-recent h2{  font-size:22px; color:#f89939;}
.blog-recent img{ width:100%; padding:10px; margin-top:20px; border:1px solid #D8D3D3; transform:scale(1); transition:ease-in-out 0.4s;}
.blog-recent img:hover{ transform:scale(1.03);}
.blog-recent h3 a{font-size:20px; color:#8B8B8B; transition: linear 0.2s;}
.blog-recent h3 a:hover{ color:#f89939;text-decoration:none;}

.link01{ text-indent:0 !important; font-size:12px !important; }
.link01 a{ color:#f89939;}
.link01 a:hover{ color:#000000; text-decoration:none;}
.cad h2{ font-size:22px; color:#f89939;}
.cad p{font-size:14px; line-height:22px; text-align:justify; text-indent:50px; }
.other-services{ margin-bottom:30px; background:rgba(248,153,57,0.20); padding:10px;}
.other-services h4{ background:#f89939; padding:10px 0; color:#FFFFFF; text-align:center; height:60px;}
.other-services p{ text-indent:0px; text-align-last:left; line-height:18px; font-size:13px !important; background:rgba(255,255,255,1.00); text-align:left;}
.other-services a{ background:#f89939; display:block; color:#FFFFFF; border-radius:0; transition:linear 0.2s;}
.other-services:hover a{ box-shadow:2px 3px 10px 0 rgba(0,0,0,0.60); transform:scale(1.1);}

.image-cad { width:100%; height:188px; overflow:hidden; background:#DFD2D3; margin-bottom: 40px;}
.image-cad:hover{ box-shadow: 2px 1px 10px 1px rgba(0,0,0,0.20)}
.image-cad img{ width:100%; transform:scale(1); transition:linear 0.3s;}
.image-cad img:hover{ transform:scale(1.1);}
.cad h3{ font-size:20px;color:#f89939; line-height:28px; padding: 10px; }
.cad ul{ list-style-position:inside; list-style-type:circle;}
.cad ul li{font-size:14px; line-height:22px; text-align:justify;}


.image-cad01{ margin-bottom:40px;}
.image-cad01 img{ width:100%;box-shadow:2px 4px 10px 4px rgba(175,170,170,1.00); transition:ease-out 0.3s;}
.image-cad01 img:hover{box-shadow:0 0 0px 0px rgba(175,170,170,1.00);}
.heading-gis{ font-size:22px; color:#f89939; margin-top:10px;}
.para01{font-size:14px; line-height:22px; text-align:justify; text-indent:50px;}
.other-image{ height:200px; position:relative; margin-bottom:30px;}
.other-image img{ height:200px; width:100%;}
.other-over{ position:absolute; height:200px; width:100%; border-radius:6px; background:rgba(255,255,255,0.90); top:0; text-align:center; transition:linear 0.3s;}
.other-over h4{margin-top:18%;  color:#f89939; font-size:20px;}
.other-over .btn{ border:1px solid #f89939; color:#f89939; transition:ease-out 0.3s;}
.other-over .btn:hover{ background:#f89939; color:#FFFFFF;}
.other-over:hover{ background:rgba(255,255,255,0.6); box-shadow:inset 1px 2px 10px 2px rgba(0,0,0,0.6); cursor:pointer;}
.gis-cadastral{  display:inline-block; margin-right:40px; margin-left:30px;} 
.gis-main{  float:left; padding-top:30px;}



@media (max-width: 768px){
.contact-header p{text-align:center; line-height:20px;}
.logo img{ text-align:center !important; height:60px; margin-left:21%; margin-right:auto;}
.contact-header ul{ margin-left:22%;}
.nav > li > a {padding: 10px !important;}
.navbar-toggle{ margin-top:25px !important; margin-bottom:25px !important;}
.drop01_box{ display:none;}
.drop01{ width:0px;}
.nav > li{ border:0;}
.nav >li > a{ border:1px solid rgba(255,255,255,0.20);}
.nav > li:hover{ box-shadow:none;}
.nav > li:hover > a{color: #F89939 !important; box-shadow:inset 0 0 150px 0 rgba(255,255,255,1.00);}
.side{ display:none;}
.address{ border-radius:0; margin-bottom:30px;}
footer{ text-align:center; border-radius:0;} 
footer ul{ margin-left:22%;}
.contact-main input{ width:100%; margin:10px 0;}
.contact-main textarea{ width:100%; margin:10px 0;}
.contact-main .g-recaptcha{ margin:10px 0;}
.contact-main .btn{ width:100%; margin:10px 0;}
.advantages{ padding-top:10px;}
.capabilities { margin-top:10px; border-radius:10px 10px 0 0; padding-bottom:10px;}
.cad-services{ height:auto;}
.contact-footer{ height:auto;}

}