@charset "utf-8";

/* CSS Document */



@media only screen and (max-width:1120px) {

ul#navigation li.last ul{right:0; left:inherit;}

ul#navigation li:hover ul li ul{right: 222px;left:inherit;}	



/*========*/

.itemBlock{ min-height:auto; width:100%;}

.tableResponsive {

    overflow-x: auto;

    width: 100%;

}

ul#services li{ width:29%;}



}





@media only screen and (max-width:1090px) {

.domainInfo .textBoxbg{ width:80%;}

.popupHeading{ line-height:45px; font-size:37px;}

}





@media only screen and (max-width:1024px) {

#header{padding:0 3%; text-align:center; width:100%; box-sizing:border-box;}

.bannerInfo{ width:100%;}

.heading01 img{ max-width:100%;}

.banner .bannerInfo{ width:100%;}

#topInfobar{padding:0 3%; width:94%; line-height:30px;}

.content{padding:35px 5% 0; width:100%; box-sizing:border-box;}

#footer{padding:0 5%; width:100%; box-sizing:border-box;}

#footerSeparatorColumn{width:100%; box-sizing:border-box;}

.callToaction{ height:auto; background:#efefef; float:left; width:100%; box-sizing:border-box;}

.bannerButton a img{ max-width:100%;}

.blueBlock .content{padding:25px 5% 15px; width:100%;}

.block04 .content{padding:25px 5% 19px;}

.formContactus  .textBoxbg{width: 93%;}

.formContactus .textareaBoxbg{min-width:93%;width:93%; max-width:93%;}

.formContactus .rightSec{width:100%;}



/*===========*/

.standardForm label{ width:150px;}

.standardForm .textBoxbg{ width:65%;}

.standardForm .selectTextBoxbg{ width:71% !important;}

.standardForm .rightSec{ width:auto;}

.standardForm .formSubmit{ margin-left:150px;}

.itemBlock2{ width:33%;}

.itemBlock2 span.frameServiceContent{ max-height:190px; overflow:hidden;}

.itemBlock2 span.frameServiceHeading{ max-height:38px; overflow:hidden;}

p.highlighted03{ padding-left:17%;}

p.highlighted03 span{ padding-right:21%;}

.gradientBlock .info p{ font-size:18px;}

.gradientBlock .block03{ width:100%;}

.unHighlightedContent li{ width:27% !important;}

.threeColumnBlock.paddingBottom .standardThumb{ width:31%; height:auto;}

.threeColumnBlock.paddingBottom .standardThumb img{ width:100%;}

ul#serviceshome li{ width:100%;}

.cross{ display:none;}

.banner .info .heading01{ text-align:left;}



}









@media only screen and (max-width:1008px) {



.slider{ display:none !important;}

.banner .info{ width:100%; text-align:center; padding:0 5%; box-sizing:border-box; padding-bottom:18px;} 	

#tabs{ width:26% !important;}

	

}



@media only screen and (max-width:990px) {

.itemBlock { /*max-height:280px;*/ min-height:auto; }

.itemBlock p { max-height:auto; overflow:hidden; }

/*.banner .info p {max-height: 50px;overflow: hidden;}*/

.bannerButton a{margin: 13px 0; max-width:86% !important;}

.portfolio .info .heading01{font-size: 26px;}

.portfolio .info .heading02{font-size: 38px;  line-height: 36px;}

p.highlighted09grey span { width:100%; box-sizing: border-box;}

/*===============*/

.twoColumn .floatLeft.listing{ width:42%;}

.twoColumn .floatRight.listingHighlight{ width:54%;}

.twoColumn .floatLeft.heading{ width:27%;}

.twoColumn .floatRight.para{ width:70%;}

.btnorange { width: 38%;}

.floatRight.info { width: 35%;}

.twoColumn .floatLeft.info { width: 63%;}

.twoColumn .floatRight.title { width: 34%;}

p.highlighted03 { padding-left: 20%;}

.gradientBlock .icon{ padding:5px 10px 4px}

.gradientBlock .block01{ text-align:center;}

.contacttext{ width:61%;}

.formContactus .textBoxanswer { width: 68%;}

.gradientBlock .info p { font-size: 15px;}

.button09{ font-size:13px;}

.unHighlightedContent li{ width:26% !important;}

.mapBgBlock li { padding-bottom: 18px !important;}

.tableList.responsive.package{ width:900px;}



#popup2{ width:97%;}

.poupBluebg{ min-height:250px; padding-left:10px; padding-right:10px;}

.domainInfo{ margin-top:-80px;}

.domainInfo .textBoxbg{ width:78%;}

}



@media only screen and (max-width:900px) {

.supportOnline{background-position:center top; padding-top:24%; text-align:center; font-size:14px;}





/*==========*/

.twoColumn .floatLeft{ width:55%;}

.twoColumn .floatRight{ width:40%;}

.standardForm .textBoxbg { width: 90%;}

.standardForm .selectTextBoxbg{ width:97% !important;}

/*.textareaBoxbg{ min-width:91%;}*/

.standardForm .formSubmit { margin-left: 0px;}

.iframeContent{ min-height:800px;}

.unHighlightedContent li{ margin-right:20px !important;}

.threeColumnBlock.paddingBottom .standardThumb{ width:30%;}

.bannerButton a{ margin:0 0 20px 0;}



.domainInfo{ left:3%;}

.domainInfo .textBoxbg{ width:76%;}



ul#navigation li{ margin:0px 3px;}

}



@media only screen and (max-width:820px) {

ul#navigation li a{padding:0 5px;}

#footerSeparator{text-align:center;}

#copyright{float:none;}

#subsidiary { display: inline-block; float: none;}

.bannerInfo h1{background:none;}

.bannerInfo h1 span{background:none;}

.testimonialBlock .heading{background:none;}

.testimonialBlock .heading span{background:none;}

.portfolio .info{padding: 18px 3% 0 3%;}

.portfolio .info .heading01{font-size: 23px; padding-bottom: 3px;}

.portfolio .info .heading02{font-size: 30px; line-height: 33px; padding-bottom: 5px;}



}



@media only screen and (max-width:768px) {

ul#navigation li:hover ul li ul{right: 222px;}

#logo{margin:0; float:none;}



/*=========*/

.twoColumn .floatLeft.heading { width: 28%;}

.twoColumn .floatRight.para { width: 68%;}

a.button02{ padding:17px 33px 17px 13px; font-size:14px;}

.formContactus .textBoxanswer { width: 63%;}

.unHighlightedContent li{ margin-left:12px !important;}

ul#services li{ width:32%; max-width:100%;}



}



@media only screen and (max-width:767px) {

.tabContent {bottom: 0;height: 100%;position: relative;right: 0;top: 0;width: 100%;background: #fff;}	

#tabs{ width:100% !important;}

.callToaction{ text-align:center;}

.callToaction .callInfo{ width:100% !important;}

.callToaction a{ float:none; display:inline-block; margin:10px 0;}

.callToaction p{ text-align:center; margin:10px 0;}

.menucontainer{ display:none; position: relative; top: 0;}

.menucontainer ul{ display:block !important; position:relative !important; width:100%; box-sizing:border-box;}

ul#navigation li:hover ul li ul { display:block !important; position:relative !important; right:0px; width:100%;}

ul#navigation li ul li ul li a { padding-left:15px; }

ul#navigation li ul li a { width:100% !important; box-sizing:border-box; }

#contentWrapper{ padding-top:0px !important;}

.popleft{ width:100% !important;  box-sizing: border-box;}

.popright{ width:100% !important;  box-sizing: border-box;}

.domainForm .textBoxbg{ margin:0 0 18px 0; width:96%;}

#servicesweb{ width:100%;}

.domainForm .textareaBoxbg{  width:96%; margin-left:0px;}

.domainForm .rightSec{ margin:0;}

.poupBluebg2{ padding:10px 30px;}

.scrollup{ margin-right:-10px; bottom:30px;}

ul.bullets, .tickMarks{ margin-left:0;}

.mapBgBlock{background-size:cover; background-repeat:repeat-y;}

.itemBlock span.frameServiceContent{ overflow:auto; max-height:none;}

#lhc_status_container{ display:none;}

.bannerInfo h1 span{ margin-top:60px;}

.banner{ padding-top:122px;}

p.highlighted09white span{ width:100%; box-sizing:border-box; font-size:16px;}

}



@media only screen and (max-width:760px) {

	.fixedHeader {top:0 !important;}

	#header{ text-align:left; }

	#logo{ max-width:140px !important; height:60px !important; float:left; position:relative; z-index:99999;}

	#logo img{ width:100%; height:auto !important;}

	#topInfobar{display:none;}

	.banner{ padding-top:60px;}

#navToggle {background:url(../images/menuBtn.png) no-repeat;color: #2c074c;	display: block;	padding: 0px 0px;

position: absolute;	right:22px;	top:18px;	text-transform: uppercase; width:35px;	font-weight: 700; height: 36px; z-index:99999;}

#headerWrapper.fixed{ position:fixed; top:-100px;}

#headerWrapper{ z-index:99999;}
 
#stickyHeader { position:fixed;} 
ul#navigation {width:100%; position: fixed; top:60px; height:100%; background:#020d13; z-index: 9999; overflow-y: scroll; right:-100%;}

#headerWrapper ul li.last{ margin-bottom:60px !important;}



ul#navigation li ul li a{ border-bottom:1px solid #1c2a36; background:none;}

.closeNav{ display:block; cursor:pointer}

.menucontainer{ background:#02121f;}



ul#navigation li{display:block; float:none; width:100%; margin:0px; text-align:left;}

ul#navigation li a{height:54px !important; line-height:56px !important; text-align:left; border-bottom:1px solid #1c262b; padding:0px 20px;}

ul#navigation li:hover a,ul#navigation li.active a {

    color: #fff;

	background:none;

	border-bottom:#1c262b solid 1px;

}

ul#navigation li.highlighted a{ background:none; color:#1370c8;}

ul#navigation li.highlighted:hover a{ background:none; color:#ffffff;}



.subicon{ display:block; background:url(../images/selectarrow.png) no-repeat center; float:right; width:58px; height:54px;}

.subicon img{ display:none;}

ul#navigation li:hover .subicon,ul#navigation li.active .subicon{ background:url(../images/selectarrowhover.png) no-repeat center;}



#stickyHeader{ background:none;}

#headerWrapper{ position:relative;}



.is-hidden {

    top:-164px;

   transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;

  }

  

.is-visible {

    top:0px;

  transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;

}



.scrollup{ display:none !important;}

/*ul#navigation li ul{display:block; width:100%; position:relative;}

ul#navigation li ul li a{width:93%!important;}



ul#navigation li ul li ul {width:90%; position:relative; padding:0px 5%;}

ul#navigation li:hover ul li ul  {display:block; width:90%; position:relative; padding:0px 5%; left:0px; top:auto; }

ul#navigation li ul li:hover ul {display:block; width:90%; position:relative; padding:0px 5%;}

ul#navigation li ul { display:none; width:100%; }

ul#navigation li:hover ul { display:block; }

ul#navigation li ul li ul{ display:none !important;}

ul#navigation li ul li:hover ul{ display:block !important;}*/

.slider{ display:none;}

.banner .info {

    box-sizing: border-box;

    float: left;

    padding: 10px 5%;

    width: 100%;

}



.innerBanner .heading{

	padding:0 20px;

	}

.innerBanner{ margin-bottom:0px;}

ul.contactInfolist li{ font-size:12px; padding-left:30px;}

.mapBgBlock li { padding-bottom: 15px !important;}

.poupBluebg{ box-sizing:border-box; min-height:auto; padding-bottom:60px;}

.popupHeading{ line-height:46px;}

.domainInfo{ text-align:center; display:inline-block;}

.domainInfo p{ display:inline-block;}

.domainInfo .textBoxbg{ width:94%;}

.formSubmit{ float:none; display:inline-block;}

.subicon{display: block;  border-left: 1px solid #1d303f;

    cursor: pointer;

    height: 54px;

    margin: 4px 0 0;

    opacity: 1;

    position: absolute;

    right: 0;

    top:-3px;

    width: 50px;}

.subicon  img{ margin-left:16px; margin-top:20px;}	

/*#outer{ position:absolute;}*/



ul#navigation li.active ul li a{ border-bottom:#1c2a36 soli 1px}


}



@media only screen and (max-width:640px) {



	

.banner ul li img { max-width:103.1%; }

.closeButton{top:35px!important;right: 23px!important;}	

#logo {float: left;}

ul.bullets { margin-left:10px; }

.columnText2 { width:100% !important;}



.banner .bannerInfo{ margin-top:-8%;}

.innerBanner { margin-top:-6%;}	

.itemBlock, ul#serviceshome .last { width:100%; max-height:inherit; min-height:inherit; padding:20px 0; }



.itemBlock p { max-height:inherit; }

.cross{ display:none; }

.twoColumn .floatLeft{float:left!important; width:100%!important; }

.twoColumn .floatRight{ width:100%!important;}

ul.tabbing{background-position:left top;background-size: 100% auto;}

.tabbing li.active{background-position:left top;background-size: 100% auto;}

.tabbing li:hover{background-position:left top;background-size: 100% auto;}

.tabbing li{text-align:left;background-position:left top;background-size: 100% auto;}



.callToaction{text-align:center;}

.callToaction p{ line-height: 20px; margin: 10px 0; text-align: center;}

.callToaction .callInfo{width:100%; }

.callToaction a{float:none; display:inline-block;}

.contactInfo{width:45%;}

.forCustomer{width:34%;}

.twoColumn ul.strip{margin-left:0;}

ul.decimal{margin-left:0;}

.block04 .content{text-align:center;}

.block04 .heading{text-align:center;}

.content .floatLeft{width:100%!important; display:inline-block;}

.content .floatRight.right{text-align:center;margin: 5px 0 10px;}

.threeColumnBlock .leftColumn{width:100%!important;}

.threeColumnBlock .middleColumn{width:100%!important; padding:0;}

.threeColumnBlock .rightColumn{width:100%!important;}

.portfolio .info .heading02{font-size: 38px;}

.portfolio .info .heading01{font-size:25px;}

.formContactus .textBoxanswer{width:100px;}

.forCustomer { width: 100%; float: none; display: inline-block;text-align: center; padding-left:0px;}

.contactForm{min-height:inherit;}

.content .floatRight.right a.button02{padding: 5px 45px 5px 22px;}

.contactForm { padding-left:0px; border-left:0px solid #000; }

.borderDashedResponsive {  	border-right: 0px dashed #999999;

	padding-right: 0px; }

.customerLogin { padding-left:0px; }

.bannerInfo {

    padding-top: 16px;

}

.block06 { width:95%; }

/*.ourServices { display:none; }*/

.slider{padding: 7% 6.5% 0% 10%;}



/*------------------------ New CSS ---------------------*/

#footerSeparator{margin:20px 0 0 0;}

.forCustomer { display:inline-block; text-align:center; float:none; width:50%; padding-left:3.8%; margin-top:10px; }

.customerLogin {bottom: -90px; float: left;left: 0;padding-left: 0;position: absolute;width: 100%; }

.quickLinks{width:50%; min-height:inherit; background:none; margin-left:5%;}



/*==========*/

.floatRight.addressInfo{ float:none; display:inline-block; padding-bottom:20px;}

.twoColumn .floatRight { width:100% !important;}

.itemBlock2{ width:100%;}

.iframeContent{ min-height:550px;}

.btnorange{ width:100%;}

.floatRight.info{ width:100%; float:right;}

.twoColumn .floatRight.title{ width:100%;}

p.highlighted03 { padding-left: 10%;}

p.highlighted03 span{ padding-right:0%; padding-bottom:30px;}

.twoColumn .floatRight.buttons{ width:100%; float:left;}

.gradientBlock .info p { font-size: 21px; padding-top:8px;}

.gradientBlock .block01{ text-align:left;}

.contactform{ width:100%;}

.twoColumn .floatLeft.paragraph, .twoColumn .floatRight.paragraph, .twoColumn .floatLeft.text2, .twoColumn .floatRight.text2, .twoColumn .floatLeft.textLeft, .twoColumn .floatRight.textRight{ width:100% !important;}

.tableList.responsive{ width:600px;}

.unHighlightedContent li{ width:100% !important;}

.threeColumnBlock.paddingBottom .standardThumb{ width:100%;}

.standardForm .rightSec { width: 100%;}

.section1{ width:100% !important;}

.section2, .twoColumn .floatRight.section2{ width:100% !important;}

.slider{ display:none;}

.banner .info {

    box-sizing: border-box;

    float: left;

    padding: 40px 5%;

    width: 100%;

}



.block01, .block02, .block03, .block06, .block08, .block09, .block10,

.blueBlock02, .specialBlock, .seperator, .greyBlock02{margin:20px 0 25px;}

p.highlighted03 span{ background:none;}

a.serviceDiv{ padding:20px 0 25px;}

.patternBlock2, .patternBlock{margin:20px 0 10px;}

.content{ padding:20px 5% 0; margin:20px 0 0 0;}

p{ text-align:left;}

h1 span{ font-size:12px; margin-top:10px;}

ul#services li{ width:100%; max-height: inherit;min-height: inherit;padding: 10px 0;}

.twoColumn .floatRight{ width:100% !important;}

.standardForm label{ width:100% !important;}

.floatRight.addressInfo{ width:92% !important;}

.domainInfo{ top:74%; width:80%;}

.poupBluebg{ padding-left:10px; padding-right:10px;}

.domainForm .textareaBoxbg{  width:95%; margin-left:0px;}

.domainForm .textBoxbg{ margin:0 0 18px 0; width:95%;}

.quickLinks ul li ul.linkRight{ right:0 !important; left:auto !important;}





.heading03 span{ font-size:28px;}

h2.extraLarge{ font-size:40px;}

#navToggle{ top:20px;}

#logo img{ margin-top:5px;}



.banner {

    padding-top: 100px;

}





}



@media only screen and (max-width:480px) {

.banner{ padding-top:20px;}

.banner .bannerInfo{ margin-top:40px; padding-bottom:24px;}

.slider{display: inline-block; float: none;padding: 11% 10% 0% 17%;width: 100%; box-sizing:border-box;}	

.banner .info{float:none; width:87%; padding:30px 5% 0px 5%; }

.innerBanner { margin-top:-10%;}	

#footer{text-align:center;}

.contactInfo { display: inline-block; width: 100%; background:none;}

.supportOnline{padding-top: 14%;}

.contactInfo .phone { background: url(../images/phone.png) no-repeat scroll 24% top;}

.contactInfo .email { background: url(../images/email.png) no-repeat scroll 24% top;}

ul.contactInfolist{background-size:contain;}

.quickLinks{width:100%;margin-left:0px; text-align:center; margin-top:15px;}

.quickLinks ul {display:inline-block; width:auto; float:none;}

.quickLinks ul.first{display:inline-block; width:40%; float:none;}

.quickLinks ul li{text-align:left;}

#footerSeparatorColumn{padding:23px 3% 25px;}

#subsidiary ul li {margin: 0 10px;display:block; float: none;}

.contactForm{border-left:none;}

.portfolio{text-align:center;}

.portfolio .thumb { float: none; width: 100%;}

.portfolio .info{width:90%;}

.accordion p{height:auto!important;}

.formContactus{margin-left:0;}

.mapBgBlock .heading03 { background:none !important; }

.mapBgBlock .heading03 span { background:none !important; }

.bannerButton { text-align:center; }

.bannerButton a {float: none;margin: 13px 0;text-align: center; display:inline-block;}



/*------------------------ New CSS ---------------------*/



#footerSeparator{margin:25px 0 0 0;}

.forCustomer {display: inline-block;float: none;padding-left: 0;text-align: center;width: 100%; margin-top:45px; }

.customerLogin {float:none;left: 0;padding-left: 0;position:relative;width: 100%; padding-top:25px; bottom:0px; }



/*==========*/

a.serviceDiv{ padding-top:0px;}

.innerBanner .heading{ font-size:27px;}

.slider{ display:none;}

.banner .info {

    box-sizing: border-box;

    float: left;

    padding: 20px 5%;

    width: 100%;

}

.bannerInfo{ padding:20px 0 40px !important;}

a#logo img{ width:100%; height:auto !important;}

/*.banner .info .heading01{ margin-top:30px;}*/
.checkBox {

    float: right;

    margin: 0 0 15px;

    width: 100%;

}

.domainInfo{ width:78%; margin-top:-90px;}
.domainInfo p{ font-size:16px; line-height:24px;}
.domainForm .rightSec{ width:100%;}
.formSubmit04 #press{ margin:0 auto; }
.domainForm .textBoxbg, .domainForm .textareaBoxbg{ width:92%;}
p.highlighted09white span{ width:100%; box-sizing:border-box; font-size:14px; padding:19px 0 27px;}

}



@media only screen and (max-width:415px) {

.formSubmit04{ width:100%; background:url(../images/submitbg02.png) no-repeat  center -32px !important;}
.formSubmit04:hover{ width:100%; background:url(../images/submitbg02.png) no-repeat  center 0 !important;}	
#copyright a{ width:100%; display:inline-block; }


}

@media only screen and (max-width:360px) {

.closeButton{top:65px!important;}	

ul#navigation { top:53px;}

.formContactus .textBoxbg{width:93%;}

.textareaBoxbg{max-width:93%; min-width:93%; width:93%;}

.button05{margin: 9px auto 29px; display:block;}

.button05 span {display: block;}

.button06{margin: 9px auto 29px; display:block;}

.button06 span {display: block;}

.button07{margin: 9px auto 29px; display:block;}

.button07 span {display: block;}

.button08{width:100%; margin: 9px 0 29px; padding: 4px 0 0;}

.button09{width:100%;padding: 5px 0 6px 0; text-align:center;margin: 9px 0 29px;}

.button10{min-width: 87%; max-width: 87%;text-align: center; margin: 9px 0 29px;}

.innerBanner { margin-top:-18%;}

.banner .bannerInfo{ margin-top:26px; padding-bottom:10px !important;}

.bannerInfo {

    padding-top: 35px;

}

/*===============*/

/*.twoColumn .floatRight { width: 86% !important;}*/

.standardForm .rightSec img{ width:100%;}

#logo{ width:70%; height:auto !important;}

#navToggle{ top:16px;}

.standardForm{ width:100%;}



.popupHeading{ font-size:30px; line-height:35px;}

.fancybox-skin{ padding:8px;}

.poupBluebg{ padding:20px 10px 100px 10px;}

.popupText{ font-size:16px; line-height:24px;}

.domainInfo{ width:71%;margin-top:-110px;}


	}

	

	@media only screen and (max-width:320px) {

		.banner .bannerInfo{ margin-top:10px; padding-bottom:10px;}

		.bannerInfo{ padding-top: 20px;}

	}