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

body{ margin:0; padding:0; font-family:"helvetica" !important;}
.wrapper{ width:100%; margin:0; padding:0; }
.container_main{ width:95%; max-width:1180px; margin:auto; }
.wrapper, container_main, .flexslider{overflow:hidden;}
p{font-family:"robotoregular"!important; font-size:16px !important; line-height:25px;}

.navbar{ margin:0;}
.navbar-inner{ box-shadow:none; border:none; background:none; }
.navbar-inner ul li a {line-height:70px; text-transform:uppercase; color:#333333; display:block;}
.navbar-inner ul li a:hover{ display:block; background:#0067ac !important; color:#FFFFFF !important; }
.navbar-fixed-top .navbar-inner{ box-shadow:none !important; }

.dropdown-menu {border-top:#0067ac 3px solid; margin:0; padding-bottom:0; }

.bx-shdw{ background:#FFFFFF; box-shadow: 2px 5px 10px 0 #7d7d7d; }
.carousel img{ width:100% !important; }
.row-fluid .span3{ text-align:center; cursor:pointer;}
.service .span3:hover{ background:#e5e5e5; }
.row-fluid .span3 .service_bg {
	width:94px;
	height:94px;
	margin:auto;
	margin-top:10px;
	//background:url(../images/service-icon-bg.png) center no-repeat;
	text-align:center;
	border:2px #0067ac solid;
	border-radius:100px;
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
	background:#FFFFFF;
	}
.row-fluid .span3 .service_bg img { margin-top:23px; }
.span3 h3{ color:#0067ac;text-transform:uppercase; }
.row-fluid .head{ width:250px; margin:auto;}
.row-fluid h2{ text-align:center;  position:absolute; width:250px; background:#FFFFFF; margin:auto;}
.row-fluid .horizontal-line{ width:60%; background:#ccc; margin:20px auto; height:2px;  }
.clr-blue{ color:#0067ac; }
/*p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; padding:0 10px;}*/

/* quote section css*/
.quote_bg{background: url(../images/inner_page.png) center fixed !important;background-size:cover;}
.quote_bg1{background: url(../images/quote_bg.png) center fixed !important;background-size:cover;}
.quote_bgclr{ background:rgba(0,0,0,0.7);  }
.quote_bgclr img{ margin-top:10px; }
.quote_bgclr h3 {color:#FFFFFF; font-weight:normal; font-style:oblique; margin-left:80px; margin-top:30px; margin-bottom:30px; text-align:center; font-size:25px; line-height:30px;}
.quote_bgclr h3 span.quote_sub{ font-size:16px; font-family:"robotoregular"; font-style:normal; clear:both;  line-height:30px; text-align:center;}
/* quote section ends here */

/* Why Choose Us? */
.whyus_bg{ background:url(../images/chooseus_bg.png) no-repeat center top fixed !important;background-size:cover;}
.whyus_bg ul { list-style-image:url(../images/tick_icon.png); margin-bottom:20px; }
.whyus_bg ul li {font-size:16px; font-family:"robotoregular"; line-height:25px;}
.whyus_bg .span4 img{ margin-top:15px; height:130px;} 
/* Why choose us css end here */

/* about us css */
.abt_bgclr{background:rgba(230,117,17, 0.75); }
.abt_bgclr p { color:#FFFFFF; margin:20px 0; font-size:16px; line-height:22px; }
/* about us css end here */

/* Current Project css starts here */
.flexslider .thumbnail { background:#e1e1e1; border:#c5c5c5 solid 1px; }
.flexslider .thumbnail h4{ text-align:center; font-weight:normal; }
.flexslider ol { display:none;}
/* Current Project css end here */

.btn-orange{ padding:10px 20px; font-size:20px; text-align:center; border:#e77817 1px solid; background:rgba(255,255,255,0.2); margin:40px auto; color:#FFFFFF; }
.btn-orange:hover, .btn-white:hover{ background:rgba(255,255,255,0.3); color:#FFFFFF; }

.btn-white{padding:10px 30px; font-size:20px; text-align:center; border:#fff 1px solid; background:rgba(255,255,255,0.2); margin:10px auto; color:#FFFFFF;  }
.btn-white:hover{color:#333;}
.slide-body .btn-white:hover{color:#fff;}



/* footer css */
.ftr_bg{ background:url(../images/ftr_bg.png) center fixed !important;background-size:cover; }
.ftr_bgclr{ background:rgba(3,3,3, 0.9); }
.ftr_bgclr h2{background:none; color:#FFFFFF; font-weight:normal; margin-top:20px; text-align:left; position:inherit;}
.ftr_bgclr p {color:#CCCCCC; margin:10px 0; }
.ftr_bgclr .span5 h2 {text-align:left;}
.ftr_bgclr .span3 h2 {text-align:right;}
.ftr_bgclr ul {list-style:none; margin:0; padding:0; margin-top:20px;}
.ftr_bgclr ul li {  float:left; padding-left:15px; }
.ftr_copy{background:#4c4c4c; text-align:center; color:#FFFFFF; line-height:30px;}
.ftr_bgclr .span3 ul li a {background:#222222; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; -o- border-radius:100px; display:block; height:45px; width:45px; text-align:center;  -webkit-transition: all .5s ease; -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;}
.ftr_bgclr .span3 ul li a:hover{background:#0067ac; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; -o- border-radius:100px; -webkit-transition: background .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;}
.ftr_bgclr .span3 ul li a img {border:none;margin-top:10px;}
/* footer css end here */

/* slider css */
.slide-body img{ width:100%; vertical-align:inherit; }
.responsive-slider-parallax .slides-container ul li .slide-body .caption.header h2{  background:none !important; color:#333333; text-shadow:none; line-height:60px !important; font-family:"helvetica"!; font-weight:normal; font-size:50px !important;}
.responsive-slider-parallax .slides-container ul li .slide-body .caption.img-css3 {width:32%!important; top:10%!important;}
.responsive-slider-parallax .slides-container ul li .slide-body .readmore .caption.img-bootstrap { left:8.5% !important; right:0; top:82%;}
.btn-black{color:#333333; background:rgba(0,0,0,0.1); border:1px solid #333; padding:10px 30px; font-size:20px; text-align:center; }
.btn-black:hover{ background:rgba(0,0,0,0.2);}
.responsive-slider-parallax .slides-container ul li .slide-body .respons .caption.img-bootstrap{ width:50%; top:40%; right:6%; }

.responsive-slider-parallax .slides-container ul li  .slide-body .domain .caption.img-jquery{ top:25%;}

.responsive-slider-parallax .slides-container ul li .slide-body .seo .caption.img-bootstrap { width:50%; top:8%; right:3%;}


/* slider css end here */ 
.inner-page .row-fluid .span3 { cursor:inherit;}
.inner-page .row-fluid .span3 h2 { background:none; margin:0; margin-top:90px; text-align:left; }
.inner-page .row-fluid .span4 { margin-top:10px; }
.inner-page p {padding:0; margin:10px 0;}
.inner-page .lists{ font-family:"robotoregular"; font-size:15px; line-height:25px; }
.inner-page .lists li { line-height:30px; list-style:url(../images/tick_icon.png); }
/* About Us page */
/*.progress_bar .span3 {width:17.877%; cursor:inherit;}*/
.skill{ background:url(../images/skill.png) center no-repeat fixed !important; background-size:cover; }
.inner-page .slide-body {height:auto !important;}
.inner-page .slides-container{ box-shadow:0 0 10px 7px #adadad; }
.inner-page .slides-container ul li {display:inline !important;}
/* About Us page end here */

/* Services page css */

.inner-page .services .span3 { cursor:pointer; }

/* Services page css end here */


/* portfolio page css */
ul#portfolio-list li{ box-shadow:0 0 5px 5px #cccccc !important; text-align:center; margin-top:10px; margin-bottom:10px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; }
ul#portfolio-list li .thumbnail {border:1px solid #B2AFAE !important; padding:10px;}
ul#portfolio-list li .thumbnail h4 { font-size:14px; overflow:hidden; }
ul#portfolio-list li .thumbnail h4 a {color:0067ac; text-decoration:none; letter-spacing:2px ;}
ul#portfolio-list li .thumbnail h4 a:hover  { color:#E77818;}
/* portfolio page css end here */

/* feedback css */
.feedback .span3{cursor:inherit;}
.feedback .span3 label{cursor:inherit !important; text-align:right; line-height:35px;}
.row-fluid form label {font-size:20px;}
.row-fluid form input, .row-fluid form textarea, .row-fluid form select {font-family:"robotoregular" !important; font-size:14px;  width:100% !important; background:#e4e4e4; line-height:30px; padding:8px;}
.row-fluid form select { width:105% !important; padding:inherit; height:38px;}
.input-prepend{ width:100%; }
.input-prepend .add-on{ padding:8px; }
.icon-phone{ background:url(../images/icon-phone.png) no-repeat center; background-size:105%;}
.icon-web{ background:url(../images/icon-web.png) no-repeat center; background-size:105%;}

.feedback .buttons input{width:auto !important;}
.feedback .buttons input.btn{ background:#0067ac; color:#FFFFFF; padding:5px 20px; border:#004e82 1px solid !important; text-shadow:none; }
/* feedback css end here */



/* contact us css */
.span4 .cntct{ font-size:16px; line-height:25px; font-family:"robotoregular"; }
.inr-cntct .brdr-cntct {border-right:2px solid #e5e5e5;}
.inr-cntct .height-cntct {min-height:150px; }
.inr-cntct .contact-head{ width:90%;  border-bottom:#0067ac dotted 2px; margin-bottom:10px; }
.inr-cntct .span7{ width:90%;}
.inr-cntct .margin-top{margin-top:15px; }
/* contact us css ends here */

.dropdown-menu {border-radius:0 !important;}
.dropdown-menu  li {border-bottom:#e5e5e5 1px solid !important;}
.still_background{ background-attachment:fixed; }
.clear{ clear:both;}
.clear-top{ margin-top:20px; }
.bnr-height{ height:120px; }
.text-justify{ text-align:justify; }
.no-lft-margin{ margin-left:0 !important; float:left !important;  }

.cntct-detail{border-bottom:1px #e8e8e8 solid; line-height:30px; margin-top:0; font-family:"robotoregular"; font-size:15px; }

.cntct-dtl{
	width:auto; float:right;
}

.cntct-dtl a{color:#333333; text-decoration:none; line-height:25px; }
.cntct-dtl a:hover {color:#0067ac;}
.show{

	margin-top:0;
	opacity:1;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.hide{
margin-top:-30px;
opacity:1;

-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.popup{display:none;}

.modal{border-radius:0 !important;}
.modal .head {width:50%; padding-left:10px; line-height:40px;}
.modal-header{background:#4d4d4d; color:#e5e5e5;}
.modal-body label{font-size:20px; line-height:40px; width:90px; float:left;}
.row-fluid form .modal-body .inpt{width:60% !important; float:left;}
.row-fluid form .inpt-btn {text-align:center;}
.row-fluid form .inpt-btn input{ width:auto !important; line-height:30px !important; padding:1px 20px !important; border:none !important; background:#0067ac; color:#FFFFFF; text-shadow:none; }
.row-fluid form .inpt-btn input:hover{ background:#4d4d4d; }
.con-pesion-detail{width:70%}
.abt_cntnt{ margin-right:20px;}


/* back top top css */

.cd-container {
  width: 90%;
  max-width: 768px;
  margin: 2em auto;
}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -o-border-radius:3px;
  background: #0067ac url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}

.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
.ftr_copy p a{ text-decoration:none; color:#FFFFFF;}
.ftr_copy p a:hover{ text-decoration:none;color:#0067AC;}
#main_title .span3 h2{ width:180%;}
#feedback label.error {
	margin:0 !important;
	text-align:left; overflow:hidden;
	display: inline-block; color:#ff2a00 !important;
	font-size:12px; float:left;
}
#get_quote label.error {
	margin:0 !important;
	text-align:left; overflow:hidden;
	display: inline-block; color:#ff2a00 !important;
	font-size:12px; float:left; width:100%;line-height:20px;
}
.inr-bg{background:url(../images/innerpage-bg.png) top no-repeat fixed !important; background-size:cover !important;}
.inner-page .row-fluid .inr-page-head{width:40%;}
.inner-page .row-fluid .inr-page-head .inner-head {color:#E77817; margin-top:30px; font-size:40px; line-height:40px; font-weight:bold;  background:none; text-align:left; }
.inner-page .row-fluid .inr-page-head p { color:#fff; font-size:13px; font-weight:bold;}

.map{ background:url(../images/map.png) center no-repeat; background-size:cover;}
.service h3 a{text-decoration:none;}
.row-fluid .cptch input{width:40% !important;}

/* portfolio */
.img-wrapper{width:100%; height:100%; overflow:hidden; position:relative;}
.img-wrapper .zoom{position:relative; float:left; left:-50px; width:auto;}
.img-wrapper .link{position:relative; float:right; right:-50px; width:auto;}
.icon{position:absolute; width:100%; height:100%; opacity:0; background:rgba(0,0,0,.5); padding-top:40%; text-align:center;}
.icon img{ margin:5px;}

/* popup */
.modal-width{ width:80%; margin-left:-37.5%; box-shadow:0 0 15px 5px; min-height:580px;}
.modal-width .span6 h3{ border-bottom:1px #0067ac solid;}
.modal-width .span6 p { font-size:15px;}
.modal-width .span6 img.portfolio-img{box-shadow: 0 0 8px 5px #919191}
.modal-width .portfolio-list li { padding:0; margin-left:-15px; list-style:none; line-height:20px; font-family:"robotoregular"; font-size:16px; }

.modal-width .portfolio-list li img {margin-right:10px; }
.modal-width a.btn{ padding:2px 10ps; background:#0067ac; color:#FFFFFF; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; margin-bottom:10px; text-shadow:none; }
.modal-width .modal-header{background:#0067ac; }

.seo-list li{font-family:"robotoregular"; font-size:16px; line-height:20px;}

.not-found { margin-top:50px; margin-left:50px; }
.not-found li{ font-family:"robotoregular";  font-size:16px; line-height:25px;}
.not-found li a{ text-decoration:none;}

/* arrow */
.nav .icon-chevron-down{ display:none;}
.nav-button { border:none; background:none; float:right; }
.nav-btn-col { border:none; background:none; float:right; margin-top:25px; cursor:pointer; display:none; }

/* virtual */
.virtual img{
	float:left;
}

/* popup */

h3.fnt-size{
	margin:0;
	line-height:30px;
	text-align:center;
	margin-bottom:5px;
}

.modal-body .row-fluid .span12 .span6{
	width:48.5%;
}

.modal-body ul.seo-list{
	margin-bottom:5px;
	float:left
}
	
.modal-body ul.seo-list li{
	float:left;
	min-width:48%;
}

/* search logo*/

.search-logo{
	float:left;
	width:100%;
	margin-top:8px;
}

.search-logo .seo-logo{
	width:auto;
	float:left;
	border-right:#ccc solid thin;
}

.search-logo .seo-logo:last-child{
	 border-right:none;
}

.cntct-detail .cntct-dtl img{
	width:18px;
}

.cntct-detail .cntct-dtl:last-child img{
	width:12px;
}



.design-tool, .development-tool{
	width:48%;
	float:left;
}

.design-tool ul, .development-tool ul{
	margin-left:0;
}

.development-tool{
	float:right;
}

.design-tool li, .development-tool li{
	list-style:none;
	margin-bottom:8px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
}

.design-tool li img, .development-tool li img{
	margin-right:5px;
}

.design-tool h4, .development-tool h4{
	font-size:20px;
	line-height:30px;
	border-bottom: #1680cc solid thin;
}

#client-slider .owl-item img{
	width: 100% !important;
}
.sk-ww-google-reviews .sk_branding .tutorial_link {
	display: none !important;
}