@font-face {
    font-family: 'open_sansregular';
    src: url('opensans-regular-webfont.eot');
    src: url('opensans-regular-webfont.eot-.htm#iefix') format('embedded-opentype'),
         url('opensans-regular-webfont.woff') format('woff'),
         url('opensans-regular-webfont.ttf') format('truetype'),
         url('opensans-regular-webfont.svg.htm#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
	}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('opensans-semibold-webfont.eot');
    src: url('opensans-semibold-webfont.eot-.htm#iefix') format('embedded-opentype'),
         url('opensans-semibold-webfont.woff') format('woff'),
         url('opensans-semibold-webfont.ttf') format('truetype'),
         url('opensans-semibold-webfont.svg.htm#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
	}
@font-face {
    font-family: 'open_sansbold';
    src: url('opensans-bold-webfont.eot');
    src: url('opensans-bold-webfont.eot-.htm#iefix') format('embedded-opentype'),
         url('opensans-bold-webfont.woff') format('woff'),
         url('opensans-bold-webfont.ttf') format('truetype'),
         url('opensans-bold-webfont.svg.htm#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
	}

@font-face {
    font-family: 'open_sansextrabold';
    src: url('opensans-extrabold-webfont.eot');
    src: url('opensans-extrabold-webfont.eot-.htm#iefix') format('embedded-opentype'),
         url('opensans-extrabold-webfont.woff') format('woff'),
         url('opensans-extrabold-webfont.ttf') format('truetype'),
         url('opensans-extrabold-webfont.svg.htm#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
	}
body {margin:0; padding:0; font-family:'open_sansregular'; font-size:14px; line-height:normal; color:#373737; background:#fff;}
a {outline:none; text-decoration:none; color:#0e1417}
a:hover {
	color:#FFF;
}
input, textarea, select {font-size:14px; vertical-align:middle; font-family:'open_sansregular'; outline:none;}
form {margin:0 !important;}
.clr {clear:both !important;}
.fl {float:left !important;}
.fr {float:right !important;}
.vAlign {vertical-align:middle !important;}
.vb {vertical-align:bottom !important;}
img {border:none;}
p {margin:0; padding-bottom:20px;}
p.last {padding-bottom:0;}
h1, h2, h3, h4, h5, h6 {margin:0; font-weight:normal;}
ul {padding:0; margin:0; list-style:none;}

.mainCon {width:100%; margin:auto;}
#topCon {width:100%;}
.banner-section{height:415px; clear:both;}
.topPart {background:#fff; width:100%; border-bottom:1px solid #d1d1d1; position:relative; z-index:2;}
.innerCon {
	width:960px;
	margin:auto;
	/*color: #fff;*/
}
.logo {float:left; padding:6px 0 10px 0;}
.logo a { display:block;}
.logo img {width: 250px;}
.topRight {float:right; padding:20px 0; font-size:15px; color:#242424;}
.contactInfo {display:inline-block; background:#efefef; border:1px solid #bababa; border-radius:3px; color:#242424; padding:4px 15px;}
.contactIcon {display:inline-block; width:25px; height:24px; background:url(../images/icons.png) no-repeat 0px -60px; vertical-align:middle; margin-right:5px;}
a.reqBtn {display:inline-block; background:#efefef; border:1px solid #bababa; border-radius:3px; color:#242424; padding:4px 15px; margin-left:8px;}
.rqIcon {display:inline-block; width:18px; height:24px; background:url(../images/icons.png) no-repeat -31px -60px; vertical-align:middle; margin-right:5px;}

.tabCon {background: #F1F1F1; width:100%; height:60px; position:relative; z-index:10;}
.tabCon.stick {position:fixed; top:0; left:0;}
ul.tab li {display:block; float:left; padding:10px 1px 0 0; font-size:15px; text-transform:uppercase; position:relative;}
ul.tab li a {display:block; float:left; color:#4a5054; padding:10px 18px; border-radius:3px;}
ul.tab li a:hover, ul.tab li a.active {background:#035eb1; color:#fff;}
ul.tab li.last {float:right;}
ul.tab li.last a {background:#ff0066; color:#fff; padding:12px 16px 8px 16px;}
ul.tab li.last a .phoneIcon {display:inline-block; width:20px; height:17px; background:url(../images/icons.png) no-repeat -53px -61px; vertical-align:middle; margin:0 8px 4px 0;}
ul.tab li.last a.active {background:#ff0066;}

ul.tab li.reqTab {float:right; display:none;}
.tabCon.stick ul.tab li.reqTab {display:block; }
ul.tab li.reqTab a {background:#242424; color:#fff; padding:8px 16px 8px 16px;}
ul.tab li.reqTab a .rqIcon {display:inline-block; width:18px; height:24px; background:url(../images/icons.png) no-repeat -376px -59px; vertical-align:middle; margin:0 5px 0 0;}
ul.tab li:hover ul{visibility:visible;}
ul.tab li > ul { background:#035EB1; }
ul.tab li > ul{visibility:hidden; position:absolute; background:#035EB1; width:280px; left:0; top:42px; border-radius:5px; padding:8px 0;}
ul.tab li > ul a{color:#fff;padding:6px 10px;}
ul.tab li ul li{padding:0; margin:0; float:none;clear:both; border-top:dotted 1px #043760; box-shadow:0 1px 0 0 #1B6DB5;}

ul.tab ul li a:hover {background:#1E79C9; display:block; float:none;}
ul.tab li:hover > a {background-color:#035EB1;color:#fff;}
ul.tab li > ul > li{position:relative;}
ul.tab li > ul > li > ul{ display:none; position:absolute; left:279px; top:-9px; }

ul.tab li > ul > li:hover ul{ display:block;}


.bannerCon {width:100%; position:fixed; top:0; left:0; height:572px; z-index:1; background:#141414;}

.flo-lft{float:left;}
.flo-rgt{float:right;}
#lft-sec{width:70%;}
#rgt-sec{width:25%;}
#lft-sec .aboutHd h1, #lft-sec .aboutHd h1 span, #lft-sec .aboutTxt{color:#111}
#lft-sec .aboutIcon {display:inline-block; width:45px; height:45px; background:#035CAD url(../images/abt-icon.png) no-repeat center center; vertical-align:middle; margin:0 10px 9px 0; border-radius:50%;}

.services-list{background:#F1F1F1; padding:20px 0px; color:#111; margin-top:10px;}
.services-list ul li{font-size:16px; line-height:22px; color:#111; position:relative; padding:15px 5px 18px 30px; border-bottom:dotted 1px #999; box-shadow:0 1px 0px #fff;}
.services-list ul li a{color:#111;}
.services-list h2{font-size:25px; text-transform:uppercase; text-align:center; border-bottom:solid 3px #999; box-shadow:0 1px 0px #fff;color:#111;}
.services-list ul li a i{display:block; background-image:url(../images/service_icon.png); background-size:80px ; width:40px; height:40px; position:absolute;  -webkit-transition:.9s ease; -moz-transition:.9s ease; -ms-transition:.9s ease; -o-transition:.9s ease; transition:.9s ease; top:5px; left:-20px; }
.services-list ul li:hover, .services-list ul li:hover a{background: url("../images/texture.png") repeat scroll 0 0 #3489d6; color:#fff;}
.services-list ul li a i.webIcon{background-position:0 0;}
.services-list ul li a i.mobIcon{background-position:0 -41px;}
.services-list ul li a i.softwareIcon{background-position:0 -82px;}
.services-list ul li a i.seoIcon{background-position:0 -123px;}
.services-list ul li a i.onlineBrandIcon{background-position:0 -164px;}
.services-list ul li a i.responsiveDesignIcon{background-position:0 -205px;}
.services-list ul li a i.customWebIcon{background-position:0 -246px;}
.services-list ul li a i.graphicDesignIcon{background-position:0 -287px;}
.services-list ul li a i.semIcon{background-position:0 -327px;}

.services-list ul li a i.seoForLawFirms{background-position:0px -369px;}
.services-list ul li a i.commercialLaw{background-position:0px -410px;}
.services-list ul li a i.privateFirm{background-position:0px -450px;}
.services-list ul li a i.accountants{background-position:0px -492px;}
.services-list ul li a i.criminalLaw{background-position:0px -533px;}
.services-list ul li a i.employementFirm{background-position:0px -574px;}
.services-list ul li a i.familyFirm{background-position:0px -615px;}
.services-list ul li a i.financialAdvisors{background-position:0px -656px;}
.services-list ul li a i.immigrationlaw{background-position:0px -697px;}
.services-list ul li a i.personalInjury{background-position:0px -737px;}
.services-list ul li a i.alerrnativeBusiness{background-position:0px -819px;}
.services-list ul li a i.barriestersChamber{background-position:0px -861px;}





.services-list ul li:hover a i.webIcon, .services-list ul li a.active i.webIcon{background-position:-40px 0; background-size:80px;}
.services-list ul li:hover a i.mobIcon, .services-list ul li a.active i.mobIcon{background-position:-40px -41px; background-size:80px;}
.services-list ul li:hover a i.softwareIcon, .services-list ul li a.active i.softwareIcon{background-position:-40px -82px; background-size:80px;}
.services-list ul li:hover a i.seoIcon, .services-list ul li a.active i.seoIcon{background-position:-40px -123px; background-size:80px;}
.services-list ul li:hover a i.onlineBrandIcon, .services-list ul li a.active i.onlineBrandIcon{background-position:-40px -164px; background-size:80px;}
.services-list ul li:hover a i.responsiveDesignIcon, .services-list ul li a.active i.responsiveDesignIcon{background-position:-40px -205px; background-size:80px;}
.services-list ul li:hover a i.customWebIcon, .services-list ul li a.active i.customWebIcon{background-position:-40px -246px;background-size:80px;}
.services-list ul li:hover a i.graphicDesignIcon, .services-list ul li a.active i.graphicDesignIcon{background-position:-40px -287px; background-size:80px;}
.services-list ul li:hover a i.semIcon, .services-list ul li a.active i.semIcon{background-position:-40px -327px; background-size:80px;}

.services-list ul li:hover a i.seoForLawFirms, .services-list ul li a.active i.seoForLawFirms{background-position:-40px -369px;}
.services-list ul li:hover  a i.commercialLaw, .services-list ul li a.active i.commercialLaw{background-position:-40px -410px;}
.services-list ul li:hover  a i.privateFirm, .services-list ul li a.active i.privateFirm{background-position:-40px -450px;}
.services-list ul li:hover  a i.accountants, .services-list ul li a.active i.accountants{background-position:-40px -492px;}
.services-list ul li:hover  a i.criminalLaw, .services-list ul li a.active i.commercialLaw{background-position:-40px -533px;}
.services-list ul li:hover  a i.employementFirm, .services-list ul li a.active i.employementFirm{background-position:-40px -574px;}
.services-list ul li:hover  a i.familyFirm, .services-list ul li a.active i.familyFirm{background-position:-40px -615px;}
.services-list ul li:hover  a i.financialAdvisors, .services-list ul li a.active i.financialAdvisors{background-position:-40px -656px;}
.services-list ul li:hover  a i.immigrationlaw, .services-list ul li a.active i.immigrationlaw{background-position:-40px -697px;}
.services-list ul li:hover  a i.personalInjury, .services-list ul li a.active i.personalInjury{background-position:-40px -737px;}
.services-list ul li:hover  a i.alerrnativeBusiness, .services-list ul li a.active i.alerrnativeBusiness{background-position:-40px -819px;}
.services-list ul li:hover  a i.barriestersChamber, .services-list ul li a.active i.barriestersChamber{background-position:40px -861px;}

.innerCon:after{clear:both; display:block; line-height:0; font-size:0; overflow:hidden; content:"."}

#aboutCon {background:#035eb1 url(../images/texture.png); border-top:1px solid #fff; position:relative; z-index:2; width:100%;}
.aboutHd h1 {font-size:46px; color:#fff; font-family:'open_sansbold'; padding:30px 0 10px 0;}
.aboutHd h1 span {font-size:21px; font-style:italic; color:#fff; font-family: 'open_sansregular';}
.aboutIcon {display:inline-block; width:45px; height:45px; background:url(../images/abt-icon.png) no-repeat 0px 0px; vertical-align:middle; margin:0 10px 9px 0;}
.aboutTxt {color:#fff; font-size:15px; line-height:21px;}
.aboutBlcBox {background:#000000; border-radius:3px; color:#fff; font-size:17px; text-align:center; padding:18px 25px; margin:20px 0; -webkit-transition:.6s ease; -moz-transition:.6s ease; -ms-transition:.6s ease; -o-transition:.6s ease; transition:.6s ease; margin-left:-500%; width:910px;}
.aboutBlcBox span {font-size:25px;}
.aboutBlcBox.loaded {margin:20px 0;}
.aboutBox {float:left; width:30%; margin-right:5%; color:#fff; line-height:21px; padding:20px 0 40px 0;  -webkit-transition:.9s ease; -moz-transition:.9s ease; -ms-transition:.9s ease; -o-transition:.9s ease; transition:.9s ease; filter:alpha(opacity=0); -moz-opacity:.0; opacity:.0;}
.aboutBox.last {margin-right:0;}
.aboutBox span {display:block; color:#fff; font-size:19px; padding-bottom:5px; font-family: 'open_sanssemibold'; line-height:20px;}
.aboutBox.loaded {filter:alpha(opacity=1); -moz-opacity:1; opacity:1;}

#serviceCon {background:#181823 url(../images/texture.png); border-top:1px solid #fff; position:relative; z-index:2;}
.serviceHd h1 {font-size:46px; color:#fff; font-family:'open_sansbold'; padding:30px 0 10px 0;}
.serviceIcon {display:inline-block; width:43px; height:43px; background:url(../images/icons.png) no-repeat -218px -60px; vertical-align:middle; margin:0 10px 9px 0;}
.serviceTxt {color:#fff; font-size:15px; line-height:21px;}
.serviceTab {width:335px; padding:15px 0 25px 0; float:left;}
.serviceTab ul {padding:0; margin:0; list-style:none;}
.serviceTab ul li {display:block; padding:0 0 22px 48px; position:relative;}
.serviceTab ul li a {color:#fff; display:block; font-size:17px; height:78px; padding:18px 0 0 56px;}
.serviceTab ul li a span {display:block; font-size:32px; font-family:'open_sansbold'; line-height:32px; letter-spacing:-3px;}
.serviceTab ul li a .arrow {background:url(../images/services_tab_arrow.png) no-repeat; width:10px; height:96px; position:absolute; top:0; right:-10px; display:none;}
.serviceTab ul li a:hover, .serviceTab ul li a.active {background:#ff0066;}
.serviceTab ul li a:hover .arrow, .serviceTab ul li a.active .arrow {display:block;}
.serviceTab ul li a .webIcon {display:block; background:url(../images/service_icon.png); width:96px; height:96px; position:absolute; top:0; left:0;   -webkit-transition:.9s ease; -moz-transition:.9s ease; -ms-transition:.9s ease; -o-transition:.9s ease; transition:.9s ease;}
.serviceTab ul li a:hover .webIcon, .serviceTab ul li a.active .webIcon {background:url(../images/service_icon.png) -97px 0;}
.serviceTab ul li a .mobIcon {display:block; background:url(../images/service_icon.png) 0 -99px; width:96px; height:96px; position:absolute; top:0; left:0; -webkit-transition:.9s ease; -moz-transition:.9s ease; -ms-transition:.9s ease; -o-transition:.9s ease; transition:.9s ease;}
.serviceTab ul li a:hover .mobIcon, .serviceTab ul li a.active .mobIcon {background:url(../images/service_icon.png) -97px -99px;}
.serviceTab ul li a .softwareIcon {display:block; background:url(../images/service_icon.png) 0 -198px; width:96px; height:96px; position:absolute; top:0; left:0; -webkit-transition:.9s ease; -moz-transition:.9s ease; -ms-transition:.9s ease; -o-transition:.9s ease; transition:.9s ease;}
.serviceTab ul li a:hover .softwareIcon, .serviceTab ul li a.active .softwareIcon {background:url(../images/service_icon.png) -97px -198px;}
.serviceTab ul li a .seoIcon {display:block; background:url(../images/service_icon.png) 0 -296px; width:96px; height:96px; position:absolute; top:0; left:0; -webkit-transition:.9s ease; -moz-transition:.9s ease; -ms-transition:.9s ease; -o-transition:.9s ease; transition:.9s ease;}
.serviceTab ul li a:hover .seoIcon, .serviceTab ul li a.active .seoIcon {background:url(../images/service_icon.png) -97px -296px;}
.serviceDet {float:right; width:580px; padding:10px 0 25px 0;}
h2 {font-size:23px; color:#fff; padding-bottom:10px;}
.wdTxt {color:#fff; font-size:14px; line-height:23px;}
.wdTxtB {color:#fff; font-size:14px; line-height:23px; padding-top:15px;}
.wdImg {float:right; margin:0 0 0 15px;}
ul.services {padding:20px 0 0 0;  margin:0; list-style:none;}
ul.services li {display:block; float:left; width:45%; color:#fff; line-height:normal; font-size:14px; padding:5px 0 5px 22px; background:url(../images/blue_check.png) no-repeat 0 4px;}

#technolgCon  {background:#d62564 url(../images/texture.png); border-top:1px solid #fff; position:relative; z-index:2;}
.technolgHd h1 {font-size:46px; color:#fff; font-family:'open_sansbold'; padding:30px 0 10px 0;}
.technolgIcon {display:inline-block; width:41px; height:38px; background:url(../images/icons.png) no-repeat -264px -60px; vertical-align:middle; margin:0 10px 7px 0;}
.technolgTxt {color:#fff; font-size:15px; line-height:21px;}
.technolgBox {width:238px; padding:0 123px 45px 0; float:left; text-align:center;}
.technolgBox.last {padding-right:0;}
.technolgBox .top {background:url(../images/tech_tbg.png) no-repeat top; height:100px; padding:34px 0 0 0; font-size:25px; color:#fff;}
.technolgBox .top .phpIcon {display:block; width:82px; height:56px; margin:auto; background:url(../images/icons.png) 0 -156px;}
.technolgBox .top .dotnetIcon {display:block; width:78px; height:56px; margin:auto; background:url(../images/icons.png) -83px -156px;}
.technolgBox .top .mobileIcon {display:block; width:57px; height:56px; margin:auto; background:url(../images/icons.png) -162px -156px;}
.technolgBox .top .htmlIcon {display:block; width:41px; height:56px; margin:auto; background:url(../images/icons.png) -220px -156px;}
.technolgBox .top .riaIcon {display:block; width:88px; height:56px; margin:auto; background:url(../images/icons.png) -262px -156px;}
.technolgBox .top .databaseIcon {display:block; width:42px; height:56px; margin:auto; background:url(../images/icons.png) -351px -156px;}
.technolgBox .mid{background:url(../images/tech_mbg.png) repeat-y top; height:230px; color:#fff; font-size:15px; line-height:22px; padding:0 15px;}
.technolgBox .bot {background:url(../images/tech_bbg.png) no-repeat bottom; height:75px; padding-top:10px;}
.technolgBox .bot a {border:1px solid #b21e53; border-radius:3px; background:none; display:inline-block; color:#fff; font-size:13px; padding:5px 15px; display:none;}
.technolgBox .bot a:hover {background:#b21e53;}

@-webkit-keyframes tada {
	0% {-webkit-transform: scale(1);}	
	10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
	100% {-webkit-transform: scale(1) rotate(0);}
}

@-moz-keyframes tada {
	0% {-moz-transform: scale(1);}	
	10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
	100% {-moz-transform: scale(1) rotate(0);}
}

@-o-keyframes tada {
	0% {-o-transform: scale(1);}	
	10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
	100% {-o-transform: scale(1) rotate(0);}
}

@keyframes tada {
	0% {transform: scale(1);}	
	10%, 20% {transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
	100% {transform: scale(1) rotate(0);}
}

.tada.loaded{
	/*-webkit-animation-iteration-count:infinite;*/
    -webkit-animation-timing-function:linear;
    -webkit-animation-name:tada;
  /*  -moz-animation-iteration-count:infinite;*/
    -moz-animation-timing-function:linear;
    -moz-animation-name:tada;	
	-o-animation-timing-function:linear;
	-o-animation-name: tada;	
	animation-timing-function:linear;
	animation-name: tada;	
	-webkit-animation-duration:.6s; -moz-animation-duration:.6s;
	}


#portfolioCon {background:#3489D6 url(../images/texture.png); border-top:1px solid #fff; position:relative; z-index:2;}
.portfolioHd {position:relative;}
.portfolioHd h1 {font-size:46px; color:#fff; font-family:'open_sansbold'; padding:30px 0 10px 0;}
.portfolioHd h1 span {display:block; font-size:15px; font-family: 'open_sansregular'; padding:0 0 0 55px; line-height:10px;}
.latestWork {display:inline-block; width:39px; height:39px; background:url(../images/icons.png) no-repeat -50px -105px; vertical-align:middle; margin:0 10px 7px 0;}
.clientReview {display:inline-block; width:42px; height:36px; background:url(../images/icons.png) no-repeat -100px -105px; vertical-align:middle; margin:0 10px 7px 0;}
.videoIcon {display:inline-block; width:46px; height:26px; background:url(../images/icons.png) no-repeat -317px -64px; vertical-align:middle; margin:0 10px 7px 0;}
.pfTab {position:absolute; bottom:20px; right:0;}
.pfTab li {display:block; float:left; padding-left:2px; font-size:14px;}
.pfTab li a {display:block; float:left; background:#20275a; color:#fff; padding:10px 15px;}
.pfTab li a:hover, .pfTab li a.active {color:#20275a; background:#fff;}
.pfCon {border-bottom:1px solid #585d87; padding:15px 0 25px 0; position:relative;}
.pfCon .bx-wrapper {position:relative; padding:0 20px;}
.pfCon .bx-wrapper .bx-pager {display:none;}
.pfCon .bx-wrapper a.bx-prev {background:url(../images/icons.png) -253px -105px; width:14px; height:16px; display:inline-block; position:absolute; top:50%; left:0px; margin:-8px 0 0 0;}
.pfCon .bx-wrapper a.bx-prev:hover {background:url(../images/icons.png) -253px -122px;}
.pfCon .bx-wrapper a.bx-next {background:url(../images/icons.png) -270px -105px; width:14px; height:16px; display:inline-block; position:absolute; top:50%; right:0px; margin:-8px 0 0 0;}
.pfCon .bx-wrapper a.bx-next:hover {background:url(../images/icons.png) -270px -122px;}
ul.bxslider {padding:0 15px; margin:0; list-style:none;}
ul.bxslider li {display:block; float:left; width:411px !important; padding:0 24px;}
.pfimg {position:relative;}
.pfimg img {vertical-align:top;}
.projectName {color:#fff; padding-top:8px; font-size:14px;}

.pfOver {position:absolute; top:0; left:0; background:url(../images/wht_trans_bg.png); height:100%; width:100%; margin-top:-200%; -webkit-transition:.6s ease; -moz-transition:.6s ease; -ms-transition:.6s ease; -o-transition:.6s ease; transition:.6s ease;}
.pfInner {padding:10px;}
.botPad {padding-bottom:10px;}
.pfDet {padding:10px 0 0 0; border-top:1px solid #dcdcdc;}
.pfimg:hover .pfOver {margin:0;}
.csSubHd td {background:#eee; padding:10px 10px;}
.csDet td {background:#fff; padding:10px 10px;}
.pfOver table {background:#eee;}

.reviewCon {border-bottom:1px solid #585d87; padding:25px 0;}
.reviewCon .bx-wrapper {position:relative;}
.reviewCon .bx-wrapper .bx-pager {display:none;}
.reviewCon .bx-wrapper a.bx-prev {background:url(../images/icons.png) -253px -105px; width:14px; height:16px; display:inline-block; position:absolute; top:-20px; right:20px; margin:-8px 0 0 0;}
.reviewCon .bx-wrapper a.bx-prev:hover {background:url(../images/icons.png) -253px -122px;}
.reviewCon .bx-wrapper a.bx-next {background:url(../images/icons.png) -270px -105px; width:14px; height:16px; display:inline-block; position:absolute; top:-20px; right:0px; margin:-8px 0 0 0;}
.reviewCon .bx-wrapper a.bx-next:hover {background:url(../images/icons.png) -270px -122px;}

.reviewBox .lft {width:87px; height:100px; float:left; position:relative; overflow:hidden;}
.reviewBox .lft .imgBg {background:url(../images/review_img_bg.png); position:absolute; top:0; left:0; width:87px; height:100px; display:block;}
.reviewBox .rgt {float:right; width:850px; color:#fff; font-size:15px; line-height:22px;}
.clientName span {color:#9cb95d;}
.clientName .rating {display:inline-block; width:19px; height:17px; background:url(../images/icons.png) -291px -105px; margin:0 0 4px 2px; vertical-align:middle;}
.clientName .rating.dis {background:url(../images/icons.png) -291px -123px;}

.videoBox {float:left; width:192px; padding-bottom:30px;}
.videoBox .lft {width:87px; height:100px; float:left; position:relative; overflow:hidden;}
.videoBox .lft .imgBg {background:url(../images/video_img_bg.png); position:absolute; top:0; left:0; width:87px; height:100px; display:block;}
.videoBox .rgt {float:right; width:95px; font-size:15px; color:#fff; padding:18px 0 0 0;}
.videoBox .rgt span {display:block; font-size:21px; line-height:24px;}

#contactCon {background:#EC4C85 url(../images/texture.png); border-top:1px solid #fff; position:relative; z-index:2;}
.contactHd h1 {font-size:46px; color:#fff; font-family:'open_sansbold'; padding:30px 0 10px 0;}
.contcatIcon {display:inline-block; width:43px; height:32px; background:url(../images/icons.png) no-repeat 0 -105px; vertical-align:middle; margin:0 10px 7px 0;}
.contactTopTxt {font-size:17px; color:#000; font-family:'open_sansbold';}
.contactBotTxt {color:#fff; font-size:15px; padding-top:10px;}
.contactLeft {width:260px; float:left; padding:30px 0 40px 0;}
.contactLftHd {background:#000; font-size:17px; color:#fff; font-family:'open_sansbold'; padding:12px 15px;}
.contactLftBox {background:#91a318; padding:0 10px;}
.addressBox {border-bottom:1px solid #6d7b12; padding:15px 5px;}
.addressBox.last {border-bottom:none;}
.addressHd {font-size:15px; color:#fff; font-family:'open_sansbold';}
.addressHd img {vertical-align:middle; margin:0 0 2px 0;}
.address {font-size:15px; color:#fff; line-height:21px; padding-top:5px;}
.address .phone {display:inline-block; background:url(../images/icons.png) -318px -105px; width:18px; height:18px; vertical-align:middle; margin-bottom:2px;}
.address .fax {display:inline-block; background:url(../images/icons.png) -318px -123px; width:18px; height:16px; vertical-align:middle; margin-bottom:2px;}
.email {font-size:13px; color:#000; padding-top:4px;}
.email a {color:#fff;}
.contactRight {width:630px; /*float:right;*/ margin:auto; padding:30px 0 40px 0;}
.contactFrame {width:630px; height:475px;}
.contactLable {color: #fff; display: block; font-weight: bold; padding-bottom: 2px;}
.red {color:#fff;}
.contactField {padding-bottom:15px;}
.contactInput {width:275px; border:none; background:#fff; padding:14px; border-radius:2px; color:#171717; font-size:13px; -webkit-box-shadow:2px 2px 1px #666 inset; -ms-box-shadow:2px 2px 1px #666 inset; -moz-box-shadow:2px 2px 1px #666 inset; -o-box-shadow:2px 2px 1px #666 inset; box-shadow:2px 2px 1px #666 inset;}
.contactTA {width:600px; border:none; background:#fff; padding:14px; border-radius:2px; color:#171717; font-size:13px; -webkit-box-shadow:2px 2px 1px #666 inset; -ms-box-shadow:2px 2px 1px #666 inset; -moz-box-shadow:2px 2px 1px #666 inset; -o-box-shadow:2px 2px 1px #666 inset; box-shadow:2px 2px 1px #666 inset; height:150px; resize:none;}
.captchaBox {font-size:15px; color:#fff; padding-bottom:20px; font-family:'open_sansbold';}
.catchaInput {width:100px; border:none; background:#fff; padding:14px; border-radius:2px; color:#171717; font-size:13px; -webkit-box-shadow:2px 2px 1px #999 inset; -ms-box-shadow:2px 2px 1px #999 inset; -moz-box-shadow:2px 2px 1px #999 inset; -o-box-shadow:2px 2px 1px #999 inset; box-shadow:2px 2px 1px #999 inset; margin-left:10px;}
.formBtn {background:#282828; color:#fff; border:none; padding:12px 25px; cursor:pointer; text-transform:uppercase; border-radius:2px; -webkit-box-shadow:2px 2px 1px #131313 inset; -ms-box-shadow:2px 2px 1px #131313inset; -moz-box-shadow:2px 2px 1px #131313 inset; -o-box-shadow:2px 2px 1px #131313 inset; box-shadow:2px 2px 1px #131313 inset;}
.mailTxt {float:right; text-align:right; width:70%; font-size:13px; color:#fff; padding:8px 0 0 0;}
.mailTxt span {display:block; color:#fff;}
.mailTxt a {color:#fff;}

#footerCon {width:100%; background:#efefef; border-top:1px solid #fff; position:relative; z-index:2;}
.whyOutsourcing {width:420px; float:left; padding:15px 0; color:#111;}
h3 {font-size:19px; color:#141414; padding-bottom:6px; font-family:'open_sansbold';}
ul.bulletTxt {padding:0 10px 0 0; margin:0; list-style:none; border-right:1px dashed #141414;}
ul.bulletTxt li {font-size:12px; padding:3px 0 3px 18px; display:block; background:url(../images/blc_check.png) no-repeat 0 5px;}
#lft-sec ul.bulletTxt{ border-right:none!important;}
.ourAchvment {width:420px; float:left; padding:15px 0 15px 25px; color:#111;}
.ourClient {width:100%; float:left; padding:15px 0;}
.footerMid {background:#efefef; border-top:1px solid #000;}
.footerLogo {text-align:center; padding:12px 0;}
.footerLogo img {vertical-align:middle; margin:0 15px;}
.footerBot {background:#222222; border-top:1px solid #313131;}
.callUs {float:left; font-size:23px; color:#fff; text-transform:uppercase; padding:10px 0; width:330px;}
.callUs span {font-size:12px;}
.copy {float:left; font-size:11px; color:#fff; padding:19px 0; text-align:center; width:460px;}
.copy a{color:#fff;}
.foloowUs {float:right; padding:12px 0;}
.foloowUs a {margin-left:8px; display:inline-block; width:28px; height:28px;}
.foloowUs a.facebook {background:url(../images/icons.png) -149px -105px;}
.foloowUs a.twitter {background:url(../images/icons.png) -183px -105px;}
.foloowUs a.linkedin {background:url(../images/icons.png) -216px -105px;}


.reqQuotePopup {width:650px; margin:auto; background:#2F356A; border:8px solid #272c58; padding:10px 25px 25px 25px; border-radius:6px;}
.rqHd {font-size:32px; color:#fff; font-family:'open_sansbold'; text-align:center; padding-bottom:15px; letter-spacing:-1px;}
.formField {padding-bottom:18px; color:#fff;}
.formField span {display:block; padding-bottom:2px;}
.formInput {padding:7px; border:1px solid #0d1348; width:300px; font-size:13px; border-radius:5px;}
.cormSect {padding:6px; border:1px solid #0d1348; width:316px; font-size:13px; border-radius:5px;}
.browseCov {position:relative;}
.browseBtn {width:80px; text-align:center; display:block; position:absolute; right:10px; top:3px; background:#eee; border:1px solid #ccc; border-radius:4px; height:24px; line-height:24px; color:#000;}
.browseFile {height:24px; width:80px; position:absolute; left:0; top:0; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
.budgetInput {padding:7px; border:1px solid #0d1348; width:160px; font-size:13px; border-radius:5px;}
.budgetSect {padding:6px; border:1px solid #0d1348; width:136px; font-size:13px; border-radius:5px;}
.formTA {padding:7px; border:1px solid #0d1348; width:634px; font-size:13px; border-radius:5px; height:140px;}
.captcha {text-align:center; padding:0 0 20px 0; color:#fff;} 
.rcatchaInput {padding:7px; border:1px solid #0d1348; width:100px; font-size:13px; border-radius:5px;}
.formrqBtn {background:#d42563; color:#fff; border:none; padding:12px 25px; cursor:pointer; text-transform:uppercase; border-radius:2px; -webkit-box-shadow:2px 2px 1px #131313 inset; -ms-box-shadow:2px 2px 1px #131313inset; -moz-box-shadow:2px 2px 1px #131313 inset; -o-box-shadow:2px 2px 1px #131313 inset; box-shadow:2px 2px 1px #131313 inset;}

#msg {display:none; position:absolute; z-index:200;}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; padding:5px; min-width:150px; max-width:250px}

.thanksBox {background: none repeat scroll 0 0 #E9E9E9; margin:auto; padding: 16px; width: 690px;}
.thanksBox .iner {background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; padding-bottom: 40px; text-align: center;}
.thnaksTxt {font-size: 16px; padding: 30px 0 80px;}
.thnaksTxt span {font-size: 24px; font-weight:bold;}
.thnaksBtn { background: none repeat scroll 0 0 #F1FAFE; border-bottom: 1px solid #BAE7FA; border-top: 1px solid #BAE7FA; padding: 20px 0; text-align: center;}
ul.ClntLogo { margin:0px; padding:0px; list-style:none;}
ul.ClntLogo li { float:left; max-width:81px; height:auto; margin:0 7px 16px 0;}
ul.ClntLogo li img { vertical-align:middle;}
ul.ClntLogo li.last { margin-right:0px;}
.tabRt { float:right;}

.Tabmenu { display:none; width:41px; height:auto; position:fixed; left:0px; top:50px; z-index:99999;}
.Tabmenu ul { margin:0px; padding:0px; list-style:none;}
.Tabmenu ul li { display:block; width:41px; height:52px; margin:0px; padding:0px;}
.Tabmenu ul li a.topCon { display:block; width:41px; height:52px; background:url(../images/tab-icons.png) no-repeat 0 0;}
.Tabmenu ul li a.topCon:hover, .Tabmenu ul li a.topCon.active { background:url(../images/tab-icons.png) no-repeat 0 -52px;}
.Tabmenu ul li a.aboutCon { display:block; width:41px; height:52px; background:url(../images/tab-icons.png) no-repeat 0 -106px;}
.Tabmenu ul li a.aboutCon:hover, .Tabmenu ul li a.aboutCon.active { background:url(../images/tab-icons.png) no-repeat 0 -158px;}
.Tabmenu ul li a.serviceCon { display:block; width:41px; height:52px; background:url(../images/tab-icons.png) no-repeat 0 -214px;}
.Tabmenu ul li a.serviceCon:hover, .Tabmenu ul li a.serviceCon.active { background:url(../images/tab-icons.png) no-repeat 0 -268px;}
.Tabmenu ul li a.technolgCon { display:block; width:41px; height:52px; background:url(../images/tab-icons.png) no-repeat 0 -323px;}
.Tabmenu ul li a.technolgCon:hover, .Tabmenu ul li a.technolgCon.active { background:url(../images/tab-icons.png) no-repeat 0 -377px;}
.Tabmenu ul li a.portfolioCon { display:block; width:41px; height:52px; background:url(../images/tab-icons.png) no-repeat 0 -431px;}
.Tabmenu ul li a.portfolioCon:hover, .Tabmenu ul li a.portfolioCon.active { background:url(../images/tab-icons.png) no-repeat 0 -485px;}

.Mobilepftab { display:none; width:100%; height:40px; padding:8px 5px;}
.Serviceoption { display:none; width:100%; height:40px; padding:8px 5px;}
.bdr-non{ border-right:none !important;}


/*Media CSS Alwyas Call Below*/
@media only screen and (max-width: 960px){
.innerCon { width:auto; padding:0 5px;}
ul.tab li a { padding:10px; font-size:13px;}
ul.tab li.last a { padding:9px 8px 8px;}
ul.tab li.reqTab a { padding:6px 8px;}
.logo { padding:6px 0 0;}
.aboutHd h1 { font-size:36px;}
.aboutBlcBox { width:auto;}
.serviceHd h1, .contactHd h1 { font-size:36px;}
.serviceTab { width:270px;}
.serviceTab ul li a span { font-size:26px; letter-spacing:-2px;}
.serviceDet { width:60%;}
.technolgHd h1 { font-size:36px;}
#Techbox { width:638px; margin:auto;}
.technolgBox, .technolgBox.last { padding:0 40px 45px 40px;}
.portfolioHd h1 { font-size:36px;}
.pfCon .bx-wrapper { width:451px; margin:auto;}
ul.bxslider { overflow:hidden;}
ul.bxslider li { height:303px;}
.pfTab { margin-top:20px; left:0px;}
.Sldtab { padding:30px 0 70px!important;}
.reviewBox .rgt { width:85%;}
.whyOutsourcing { width:47%;}
.ourAchvment { width:47%;}
.ourAchvment ul.bulletTxt { border-right:none;}
.ourClient { width:100%; float:none; clear:both;}
.footerLogo img { margin:0 5px;}
.footerMid { padding:5px 0;}
.callUs { font-size:18px; padding:14px 0;}
.copy { width:auto;}
ul.ClntLogo li, ul.ClntLogo li.last { margin:5px 4px 5px 4px;}
.Serviceoption { display:none;}
.pfTab { width:100%; text-align:center;}
.pfTab li { float:none; display:inline-block;}

}

@media only screen and (max-width: 767px){
.logo { float:none; text-align:center;}
.logo a { margin:auto;}
.topRight { float:none; width:100%; text-align:center;}
.tabCon { height:60px;}
ul.tab li a { font-size:12px; padding:10px 8px;}
ul.tab li.last  span { display:none;}
ul.tab li.reqTab a span { display:none;}
.serviceTab { float:none; width:100%; margin:auto; text-align:center;}
.serviceDet { float:none; width:auto; clear:both;}
.serviceTab ul li { padding:0px; display:inline-block;}
.serviceTab ul li a .webIcon, .serviceTab ul li a .mobIcon, .serviceTab ul li a .softwareIcon, .serviceTab ul li a .seoIcon { display:none;}
.serviceTab ul li a:hover, .serviceTab ul li a.active { border-radius:4px;}
.serviceTab ul li a:hover .arrow, .serviceTab ul li a.active .arrow { display:none;}
.serviceTab ul li a { padding:5px 10px 5px 10px; height:auto;}
.serviceTab ul li a span { line-height:18px; font-size:20px; letter-spacing:-1px;}
.serviceHd h1, .contactHd h1 { font-size:30px;}
.aboutBlcBox span { font-size:24px;}
.aboutBox { width:100%; margin-right:0px; padding:10px 0 20px 0;}
.technolgHd h1, .portfolioHd h1 { font-size:30px;}
#Techbox { width:558px;}
.technolgBox, .technolgBox.last { padding:0 20px 30px;}
.contactRight { width:100%;}
.contactRight .contactField { width:49%;}
.contactInput { width:90%; padding:14px 5%;}
.CNtTA { width:100%!important;}
.contactTA { width:90%; padding:14px 5%;}
.copy { float:none; text-align:center; width:100%;}
.foloowUs { width:100%; text-align:center;}
.callUs { width:auto;}
.aboutHd h1 { font-size:30px;}
ul.ClntLogo { text-align:center;}
ul.ClntLogo li { float:none; width:70px; margin:2px 0; display:inline-block;}
.footerLogo img { height:30px;}
ul.ClntLogo li img { width:100%;}
ul.ClntLogo li, ul.ClntLogo li.last { margin:5px 1px 5px 1px;}

}

@media only screen and (max-width: 640px){ 
#Techbox { width:238px;}
.technolgBox, .technolgBox.last { padding:0 0px 30px;}
.pfTab li a { font-size:12px; padding:10px 8px;}
.reviewBox .rgt { width:76%;}
.whyOutsourcing { width:100%; float:none;}
ul.bulletTxt { border-right:none;}
.ourAchvment { width:100%; padding-left:0px;}
.callUs { float:none; width:auto; text-align:center; padding-bottom:0px;}
.copy { padding:0px;}
.captchaBox { font-size:13px;}
.catchaInput { width:50px;}
.Mobhide { display:none;}
.Tabmenu { display:block;}
.reqQuotePopup { width:auto;}
.formField { float:none!important;}
.formInput { padding:7px 3%; width:94%;}
.cormSect { width:100%;}
.browseBtn { right:5px;}
.budgetSect { float:right;}
.formTA { padding:7px 3%; width:94%;}
.thanksBox { width:auto;}
.csSubHd img { height:18px!important; width:55px!important;}
.pfOver { margin-top:-300%; font-size:12px;}

}
@media only screen and (max-width: 480px){
.serviceTab { display:none;}
.Serviceoption { display:block;}
.serviceDet { text-align:center;}
.wdTxt, ul.services { text-align:left;}
.pfOver table { width:93%;}
}
@media only screen and (max-width: 479px){
.topRight { font-size:12px;}
.contactInfo { padding:4px 8px;}
a.reqBtn { padding:4px 8px;}
ul.tab li a { font-size:9px; padding:8px 4px;}
.mailTxt { float:none; width:100%; text-align:left; clear:both;}
.contactRight .contactField { float:none; width:100%;}
.reviewBox .rgt { width:66%;}
.technolgHd h1, .portfolioHd h1 { font-size:28px;}
ul.ClntLogo li { width:21%;}
ul.tab li.reqTab a span, ul.tab li.last span { display:inline-block;}
.pfTab { display:none;}
.Mobilepftab { display:block;}
.Sldtab { padding:30px 0 10px !important;}
.reviewBox .lft { float:none; margin:auto; text-align:center;}
.reviewBox .rgt { width:100%; float:none;}
.budgetInput { padding:7px 3%; width:94%;}
.reqQuotePopup { padding:10px 15px 20px;}
.rqHd { font-size:24px;}
.budgetSect { float:none; width:100%; margin-top:20px;}
.thnaksTxt {  padding-bottom:50px;}
.thnaksTxt span { font-size:18px;}

}
.seoperposal {width:90%; background:#2F356A; border:8px solid #272c58; margin:2% auto; border-radius:10px; padding: 0 0 0 0;  font-family:Arial, Helvetica, sans-serif !important; }
.spHd {font-size:32px; color:#fff; background:#003D79 !important; border-bottom:8px solid #272c58;  font-family:'open_sansbold'; text-align:center; padding:3% 0; letter-spacing:-1px;}
.spHd1 {font-size:32px; color:#fff; background:#003D79 !important;  font-family:'open_sansbold'; text-align:center; padding:3% 0; letter-spacing:-1px;  font-family:Arial, Helvetica, sans-serif !important; }
.spHd2 {font-size:15px; color:#fff; background:#0D5A80 !important; border-bottom:8px solid #272c58;  font-family:Arial, Helvetica, sans-serif !important; text-align:center; padding:3% 0; letter-spacing:0px;}
.seoperposal .fdiv{ background:url(../images/soe-services-bulb.jpg) no-repeat right bottom #FFF ; padding:5%; width:90%; margin:0 auto;}
.seoperposal .fdiv .formield {padding-bottom:10px; width:59%; color:#666;}
.seoperposal .fdiv .formield span {display:block; width:30%; font-size:16px; padding-bottom:2px;}
.seoperposal .fdiv .forminputtype {padding:7px; border:1px solid #666; width:100%; font-size:13px; border-radius:5px;}
.seoperposal .fdiv .forminputslt {padding:7px; margin:0; border:1px solid #666; width:104%; font-size:13px; border-radius:5px;}