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

body { margin:0; padding:0;}


#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
z-index: 100;
display: none;
}
.cnt223 a{
text-decoration: none;
float:right;
color:#999;
font-size:18px;

}
.popup{
width: 100%;
margin: 0 auto;
display: none;
position: fixed;
z-index: 101;
background: #000000ab;
padding: 8% 0 14% 0;
background-size:cover;
}
.cnt223{
min-width: 80%;
width: 80%;
min-height: 150px;
margin: 40px auto;
background: #f3f3f3;
position: relative;
z-index: 103;
padding: 55px 35px;
border-radius: 5px;
box-shadow: 0 2px 5px #000;
border:5px solid #f1770b;
}
.cnt223 p{
clear: both;
    color: #555555;
    /* text-align: justify; */
    font-size: 14px;
    font-family: sans-serif;
    line-height:22px;
	text-align: justify;
}
.cnt223 p a{
color: #d91900;
font-weight: bold;
}
.cnt223 .x{
float: right;
height: 35px;
left: 22px;
position: relative;
top: -25px;
width: 34px;
}
.cnt223 .x:hover{
cursor: pointer;
}
 


.agree_btn { background:#333; color:#FFF; padding:10px; border-radius:4px; border:none; cursor:pointer; margin-right:20px;}
.agree_btn2 { background:#f1770b; color:#FFF; padding:10px; border-radius:4px; border:none; cursor:pointer; margin-right:20px;}
.black_pattern { min-width:100%; float:left; background:url(../images/banner_pattern.jpg) left top repeat; padding:2% 0;}

.container { width:1160px; margin:0 auto;}

.nav_bg { width:96%; float:left; background:#f6f6f6; padding:0% 2%;}

.logo { width:20%; float:left; margin-top:0.6%;}

.main_nav_right { width:76%; float:right;}

.menu-trigger { float:right; margin-top:8px; display:none;}

.nav_right { width:52%; float:left;}
.nav_right ul { list-style:none; margin:0; padding:0;}
.nav_right ul li { float:left;}
.nav_right ul li a { font-family:Arial, Helvetica, sans-serif; display:block; font-size:15px; color:#333; line-height:91px; padding:0 20px; text-decoration:none; margin-right:10px;}
.nav_right ul li a:hover { background:#f1770b; border-bottom:4px solid #d92321; color:#fff;}
.nav_right ul li a.active { background:#f1770b; border-bottom:4px solid #d92321; color:#fff;}

.enquery_btn a{ width:10%; float:left; padding:1% 2%; background:#140e0b; border-radius:40px; margin-top:4%; display:block;
 text-decoration:none; font-family:Arial, Helvetica, sans-serif; color:#fff; text-align:center; font-size:14px; margin-right:3%;}
 
 .call_btn { width:15%; float:left;   margin-top:40px; display:block; margin-right:3%;}
  .call_btn a {text-decoration:none; font-family:Arial, Helvetica, sans-serif; color:#000; text-align:center; font-size:14px;}
 
 
 .mail_btn{ width:25%; float:left;  margin-top:40px; display:block; margin-right:3%;}
 
 .mail_btn a {text-decoration:none; font-family:Arial, Helvetica, sans-serif; color:#000; text-align:center; font-size:14px;}
 
.trophy { width:9%; float:right;}


.nav_star { width:100%; float:left; margin:2% 0;}
.nav_star ul { list-style:none; margin:0; padding:0;}
.nav_star ul li { float:left;}
.nav_star ul li a { float:left; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#ccc; line-height:15px; padding:0 10px; font-weight:bold; text-decoration:none;}




.banner_slider { width:100%; float:left;}


.trunky_main_ding {width: 100%;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 35px;
    font-weight: 200;
    color: #333;
    text-align: center; margin: 1% 0 2% 0;}
    
 .trunky_main_ding span {
    color: #f1770b;}

.mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 100%;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color:rgba(241, 119, 11, 0.82);
}

/* Caption text */
.text {
  color: #e77817;
  font-size:16px;
  padding: 10px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
  background:#0000007d;
  font-family:Arial, Helvetica, sans-serif;
  
}



/* Number text (1/3 etc) */
.numbertext {
    color: #e77817;
    font-size: 60px;
	font-weight:bold;
    padding: 8px 12px;
    position: absolute;
    top: 0;
    width: 100%;
    float: left;
    text-align: center;
	margin-top:10%;
	font-family:Arial, Helvetica, sans-serif;
}

.numbertext-p {
    color: #f2f2f2;
    font-size: 18px;
	font-weight:200;
    padding: 8px 12px;
    position: absolute;
    top: 0;
	left:85px;
    width: 85%;
    float: left;
    text-align: center;
	margin-top:20%;
	font-family:Arial, Helvetica, sans-serif;
	line-height:30px;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}




.nav_star_orange { width:100%; float:left; margin:2% 0 0 0;}
.nav_star_orange ul { list-style:none; margin:0; padding:0;}
.nav_star_orange ul li { float:left;}
.nav_star_orange ul li a { font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#f1770b; line-height:22px; padding:0 30px; font-weight:600; text-decoration:none;}



.about_bg { width:100%; float:left; background:#fbfbfb;}

.about_inner_main { width:100%; float:left;}

.about_hding2 { width:100%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:30px; margin:3% 0 0 0; color:#f1770b;}
.about_hding { width:100%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:30px; margin:3% 0 0 0; color:#333;}

.about_left_panel { width:55%; float:left; margin-top:1%;}

.about_hding_panel { width:100%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:30px; font-weight:800; color:#f1770b; text-align:justify;}
.about_hding_panel span{ width:100%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:24px; margin:1% 0; line-height:35px; font-weight:200; color:#333; text-align:justify;}

.about_text_panel { width:100%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; line-height:26px; color:#656565; margin:2% 0; text-align:justify;}



.about_panel_btn { width:20%; float:left; margin:2% 0;}

.right_about_img { width:36%; float:right;}
.about_left_img { width:100%; float:right;}
.effectron_logo2 { width:72%; float:right;}




.snd_bg { width:100%; float:left; background:url(../images/integrating_bg.jpg) left top no-repeat; padding:8% 0; margin:3% 0 1px; background-size:cover;}
.scnd_box_inner { width:100%; float:left; margin:2% 0}

.made_in_india { width:100%; float:left; margin:0 0 2% 0;}
.made_in_india_text { width:100%; float:left; font-family:Arial, Helvetica, sans-serif; line-height:50px; font-size:35px; font-weight:normal; color:#fff;}
.made_in_india_text span{ color:#f1770b;}

.effectron_coneten_box { width:60%; float:left;}

.scnd_box_hding {width:100%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:60px; line-height:40px; font-weight:bold; margin:3% 0; color:#fff; }
.scnd_box_hding span{width:100%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:55px; font-weight:300; margin:3% 0; color:#fff; }

.scnd_box_text { width:100%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:30px; font-weight:normal; text-align:justify; color:#eee;}
.view_project_btn { width:38%; float:left; margin:4% 0 0 0;}



.thrd_main { width:100%; float:left;}

.feature_box_main { width:100%; float:left; margin:2% 0;}
.feature_box { width:30%; float:left; margin-right:5%;}
.feature_box:last-child { margin-right:0;}
.feature_box_img { width:100%; float:left; margin: 0 12%;}
.feature_box_hding {width:100%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:24px; margin:3% 0; color:#333; text-align:center;}
.feature_box_text { width:100%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal; color:#666; text-align:center;}
.feature_box_btn a { width:25%; float:left; padding:3% 3%; font-family:Arial, Helvetica, sans-serif; font-size:14px; background:#f1770b; color:#fff; border-radius:20px; text-align:center; margin:4% 35%; text-decoration:none;}

.allservice_btn { width:22%; float:left; margin:2% 39%;}


.fourth_main { width:100%; float:left; background:url(../images/phlip_bg.jpg) left top no-repeat; margin:3% 0; background-size:cover;}
.phlip_inner_main { width:100%; float:left; margin:3.5% 0;}
.phlip_left_img { width:13%; float:left;}

.phlip_right_box { width:87%; float:right;}
.phlip_right_hding { width:100%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:33px; line-height:50px; font-weight:500; color:#fff;; margin:2% 0; text-align:justify;}


.fifth_main { width:100%; float:left; margin:3% 0;}

.fifth_inner_main { width:100%; float:left;}
.our_success_left_img { width:50%; float:left;}

.our_success_right_box { width:45%; float:right;}
.our_success_main_hding { width:100%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:45px; font-weight:bold; color:#f1770b; margin:2% 0; text-align:justify;}
.our_success_hding { width:100%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:26px; line-height:38px; font-weight:500; color:#010306; margin:2% 0; text-align:justify;}
.our_success_hding span{  color:#f1770b;}

.our_success_text { width:100%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:22px; line-height:34px; font-weight:100; color:#222326; margin:2% 0; text-align:justify;}
.our_success_text span{  color:#f1770b;}

.sixth_main {  width:100%; float:left; background:url(../images/testimonial_bg.jpg) left top no-repeat; padding:2% 0; margin:3% 0; background-size:cover;}

.testi_hding { width:100%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:35px; line-height:38px; font-weight:500; color:#fff; margin:2% 0; text-align:center;}

.testi_circle_img { width:88%; float:left; margin: 0 7%;}

.sixt_hding { width:100%; float:left; margin:2% 0;}
.testi_img { width:25%; float:left; margin: 0px 38%;}

.for-car .carousel-control-block > .carousel-button-left > a, .for-car .carousel-control-block > .carousel-button-right > a {
    color: #fff !important;
}


.testimonial_hding { width:100%; float:left; color:#fff; font-family:Arial, Helvetica, sans-serif; text-align:center; margin:4% 0; border-top:1px solid #eee; border-bottom:1px solid #eee; padding:2% 0; font-size:22px;}


.seventh_main {  width:100%; float:left; margin:3% 0;}
.wall_tech_inner { width:100%; float:left;}
.wall_tech_main_hding {width:100%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:800; color:#333; text-align:center; margin-bottom:2%;}

.wall_tech_left_img { width:60%; float:left;}

.wall_tech_right_box { width:40%; float:right;}
.wall_tech_hding { width:100%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:800; color:#333; text-align:justify;}
.wall_tech_hding span{  color:#f1770b;}

.wall_tech_text { width:100%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal; color:#666; margin:2% 0; text-align:justify;}


.our_product_main { width:100%; float:left; margin:3% 0;}

.our_product_left_panel { width:45%; float:left;}
.our_product_left_panel_hding { width:100%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:800; color:#333; margin:2% 0;}
.our_product_left_panel ul { list-style:none; margin:0; padding:0;}
.our_product_left_panel ul li { font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#333; line-height:22px; text-decoration:none;}

.our_product_right_img { width:40%; float:right;}

.row-fluid.for-car > .carousel-wrapper > .carousel-items > .span3 {
    width: 3.307692% !important;}



.eight_main {  width:100%; float:left; margin:2% 0;}
.our_partner_inner { width:100%; float:left;}
.our_partner_hding { width:100%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:35px; font-weight:200; color:#333; text-align:center;}
.our_partner_hding span{ color:#f1770b;}

.brand { width:100%; float:left; margin:2% 0;}
.brand ul { list-style:none; margin:0; padding:0;}
.brand ul li { float:left;}
.brand ul li a { padding:0 16px; color:#333; text-decoration:none;}

.various_project { width:100%; float:left;}
.various_left { width:68%; float:right; height:auto; background:#f1770b; 
-webkit-clip-path: polygon(15% 0, 100% 0%, 100% 100%, 0% 100%);
clip-path: polygon(15% 0, 100% 0%, 100% 100%, 0% 100%);}

.inner_vorious {width: 80%;
    float: left;
    margin: 57px 10%;}
	
.inner_vorious ul { list-style:none; margin:0px; padding:0px;}
.inner_vorious ul li { float:left; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:100; color:#fff; padding:0 36px;}
.inner_vorious ul li:last-child { padding: 0 0;}




.various_brand { width:26%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:32px; margin-top:3%; color:#000; font-weight:bold;}


.footer_bg { min-width:100%; float:left; background:url(../images/footer_patter.jpg) left top repeat; padding:4% 0;}
.footer_sec { width:20%; float:left}
.footer_sec:nth-child(1) {
  width:35%; margin-right:5%;
}
.footer_sec_hding { width:100%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:200; color:#fff; margin:3% 0;}
.footer_sec_inner_hding { width:100%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; font-weight:500; color:#f1770b; margin:1% 0; }

.footer_add_box { width:100%; float:left; margin-bottom:3.5%;}
.icon_box { width:9%; float:left; color:#f1770b; margin-top:1%;}
.address_box { width:91%; float:right;}
.address_box_hding { width:100%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; font-weight:700; color:#f1770b; margin:1% 0; }
.address_box_text { width:100%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:22px; font-weight:600; color:#fff; margin:1% 0; }

.footer_sec_text { width:100%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; font-weight:normal; color:#fff; margin:1% 0; }
.footer_contact_sec_text { width:100%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; text-align:justify; font-weight:normal; color:#fff; margin:3% 0;  }


.footer_sec ul { list-style:none; margin:0; padding:0;}
.footer_sec ul li { float:none;}
.footer_sec ul li a {  font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; line-height:30px; font-weight:600; text-decoration:none;}

.social_icon { width:100%; float:left; margin:3% 0;}

.circle { width:38%; float:left; padding:8%; border:2px solid #ccc; border-radius:50%; color:#f1770b; text-align:center; margin:0;}



.contact_left_panel { width:45%; float:left; margin-top:1%;}
.right_contact_img { width:48%; float:right;}
.right_about_address {width:100%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:18px; margin:1% 0; line-height:35px; font-weight:200; color:#333;}
.inpt_box { width:100%; float:left; height:30px; border:none; border:1px solid #ccc; outline:none; padding:0 10px; font-size:14px; color:#666; margin-bottom:2%; border-radius:4px;}
.textarea_box { width:100%; float:left; height:100px; font-size:14px; color:#666; padding:1%; border-radius:4px;}
.sbmt_btn { width:25%; margin:0 auto; background:#333; border:none; color:#fff; padding:2% 0; font-size:16px; border-radius:4px; margin:2% 0; cursor:pointer;}

.effectron_map { width:100%; float:left; border:1px solid #ccc; margin-bottom:2%;}


.social_icon ul { list-style:none; margin:0; padding:0;}
.social_icon ul li { float:left; width:20%;}
.social_icon ul li a {  font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#fff; line-height:22px; text-decoration:none;}

.footer_logo { width:30%; float:left; margin:3% 8%;}


.copyright_bg { width:100%; float:left; background:#f1770b; padding:1% 0;}
.copyright_text { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:600; color:#fff;}

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:30px;
	left:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}