charset "utf-8";
/* CSS Document */
@font-face{
	font-family:SourceSans;
	src:url(../fonts/SourceSansPro.ttf);
}

@font-face{
	font-family: PontanoSans;
	src: url(../fonts/PontanoSans-Regular.ttf);
}
@font-face{
	font-family: Comfortaa;
	src: url(../fonts/Comfortaa.ttf);
}
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}
/* ----- clear fix for floats ----- */
.clear { clear:both; line-height:0px; font-size:0px; height:0px; display:block; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
body{
	background: #0f1114 url(../images/bg.png);
	margin:0;
	padding:5px 0 0 0;
	line-height:20px;
	font-size:13px;
	font-family: PontanoSans;	
	text-align:justify;
}

p{font-size:13px;line-height:25px;}
span{color:#329e48}
ul{list-style-type:none;}

img{
	border:none;
}
a:link {
	text-decoration: none;
	color:#191919;
}
a:visited {
	text-decoration: none;
	color:#191919;
}
a:hover {
	text-decoration: none;
	color:#191919;
}
a:active {
	text-decoration: none;
	color:#191919;
}

#full_container{
	width:1020px;
	margin:0 auto;
	padding:0;
}
#top{
	width:960px;
	height:30px;
	margin:0 auto;
	padding:0;
	color:#efefef;
	font-size:11.11px;
	font-family:Arial, Helvetica, sans-serif;
	padding:12px 30px 0 0 ;
	text-align:right;
}
#top a{
	color:#FFF;
}
#top a:hover{
	color:#e9e9e9;
}
#container{
	width:960px;
	margin:0 auto;
	background:#fff;
	position:relative;
	padding-top:5px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	box-shadow:0 0 10px #000000;
	overflow:hidden;
}
#header{
	height:60px;
	margin:0;
	padding: 10px 20px;					/*Edited*/
}
#header .logo{
	width:300px;
	height:65px;
	float:left;							/*Edited*/
	position: relative;
	top: -1px;
}
#header .links{
	/*width:340px;*/
	height:50px;
	padding:20px 0 0 0;
	float:right;
	color:#515151;
	font-weight:400;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#header .links a{ display: block; padding: 0 25px; float: left; background: url(../images/client-area.png) 3px -1px no-repeat; line-height: 30px;}
#header .links a:hover{ color: #329e48;}
#header .links p{ float: left; margin: 0; line-height: 30px; padding-left: 30px; background: url(../images/contact.png) 3px 2px no-repeat;}
/* menu begins */
#menu{
	width:960px;
	height:41px;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	background:#1e1e1e;
	position:relative;
	color:#fff;
	border-bottom:2px solid #329e48;
}
#menu ul{
	height:41px;
	padding:0;
	margin:0;
	float:right;
	
}
#menu ul li{
	margin:0;
	list-style:none;
	float:left;
	text-align:center;
	border-right:1px solid #0b0b0b;
	border-left:1px solid #2b2b2b;
	-webkit-transition:.2s ease-in;
	-moz-transition:.2s ease-in;
	-o-transition:.2s ease-in;
	transition:.2s ease-in;
}
#menu ul li:first-child{
	border-left:none;
}
#menu ul li:last-child{ float: right; border: none;}
#menu ul li > a{
	text-decoration:none;
	color:#fefefe;
	font-size:14px;
	display:block;
	padding:11px 35px 10px 35px;
	position:relative;
	font-family: PontanoSans;
}
#menu ul li:hover,#menu ul li.active{
	background:#329e48;
	-webkit-transition:.2s ease-in;
	-moz-transition:.2s ease-in;
	-o-transition:.2s ease-in;
	transition:.2s ease-in;
}
#menu ul li.arrow >a:hover:after,#menu ul li.arrow.active >a:after{
	position:absolute;
	content:"";
	border-width:10px 10px 0 10px;
	border-style:solid;
	border-color:#329e48 transparent #329e48 transparent;
	bottom:-10px;
	left:40%;
	z-index:25;
	-webkit-transition:.2s ease-in;
	-moz-transition:.2s ease-in;
	-o-transition:.2s ease-in;
	transition:.2s ease-in;
	opacity:1;
}

#menu ul li.arrow >a:after{position:absolute;
	content:"";
	border-width:10px 10px 0 10px;
	border-style:solid;
	border-color:#329e48 transparent #329e48 transparent;
	bottom:-10px;
	left:0%;
	z-index:25;
	opacity:0;
}

#menu ul li .active{
	color:#329e48;

}
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	font-size:inherit;
}
#main_content{
	width:960px;
	overflow: hidden;		/*edited*/
}

/*	Footer 	*/
#footer{
	color:#d6d6d6;
	font-family:Arial, Helvetica, sans-serif;
	width:960px;
	margin:0 auto 40px auto;
	position:relative;
	z-index:100;
}
.footer-main{ position: relative;}
.footer-bg{ position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; background: #22262d; opacity: 0.5;}
.footer-line{
	width:100%;
	height:0;
	position:absolute;
	border-top:1px solid #202429;
	border-bottom:1px solid #111317;
	top:45px;
	left:0;
}
#footer h6{	margin:0; font-size:15px;}
#footer a{	color:inherit;}
#footer .quick-link{
	margin:0 0 0 25px;
	padding-top:10px;
	float:left;
}
.quick-link h6{	padding-left:28px; background: url(../images/new-hosting-sprite.png) -198px -301px no-repeat;}
.quick-link h6 span{
	display:inline-block;
	padding-top:1px;
	color: inherit;
}
.footer-menu{
	color:#c4c4c4;
	padding-top:20px;
}
.footer-menu ul{
	float:left;
	margin:0;
	padding:0;
	margin:0 40px 0 5px;
}
.footer-menu ul li{
	list-style:none;
	line-height:26px;
}
.footer-connect{
	float:left;
	padding-top:10px;
	margin-left:20px;
	color: inherit;
}
.footer-connect h6{	padding-left:30px; background: url(../images/new-hosting-sprite.png) -198px -268px no-repeat;}
.footer-connect h6 span{
	display:inline-block;
	padding-top:2px;
	color: inherit;
}
.connect-with{
	padding-top:30px;
	position:relative;
}
.connect-with ul{
	margin:0;
	padding:0;
}
.connect-with ul li{
	list-style:none;
	text-align:center;
	float:left;
	padding:0 15px;
}
.connect-with ul a span{ display: block; width: 35px; height: 35px; margin: 0 auto;}
.connect-with ul li:first-of-type a span{ background: url(../images/new-hosting-sprite.png) -36px -233px no-repeat;}
.connect-with ul li:nth-child(2) a span{ background: url(../images/new-hosting-sprite.png) -82px -233px no-repeat;}
.connect-with ul li:nth-child(3) a span{ background: url(../images/new-hosting-sprite.png) -125px -233px no-repeat;}
.connect-with .footer-line{
	position:relative;
	margin:10px 0;
	top:0;
}
.connect-with .payment-option{ padding-top: 12px;}
.connect-with .payment-option span{ display: block; width: 110px; height: 24px; background: url(../images/new-hosting-sprite.png) -40px -284px no-repeat; float: right; margin-top: -2px;}
.footer-contact{
	float:left;
	padding-top:10px;
	margin-left:45px;
}
.footer-contact h6{	float:left;	padding-left:28px; background: url(../images/new-hosting-sprite.png) -200px -151px no-repeat;}
.footer-contact h6 span{
	display:inline-block;
	padding-top:2px;
	color: inherit;
}
.footer-contactus{ padding-top:40px; margin-left:10px; width: 200px;}
.footer-contactus p{line-height: 7px;}
.footer-contactus address{
	font-style:normal;
}
.footer-bottom{
	color:#72767b;
	height:45px;
	margin-top:10px;
	position: relative;
}
.footer-bottom p{
	opacity: 1;
	margin:0;
	line-height:45px;
	text-align:center;
}
.f-btm-p{ position: relative; z-index: 555;}
.f-btm-bg{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #121519; opacity: 0.7; z-index: 5;}
#footer-top{
	background: #dcdcdc;
	color:#4e4e4e;
	font-size:18px;
	width:100%;
	height:55px;
	position: relative;
	z-index: 555;
}
#footer-top .get-quote,
#footer-top .call-us,
#footer-top .email-us
{
	float:left;
	line-height:55px;
}
#footer-top .get-quote{
	background:url(../images/new-hosting-sprite.png) 110px -48px no-repeat;
	padding-right:50px;
	margin-left:30px;
}
#footer-top .call-us{
	background:url(../images/new-hosting-sprite.png) -142px 8px no-repeat;
	margin-left:190px;
}
#footer-top .email-us{
	background:url(../images/new-hosting-sprite.png) 70px -107px no-repeat;
	padding-right:60px;
	margin-left:180px;
}
/* footer ends */

.banner{height:365px;overflow:hidden}
.banner-content{background:url(../images/coil.png)no-repeat;opacity:1;background-position:560px 55px;background-size:30%;}
.iphone{float:left;position:absolute;bottom:44px;right:-85px;}
.lap{float:left;position:absolute;bottom:44px;right:-365px;}
.banner h2{text-align:center;font-size:34px;line-height:50px;}
.banner span{color:#329e48}
.banner h3{text-align:left;font-size:25px;line-height:32px;margin-left:30px;margin-top:50px;width:245px;}
.banner p{text-align:left;font-size:13px;line-height:24px;width:465px;margin-left:30px;}
.banner .try{width:160px;height:30px;background:#00afd1;margin-left:30px;margin-top:-30px;opacity:0}
.banner .try h3{font-size:15px;line-height:32px;color:#FFF;margin-left:14px;cursor:pointer;}

.assist{height:415px;background-color:#e9eaeb}
.assist h2{font-size:24px;padding-top:40px}
.assist img{float:left;margin-top:60px;opacity:0}
.p1,.p2,.p3,.p4,.p5,.p6,.p7,.p8,.h21,.p11,.p12,.p13,.p14,.p15,.p16,.p17,.p18,.h211{	}
.assist ul,.feature ul{float:left;margin:0;}
.assist p,.feature p,.for-whom p{padding-left:15px;}
.assist ul>li,.feature ul>li,.for-whom ul>li{background:url(../images/green-li.png)no-repeat;list-style-type:none;background-position:0px 8px;}

.feature{height:390px;background:url(../images/feature.jpg) no-repeat;background-position:480px 70px;}
.feature h2{font-size:24px;padding-top:25px;margin-left:25px;}
.zoom-circle{position:relative;top:13px;left:250px;opacity:0}
.for-whom{height:353px;border-bottom:2px solid #329e48;background: rgb(244,243,243);
background: -moz-linear-gradient(72deg, rgb(244,243,243) 50%, rgb(233,234,235) 33%);
background: -webkit-linear-gradient(72deg, rgb(244,243,243) 50%, rgb(233,234,235) 33%);
background: -o-linear-gradient(72deg, rgb(244,243,243) 50%, rgb(233,234,235) 33%);
background: -ms-linear-gradient(72deg, rgb(244,243,243) 50%,rgb(233,234,235) 33%);
background: linear-gradient(160deg, rgb(244,243,243) 50%, rgb(233,234,235) 33%);

}
.for-whom h2{font-size:24px;padding-top:20px;float:left;margin-left:300px;}
.for-whom-img{position:relative;float:left;top:124px;left:120px;}
.pic1{position:relative;top:200px;right:640px;opacity:0}
.pic2{position:relative;top:105px;right:665px;opacity:0}
.pic3{position:relative;top:50px;right:640px;opacity:0}
.pic4{position:relative;top:105px;right:605px;opacity:0}
.pic5{position:relative;top:195px;right:635px;opacity:0}
.for-whom ul{float:left;margin-left:275px;margin-top:-5px;}


/***********************************************************Career*********************************/
.career-banner{height:152px;background:url(../images/career-banner.jpg) no-repeat;}
.career-banner h2{color:#FFF;font-size:34px;line-height:50px;margin:0;padding:0;position:relative;top:45px;left:100px;letter-spacing:3px;-webkit-animation: fadeIn 1s ease-in-out;-moz-animation: fadeIn 1s ease-in-out;-o-animation: fadeIn 1s ease-in-out;}
.career-content{height:320px;}
.career-content h2{font-size:24px;padding-top:10px;margin-left:25px;}
.career-content p{padding-left:25px;width:900px;margin:0}
.career-content span{color:#329e48}


/***********************************************************About us*********************************/

.about-us-content{height:430px;background:url(../images/about-us-img.png)520px 15px no-repeat;}
.about-us-content h2{font-size:34px;line-height:40px;padding: 50px 0px 0px 24px;margin:0}
.about-us-content span,.mission-vision span{color:#49a55a}
.about-us-content p{text-align:justify;font-size:13px;line-height:24px;width:450px;margin-left:30px;}
.about-features{height:390px;background:#1ca7d4;margin-top:-28px;}
.about-us-ul{width:40%;margin-left:500px;position:relative;top:110px;}
.ul-p{width:40%;margin-left:500px;line-height:24px;width:475px;margin-left:24px !important;width:300px !important;position:relative !important;bottom:8px;color:#000 !important;}
.about-us-ul>li{background:url(../images/li-blue.png)no-repeat;list-style-type:none;line-height:30px;position:relative;}
.about-features h2{font-size:34px;color:#FFF;margin-left:450px;position:relative;top:100px;text-indent:50px;width:385px;opacity:0}
.about-features p{text-align:left;font-size:13px;line-height:24px;width:420px;margin-left:520px;position:relative;top:35px;}
.about-features-data{}
.pc2{position:relative;bottom:180px;right:300px;z-index:999;opacity:0;}
.pc3{position:relative;bottom:187px;right:146px;opacity:0;opacity:0}
.ipad{position:relative;bottom:183px;right:797px;z-index:999;opacity:0;}
.mobile2{position:relative;bottom:269px;left:173px;z-index:999;opacity:0;}
.about-feature-bg{position:relative;bottom:195px;opacity:0;}
.mission-vision{height:220px;}
.mission{width:50%;float:left}
.vision{width:50%;float:right}
.mission p,.vision p{line-height:24px;width:430px;padding-left:33px;}
.mission h2,.vision h2{line-height:18px;font-size:22px;padding:15px;text-indent:10px;}

/***********************************************************Support*********************************/

.support-banner{height:125px;background:url(../images/support-img.jpg) no-repeat;overflow:hidden}
.curve-line1{width:0px;height:50px;position:relative;top:40px}
.curve-line2{width:0px;height:50px;position:relative;}
.curve-line3{width:0px;height:50px;position:relative;bottom:40px;}
.support-banner h2{color:#FFF;font-size:34px;margin:0;padding:0;position:relative;bottom:110px;left:150px;letter-spacing:3px;width:200px;opacity:0}
.support-content{height:570px;}
.support-content h2{font-size:24px;padding-top:10px;margin-left:25px;}
.support-content p{padding-left:30px;width:900px;margin:0}
.support-content ul>li p{padding-left:30px;width:300px;margin:0}
.support-ul1,.support-ul2{float:left;width:30%;}
.support-content ul>li{background:url(../images/green-li.png) no-repeat;list-style-type:none;line-height:30px;background-position:12px 10px}
.support-content span{color:#329e48}


/***********************************************************features*********************************/

.anytime{height:300px;background:url(../images/feature-banner.jpg) no-repeat;}
.online-banking{height:285px;background:#d3d3d3}
.online-banking img{margin: -25px 0px 0px 30px;}
.data-backup{background:url(../images/data-backup.png) no-repeat;height:275px;background-position:590px}
.multiple-access{background:url(../images/multiple-bg.jpg) no-repeat;height:375px;background:#4fc167;background-position:30px}
.multiple-access img{margin: 51px 0px 0px -200px;position:relative;z-index:999}
.multiple-access .img1{margin: 13px 0px 11px 0px;position:relative;z-index:0}
.creative-invoices{background:url(../images/invoices.png) no-repeat;height:435px;background-position:560px 10px}
.anytime h2{font-size:32px;margin-top:0px;margin-left:25px;width:320px;line-height:40px;color:#666;opacity:0;position:relative;top:30px; }
.data-backup h2{font-size:32px;padding-top:40px;margin-left:25px;width:250px;line-height:40px;color:#666;opacity:0}
.creative-invoices h2{font-size:32px;padding-top:60px;margin-left:25px;width:270px;line-height:40px;color:#666;opacity:0}
.anytime p,.data-backup p,.creative-invoices p{padding-left:30px;width:390px;margin:0;font-size:15px;}
.online-banking h2{font-size:32px;margin-top:-210px;margin-left:450px;width:320px;line-height:40px;color:#666;opacity:0;}
.multiple-access h2{font-size:32px;margin-top:-290px;margin-left:500px;color:#FFF;width:320px;line-height:40px;opacity:0}
.online-banking p{padding-left:455px;width:430px;margin:0;font-size:15px}
.multiple-access p{padding-left:500px;width:430px;margin:0;font-size:15px}


/***********************************************************Contact Us********************************/

.contact_form input {width: 300px;height: 30px;margin: 10px 0px 0px;opacity: 0.7;padding: 0px 0px 0px 10px;border: 1px solid #636363;outline: medium none;color: #191919;}
.contact_form {width: 320px;float: left; padding: 20px 0px 0px 40px;}
.inner-container h1 {margin: 49px 40px 20px;font-size: 30px;color: #329e48;font-weight: bold;}
.contact_map {width: 390px;float: left;padding: 28px 0px 0px 50px;}
.contact_form textarea {width: 305px;height: 140px;margin: 10px 0px 0px;border: 1px solid #636363;opacity: 0.7;outline: medium none;color: #191919;}
.contact_form input[type="submit"] {background: url(../images/view_blue.png) no-repeat scroll 0% 0% transparent; width: 126px;height: 38px;color: #FFF;border: medium none;
cursor: pointer;margin-left:190px;}