@charset "utf-8";
/* CSS Document */
/* ========== Do Not Touch In Css Strat ========== */
/* ========== Commn Css Strat ========== */
body{}
p {margin:0px; padding:0px 0px 18px 0px; line-height:20px;}
.floatleft {float:left;}
.floatright {float:right;}
.clear {clear:both;}
.bold {font-weight:bold;}
a {text-decoration:none; color:#FFFFFF; outline:none;}
a:active, a:focus{ outline:none; text-decoration:none!important;}
a:hover, a.selected {text-decoration:none; color:#429312;}
ul {list-style:none;}
li {list-style:none;}
.nonebox_shadow{box-shadow:0 0px 0px rgba(0, 0, 0, 0.05)!important;}
h1{ font-size:32px; color:#FF0D33; font-weight:200; margin-bottom:18px; margin-top:20px; font-family: 'Open Sans', sans-serif;}
h1 span{ color:#111111; font-size:22px;}
.textjustify{text-align: justify;}
/* ========== Commn Css End ========== */
/* ========== Do Not Touch In Css End ========== */
/* ========== Style Css Strat ========== */
/* ------- Header Area Strat ------- */
header{margin:0px; padding: 19px 0px 17px 0px; background-color:#000000; right:0; left:0;}
.header_right{ float:right; text-align:right;}
.header_call{ background:url(../images/call.png) left center no-repeat; padding:0px 0px 0px 30px; margin: 0px 10px 0px 0px; font-family: 'Open Sans', sans-serif; color:#FFFFFF; text-align:right; line-height:16px; display:inline-block; vertical-align:top;}
.header_mail{ background:url(../images/icon_@.png) left center no-repeat; padding:0px 0px 0px 30px; margin: 0px 10px 0px 0px; font-family: 'Open Sans', sans-serif; color:#FFFFFF; text-align:right; line-height:16px; display:inline-block; vertical-align:top;}
.facebook_btn{ margin:0px 0px; padding:0px 5px; display:inline-block; vertical-align:top;}
.twitter_btn{ margin:0px 0px; padding:0px 5px; display:inline-block; vertical-align:top;}
.linkdedin_btn{ margin:0px 0px; padding:0px 5px; display:inline-block; vertical-align:top;}
/* ------- Header Area End ------- */

/* ------- Navigation Area Strat ------- */
.navigation{}
.navbar-nav{ float:none!important;}
.navbar{ margin-bottom:0px!important; min-height:4px!important;}
.navbar-inverse{ background:none!important; border:none!important;
-webkit-border-radius: 0px!important;
-moz-border-radius: 0px!important;
border-radius: 0px!important;}
.navbar-inverse .navbar-nav > li > a{ color:#004059!important; padding:17px 20px 18px 20px;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{ background-color:#009BD7!important; color:#ffffff!important;}
.navbar-inverse .navbar-nav > li:hover > a{ color:#775900!important; background:#FDBE00;}
.nav > li{font-weight:300; font-size:13px; line-height:14px; color:#775900; text-transform:uppercase;}
.navbar-inverse .navbar-nav > li:hover, .navbar-inverse .navbar-nav > li:focus, .navbar-inverse .navbar-nav > .active, .navbar-inverse .navbar-nav > .active:hover, .navbar-inverse .navbar-nav > .active:focus{ background:none;}
.nav > li:last-child, .nav > li:last-child:hover{}
.navbar-nav > li > a{ display:block; padding:5px 10px;}
.navibgend{ background:#fff; height:55px; position:absolute; right:0px; bottom:20px; z-index:1; width:50%;}
.navigationbg{ position:relative; z-index:3}
/* ------- Navigation Area End ------- */
.linkedin{float:right!important; font-size:13px!important; text-align: right;}
/* ------- Home Banner Area Strat ------- */
.bannerarea {padding-top:20px;}
.banner_cntimg{ padding:0px 0px;}
.banner_title{font-family: 'Roboto', sans-serif; font-weight:400; font-size:80px; color:#fff; line-height: 80px;}
.banner_text{font-family: 'Roboto', sans-serif; font-weight:100; font-size:23px; line-height:24px; color:#fff;}
.banner_btn a{text-transform: uppercase; border-radius: 25px; letter-spacing:2px; background-color:rgba(66, 147, 18, 0.9); font-family: 'Roboto', sans-serif;  color:#ffffff; font-size:15px; padding:15px 25px;}
.banner_btn a:hover{background:#ffffff; color:#000000; font-weight:normal;}
.hm_banner{ margin-bottom:0px; position:relative; background:#EFF2F8;}
.inner_banner{ margin-bottom:40px; position:relative; margin: 0px auto; text-align: center; width: 100%;}
@-moz-document url-prefix() {
.banner_title{ top:33%!important;}	
}
/* ------- Home Banner Area End ------- */

/* ------- Customer Area Strat ------- */
.customer_says{ background-attachment: scroll;}
.customer_says .owl-item{ width:100%;}
.customer_says p{font-family: 'Open Sans', sans-serif; font-size:13px; line-height:25px; color:#878787; text-align:center;}
.customer_says .owl-dots .owl-dot{ display:inline-block; float:none; text-align:center;} 
.customer_says h2{font-family: 'Open Sans', sans-serif; font-size:14px; color:#313F46; font-weight: bold;}
.customer_says h2 span{color:#429312; font-weight:500; font-size:16px; font-weight:bold; line-height:25px;}
.customer_says #owl-customer_says{display:inline-block;}
.customer_says .owl-theme .owl-dots .owl-dot span{ height:12px; width:12px; border:1px solid #429312; border-radius:100%; background:none;}
.customer_says .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{ background:#429312;}
/* ------- Customer Banner Area End ------- */

/* ------- Pages Contener Area Strat ------- */
/* ..... Home Page Contener Area Strat ..... */
.title_line{ font-family: 'Open Sans', sans-serif; font-size:12px; line-height:25px; color:#868686; font-weight:400; line-height: 22px;}
.title_line1{font-family: 'Open Sans', sans-serif; font-size:12px; line-height:25px; color:#000000; width: 80%; padding-top: 10px; padding-bottom: 10px;  text-align: center; margin: 0px auto; font-weight:400; line-height: 22px;}
.title_line_img{width: 100%; text-align: center; margin: 0px auto; }
h2.title_small{font-family: 'Open Sans', sans-serif; font-size:22px; line-height:25px; color:#000000; font-weight:normal; padding-top: 20px; width: 100%; text-align: center; margin: 0px auto; }

.aboutusbg {background-color: #EFF2F8; padding-bottom: 60px;}

.video_cnt_block{ margin: 50px 0px; }
.video_block_title{font-family: 'Open Sans', sans-serif; font-size:14px; color:#524C46; font-weight:500; margin-bottom:25px; text-align: center; letter-spacing:2px;}
.video_block_title span{font-family: 'Open Sans', sans-serif; font-size:32px; color:#429312; font-weight:200; margin-bottom:25px}


.btn_projectdetail{ margin-top:10px; text-align: center;}
.btn_projectdetail a{ color: #000000; }
.abouthome h1{ font-size:32px; color:#429312; font-weight:200; margin-bottom:18px; margin-top:70px; font-family: 'Open Sans', sans-serif;}
.abouthome h1 span{ color:#111111; font-size:22px;}
.abouthome p {margin:0px; padding:0px 0px 18px 0px; line-height:26px;}



/* ..... Home Page gallery Area Strat ..... */
#gallery{background:#EFF2F8; margin:50px 0px 10px 0px; padding: 50px 0px;}
#gallery .gallery_title{font-family: 'Open Sans', sans-serif; font-size:14px; color:#524C46; font-weight:500; margin-bottom:25px; text-align: center; letter-spacing:2px;}
#gallery .gallery_title span{font-family: 'Open Sans', sans-serif; font-size:32px; color:#429312; font-weight:200; margin-bottom:25px}

/* ..... Home Page gallery Area E ..... */

/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  padding:15px 20px;
  background:#FFCB30;
  font-family: 'Roboto', sans-serif;
  font-size:13px;
  text-transform: uppercase; 
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #494949;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {color: white;}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {-webkit-transform: scaleX(1); transform: scaleX(1);}

/* .innerbg{background:url(../images/shadow_bg.jpg) right top repeat-x #F7F7F7;} */
.inner{ padding-top:40px; margin-bottom:100px;  }
.inner h1{ font-size:32px; color:#474747; font-weight:200; margin-bottom:50px; font-family: 'Open Sans', sans-serif;}
.inner h1 span{ color:#F8BE14; font-weight:bold;}
.inner h2{ font-size:25px; color:#474747; font-weight:500; margin-top:20px; margin-bottom:20px; font-family: 'Open Sans', sans-serif;}
.inner p{ font-size:15px; color:#868686; font-weight:normal; font-family: 'Open Sans', sans-serif; line-height: 32px; }
.inner ul.dots{ float:left; margin-bottom: 20px;}
.inner ul.dots li{ background:url(../images/dots.png) left 13px no-repeat;  font-size:15px; color:#868686; font-weight:normal; font-family: 'Open Sans', sans-serif; line-height: 32px; padding-left:15px;}
.inner h2{ font-size:22px; color:#429312; font-weight:200; margin-bottom:30px; font-family: 'Open Sans', sans-serif;}
.inner h3{ font-size:22px; color:#474747; font-weight:200; margin-bottom:20px; font-family: 'Open Sans', sans-serif;}


.servicesbox1{ border:1px solid #dddddd; background:#f7f7f7; padding: 50px 30px; }
.servicesbox1 .img1{ text-align: center; }
.servicesbox1 h1{ text-align: center; font-family: 'Open Sans', sans-serif; font-size:22px; color:#151623; font-weight:200; margin:20px 0px 20px 0px; }
.servicesbox1 h1 span{ color:#429312; font-weight:700; }
.servicesbox1 p{ text-align: center; font-family: 'Open Sans', sans-serif; font-size:15px; color:#151623; line-height: 30px;}
.servicesbox1 .dividerred { margin: 10px auto 20px auto; text-align: center;}

/*table formate start here*/

table{ width: 100%; border-collapse: collapse;  }
tr:nth-of-type(odd) { background:#F8F8F8;}
th { background:#E9E9E9; color:#134577; font-size:13px; font-family: 'Roboto', sans-serif; font-weight:bold; border-right:2px solid #FFF!important; padding:13px 10px!important; }
td, th { border:none; text-align: left; padding:10px 10px; font-size:13px; font-family: 'Roboto', sans-serif; color:#26516b; }

    td:nth-of-type(1) { content: ""; width:34%;}
    td:nth-of-type(2) { content: ""; width:33%;}
    td:nth-of-type(3) { content: ""; width:33%;}
    
td{ border-bottom: 1px solid #CCC; padding:20px 10px;}
th{ border-bottom: 2px solid #fff;}
/*table formate end here*/



.inner .appoint input{ background:#EEEEEE; width:90%; font-family:'Open Sans', sans-serif; border:none; margin:4px 0px 12px 0px; padding:22px 15px; font-size:13px; color:#7E7E7E;}
.inner .btn{ background:#494949; color:#FFF; font-family:'Open Sans', sans-serif; font-size:15px; border-radius:0px; padding:10px 30px;         -webkit-transition: background 0.3s linear;
        -moz-transition: background 0.3s linear;
        -ms-transition: background 0.3s linear;
        -o-transition: background 0.3s linear;
        transition: background 0.3s linear;}
.inner .btn a{color:#FFF;}
.inner .btn:hover{ background:#FBBA00; color:#FFF; font-family:'Open Sans', sans-serif; font-size:15px; border-radius:0px; padding:10px 30px;}

.contact a {text-decoration:none; color:#FBBA00; outline:none; text-decoration: none;}
.contact a:hover {text-decoration:none; color:#333333;}





.testimonialbg{padding:10px 0px 50px 0px;}
.testimonialbg h1{font-family: 'Open Sans', sans-serif; font-size:14px; color:#524C46; font-weight:500; margin-bottom:25px; text-align: center; letter-spacing:2px;}
.testimonialbg h1 span{font-family: 'Open Sans', sans-serif; font-size:32px; color:#429312; font-weight:200; margin-bottom:25px}
.testimonialbg p{ font-family: 'Open Sans', sans-serif; font-size:13px; line-height:25px; color:#878787; text-align:center;}
.testimonialbg .whosays{ font-family: 'Open Sans', sans-serif; font-size:13px; line-height:25px; color:#000; text-align:center; font-weight:600;}
.testimonialbg .whosays span{ font-weight:600;}



/* ..... Home Page Contener Area End ..... */

/* ..... Inner Page Contener Area Strat ..... */
.inner h1{font-family: 'Open Sans', sans-serif; font-size:32px; color:#429312; font-weight:500; 
margin-bottom:25px; text-align: center; letter-spacing:2px; text-transform:uppercase; line-height: 30px;}
.inner h1 span{font-family: 'Open Sans', sans-serif; font-size:22px; color:#524C46; font-weight:200; margin-bottom:25px}

/* ----------- Images Gallery Css Strat ----------- */

/* ----------- Images Gallery Css End ----------- */

/* ..... Inner Page Contener Area End ..... */
/* ------- Pages Contener Area End ------- */

/* ------- Footer Area Strat ------- */
footer{ background:url(../images/footer_bg.jpg) left center fixed #494949; padding:125px 0px 125px 0px; color:#fff; }
footer h3{ font-family: 'Roboto', sans-serif; text-transform:uppercase; font-size:22px; color:#fff; font-weight:bold; margin:55px 0px 15px 0px;}
footer ul li{ font-size:14px; margin-bottom:10px; font-family: 'Roboto', sans-serif; display:inline-block; width:100%; font-weight:300; color:#fff;}
footer ul li a{ font-size:14px; display:inline-block; width:100%; font-weight:300; color:#fff;}
footer ul li a:hover{ color:#429312; text-decoration: none; }
footer ul li a.active{ color:#429312; }


.footer_bottom{ padding:15px 0px; vertical-align:middle; background-color: #429312; }
.footer_bottom .copy_msg{font-family: 'Roboto', sans-serif; margin:8px 0px 8px 0px; text-align:left; font-size:12px; color:#ffffff;}
.footer_bottom .connect{text-align:right; float: right;}
.footer_bottom .connectbottom{float: right; padding-right: 10px;}

/* ------- Footer Area End ------- */

#toTop { background:#429312; text-align:center; padding:8px 12px; border-radius:5px; position:fixed; /* this is the magic */ bottom:10px; /* together with this to put the div at the bottom*/ right:10px; cursor:pointer; display:none; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
/* ========== Style Css End ========== */

/* ==================== Bootstrap Css Strat ==================== */
@media screen and (min-width : 990px) and (max-width : 1980px) {
.navbar-nav > li:hover > .dropdown-menu {display: block;}
.navbar-inverse .navbar-brand{ display:none; }
.navbar-collapse{ padding-left:0px; padding-right:0px;}
.dropdown-menu > li{ border-bottom:#dddddd solid 0px;}
.dropdown-menu > li:last-child{ border-bottom:none;}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #ffffff!important;
  text-decoration: none;
  background-color: #5b5b5b;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff!important;
  text-decoration: none;
  background-color: #5b5b5b;
  outline: 0;
}
}
@media only screen and (max-width:1280px) {
}
@media only screen and (max-width:1024px) {
.owl-carousel .owl-item .owl-item{ float:none; width:95%;}
.nav > li{ font-size:12px;}
.navbar-inverse .navbar-nav > li > a { padding: 17px 10px;}
.linkedin a{ margin:0px;}
.banner_btn{ margin-top:5px;}
.true_arrow li{ margin-bottom:15px;}
footer input[type="text"]{ width:64%;}
.footer_bottom ul.app_btn li { display: inline-block;  width: 47%;}
.footer_bottom ul.app_btn{ margin-top:10px;}
.footer_social{ margin-top:10px;}
.footer_bottom .payment{ margin-top:17px;}
.banner_btn{top:285px!important;}

}
@media (max-width: 990px) {
.navbar-header {float: none;}
.navbar-toggle {display: block;}
.navbar-collapse {border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
.navbar-collapse.collapse {display: none!important;}
.navbar-nav {float: none!important; margin: 7.5px -15px;}
.navbar-nav>li {float: none;}
.navbar-nav>li>a {padding-top: 10px; padding-bottom: 10px;}
.navbar-text {float: none; margin: 15px 0;}
.navbar-collapse.collapse.in { display: block!important;}
.collapsing {overflow: hidden!important;}
.navbar-inverse .navbar-brand{ color:#121213;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{ border-color:transparent;}
}
@media only screen and (max-width:1000px) {
.banner_text{ font-size:22px; margin-bottom:25px; line-height:26px;}
.banner_btn{ top:231px!important;}
.work_flow_bg{ display:none;}
.header_call{ margin-bottom:20px;}
.tab_space{ margin-top:50px;}
.footer_social{ text-align:center;}
.footer_bottom .payment{ margin-top:30px;}
.footer_bottom .copy_msg{ text-align:center; margin-top:33px;}
.footer_social li {display: inline-block;  float: none;}
.footer_bottom ul.app_btn li { display: inline-block; float:none; width:auto;}
.footer_bottom ul.app_btn{ text-align:center;}
.video_cnt_block{ margin-top:0px;}
.linkedin a, .blog a{ padding:15px 10px;}

}
@media screen and (min-width : 980px) and (max-width : 1024px) {

}
@media screen and (min-width : 400px) and (max-width : 1024px) {
}
@media screen and (min-width : 768px) and (max-width : 990px) {

}
@media screen and (min-width : 700px) and (max-width : 800px) {

}
@media only screen and (max-width:900px) {
}
@media only screen and (max-width:800px) {

}
@media only screen and (max-width:768px) {
	
}
@media screen and (min-width : 700px) and (max-width : 800px) {
	
}
@media screen and (min-width : 600px) and (max-width : 640px) {
	
}
@media only screen and (max-width:760px) {
.owl-carousel .owl-item .owl-item{ width:100%;}
.navigation{ padding-top:0px;}
.navbar-inverse .navbar-brand{ color:#fff;}
.navbar-nav { float: none!important; margin-top:0px!important; margin-bottom:0px!important;}
.navbar-toggle{ background:#FFCB30!important; border:#000 solid 1px!important;}
.navbar-inverse{ background:#FFCB30 !important; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
.nav > li{-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;}
.nav > li , .nav > li:last-child , .nav > li:first-child { margin-left:0px!important; background:none; font-size:14px;}
.nav > li a, .nav > li:last-child a, .nav > li:first-child a,.navbar-inverse .navbar-nav > li:first-child >  a, .navbar-inverse .navbar-nav > li:last-child >  a{ padding:12px 14px!important; display:block;}

.nav > li{ border-bottom:#364655 solid 1px;}
.nav > li:last-child{ border-bottom:#4b4a4a solid 0px;}
.navbar-inverse .navbar-nav > li > a{ color:#fff!important;}
.navbar-inverse .navbar-nav > li:hover a, .navbar-inverse .navbar-nav > li.active a{ background:#092782;}
.navbar-inverse .navbar-nav > li:hover a{ color:#fabb06 ;} 
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{ color:#fabb06;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{ background:#092782!important;}

.dropdown-menu li{ font-size:14px;}
.dropdown-menu li li{ font-size:12px;background:url(../images/line_divder.jpg) no-repeat 10px 16px;}
.navbar-nav > li > .dropdown-menu li ul li a{ padding:8px 20px;}
.navbar-nav > li.dropdown a{ background:none;}
.navbar-inverse .navbar-nav > li:hover li a, .navbar-inverse .navbar-nav > li.active li a{ background:none!important;}
.dropdown-menu li ul{ display:block; position:relative; right:0px;}
.dropdown-menu li ul{ background:none!important;}
.work_flow .col-sm-3{ margin-bottom:30px;}
.video_block_title{ display:block;}
.video_block{ text-align:center; margin-top:30px;}
.video_block .img-responsive{ display:inline-block;}
footer .col-sm-4{ margin-bottom:30px;}
.tab_space { margin-top: 30px;}
.footer_social li a{ padding:5px 0px;}
.footer_social{ margin-bottom:30px;}
.footer_bottom{ text-align:center;}
}
@media only screen and (max-width:680px) {
.banner_btn { top: 70%!important;}
.banner_btn a{ font-size:13px;}
}
@media only screen and (max-width:640px) {
h1{ font-size:24px;}
.video_block_title{ font-size:24px;}
.track_input_box { max-width: 300px;}
.track_input_box button{ font-size:16px;}
@media (max-width: 480px) {

}
@media (max-width: 470px) {
	
}
@media (max-width: 450px) {
.banner_btn { top: 80%!important;}
.banner_btn a{ font-size:10px; padding:7px;}
.banner_text{ font-size:30px; line-height:35px; width:100%; white-space:nowrap;}	
}
@media (max-width: 400px) {

}
@media (max-width: 360px) {

}
@media (max-width: 320px) {

}