/*==============================  Services Page Css Start ==============================*/
.services-style{ display:block; position:relative; margin-top:15px;}
.services-style ul{position:absolute; overflow:hidden; margin:0; padding:0; list-style:none;}
.no-js .carousel ul {position:static;}
.services-style ul li{float:left; width:403px; height:200px; margin:0;}
.services-style ul li span{ float:left; border:#CCC 1px solid; padding:2px; margin-top:20px; margin-right:10px;}
.services-style li img{ width:135px; border:#CCC 1px solid; float:left; }
.services-style li .content{ float:left; width:250px; padding:15px 0;}
.services-style li .content h3{ padding:0;}
.services-style li .content p{ padding:6px 0 0 0; font-weight:normal;}
.services-style .mask {position:relative; overflow:hidden; }
.services-style .pagination-links li {display:inline; display:none;}
#my-carousel-1 .mask {width:402px;}
.services-style .next,
.services-style .prev{ top:80px;}
.services-style .next{ background:url("../images/left-right-icon.jpg") right top  no-repeat; width:30px; height:30px!important; margin-left:10px; display:block; position:absolute; right:-45px; }
.services-style .next em{ display:none;}
.services-style .prev{ background:url("../images/left-right-icon.jpg") left top no-repeat; width:30px; height:30px; float:left; display:block; position:absolute; left:-40px;}
.services-style .prev em{ display:none;}
.services-style .disabled {display:none!important;}


.services-page p{  font-weight:normal!important; }
.services-page span{ float:left; border:#CCC 1px solid; padding:2px; margin:0 10px 10px 0;}
.services-page img{ border:#CCC 1px solid; float:left; }

/*==============================  Services Page Css end ==============================*/

/*==============================  Portfolio Css Start ==============================*/
.portfolio-style{ display:block; position:relative; margin-top:10px;}
.portfolio-style ul{position:absolute; overflow:hidden; margin:0; padding:0; list-style:none;}
.no-js .carousel ul {position:static;}
.portfolio-style ul li{float:left; width:90px; height:90px; margin:0; margin:4px 4px; border:#5f5f5f 1px solid; position:relative;}
.portfolio-style ul li span{ width:90px; height:90px; float:left;}
.portfolio-style .contenthover{width:90px; height:90px;  background:#efc23e; text-align:center!important; padding-top:0px; }
.portfolio-style .contenthover a{ color:#000; text-align:center; width:90px; float:left; margin:5px 0;}

.portfolio-style .mask {position:relative; overflow:hidden;}
.portfolio-style .pagination-links li {display:inline; display:none;}
#my-carousel-2 .mask {width:404px;}
.portfolio-style .next,
.portfolio-style .prev{ top:90px;}
.portfolio-style .next{ background:url("../images/left-right-icon.jpg") right top  no-repeat; width:30px; height:30px!important; margin-left:10px; display:block; position:absolute; right:-45px; }
.portfolio-style .next em{ display:none;}
.portfolio-style .prev{ background:url("../images/left-right-icon.jpg") left top no-repeat; width:30px; height:30px; float:left; display:block; position:absolute; left:-40px;}
.portfolio-style .prev em{ display:none;}
.portfolio-style .disabled {display:none!important;}

.portfolio-detail{ float:right; width:509px; height:509px; border:#dca009 5px solid; background:#FFF; position:absolute; left:37%;
top:-550px;
-webkit-border-radius:265px;
-moz-border-radius:265px;
border-radius:265px;
padding:0 20px; 
z-index:99999;

-moz-box-shadow:0px 0px 5px 1px #010101;
-webkit-box-shadow:0px 0px 5px 1px #010101;
box-shadow:0px 0px 5px 1px #010101;
}
.portfolio-detail .services-style{ padding:10px 50px;}
.portfolio-detail h2{ text-align:center; border-bottom:#cfcfcf 1px dashed; margin:0 70px; padding-top:40px; }
.portfolio-detail .close-btn{ margin-left:95px; margin-top:15px; float:left; position:absolute; background:#dca009; font-size:14px; color:#FFFFFF!important; font-weight:bold!important; padding:10px;
-webkit-border-radius:13px;
-moz-border-radius:13px;
border-radius:13px; }


.portfolio-detail1{ float:right; width:489px; height:455px; border:#dca009 5px solid; background:#FFF; position:absolute; left:37%;
top:-550px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
padding:0 0px; 
z-index:99999;

-moz-box-shadow:0px 0px 5px 1px #010101;
-webkit-box-shadow:0px 0px 5px 1px #010101;
box-shadow:0px 0px 5px 1px #010101;
}
.portfolio-detail1 .services-style{ padding:10px 50px;}
.portfolio-detail1 h2{ text-align:center; border-bottom:#cfcfcf 1px dashed; margin:0 70px; padding-top:40px; }
.portfolio-detail1 .close-btn{ margin-left:-5px; margin-top:-5px; float:left; position:absolute; background:#dca009; font-size:14px; color:#FFFFFF!important; font-weight:bold!important; padding:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px; }
.portfolio-detail1 .close-btn1{ margin-left:-5px; margin-top:-5px; float:left; position:absolute; background:#dca009; font-size:14px; color:#FFFFFF!important; font-weight:bold!important; padding:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px; }


.portfolio-iframe{ float:right;}
.portfolio-link{ float:left; width:90px; height:48px; text-align:center; padding:32px 0 0 0; }
/*==============================  Portfolio Css End ==============================*/



/*============================== Our Clients Page Css Start ==============================*/
.clients-style{ display:block; position:relative; margin-top:10px;}
.clients-style ul{position:absolute; overflow:hidden; margin:0; padding:0; list-style:none;}
.no-js .carousel ul {position:static;}
.clients-style ul li{float:left; width:180px; height:90px; margin:0; margin:4px 4px; border:#5f5f5f 1px solid; position:relative;}
.clients-style ul li span{ width:90px; height:90px; float:left;}
.clients-style .contenthover{width:90px; height:75px;  background:#efc23e; text-align:center!important; padding-top:15px; }
.clients-style .contenthover a{ color:#000; text-align:center; width:90px; float:left; margin:5px 0;}

.clients-style .mask {position:relative; overflow:hidden;}
.clients-style .pagination-links li {display:inline; display:none;}
#my-carousel-3 .mask {width:380px;}
.clients-style .next,
.clients-style .prev{ top:90px;}
.clients-style .next{ background:url("../images/left-right-icon.jpg") right top  no-repeat; width:30px; height:30px!important; margin-left:10px; display:block; position:absolute; right:-30px; }
.clients-style .next em{ display:none;}
.clients-style .prev{ background:url("../images/left-right-icon.jpg") left top no-repeat; width:30px; height:30px; float:left; display:block; position:absolute; left:-40px;}
.clients-style .prev em{ display:none;}
.clients-style .disabled {display:none!important;}
/*============================== Our Clients Page Css Start ==============================*/



/*==============================  Contact Page Css Start ==============================*/
.contact_address{ float:left; padding:10px 40px 10px 70px;}
.contact_address strong{ font-size:14px; text-transform:uppercase;}


.form-table{}
.form-table ul{ clear:both; padding:10px 0 7px 0;}
.form-table ul li{padding:0 0 10px 0; list-style-type:none;}
.form-table ul li label{width:116px;float:left; padding-top:5px; font-size:12PX; float:left; color: #333; }
.form-table ul li .istyle{padding:4px 3px; margin:0 0 0 15px;}
.form-table ul li .text-istyle{padding:2px 3px; margin:0 0 0 18px;}
.form-table ul li.note{font-size:11px; padding-left:132px;}
.form-table ul li .btn-red{ background: url("../images/btn-red.jpg") top repeat-x; border:0; color:#FFFFFF; font-size:12px; padding:5px 8px; cursor:pointer;border:#6a6a6a 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px;	border-radius: 4px; 
margin:0 10px 0 0;  }
.form-table ul li .btm-margin{ margin:0 0 0 65px; float:left;}

.form-table ul li .istyle, 
.form-table ul li .text-istyle{ width:185px; border:#d0d0d0 1px solid; color:#666;font-size:13px; font-family:"Trebuchet MS";}

.contact_btn{ padding:5px 0 0 130px!important; float:left;}
.form-table .btn_submit{ background:#ff8f32; border:#d16f1e 1px solid; color:#FFF; font-size:12px; padding:4px 6px 3px 6px; text-transform:uppercase;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
cursor:pointer;
margin-right:5px;
}
.form-table .btn_submit:active{ background:#de7d2c;}




.contact-form{ float:left; width:330px; }

.google-map{ float:left; width:600px; margin-top:35px;}
.locator-h2{ margin:5px 0 -20px 130px!important; float:left;}
.google-map a{ padding:8px 0 0 0; float:left; font-size:11px; }



.location_map{ float:left; clear:both; padding:10px 0 0 40px; }
.location_map img { float:left; margin-right:-10px; position:relative;}
.location_map span { padding:10px 20px; float:left; font-size:14px; background:#fe8e31; color:#FFFFFF; margin:40px 0 0 0;}
.location_map a:hover{ }

.google-map{ float:right; width:509px; height:509px; border:#fe8e31 5px solid; background:#FFF; position:absolute; left:30%;
top:-560px;
-webkit-border-radius:265px;
-moz-border-radius:265px;
border-radius:265px;
padding:0; 
z-index:99999;

-moz-box-shadow:0px 0px 5px 1px #010101;
-webkit-box-shadow:0px 0px 5px 1px #010101;
box-shadow:0px 0px 5px 1px #010101;
}
.google-map .services-style{ padding:10px 50px;}
.google-map h2{ text-align:center; border-bottom:#cfcfcf 1px dashed; margin:0 70px; padding-top:40px; }
.google-map .close-btn1{ margin-left:110px; margin-top:15px; float:left; position:absolute; background:#fe8e31; font-size:14px; color:#FFFFFF!important; font-weight:bold!important; padding:10px;
-webkit-border-radius:13px;
-moz-border-radius:13px;
border-radius:13px; }

#map_g{ overflow:hidden;
-webkit-border-radius:265px;
-moz-border-radius:265px;
border-radius:265px;}
/*==============================enquiry form css end here==============================*/



/*==============================Careers Css Start==============================*/
.careers-detail{ float:right; width:509px; height:509px; border:#666 5px solid; background:#FFF; position:absolute; left:30%;
top:-550px;
-webkit-border-radius:265px;
-moz-border-radius:265px;
border-radius:265px;
padding:20px 20px; 
z-index:99999;

-moz-box-shadow:0px 0px 5px 1px #010101;
-webkit-box-shadow:0px 0px 5px 1px #010101;
box-shadow:0px 0px 5px 1px #010101;
}
.careers-detail .services-style{ padding:10px 50px;}
.careers-detail h2{ text-align:center; border-bottom:#cfcfcf 1px dashed; margin:0 70px; padding-top:40px; }
.careers-detail .close-btn{ left:110px; top:15px; float:left; position:absolute; background:#666; font-size:14px; color:#FFFFFF!important; font-weight:bold!important; padding:10px;
-webkit-border-radius:13px;
-moz-border-radius:13px;
border-radius:13px; }

.careers-detail .form-table{ padding:30px 0 0 70px; width:370px; }
.careers-detail .form-table ul li label{width:120px}
.careers-detail .form-table h2{ float:left; width:100%; margin:0;}
/*==============================Careers Css End==============================*/


/*============================== Seo Packages Page Css Start ==============================*/
.seo-feature-listing{ width:226px; float:left; background: #997756; text-align:right; padding:0 0px 0 0; margin-top:4px; border:#191919 1px solid; border-right:none;}
.seo-feature-listing h2{ color:#e3e3e3; font-size:22px; font-style:normal; font-weight:normal; padding:100px 10px 0 0;}


.seo-package-listing{ width:157px; float:left; background:#fff; border:#dfdfdf 1px solid; margin-right:2px; position:absolute;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);}
.seo-package-listing:hover{ box-shadow:0px 1px 5px #000;
 -moz-transition:all 0.4s ease-out 0s; 
 -webkit-transition: all 0.4s ease-out;
  filter: none;
 -webkit-filter: grayscale(0%);}
 
 .seo-package-listing.active{ box-shadow:0px 1px 5px #000;
 -moz-transition:all 0.4s ease-out 0s; 
 -webkit-transition: all 0.4s ease-out;
   filter: none;
 -webkit-filter: grayscale(0%);}

.seo-package-listing .inner{ float:left; width:147px; border:#dfdfdf 1px solid; margin:4px 0 4px 4px; text-align:center; font-family:Arial, Helvetica, sans-serif;}

.seo-package-listing .inner h2{ color:#fff; padding:20px 0 0 0; font-size:22px; font-style:normal; font-family:Arial, Helvetica, sans-serif;}
.seo-package-listing .inner p{ color:#fff; text-align:center; font-size:18px; font-family:Arial, Helvetica, sans-serif;}



.tableview { border-collapse:collapse; margin:50px auto 0 0; text-align:center; font-weight:normal; float:left;}
.tableview tr td { /*border:1px solid #aeaeae;*/ padding:0px 0px; text-transform:none; font-size:12px; height:32px !important; color:#3a3a3a;}
.tableview tr th { /*border:1px solid #aeaeae;*/ padding:0px 0px; background:#949494; color:#fff; font-weight:bold; text-transform:none; font-size:12px; height:32px !important;}

.tableview2 { border-collapse:collapse; margin:5px auto 0 0; text-align:center; font-weight:normal; float:left;}
.tableview2 tr td { /*border:1px solid #aeaeae;*/ color:#e0e0e0; padding:0px 10px 0 0; text-transform:none; font-size:11px; height:32px !important; }

.tableview a{ padding:5px; cursor: pointer; -webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;}
.tableview a:active{ border:#666 1px solid;}
.seo-green{ background:#11861b; border:#0c5c13 3px solid; border-top:#0c5c13 1px solid; border-left:#0c5c13 1px solid; color:#FFF!important;}
.seo-red{background:#f81600; border:#b11202 3px solid;  border-top:#b11202 1px solid; border-left:#b11202 1px solid; color:#FFF!important;}
.seo-gold{background:#ea8904; border:#9c5d04 3px solid;  border-top:#9c5d04 1px solid; border-left:#9c5d04 1px solid; color:#FFF!important;}
.seo-blue{background:#456aba; border:#223d79 3px solid;  border-top:#223d79 1px solid; border-left:#223d79 1px solid; color:#FFF!important;}




.seo-detail{ width:890px; height:509px; border:#177cbc 5px solid; background:#FFF; position: relative; margin:auto;
top:-550px;
padding:0 0px; 
z-index:99999;

-moz-box-shadow:0px 0px 5px 1px #010101;
-webkit-box-shadow:0px 0px 5px 1px #010101;
box-shadow:0px 0px 5px 1px #010101;
}
.seo-detail .services-style{ padding:10px 50px;}
.seo-detail h2{ text-align:center; border-bottom:#cfcfcf 1px dashed; margin:0 70px; padding-top:40px; }
.seo-detail .close-btn{ margin-left:-5px; margin-top:-4px; float:left; position:absolute; background:#177cbc; font-size:14px; color:#FFFFFF!important; font-weight:bold!important; padding:8px;
-webkit-border-radius:7px;
-moz-border-radius:7px;
border-radius:7px;
}


.seoDiv{background: url("../images/black-bg.png"); position:fixed; z-index:9; width:100%; height:100%; z-index:10;}

.seoDiv .seo-form{ background:#FFFFFF; width:340px; height:370px; padding:10px; margin:10% auto 0 auto; border:#666666 2px solid; position:relative;}
.seoDiv .seo-form h2{ border-bottom:#CCCCCC 1px dotted; text-align:center;}
.seoDiv .close{ background:#666; padding:4px; float:left; color:#FFFFFF; margin:-8px 0 0 -8px; cursor: pointer;}

.free-seo-report{ position:fixed; top:200px; left:0; z-index:10;}
/*============================== Seo Packages Page Css End ==============================*/


/*==============================Careers Css Start==============================*/
.seo-report{ float:right; width:409px; height:409px; border:#177cbc 5px solid; background:#FFF; position:absolute; left:30%;
top:-580px;
-webkit-border-radius:265px;
-moz-border-radius:265px;
border-radius:265px;
padding:20px 20px; 
z-index:99999;

-moz-box-shadow:0px 0px 5px 1px #010101;
-webkit-box-shadow:0px 0px 5px 1px #010101;
box-shadow:0px 0px 5px 1px #010101;
}
.seo-report .services-style{ padding:10px 50px;}
.seo-report h2{ text-align:center; border-bottom:#cfcfcf 1px dashed; margin:0 0px!important; width:360px!important; padding-top:40px; }
.seo-report .close-btn1{ left:110px; top:5px; float:left; position:absolute; background:#177cbc; font-size:14px; color:#FFFFFF!important; font-weight:bold!important; padding:10px;
-webkit-border-radius:13px;
-moz-border-radius:13px;
border-radius:13px; }

.seo-report .form-table{ padding:30px 0 0 20px; width:370px; }
.seo-report .form-table ul li label{width:120px}
.seo-report .form-table h2{ float:left; width:100%; margin:0;}
/*==============================Careers Css End==============================*/
.clearfix::after{content:"";display:table;clear:both}