/* CSS Document */

.Fleft { float: left!important; }
.nomargin_right { margin-right:0px !important; }
.Fright { float: right!important; }
.Middle { vertical-align: middle; }
img { border: 0px; outline:none; }
ul { list-style-type: none; padding: 0; margin: 0; }
ul li { list-style: none; padding: 0; margin: 0; }
a { text-decoration: none; outline: none; }
aside, details, figcaption, figure, ins, summary, small, mark, title, video, footer, header, hgroup, nav, section, article { display: block; }
.clear { padding: 0; margin: 0; clear: both; }
h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; font-weight: normal; }
html, body { height: 100%; width: 100%; padding: 0; margin: 0; min-width: 1000px; }
.clearfix:after { clear: both; width: 100%; height: 0; content: ""; }

#outer_wapper{ width:100%;}
.header{ width:1000px; margin:0 auto;}
.logo{ float:left; margin:15px 0 0 0;}
.phone_box{ float:right; margin:15px 0 0 0;}
.phone_box ul{ list-style-type:none;}
.phone_box ul li{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#242323; float:left; padding:0 3px 0 11px;}
.phone_box ul li img{ float:left; padding:4px 7px 0 0;}
.navi{ float:right;  height:35px; margin:10px 0 0 0;}
.navi ul{ list-style-type:none;}
.navi ul li{ font-family:Arial, Helvetica, sans-serif; margin:0 4px 0 0; font-size:14px; color:#fff; background:#242323; height:35px; line-height:35px; border-radius:3px 3px 0 0; float:left; text-transform:uppercase; position:relative;}
.navi ul li a{ text-decoration:none; color:#fff; display:block; padding:0 15px;}
.navi ul li a:hover{ background:#e67816; border-radius:3px 3px 0 0; }
.navi ul li a.active{ background:#e67816; border-radius:3px 3px 0 0;}
.navi ul li + li + li + li + li + li + li{ vertical-align:middle; background:none; padding:0px 0 0 3px; margin:0 0 0 8px;}

.sub_menu{ display:none; position:absolute; width:290px; background:#e67816; top:35px; z-index:999;}
.navi ul li:hover .sub_menu{ display:block;}
.navi ul li:hover .sub_menu li{ background:none; font-size:14px; color:#fff;  text-transform:capitalize; width:100%; border-bottom:1px solid #c66005; border-top:1px solid #e88d3b;}






#outer_banner{ width:100%; height:320px; background:#cccbcb;}
.banner{ width:1000px; margin:0 auto; height:320px !important;}
.banner_left{ width:464px; float:left; margin:54px 0 0 0;}
.banner_left h2{ font-family:Arial, Helvetica, sans-serif; font-size:32px; color:#252525; text-transform:uppercase;}
.banner_left p{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#242323; line-height:30px; text-align:justify;}
.banner_left a img{ float:left;  text-transform: capitalize;
 -moz-transition: all 0.4s ease-in-out;
 -moz-transform: translateX(0px);
 -o-transition: all 0.4s ease-in-out;
 -o-transform: translateX(0px);
 -webkit-transition: all 0.4s ease-in-out;
 -webkit-transform: translateX(0px);}
 .banner_left a img:hover{ -o-transform: translateX(25px);
 -webkit-transform: translateX(25px);
 -moz-transform: translateX(25px);}
 .banner_right{ width:340px; float:right; margin:10px 0 0 0;}
 .banner_slider{ width:1000px; margin:0 auto; height:320px !important; position:relative;}
 .slider_details01 {
    width: 1000px !important;
}
 #pager{float:left; margin-left:40%; position:absolute; top:294px;}
#pager a{ background:url(../images/paging-icon.gif) left top no-repeat; width:17px; height:17px;  text-indent:-99em; padding:0 2px; float:left;}
#pager a.activeSlide{background:url(../images/paging-icon.gif) left -16px no-repeat;}
.mid_inner{ width:1000px; margin:0 auto;}
.mid_inner_left{ width:502px; float:left; margin:35px 0 0 0;}
.mid_inner_left h1{ font-family:Arial, Helvetica, sans-serif; font-size:28px; color:#ca6103;}
.mid_inner_left h2{ font-family:Arial, Helvetica, sans-serif; font-size:28px; color:#252525; font-weight:bold; padding:18px 0 0 0;}
.mid_inner_left p{ font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#3e3e3e; line-height:24px; text-align:justify;}
.mid_inner_left p a{ text-decoration:none; color:#ee7e2c; float:right;}
 
 
 
 .recent_work{ float:right; position:relative; margin:35px 0 0 0;}
.recent_work h5{ font-family:Arial, Helvetica, sans-serif; font-size:28px; color:#ca6103;}

.slider_details {float:left; width:100%; height:256px;}
.slider_details ul{float:left; width:322px !important; list-style:none;}
.slider_details ul li{float:left; width:322px; height:256px; position:relative; z-index:99; display:block !important; }
#previmg{ background:url(../images/arrow_left.png) left top no-repeat; width:20px; height:51px; position:absolute; left:-20px; top:158px; cursor:pointer;}
#nextimg{ background:url(../images/arrow_right.png) right top no-repeat; width:20px; height:51px; position:absolute; right:-20px; top:158px;  cursor:pointer;}
.recent_banner{ width:322px; height:256px; float:left; padding:8px; background:#fff; border:2px solid #ca6103; margin:15px 0 0 0; }

.services{ width:1000px; margin:20px auto;}
.services_box{ width:258px; float:left; margin:30px 112px 0 0;}
.services_box img{ float:left;  padding:10px 0 0 0;}
.services_box h3{ font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#242323; padding:0 0 0 58px;}
.services_box h3 a{ text-decoration:none; color:#242323;}
.services_box p{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#2f2721; line-height:22px; padding:0 0 0 58px; margin:0;}
#outer_footer{ width:100%; height:46px; background:#242323; margin:55px 0 0 0;}
.footer{ width:1000px; margin:0 auto;}
.footer ul{ list-style-type:none;}
.footer ul li{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; float:left; padding:14px 6px 0 5px;}
.footer ul li a{ text-decoration:none; color:#fff;}
.footer ul li a:hover{ color:#ee7e2c;} 
.footer p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; float:right; } 
 
#inner_banner{ width:100%; height:210px; background:#cccbcb;}
.banner02{ width:1000px; margin:0 auto;}
.banner02 h2{ font-family:Arial, Helvetica, sans-serif; font-size:33px; color:#242323; text-transform:uppercase; padding:40px 0 0 0;}
.banner02 p{ font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#272526;}
.banner02_left{ float:left; width:580px;}
.banner02 img{ float:right; padding:20px 0 0 0;}

/***** web left panel css start here *****/
.web-left-panel{ background:url(../images/inner-bg.jpg) repeat-y left top; width:688px; float:left; padding:40px 20px 40px 0;}
.web-top-head{ width:100%; float:left; border-bottom:1px solid #888888; padding-bottom:10px; margin-bottom:25px;}
.web-top-head h2{font:24px/20px Arial; color:#CA6103; text-transform:uppercase; float:left;}
.web-top-head ul{ float:right; list-style:none; padding:8px 0 0 0;}
.web-top-head ul li{ float:left; padding:0 7px 0 12px; background:url(../images/arrow01.gif) left 4px no-repeat; font:11px Arial; color:#CA6103; }
.web-top-head ul li:first-child{ background:none;}
.web-top-head ul li a{ font:11px Arial; color:#6a6a6a; }
.web-top-head ul li a:hover{color:#0d5d9d;}

.web-left-panel p{ font:13px/22px Arial; color:#7a7a7a; text-align:justify;}
.web-left-panel p img{ float:left; padding-right:10px;}
.web-left-panel  ul.content-list{ list-style:none; width:100%; float:left; margin:20px 0;}
.web-left-panel  ul.content-list li{ background: url(../images/sign-icon.gif) left 14px no-repeat; font:13px/22px Arial; color:#7a7a7a; padding:8px 0 8px 22px;}
/***** web left panel css start here *****/
 
 
 .web-right-panel{ width:280px; float:left; margin:22px 0 0 10px}
.web-right-panel h3{font:15px Arial; color:#4f4f4f; border-bottom:1px solid #888888; text-transform:uppercase; padding:0 0 6px 0;}
.web-right-panel h3 span{font:20px Arial; color:#CA6103;}
.web-right-panel ul{ list-style:none; padding:12px 0 0 0;}
.web-right-panel ul li{ float:left; padding:13px 0 13px 32px; font:14px/20px Arial; color:#4f4f4f; border-bottom:1px dotted #b3b3b3; background:url(../images/icon_3.gif) 0 15px no-repeat;}
.web-right-panel ul li + li{ background:url(../images/icon_1.gif) 0 20px no-repeat;}
.web-right-panel ul li + li + li{ background:url(../images/icon_2.gif) 0 18px no-repeat;}
.web-right-panel ul li + li + li + li{ background:url(../images/icon_4.gif) 0 17px no-repeat;}
.web-right-panel ul li + li + li + li + li{  background:url(../images/icon_5.gif) 0 18px no-repeat;}
.web-right-panel ul li a{ text-decoration:none; color:#4f4f4f}
.web-right-panel ul li a:hover{ color:#2f87cc;}
.web-right-panel ul li span{  float:left; padding:0 ; font:13px Arial; color:#a2a2a2; font-style:italic;}
/***** web design page  css end here *****/ 
 
 
 
 /*******************************Contact us page css start here*******************************************/
.contact_page_left_con{width:100%; float:left; padding:20px 0 0 0; }
.form_row{width:100%; float:left; margin:10px 0}
.form_row label{color: #3C3A34; display: block; float: left;  font:14px/24px Arial;  padding: 0 10px 0 0; text-align: left; width: 125px; }
.form_row input{ border:1px solid #e4e4e4; color: #717171; float: left;  font:14px/20px Arial; height: 32px; padding:0 0 0 5px; text-align: left; width:375px; border-radius:5px; -ms-border-radius:5px;  -webkit-border-radius:5px;  -ms-border-radius:5px;  -o-border-radius:5px;}
.form_row textarea {border:1px solid #e4e4e4;color:#717171; float: left; font:14px/20px Arial; height:142px; padding:5px 0 0 5px; height:140px; text-align: left; width: 374px;  border-radius:5px; -ms-border-radius:5px;  -webkit-border-radius:5px;  -ms-border-radius:5px;  -o-border-radius:5px; resize:none;}

.form_row input[type="button"]{ background:#414141; font:12px Arial; color:#fff; padding:0 10px; width:auto; text-transform:uppercase; cursor:pointer; border:none;}
.form_row input[type="button"]:hover{ background:#2f87cc;}

.form_row input[type="submit"]{ background:#414141; font:12px Arial; color:#fff; padding:0 10px; width:auto; text-transform:uppercase; cursor:pointer; border:none;}
.form_row input[type="submit"]:hover{ background:#2f87cc;}
.form_row .send a:hover{ background:url(../images/send_hover_btn.jpg) left top no-repeat; color:#fff;}
.contact_map{ float:left;}
.contact_map img{ border:5px solid #dedede;}
.contact_add{ width:100%; float:left; padding:20px 0 0 0;}
.contact_add h5{color: #3d3a3a; font-family: Arial; font-size:18px; text-transform:uppercase; font-weight:normal;}
.contact_add p{font:14px/20px Arial; color:#717171; line-height:20px; padding:5px 0 0 0;}
.contact_add p a{font:14px/20px Arial; color:#717171;}
.contact_add p a:hover{ color:#2f87cc;}
.right_penal02{ float:right;}

.navi a#pull{ display:none;}
/*******************************Contact us page css end here*******************************************/
 

 
 
 
 
 
 
 
 
 /*******************************responsive_css_start*******************************************/
 @media screen and (max-width: 1024px) {
html, body { min-width:100%;}
.header{ width:100%;}
.logo{ width:36%; height:auto; margin-left:2%;}
.logo img{ width:100%; height:auto;}
#outer_wapper{ width:100%;}
.navi{ width:71%;}
.navi ul li a{ padding:0 8px;}
#outer_banner{ width:100%;}
.banner_slider{ width:100%;}
.slider_details01{ width:100% !important;}
.banner{ width:100% !important;}
.banner_left{ width:49%; margin-left:2%;}
.banner_right{ width:42%;}
.banner_right img{ width:83%; height:auto;}
.mid_inner{ width:100%;}
.mid_inner_left{ width:49%; margin-left:2%;}
.right_penal02{ width:40%; margin:0 3% 0 0;}
.recent_work{ width:94%;}
.recent_banner{ width:94%;}
.slider_details img{ width:97%; height:auto;}
.services{ width:100%;}
.services_box{ width:30%; margin:30px 25px 0 10px;}
#outer_footer{ width:100%;}
.footer{ width:100%;}
 .footer p{ padding:0 9px 0 0;}
.banner02{ width:100%;}
.banner02_left{ width:55%; margin:0 0 0 10px;}
.web-left-panel{ width:62%; border-right:1px solid #ccc; }
.web-right-panel{ width:34%; float:right;}
 }
 
 @media screen and (max-width: 900px) {
 .navi{ width:83%;}
 .banner_right{ margin-top:5%;}
 .banner_slider{ width:97%;}
 .recent_banner{ width:93%; height:216px;}
 .slider_details img{ width:100%; height:auto;}
 .slider_details ul{ width:100% !important;}
 .slider_details ul li{ width:100%;}
 #previmg{ top:135px;}
 #nextimg{ top:135px;}
 .services_box{ width:29%;}
 .web-left-panel{ width:60%;}
 } 
 
 @media screen and (max-width: 899px) {
 .navi ul li{ font-size:12px;}
 .navi ul li + li + li + li + li + li + li{ margin:0;}
 .navi{ width:88%;}
 .mid_inner{ width:99%;}
 .banner_right img{ width:100%;}
 .banner_left h2{ font-size:26px;}
 .banner_left p{ font-size:14px;}
 .footer ul li{ padding-right:0; font-size:11px;} 
 .footer p{ font-size:11px;}
 }
 
 
 @media screen and (max-width: 768px) {
.navi{ width:74%;}
.banner02 h2{ font-size:28px; padding:35px 0 0 0;}
.banner02 p{ font-size:18px;}
}
 
 
 @media screen and (max-width: 640px) {
 .navi ul li + li + li + li + li + li + li{ display:none;}
.navi a#pull {display: block; background:url(../images/reponsivmenu.gif) 0 0 no-repeat; width:77px; position: relative; height:29px; text-indent:-999em; float:right; margin-right:2%; top:-29px;}
.navi ul{ display:none; position:absolute; background:#201b1c; width:30%; right:11px; top:85px; z-index:999; /*border-radius:0px 0px 15px 0;*/}
.navi ul li{ background:none; width:100%; font-weight:bold; border-top:1px solid #32282a; border-bottom:1px solid #040303;}
.navi ul li a{ text-decoration:none; color:#fff;}
.navi ul li a:hover{ border-radius:0px;}
.navi ul li a.active{ border-radius:0px;}
.footer p{ display:none;}
.phone_box{ display:none;}
.right_penal02{ margin:0 4% 0 0;}
.banner_left h2{ font-size:22px;}
.banner_left p{ font-size:12px;}
.navi ul li a{ padding:0 8px 0 20px;}
.banner02 img{ display:none;}
.banner02_left{ width:98%; }
#inner_banner{height:170px;}
.web-left-panel{ border:none; width:97%;}
.web-right-panel{ width:52%; float:left;}
.navi ul li:hover .sub_menu{ display:none;}
}
 
 
 
 
  @media screen and (max-width: 580px) {
.logo{ width:54%;}
.banner_left p{ display:none;}
.banner_left h2{ font-size:26px;}
.banner_left{ width:83%;}
.banner_right{ width:53%; margin-right:17%; margin-top:0;}
.banner{ top:-43px !important;}
.banner_left a img{ display:none;}
.navi ul{ width:49%; top:105px; right:8px;}
.mid_inner_left{ width:96%;}
.right_penal02{ float:left; width:86%; margin:0 0 0 3%;}
.recent_banner { height:267px; width:95%;}
.services_box{ width:94%; margin-left:5%;}
#nextimg{ top:172px; right:-18px;}
#previmg{ top:172px;}
 }
 
 
 
 @media screen and (max-width: 480px) {
.logo{ width:54%;}
.banner_left p{ display:none;}
.banner_left h2{ font-size:26px;}
.banner_left{ width:83%;}
.banner_right{ width:61%; margin-right:17%;}
.banner{ top:-43px !important;}
.banner_left a img{ display:none;}
.navi ul{ width:49%; top:92px; right:8px;}
.mid_inner_left{ width:96%;}
.right_penal02{ float:left; width:86%; margin:0 0 0 3%;}
.recent_banner { height:267px; width:95%;}
.services_box{ width:94%; margin-left:5%;}
.web-left-panel{ width:96%;}
.banner02 h2 {font-size:20px; padding:25px 0 0;}
.banner02 p {font-size:15px;}
.web-right-panel{ width:98%;}
.web-top-head h2{ font-size:16px;}
.web-left-panel p img{ width:35%;}
}

 @media screen and (max-width: 360px) {
.web-left-panel{ width:94%}
.web-right-panel{ width:88%;} 
}

 
 @media screen and (max-width: 320px) {
.navi ul { right:6px; top:69px; width:65%;}
.banner_left h2{ font-size:18px;}
.banner_right { margin-right:7%; width:86%;}
.right_penal02{ margin:0 0 0 4%;}
.recent_banner { height:193px; width:92%;}
#previmg{ top:128px;}
#nextimg {right:-21px; top: 128px;}
.banner02_left{ width:97%;}
}
 
 
 .form_row #submit:disabled {
  cursor: not-allowed;
  background: #888888;
 }
 .form_row input[type="submit"]:disabled:hover{
  background:#888888;
 }