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

/****
 create by :ashok shedge
 create date : 26/8/2015
 modified by :*****************/
 
 @import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900,400italic,700italic,900italic);
/*font-family: 'Lato', sans-serif;*/

@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,300italic,500,400italic,700,500italic);
/*font-family: 'Roboto', sans-serif;*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);
/*font-family: 'Open Sans Condensed', sans-serif;*/

body{ background:#fff;font-family: 'Lato', sans-serif; font-weight:400; font-size:14px; color:#000;}

/*.container{ background:#eee;}*/


.top_header{ background-color:#ee2121; padding:5px 0; border-bottom:1px dashed #ff8686; line-height:25px;}
.top_cont span{ color:#fff; text-decoration:none; margin-left:2px;}
.top_cont a{ color:#fff; text-decoration:none;}


.menu{border-bottom:1px solid #eee;}
.navbar-inverse{ background-image:none; background-color:#fff;}
.navbar-nav>li>a {padding-top:10px; padding-bottom:10px;}
.navbar-inverse .navbar-nav>li>a{font-family: 'Lato', sans-serif; font-size:13px; font-weight:400;color:#000; text-transform:uppercase;}
 .navbar-inverse .navbar-nav>li>a {text-shadow:none !important;}
/*.navbar-inverse .navbar-nav>li>a:hover{color:#000;}*/
.nav>li>a {padding: 40px 22px;}
/*.nav>li { border-right:1px solid #eeebeb;}*/
.navbar-collapse { padding-right:0px;  padding-left: 0px;}
.navbar-inverse .navbar-nav>.active>a { background-image:none; background-color:#f0f0f0; box-shadow:none; color:#000;}

.dropdown-menu { background-color: #fff;}
.dropdown-menu>li>a {  padding: 10px 50px 10px 15px;  color:#000; font-size:15px;  font-weight:400;  border-bottom:1px solid #eee !important;}


.silder{ margin:1px 0px;}
.slider_img{width:100%;height: 450px; max-height: 450px;}

.wel_content h1{ color:#444444; margin-bottom:20px; font-family: 'Open Sans Condensed', sans-serif; font-weight:bold; font-size:50px; }
.wel_content p{ line-height:32px; text-align:justify; color:#444444; font-weight:400; font-size:14px;}

.latest_project{border-bottom:1px solid #ddd;  padding-bottom:5px; }
.latest_project h1{font-size:30px; text-transform:uppercase; color:#444444; font-family: 'Open Sans Condensed', sans-serif;  font-weight:700; margin:0px;}
.latest_project a{ color:#444; line-height:40px;}


.img-thumbnail{ margin-bottom:10px;}

.footer{ background-color:#12181a; padding:15px 0; border-top:1px solid #ddd; border-bottom:1px solid #161d1e;}

.get_touch {border-right:1px solid #0c1113; padding:0 20px 0 0; min-height:200px;}
.get_touch h2{color:#898c8d;font-family: 'Open Sans Condensed', sans-serif; font-weight:bold; font-size:24px;}
.get_touch p{ line-height:22px; text-align:justify; color:#666666; font-weight:400;}
.footer_links li{ background:url(../images/arrow.png)left no-repeat; text-align:left; padding: 0 0 0 15px; line-height:30px;}
.footer_links li a{ color:#666;}
.footer_links li a:hover{ color:#fff;}

.bottom_footer{ background-color:#0b0e0f; padding:15px 0;}
.bottom_text h5{ color:#666; margin:0px; font-weight:300; font-family: 'Open Sans Condensed', sans-serif;}
.bottom_text h3{ color:#666; margin:0px;font-family: 'Open Sans Condensed', sans-serif; font-weight:bold;}



.page_heading{ background-color:#f7f7f7; margin-bottom:20px; }
.page_heading h3{ text-transform:uppercase;font-family: 'Open Sans Condensed', sans-serif; font-weight:bold; color:#666; font-size:28px;}

.about_content h1{ color:#444;}
.about_content h3{ color:#444;}
.about_content p{ line-height:26px; text-align:justify; color:#444;}

.why_us h2{color:#0969ba; border-bottom:1px solid #eee; padding-bottom:10px;}
.why_us li{ background:url(../images/arrow.png)left no-repeat; text-align:left; padding: 0 0 0 15px; line-height:35px; color:#444;}


.gallery  li{ float:left; margin: 0 15px 30px 0px; width:250px; height:310px;vertical-align:middle;display: table-cell; text-align:center; border: 1px solid #eeeded;}
.gallery  li a{ text-decoration:none;width:250px; height:250px;vertical-align:middle;display: table-cell;}
.gallery  li a img{ border:none; max-width:230px; max-height:230px; }
.gallery_details{ background-color:#000; position:relative;}
.gallery_details h5{ margin:0px; color:#fff; padding:10px 0 0 10px;}
.gallery_details h6{ margin:0px; color:#fff; padding:5px 0 5px 10px;}


.opinion_content{ border-bottom:1px solid #ddd; padding:10px 0; margin-top:10px;}
.opinion_content h5{ color:#444;}
.opinion_content h6{ color:#0758a3;}
.opinion_content p{ line-height:26px; text-align:justify; color:#444;}
.opinion_content p strong{ font-size:22px;}

.Information_details{ text-align:left;  margin:20px 0 0 0; color:#444444; line-height:25px;}
.Information_details h3{margin:10px  0; color:#444444;}
.Information_details strong{ color:#444444;}
.Information_details a{ color:#444444;}

.embed-responsive-16by9{ padding-bottom:30%; margin-top:20px;}

.our-services{ text-align:left; }



/*featuredslider*/
.feature_pro{background-color:#eee; border-top:solid 1px #ddd; padding:9px 0 0 0;}
.featuredslider{ background-color:#eee; border-top:solid 1px #FFF; padding:9px 0 12px 0; font-family: 'Open Sans Condensed', sans-serif; }
.featuredslider h2{ font-size:18px; margin:0px; font-weight:bold;  }
.featuredslider span{ color:#727272; font-weight:bold; }
.allprojects{ color:#2e2e2e; background-color:#f1f1f1; border:solid 1px #b6b6b6; padding:8px 8px 8px 8px;  margin:0 5px 5px 0; font-weight:bold;}
.allprojects:hover{ border:solid 1px #979797; }
.featuredslider ul{ background-color:#FFF; margin-top:5px; z-index:18; height:300px; width:99.7%; overflow:hidden; border:solid 1px #e4e4e4; list-style:none; }
.featuredslider ul li:first-child{ border-left:none; }
.featuredslider ul li{ border-left:solid 1px #e4e4e4; padding:24px 20px 22px 25px; width:20%; }
.featuredslider ul li h2{ color:#393939; padding-bottom:4px; }
.sitetype{ width:34%; }
.toolsused{ color:#898888; width:62%; }
.sliderimage{ padding-top:19px; }
.moveleft, .moveright{ height:45px; width:45px; top:170px; z-index:180;}

/*slider css*/
span.ca-nav-prev, span.ca-nav-next{ 
    height: 45px;
    top: 170px;
    width: 45px;
    z-index: 180;
    position: absolute;
    cursor: pointer;
    text-indent: -9000px;
}
span.ca-nav-prev{
    background-position: 0 -150px;
    left: 8px;
    background-image: url("../images/Sprite.png");
}
span.ca-nav-next{
    background-position: -45px -150px;
    right: 9px;
    background-image: url("../images/Sprite.png");
}




.newsblock{ width:100%; padding:2px 0 0 0;}
.newsblock ul{ padding:10px 0 0 3px; list-style:none; }
.newsblock li{ border-bottom:solid 1px #e4e4e4; padding:16px 5px 16px 5px;}
.newsblock li:last-child{ border-bottom:none; }
.newsblock a, .postercity, .aboutblock a{ color:#dc1d0c!important; }
.newsblock a:hover, .whywe a:hover, .aboutblock a:hover, .servicesoff li a:hover, .casestudies .textrignt a:hover{ text-decoration:underline; }
.postedon{ padding:0 3px 0 0; color:#909090;min-width:57px; display: inline-block;    min-height: 1px;vertical-align: middle;font-size: 14px; }
.postcontent{ border-left:solid 4px #e55e48; color:#272727; width:80%; padding:2px 0 4px 15px; display: inline-block; vertical-align: middle; font-size:13px; }
.postcontent a{ color:#444 !important;}
.newsblock h2 span{vertical-align: middle !important; display: inline-block; font-family: 'Open Sans Condensed', sans-serif; font-weight:bold; font-size:22px; color:#444;} 
.textrignt{ text-align:right;}

.whywe{ background-color:#f3f3f3;  padding:2px 8px 20px 8px; left:32.6%; top:1px; margin: 0 0 0 10px;}
.whyweicon { background: url(../images/sprite.png) no-repeat;line-height: 0px;  font-size: 1px; display: inline-block; zoom: 1;  background-position: -262px 1px;}
.whywe h2 span{vertical-align: middle !important; display: inline-block; font-family: 'Open Sans Condensed', sans-serif; font-weight:bold; font-size:22px; color:#444;}
.clientsays{ margin:20px 0 10px 12px; border-left:solid 27px #73c5e1; padding:0 0 5px 37px;} 
.clientsays p{ color:#797676; padding:2px 0 4px 0px; display: inline-block; vertical-align: middle; font-size:13px;}
.clientsays p strong{ color:#da3d3d; margin:5px 0;}
.textrignt{ margin:0px 10px 0 0;}

.clients{ background: url(../images/sprite.png) no-repeat;line-height: 0px;  font-size: 1px; display: inline-block; zoom: 1; background-position: -315px 1px;}
.ourclients h2 span{vertical-align: middle !important; display: inline-block; font-family: 'Open Sans Condensed', sans-serif; font-weight:bold; font-size:22px; color:#444;}

.ourclients{ width:100%; color:#454545; }
.ourclients ul{ padding:11px 0 10px 0; list-style:none;}
.ourclients li{ float:left; border:solid 1px #e4e4e4; margin:5px 5px 5px 5px; text-align:center;}
.newsevent, .clients, .whyweicon{ width:53px; height:55px; margin-right:20px; }
.newsevent{background: url(../images/sprite.png) no-repeat;line-height: 0px;  font-size: 1px; display: inline-block; zoom: 1;background-position: -209px 1px;}

/*slider CSS*/
div.ourclients #carousel {/* margin-top: -60px;*/  margin-top:-10px;}
div.ourclients #carousel div.clientsslider {text-align: center;width: 300px; height: 300px; padding: 7px; float: left; position: relative;}
div.ourclients #carousel div ul {border: none; width: 100%; height: 100%;}
div.ourclients #carousel div span {word-wrap: break-word;font-size: 10px;}
div.ourclients #carousel div:hover span,
div.ourclients #carousel div.hover span { background-color: #333;color: #fff;display: inline-block; width: 100px; padding: 2px 0;
 margin: 0 0 0 -50px; position: absolute;bottom: 0; left: 50%;border-radius: 5px;}
#pager {text-align: center;padding-top: 20px;}
#pager a { background: #8E8E8E;display: inline-block;border-radius: 5px; width: 9px; height: 9px; margin: 0 2px;}
#pager a.selected { background: #FF0000;}
#pager a:hover {background: #800000;}
#pager a span {display: none;}


.divider10{ height:10px;}
.divider20{ height:20px;}
.divider30{ height:30px;}
.divider50{ height:50px;}
.divider80{ height:80px;}
.divider120{ height:120px;}


@media (max-width:768px) {

.navbar-collapse { padding-right:15px;  padding-left: 15px;}
.navbar-inverse .navbar-collapse{border-color:transparent;}
.navbar-inverse .navbar-toggle { border-color:#f57857;}
.navbar-inverse{ background-image:none !important; background-color:#ef6565 !important;}
.navbar-nav>li>a {padding-top:10px; padding-bottom:10px;}
.navbar-inverse .navbar-nav>li>a{font-family: 'Lato', sans-serif; font-size:15px; font-weight:400;color:#fff;}
/*.navbar-inverse .navbar-nav>li>a:hover{color:#fff;}*/

.get_touch {border-right:none;}



}


@media (max-width:468px) {


}