@charset "utf-8";
* {outline: medium none !important;
	transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;}
body{font-family: 'Open Sans', sans-serif;	font-size:14px;	color:#373737;	width:100%;	height:100vh; padding:0px; margin:0px; background:#fff; clear:both; background:#031229 url(../images/banner.jpg) center no-repeat; background-size: cover; display:flex; justify-content:center; }
a{text-decoration:none !important; color:#fff; outline:none;}
.padding-65, .slogan-part, .about-part, .services, .porfolio-part, .footer, .clients-part, .main-portfolio {background: #fff;} 
.footer, .footer a {color: #666;}

a:hover{
	color: #137ed8;
	text-decoration: none;
}
a img{	border:none;	border:0px;}
h1{	font-weight:normal;	font-size:36px; }
.clear{	clear:both;}
.leftside{	float:left;}
.rightside{	float:right;}
.aligncenter{ text-align:center; }
ul {display: table;
    margin: 0;
    padding: 0;}
ul li{	list-style:none;}
.col-05 {width: 20%; float: left; padding: 0 15px; min-height: 1px;}
.padding-80 {padding: 80px 0;}
.n-margin {margin: 0;}
.n-padding {padding: 0;}
.margin-10 {margin: 0 -10px;}
.padding-10 {padding: 0 10px;}
.loadermain{
	width:100%;
	height:100%;
	position:fixed;
	background: #45484d; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #45484d 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #45484d 0%,#000000 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #45484d 0%,#000000 100%); /* IE10+ */
	background: radial-gradient(center, ellipse cover,  #45484d 0%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=1 ); 
	/* IE6-9 fallback on horizontal gradient */
	z-index:11;
	text-align:center;
	opacity:0.5;
}
.main{	width:100%;	margin: auto;}

.full-width {width: 100%;}
.gray-bg {background: #f9f9f9;}
.white-txt {color: #fff;}
.gray-txt {color: #666;}
h1,h2,h3,h4,h5{padding:0px; margin:0px;	font-weight: 300;}
.wrapper{ width:1200px;	margin:0px auto; }
header {background: rgba(3, 18, 41, 0);height: 86px; position: fixed; width: 100%; z-index: 11;transition: all 0.6s ease 0s;-webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
header.small-header { background: rgba(3, 18, 41, 0) none repeat scroll 0 0; height: 70px; }
.logo { position: relative; z-index: 9999; margin: 15px 0;}
.logo img {height: 70px;}
header.small-header .logo{ margin: 8px 0px; }
header.small-header .logo img{ height: 50px; }
.nav {float: right;}
header.small-header .nav ul li a{padding: 24px 10px;}
.nav ul li{float: left;position:relative;display:block;}
.nav ul li a {padding: 32px 12px; display: inline-block; font-size: 14px; text-transform: uppercase;}
.nav ul li:first-child a {}
.nav ul li:hover{background:rgba(5,53,118,.5)}
.nav ul li a:hover{color: #98e511;}
.nav ul li a.active{ background:#6bb045; color:#fff; }
.nav li span {display: block; text-align: center; height: 16px;}

.nav > ul > li > ul{ position:absolute; top:85px; left:0px; min-width:260px; background:rgba(5,53,118,.98); visibility:hidden; opacity:0; -webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,.9);
box-shadow: 0 0 50px 0 rgba(0,0,0,.9); z-index:30;}
.nav > ul > li > ul.vps-manu {min-width:320px;}
.nav > ul > li > ul.vps-manu > li {padding-left: 60px;}
header.small-header .nav ul li ul{top:70px;}
.nav ul li ul li{ float:none; }
.nav ul li ul li a{ padding:15px 20px 15px 45px !important; font-size:14px; text-transform:capitalize; border-bottom:dotted 1px rgba(255,255,255,.1); width:100%; position: relative;}
.home-page .nav ul li ul li a:after {background: url(../images/sprite.png) no-repeat scroll 0 0; position: absolute; height: 25px; width: 25px; content: ""; left: 12px; top: 13px;}
.inner-page .nav ul li ul li a:after {background: url(../images/inner-sprite.png) no-repeat scroll 0 0; position: absolute; height: 25px; width: 25px; content: ""; left: 12px; top: 13px;}
.nav ul li ul li.shared-icon a:after {background-position: -42px -434px;}
.nav ul li ul li.wordpress-icon a:after {background-position: -82px -434px;}
.nav ul li ul li.linux-icon a:after {background-position: -2px -434px;}
.nav ul li ul li.classic-icon a:after {background-position: -124px -434px;}
.nav ul li ul li.ssd-icon a:after {background-position: -164px -434px;}

.nav ul li ul li.shared-icon a:hover:after {background-position: -42px -465px;}
.nav ul li ul li.wordpress-icon a:hover:after {background-position: -82px -465px;}
.nav ul li ul li.linux-icon a:hover:after {background-position: -2px -465px;}
.nav ul li ul li.classic-icon a:hover:after {background-position: -124px -465px;}
.nav ul li ul li.ssd-icon a:hover:after {background-position: -164px -465px;}

.nav ul li ul li a:hover{ background:rgba(3, 18, 41, 0.70); }
.nav ul li ul li:last-child a{ border-bottom:solid 0px; }
.nav > ul > li > ul::before { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #053576; border-style: solid; border-width: 10px; top: -20px; content: ""; left: 15%; position: absolute;}
.nav ul li:hover ul{  visibility:visible; opacity:1;}
.nav ul li ul li.linux-icon-part:before, .nav ul li ul li.windows-icon-part:before {width: 60px; height: 100%; position: absolute; left: 0; top: 0; content: "";}
.home-page .nav ul li ul li.linux-icon-part:before {background: url(../images/sprite.png) no-repeat scroll -392px -414px;}
.home-page .nav ul li ul li.windows-icon-part:before {background: url(../images/sprite.png) no-repeat scroll -449px -414px;}
.inner-page .nav ul li ul li.linux-icon-part:before {background: url(../images/inner-sprite.png) no-repeat scroll -392px -414px;}
.inner-page .nav ul li ul li.windows-icon-part:before {background: url(../images/inner-sprite.png) no-repeat scroll -449px -414px;}

.nav ul li ul li.linux-icon-part {border-bottom: 3px solid #041c40;}
.nav ul li ul li.linux-icon-part:hover:before {background-position: -284px -414px;}
.nav ul li ul li.windows-icon-part:hover:before {background-position: -341px -414px;}
.nav ul li ul li.windows-icon-part ul li:first-child {border-bottom: 1px dotted rgba(255, 255, 255, 0.1);}
.nav ul li ul li ul {width: 100%;}

/**********Edit CSS Start***********/
.gb-white {background: #fff;}
.banner {color: #fff;min-height: 515px;position: relative;width: 100%; padding-top: 85px; }
.banner img {height: auto;left: -100%;margin: auto;position: fixed;right: -100%;top: 0;z-index: -1;}
.main_btn {background:#02368d; text-transform: uppercase; font-size:15px; color: #fff; float: right; padding: 5px 10px 6px; margin: 25px 0 25px 7px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
header.small-header .main_btn{  margin: 19px 0 19px 7px; }
.main_btn:hover {background: #98e511;color: #0a1d3d;}
.nav_sec .main_btn {float: left; margin:5px 0; text-align: center;}
.banner .bannet-title {font-size: 55px; font-weight: 300; margin-bottom: 20px;}

.banner-detail {padding-top: 30px;}
.banner-short-detail {padding-top: 140px !important;}
.banner-pointing-part {max-width: 960px; display: inline-block; text-align: left; margin-top: 30px; position: relative;}
.inner-banner .banner-pointing-part {max-width: 680px;}
.point-list {margin-top: 10px; font-size: 15px;}
.home-page .point-list span {background: url(../images/sprite.png) no-repeat scroll 0 0; display: inline-block; height: 10px; width: 15px; margin-right: 5px;}
.inner-page .point-list span {background: url(../images/inner-sprite.png) no-repeat scroll 0 0; display: inline-block; height: 10px; width: 15px; margin-right: 5px;}
.banner .ban-price { font-size: 21px; font-weight: 300; margin: 20px 0 23px;}
.banner .ban-price .price-txt {color: #98e511; display: inline; font-size: 56px; font-weight: bold;}
.banner .ban-price span {font-size: 16px; color: #98e511;}
.inner-banner {min-height: 518px !important;}
.bannet-title span{color: #e8ff00; font-weight: 500;}
.banner-subtitle {font-size: 21px; font-weight: 300;text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.75);}
.banner-btn {    display: inline-block;    position: relative;}
.banner-btn span {background:url(../images/sprite.png) no-repeat scroll 0 0; height: 82px; width: 32px;}
.banner-btn span.span-left {background-position: -17px -343px; left: -36px;    top: -47px; position: absolute;}
.banner-btn span.span-right {background-position: -50px -343px; right: -36px;    top: -47px; position: absolute;}
.banner-btn a {background: #ffb400; color: #0a1d3d; display: inline-block; font-weight: bold; font-size: 18px; text-transform: uppercase; border-bottom:3px solid rgba(0, 0, 0, 0.35); padding: 16px 25px;
-webkit-border-radius: 27px;
-moz-border-radius: 27px;
-o-border-radius: 27px;
border-radius: 27px;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.75);}
.banner-btn a:hover {background: #ffd800;}
.banner-btn a:active { border-bottom:3px solid rgba(0, 0, 0, 0); background: #ffb400; }
.inner-banner .banner-btn a { padding: 16px 45px;}
.home-page .banner-btn a span {background: url(../images/sprite.png) no-repeat scroll 8px -18px; height: 12px; width: 22px; display: inline-block; margin: 1px 0;}
.inner-page .banner-btn a span {background: url(../images/inner-sprite.png) no-repeat scroll 8px -18px; height: 12px; width: 22px; display: inline-block; margin: 1px 0;}

.banner-bottom .ban-price {float: left; margin-right: 20px;}
.banner-bottom .banner-btn {margin: 20px 0 23px;}

.heading-part {color: #333; text-align: center; margin-bottom: 40px;}
.heading-part.black {color: #fff;}
.heading-part.black span {background:#fff;}
.heading {font-size: 42px;}
.heading-part span {background: #ef4030; width: 28px; height: 1px; display: inline-block;}
.sub-heading {color: #212427; font-size: 20px;}

.maintagline {background: #003079; color: #fff;}
.maintagline .slogan {font-size: 20px; font-weight: 300; text-align: center; padding: 10px 0;}
.maintagline .slogan span{color: #98e511; font-weight: 600;}


/********** Plan CSS Start ***********/
.main-title {margin-bottom: 30px; text-align: center;}
.box {border:1px solid #d6dce0; text-align: center; margin-bottom: 30px; transition:all 0.2s ease-out 0s;}
.box:hover {border:0px solid #d3d3d3; transform: scale(1.03); -webkit-box-shadow: 0px 0px 22px -1px rgba(134,134,134,0.75);
-moz-box-shadow: 0px 0px 22px -1px rgba(134,134,134,0.75);
box-shadow: 0px 0px 22px -1px rgba(134,134,134,0.75);}
.box .box-head {background: #fff; padding: 18px 0;}
.box-head .box-title {color: #003079; font-size: 25px; font-weight: bold;text-transform: uppercase;}
.box-head .plan-icon {background: url(../images/sprite.png) no-repeat scroll 0 0 #f7fcff;display: inline-block;height: 87px;width: 87px;border:1px solid #0f90de;margin: 20px 0 10px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;}
.box-head .website-hosting-icon {background-position: 22px -104px;}
.box-head .reseller-hosting-icon {background-position: -52px -94px;}
.box-head .vps-hosting-icon {background-position: -125px -94px;}
.box-head .dedicated-hosting-icon {background-position: -101px -323px;}
.box .plan-detail {background: #fbfbfb;}
.box .box-subtitle {color: #616161; font-size: 20px;font-weight: 300;}
.plan-price {font-size: 28px;}
.plan-price sup {font-size: 26px; top: -0.9em;}
.plan-price .price-txt {display: inline; font-size: 56px; color: #137ed8; font-weight: bold;}
.plan-detail {border-top: 1px solid #eaf0f4; padding: 23px; text-align: left;}
.box .plan-detail p {color: #515151; font-size: 16px; margin-bottom: 15px; height: 68px; overflow: hidden;}
.box .points {color: #515151;}
.box .points li {padding-top: 3px;}
.box .points li span {background: url("../images/sprite.png") no-repeat scroll 0 -43px; display: inline-block; height: 10px; margin-right: 5px; width: 15px;}
.box-btn a {background: #ffb400; color: #0a1d3d;display: inline-block; font-size: 18px; font-weight: bold; text-transform: uppercase; width: 100%; text-align: center;padding: 25px 0;
-webkit-box-shadow: 0 -5px 0 0 rgba(0, 0, 0, 0.35) inset;
-moz-box-shadow: 0 -5px 0 0 rgba(0, 0, 0, 0.35) inset;
box-shadow: 0 -5px 0 0 rgba(0, 0, 0, 0.35) inset;}
.box-btn a:hover {background: #ffd800;}
.box-btn a:active { -webkit-box-shadow: 0 -5px 0 0 rgba(0, 0, 0, 0) inset;-moz-box-shadow: 0 -5px 0 0 rgba(0, 0, 0, 0) inset;
box-shadow: 0 -5px 0 0 rgba(0, 0, 0, 0) inset; background: #ffb400; }
.home-page .box-btn a span {background: rgba(0, 0, 0, 0) url("../images/sprite.png") no-repeat scroll 8px -18px;    display: inline-block;    height: 12px;    margin: 1px 0;    width: 22px;}
.inner-page .box-btn a span {background: rgba(0, 0, 0, 0) url("../images/inner-sprite.png") no-repeat scroll 8px -18px;    display: inline-block;    height: 12px;    margin: 1px 0;    width: 22px;}

/********** Plan CSS End ***********/

/********** with-us CSS Start ***********/
.with-us-box {background: #f9f9f9; text-align: center; padding: 45px 0; margin-bottom: 30px;}
.with-us-icon {background: url(../images/sprite.png) no-repeat scroll 0 0;height: 138px; width: 152px;display: inline-block;}
.with-us-box .support-icon {background-position: 29px -201px;}
.with-us-box .servers-icon {background-position: -161px -201px;}
.with-us-box .friendly-icon {background-position: -351px -201px;}
.with-us-title {font-size: 33px; margin: 45px 0 17px;}
.with-us-box p {max-width: 245px; display: inline-block; height: 80px; overflow: hidden;}
/********** with-us CSS End ***********/


/********** WordPress Hosting CSS Start ***********/
.wordpress-hosting .img-part {margin-top: -40px;}
.img-part img {max-width: 100%;}
.wordpress-hosting .heading {margin-bottom: 15px;}
.wordpress-hosting .sub-title {font-size: 18px; margin-bottom: 25px;}
.word-host-detail {position: relative;}
.word-host-detail li {display: inline-block; width: 100%; margin: 10px 0;} 
.word-host-detail .icon-img {background: url(../images/sprite.png) no-repeat scroll 0 0;float: left; margin-right: 12px; height: 66px; width: 66px; border:1px solid #1574c3;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;}
.word-host-detail .high-speed-icon {background-position: -213px 17px;}
.word-host-detail .developer-icon {background-position: -281px 13px;}
.word-host-detail .secured-icon {background-position: -346px 18px;}
.word-host-detail .host-sub-title{color: #003079; font-size: 22px; font-weight: normal; margin: 5px 0;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.word-host-detail p {color: #6b6b6b; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.wordpress-hosting .box-btn {margin-top: 35px;}
.wordpress-hosting .box-btn a {width: auto; padding: 25px 15px;}
.wordpress-hosting .price-box {position: absolute;bottom: 40px;    left: -220px;}
.round-price {background: #1574c3;height: 169px;width: 169px;  color: #fff;padding: 35px 0;text-align: center; display: inline-block; position: relative;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: inset 0px -3px 0px 0px rgba(0,0,0,0.35);
-moz-box-shadow: inset 0px -3px 0px 0px rgba(0,0,0,0.35);
box-shadow: inset 0px -3px 0px 0px rgba(0,0,0,0.35);}
.round-price .square-icon {background: #1574c3;height: 26px;width: 26px;position: absolute; display: inline-block; top: 13px; left: 13px;}
.round-price .arrow-icon {background:url(../images/sprite.png) no-repeat scroll -230px -69px;height: 45px;width: 59px;position: absolute; display: inline-block; bottom: -20px; right: -40px;}
.round-price span {font-size: 21px; position: relative;}
.wordpress-hosting .price-txt {color: #fff;  font-size: 61px;}
/********** WordPress Hosting CSS End ***********/

.inner-banner .banner-detail {position: relative;}
.inner-banner .price-box {position: absolute; right: -100px; bottom: -140px;}
.inner-banner .plan-price .price-txt {color: #fff;}
.inner-banner .plan-price span {font-size: 47px; font-weight: 300;}

.company-partner-main-detail {background: url(../images/company-partner-img.jpg) no-repeat scroll center top;}
.round-detail {height: 382px; width: 382px; position: relative; border:5px solid #ebebeb; text-align: center; padding: 90px 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;}
.partner-title {font-size: 32px; text-transform: uppercase;}
.round-detail {background: #fff; position: relative;}
.round-detail.blue-detail {float: right; margin-right: 25px;}
.round-detail.red-detail {float: left; margin-left: 25px; margin-top: 180px;}
.right-arrow {background: url(../images/sprite.png) no-repeat scroll -323px -70px;position: absolute; height: 65px; width: 57px; top: 48px; right: 0;}
.left-arrow {background: url(../images/sprite.png) no-repeat scroll -399px -70px;position: absolute; height: 65px; width: 57px; bottom: 57px; left: -4px;}
.round-detail p {display: inline-block; height: 60px; max-width: 320px;overflow: hidden;margin: 13px 0;}
.round-detail .box-btn a {padding: 18px 15px; width: auto; font-size: 18px; color: #fff; font-weight: normal;}
.red-detail .partner-title {color: #d60600;}
.red-detail .box-btn a {background: #d60600;}
.red-detail .box-btn a:hover {background: #9b0400;}
.blue-detail .partner-title {color: #1a70ad;}
.blue-detail .box-btn a {background: #1a70ad;}
.blue-detail .box-btn a:hover {background: #0d5283;}
.round-detail .box-btn a span {background-position: 8px -64px;;}

.testimonial-box {display: inline-flex; padding: 0 15px; margin-bottom: 30px;}
.test-icon {float: left; margin-right: 10px;}
.test-icon img {border:5px solid #ebebeb;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;}
.test-detail {float: left; padding: 20px; border-left:5px solid #48a1ea;background: #fff;position: relative;}
.inner-page .test-detail{ background:#f9f9f9; }
.test-detail:after {position: absolute; content:"";border-color: transparent #48a1ea transparent transparent; border-style: solid; border-width: 8px; top: 35px; left: -21px;}
.test-title {font-size: 18px; font-weight: bold;}
.test-title span {font-weight: 300;}

.blog-box {margin-bottom: 30px;}
.blog-box .img-part img {width: 100%;}
.blog-detail-inner {display: inline-block;margin-top: 20px;height: 146px;}
.blog-title {font-size: 20px;}
.blog-detail p {color: #4e4e4e; font-weight: 300;line-height: 1.2; margin-top: 8px;}
.blog-detail .read-more a {width: 100%;display: inline-block; border:1px solid #115d92; color: #115d92; padding: 8px 0; text-align: center; font-size: 16px; font-weight: normal; text-transform: uppercase;}
.blog-detail .read-more a:hover {background: #115d92; color: #fff;}
.blog .box-btn {text-align: center; margin-top: 20px;}
.blog .box-btn a {width: auto; padding: 23px 45px; background: #1a70ad; color: #fff; font-size: 21px;}
.blog .box-btn a:hover {background: #115d92;}
.blog .box-btn a span {background-position: 8px -64px;}

/********** breadcrumb CSS Start ***************/
.breadcrumb-title {background-color: rgba(0, 0, 0, 0.3);/*margin-top: -30px;*/ position: absolute; width: 100%; bottom: 0;}
.bread-crumb {padding: 13px 0;}
.bread-crumb ul li {float: left;font-size: 14px;font-weight:300;}
.bread-crumb ul li a {margin: 0 8px;}
.bread-arrow {background:url(../images/inner-sprite.png) no-repeat scroll -1px -116px;height: 10px; width: 6px; display: inline-block; margin: 0 !important;}
.bread-crumb ul li span {margin-left: 8px;}
/********** breadcrumb CSS End ***************/


/********** parallex-menu CSS Start ***************/
.parallex-menu {background: #fff;border-bottom:1px solid #dedede;}
.second-menu{height:63px;top:70px;position:fixed;width:100%;height:0px;overflow:hidden; z-index:10;}
.second-menu.fixednow{height:63px;}
.menu ul{float:left;}
.chooseplan{float:right;}
.chooseplan a{background:#ffb400;display:inline-block;padding:18px 20px;color:#003079;font-size: 20px;text-transform: uppercase;line-height: 1.3;}
.chooseplan a span {background: url(../images/inner-sprite.png) no-repeat scroll -121px -74px;height: 23px; width: 24px; display: inline-block; margin-bottom: -4px; margin-right: 5px;}
.chooseplan a:hover{background:#ffd800;}
.menu ul li{float:left;position:relative;}
.menu ul li a{/*border-bottom:3px solid transparent;*/color:#6e6e6e;display:inline-block;font-size:20px;padding:18px 14px;text-transform:uppercase;line-height: 1.3;position: relative;}
/*.menu ul li:first-child a{padding-left: 0;}*/
.menu ul li:hover a,.menu ul li.active a{/*border-bottom:3px solid #137ed8;*/color:#137ed8;}
.menu ul li a:after {bottom: 15px;content: "";height: 2px;left: 0;position: absolute;width: 0%;left: 50%;bottom: 0;transition: all 0.4s ease 0s;}
.menu ul li:hover a:after,.menu ul li.active a:after {background: #137ed8;left: 0;width: 100%;}

.menu ul li a span {background: url(../images/inner-sprite.png) no-repeat scroll 0 0;height: 23px; width: 24px; display: inline-block; margin-bottom: -4px; margin-right: 5px;}
.menu ul li.plans a span {background-position: -16px -116px;}
.menu ul li.features a span {background-position: -50px -116px;}
.menu ul li.applications a span {background-position: -84px -116px;}
.menu ul li.specification a span {background-position: -117px -116px;}
.menu ul li.active.plans a span, .menu ul li.plans:hover a span {background-position: -16px -143px;}
.menu ul li.active.features a span, .menu ul li.features:hover a span {background-position: -50px -143px;}
.menu ul li.active.applications a span, .menu ul li.applications:hover a span {background-position: -84px -143px;}
.menu ul li.active.specification a span, .menu ul li.specification:hover a span {background-position: -117px -143px;}
/********** parallex-menu CSS End ***************/

.inner-box {    margin-top: 25px;}
.blue-box .box-head {background: #093374;}
.blue-box .box-head .box-title {color: #fff;}
.blue-box .box-head .plan-price {color: #ffcc00;}
.blue-box .box-head .plan-price .price-txt{color: #ffcc00;}
.blue-box .box-head .box-subtitle{color: #fff;}
.blue-box .box-btn a {background: #ff9600;}
.blue-box .box-btn a:hover{background: #ffc600;}
.inner-box .plan-price .price-txt {font-size: 61px;}
.inner-box .plan-price {margin: 15px 0 20px;}
.inner-box .box-subtitle {display: inline-block; font-size: 18px;}
.inner-box .box-subtitle .old-price {text-decoration: line-through; float: left; margin-right: 10px;}
.inner-box .box-subtitle .new-price {float: left;}
.sale-icon span {background: #ffcc00;display: inline-block; text-transform: uppercase; color: #000; padding: 1px 30px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;}
.inner-box .plan-detail {padding: 0; text-align: center;}
.inner-box .plan-detail .points ul {display: inline-block; width: 100%;}
.inner-box .points ul li {font-size: 15px; border-bottom:1px solid #eaf0f4; padding: 10px 0; color: #616161;}
.inner-box .points ul li:nth-child(2n) {background: #fff;}
.inner-box .points .point-main {display: inline-block; color: #222; font-weight: bold;font-size: 16px; margin-top: -1px;}

.blue-box {position: relative;;margin-top: -4px;}
.blue-box .extra-head {background: #ff7e00; font-size: 18px; text-transform: uppercase; color: #fff;padding: 2px 0}

/********** Hosting Features CSS Start ***************/
.features-box{background: #fff; border:1px solid #d6dce0; text-align: center; padding: 33px 5px;margin-bottom: 30px;}
.features-box .features-icon, .plans-include-box .plans-include-icon, .contact-part-box .contact-part-icon {border: 5px solid #268eca;height: 98px;width: 98px;display: inline-block; /*background: #268eca;*/ padding: 15px 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#268eca+0,268eca+100 */
background: #268eca; /* Old browsers */
background: -moz-linear-gradient(left, #268eca 0%, #268eca 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#268eca), color-stop(100%,#268eca)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #268eca 0%,#268eca 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #268eca 0%,#268eca 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #268eca 0%,#268eca 100%); /* IE10+ */
background: linear-gradient(to right, #268eca 0%,#268eca 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#268eca', endColorstr='#268eca',GradientType=1 ); /* IE6-9 */}
.features-box:hover .features-icon, .plans-include-box:hover .plans-include-icon, .contact-part-box:hover .contact-part-icon {border:5px solid #3daded;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#31a1e2+0,268eca+100 */
background: #3daded; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #37a1de 0%, #206c98 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#37a1de), color-stop(100%,#206c98)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #37a1de 0%,#206c98 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #37a1de 0%,#206c98 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #37a1de 0%,#206c98 100%); /* IE10+ */
background: radial-gradient(ellipse at center, #37a1de 0%,#206c98 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31a1e2', endColorstr='#206c98',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.features-box .features-icon span, .plans-include-box .plans-include-icon span, .contact-part-box .contact-part-icon span {background: url(../images/inner-sprite.png) no-repeat scroll 0 0;height: 58px;width: 58px;display: inline-block;}
.features-box .features-icon1 span{background-position: -205px 0;}
.features-box .features-icon2 span{background-position: -263px 0;}
.features-box .features-icon3 span{background-position: -321px 0;}
.features-box .features-icon4 span{background-position: -379px 0;}
.features-box .features-icon5 span{background-position: -437px 0;}
.features-box .features-icon6 span{background-position: -205px -58px;}
.features-box .features-icon7 span{background-position: -263px -58px;}
.features-box .features-icon8 span{background-position: -321px -58px;}

.contact-part-box .question-icon span {background-position: -379px -58px;}
.contact-part-box .quote-icon span {background-position: -437px -58px;}
.contact-part-box .support-icon span {background-position: -321px -58px;}
.features-box .features-title{font-size: 26px; font-weight: normal;margin: 30px 0 17px;}
.features-box p {padding: 0 15px;}
/********** Hosting Features CSS End ***************/

.title-paragraph p {font-size: 16px; color: #515151; padding: 0 30px; margin-bottom: 50px; font-weight: 400;}
.border-b {border-bottom:1px solid #d6dce0;}
.border-r {border-right:1px solid #d6dce0;}
.left-box .inner-page-box {padding: 35px 30px 35px 0;}
.right-box .inner-page-box {padding: 35px 0 35px 30px;}
.inner-page-box {display: inline-flex;}
.inner-page-box .icon-part {float: left;margin-right: 20px;}
.app-icon {background: url(../images/inner-sprite.png) no-repeat scroll 0 0;height: 98px; width: 98px; display: inline-block;}
.icon-part .wordpress-icon {background-position: 0 -176px;}
.icon-part .magento-icon {background-position: -114px -176px;}
.icon-part .joomla-icon {background-position: -228px -176px;}
.icon-part .drupal-icon {background-position: -343px -176px;}
.title-box {font-size: 26px; font-weight: normal; margin-bottom: 8px;}
.applications-box .title-box {text-transform: uppercase;}
.inner-page-box p {font-size: 16px; font-weight: 400; color: #515151; min-height: 69px; margin-bottom: 27px;}
.inner-page-box .box-btn a {background: #1a70ad;color: #fff; font-size: 16px; font-weight: normal;padding: 15px 25px;width: auto;}
.inner-page-box .box-btn a:hover {background: #36a4e3;}
.inner-page-box .box-btn a span {background-position: 8px -64px;}


/********** Parallax CSS Start ***************/
.parallax {background: url(../images/banner.jpg) no-repeat fixed center center; background-size:cover ; padding: 68px 0; text-align: center;}
.parallax-title {font-size: 55px;font-weight: 300; color: #fff;margin-bottom: 50px;}
.parallax .box-btn a {width: auto;font-size: 22px; padding: 20px 25px;}
/********** Parallax CSS Start ***************/

.box-link a {color: #1a70ad; font-size: 16px; font-weight: normal; text-decoration: underline !important;}
.box-link a:hover{color: #68b500;}
.specifications-box p {min-height: 92px;}
.technical-icon {background: url(../images/inner-sprite.png) no-repeat scroll 0 0;height: 60px; width: 140px; display: inline-block;}
.icon-part .litespeed-icon {background-position: 0 -284px;}
.icon-part .cloudlinux-icon {background-position: -156px -284px;}
.icon-part .cPanel-icon {background-position: -309px -284px;}
.icon-part .cloudflare-icon {background-position: 0 -360px;}

.plans-include-icon {text-align: center;}
.plans-include-box .plan-email-icon span {background-position: -160px -341px;}
.plans-include-box .plan-programming-icon span {background-position: -240px -341px;}
.plans-include-box .plan-cPanel-icon span {background-position: -316px -341px;}
.plans-include-box .plan-domains-icon span {background-position: -387px -341px;}

.plans-include-box .points {color: #515151;}
.plans-include-box .points li {padding-top: 3px; font-size: 16px;}
.plans-include-box .points li span {background: url("../images/inner-sprite.png") no-repeat scroll -153px -80px; display: inline-block; height: 14px; margin-right: 5px; width: 15px;}

/********** Contact Page CSS Start ***************/
.contact-part-box {text-align: center; padding: 0 20px; color: #373737;}
.contact-part-box p {display: inline-block;height: 60px;max-width: 245px;overflow: hidden;}
.contact-part-box .box-btn a {padding: 15px 25px;}
.contact-part-box .contact-part-title {font-size: 26px;font-weight: normal;margin: 30px 0 17px;}

.social-icon {height: 98px; width: 98px; display: inline-block; border: 3px solid #268eca; text-align: center; padding: 25px 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;}
.follow-us ul li:hover .social-icon {border-color: #165c85;}
.follow-us ul li:hover a .social-title {color: #165c85;}
.follow-us ul {width: 100%;}
.follow-us ul li {float: left; text-align: center;width: 20%;}
.social-icon span {background: url("../images/inner-sprite.png") no-repeat scroll 0 0; height: 40px; width: 40px; display: inline-block;}
.follow-us ul li a:hover .social-icon span {}
.social-icon.facebook-icon span {background-position: -155px -124px;}
.social-icon.twitter-icon span {background-position: -210px -124px;}
.social-icon.google-plus-icon span {background-position: -272px -124px;}
.social-icon.pinterest-icon span {background-position: -333px -124px;}
.social-icon.youtube-icon span {background-position: -391px -124px;}

.follow-us ul li a .social-title {color: #268eca;font-weight: 400;margin-top: 10px;}
/********** Contact Page CSS End ***************/


/********** Footer CSS Start ***************/
.footer-top {background: #ffc436; padding: 35px 0 40px; text-align: center;}
.footer-top:hover{background: #ffd800;}
.footer-slogan {font-size: 42px;color: #052045;}
.footer-slogan span {font-weight: 600;}
.footer-btn-part {display: inline-block; margin-top: 30px;}
.footer-btn-part .footer-btn {float: left; margin-top: 10px;}
.footer-btn-part .footer-btn a {font-size: 18px; font-weight: 600; padding: 10px 40px; text-transform: uppercase; border:2px solid #192e4a; margin: 0 10px; display: inline-block;line-height: 22px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;}
.footer-btn-part .footer-btn a:hover {border:2px solid #234675;}
.footer-btn-part .sign-up-btn a {background: #192e4a; color: #ffc436;}
.footer-btn-part .contact-us-btn a {color: #192e4a;}
.footer-btn-part .sign-up-btn a:hover {background: #234675; /*color: #192e4a;*/}
.footer-btn-part .contact-us-btn a:hover {background: #ffc436;color: #234675;}

.footer-middle {background: #192e4a; padding: 60px 0;}
.footer-box {}
.footer-middle .footer-title {padding-bottom: 10px;}
.footer-middle .footer-title a{font-size: 15px;text-transform: uppercase; color: #fff; font-weight: 400; display: inline-block;}
.footer-box ul li a {color: #76b1ff; font-weight: 300; font-size: 13px;}
/*.footer-box ul li a:hover {color: #ffc436;}*/
.footer-box a:hover {color: #98e511;}
.footer-box ul li a span {display: none;}

.footer-bottom {background: #132237; padding: 40px 0; color: #a7bdd9;}
.b-footer {margin-top: 10px; color: #a7bdd9; font-weight: 300;}
.b-footer a {color: #a7bdd9;}
.b-footer a:hover {color: #fff;}
.social-icons {float: right; margin-top: 20px; display: inline-block;}
.social-icons span {float: left; margin: 8px 0;}
.social-icons ul {display: inline-block;}
.social-icons ul li {float: left; margin-left: 10px; text-indent:-9999px;}
.home-page .social-icons ul li a {background: url(../images/sprite.png) no-repeat scroll 0 0;height: 33px; width: 33px; display: table;}
.inner-page .social-icons ul li a {background: url(../images/inner-sprite.png) no-repeat scroll 0 0;height: 33px; width: 33px; display: table;}
/*.social-icons ul li a:hover{transform: rotate(360deg);}*/
.social-icons ul li.facebook-icon a {background-position: -25px 0px;}
.social-icons ul li.twitter-icon a {background-position: -61px 0;}
.social-icons ul li.google-icon a {background-position: -96px 0;}
.social-icons ul li.pinterest-icon a {background-position: -132px 0;}
.social-icons ul li.you-tube-icon a {background-position: -168px 0;}
.social-icons ul li.facebook-icon a:hover {background-position: -25px -33px;}
.social-icons ul li.twitter-icon a:hover {background-position: -61px -33px;}
.social-icons ul li.google-icon a:hover {background-position: -96px -33px;}
.social-icons ul li.pinterest-icon a:hover {background-position: -132px -33px;}
.social-icons ul li.you-tube-icon a:hover {background-position: -168px -33px;}

.created-by {float: right;}
.home-page .created-by span {background: url(../images/sprite.png) no-repeat scroll -52px -85px; height: 14px; width: 15px; display: inline-block;}
.inner-page .created-by span {background: url(../images/inner-sprite.png) no-repeat scroll -52px -85px; height: 14px; width: 15px; display: inline-block;}
.created-by a {text-decoration: underline !important;}
/********** Footer CSS End ***************/

/**********Edit CSS End***********/


/*Mobile Manu CSS*/
.mobilemenu {background: #003079;color:#fff; cursor:pointer;font-size:14px; top:100px;left:15px; float:right; margin-right: 10px;}
.home-page .mobilemenu em.fa {background: url(../images/sprite.png) no-repeat scroll -71px -65px #003079;}
.inner-page .mobilemenu em.fa {background: url(../images/inner-sprite.png) no-repeat scroll -71px -65px #003079;}
.mobilemenu > span {display: none; font-size: 16px; padding: 7px 0;}
.small-header .mobilemenu > span {display: inline-block;}
.small-header .nav_sec {top: 0;}
.small-header .mobilemenu {width: 100%; margin-right: 0; text-align: center;}
.small-header .mobilemenu-content {/*background: rgba(0, 0, 0, 0.95);*/ top: 37px;}
.small-header .mobilemenu-content ul li {border-bottom: 1px solid #061a39;}
.mobilemenu-title .fa {font-size:18px; padding:10px; margin: 0;height: 37px;width: 37px;}
.header-fixed .mobilemenu-title .fa {background-position: 0 0;}
/*.mobilemenu-title span{display: inline-block; text-transform: uppercase; font-weight: 600; padding: 11px;}*/
.mobilemenu-content{background:rgba(3, 15, 34, 0.98); margin-bottom: 5px; margin-left: 0; position: absolute; top: 57px; transition: none 0s ease 0s; width: 100%; padding-top: 30px;}
.mobilemenu-content ul {margin: 0px; padding: 0px 0px;}
.mobilemenu-content ul li{padding:0 10px; width: 100%; float: left; border-bottom: 1px solid #061a39;}
.mobilemenu-content ul li .fa {padding:8px 18px;}
.mobilemenu-content ul li a{display:inline-block; color: #fff; width: 100%; padding: 5px;}
.mobilemenu-content ul li:last-child{ border:0px;}

.fixed_position_menu {position: fixed !important; z-index: 15;}
.nav_sec {right: 15px; position: fixed; top: 20px; transition: all 0.4s ease 0s; width:100%; z-index: 99;}


/* Large desktop */
@media (min-width: 1200px) { 
	body,html{ overflow-x:hidden;}
	footer{width: 100%;}
	.footermenu ul {text-align: left;}
	.inner_hea {top: 271px;}	
}
@media (max-width: 1199px) {
	.wrapper{width:100%;padding: 0 15px;}
	.footer-box {height: 140px;}
	.features-box .features-title {font-size: 20px;}
	}
@media (min-width: 992px) and (max-width: 1199px) {
	.box-head .box-title {text-transform: none; font-size: 23px;}
	.plan-price .price-txt {font-size: 46px;}
	.plan-detail {padding: 23px 15px;}
	.box-btn a {font-size: 15px;}
	}
@media (min-width: 992px) and (max-width: 1100px) {
	.nav ul li a {font-size: 14px;}
	.parallax-title {font-size: 50px;}
	.nav ul li a {text-transform: none;}
	}
@media (min-width: 940px) and (max-width: 1199px) {
	body,html{ overflow-x:hidden;}
	.logo{width: 100%; max-width:inherit;}

}
/* Portrait tablet to landscape and desktop */
@media (min-width: 724px) and (max-width: 939px) {
	body,html{ overflow-x:hidden;}
	.nav{width: 100%; padding: 0px;}
}
 
@media (max-width: 991px) {
	header {height: 77px; position:absolute;}
	.nav {margin: 0;}
	.main_btn {float: left;}
	.small-header .logo {z-index: 9;}
	.banner .bannet-title {font-size: 45px;}
	.box-btn a {font-size: 15px;}
	.company-partner-main-detail {background: url(../images/company-partner-img.jpg) no-repeat scroll center center;}
	.round-detail.blue-detail {float: right; margin-right: -10px;}
	.round-detail.red-detail {margin-left: -10px; }
	.round-detail {height: 357px; width: 357px;}
	.right-arrow {right: -4px; top: 47px;}
	.left-arrow {bottom: 48px;}
	.parallax-title {font-size: 40px;}
	.nav ul li a {text-transform: none;}
	* {transition: none 0s ease 0s ;}
	}
	
@media (min-width: 768px) and (max-width: 962px){
	}
	
@media (min-width: 768px) and (max-width: 991px){
	banner {margin-top: 21px;}
	.with-us-title {font-size: 26px;}
	
	
	}
	
@media (max-width: 767px) {
	.f-none {float: none !important;}
	.banner {padding-top: 77px;}
	.banner-detail {padding-top: 10px;}
	.banner-pointing-part {margin-top: 15px; max-width: 280px;}
	.banner .bannet-title {font-size: 36px; margin-bottom: 10px;}
	.inner-banner .bannet-title {font-size: 30px;}
	.inner-banner .price-box {right: -10px; bottom: -70px;}
	.point-list {margin-top: 5px; font-size: 14px;}
	.banner-subtitle {font-size: 18px;}	
	.footer {}
	.footer-box {height: auto; position: relative;}
	.footer-middle .footer-title {padding: 10px 0; border-bottom:1px solid #375172;}
	.footer-box ul {display: none; margin: 8px 0;}
	.footer-box ul li {margin-bottom: 5px; margin-left: 10px;}
	.footer-box ul li a span {display: block; float: left; margin-right: 5px;}
	.footer-box span.opener{background:url(../images/sprite.png) no-repeat scroll 0 0;height:20px;width:20px;display:inline-block;position:absolute;right:0;cursor:pointer; z-index: 9; top: 9px;}
	.footer-box span.plus{background-position:4px -88px;}
	.footer-box span.minus{background-position:-24px -88px;}
	.wordpress-hosting .price-box {position: relative; bottom: auto; left:auto; text-align: center;}
	.round-price .arrow-icon {display: none;}
	.footer-bottom {text-align: center;}
	.wordpress-hosting .box-btn {text-align: center;}
	.border-b {border-bottom:none;}
	.border-r {border-right:none;}
	.inner-page-box {display: inline-block;border-bottom:1px solid #d6dce0; text-align: center; padding: 35px 0 !important;}
	.inner-page-box .icon-part {float: none; margin-right: 0; margin-bottom: 10px;}
	.inner-page-box .box-btn a {text-transform: none;}
	.contact-part-box {margin-bottom: 30px;}
	}
	
@media (max-width: 620px) {
	.banner .ban-price {margin: 10px 0; margin-right: 20px;}
	.padding-65 {padding: 50px 0;}
	.heading {font-size: 30px;}
	.banner-subtitle {font-size: 16px;}
	.partner-title {font-size: 25px;}
	.round-detail .box-btn a {font-size: 16px;}
	.round-detail.blue-detail {margin-top: 80px;}
	.round-detail.red-detail {margin-bottom: 80px; margin-top: 0;}
	.round-detail {height: 310px; width: 310px; padding: 60px 0;}
	.right-arrow {background-position: -422px -8px; left: 115px; top: 297px; height: 39px; width: 61px;}
	.left-arrow {background-position: -228px -121px;height: 39px; width: 61px; left: 110px; top: -34px;}
	.testimonial-box {display: inline-table;}
	.test-icon {float: none;text-align: center; margin-right: 0; margin-bottom: 10px;}
	.test-detail {float: none; border-top:5px solid #48a1ea; border-left: none;}
	.test-detail::after {border-color:transparent transparent #48a1ea; top: -21px; left: 49%;}
	.inner-banner .price-box {/*position: relative; right: auto; left: auto; bottom: auto; top: auto; text-align: center;*/ display: none;}
	.follow-us ul {text-align: center;}
	.follow-us ul li {float: none; width: auto; margin-bottom: 20px;}
	}

@media (max-width: 500px) {
	}

@media (max-width: 360px) {
	header {height: 80px;}
	}
	
	
/* Landscape phone to portrait tablet */
@media (min-width: 420px) and (max-width: 767px) { 
	body,html{ overflow-x:hidden;}
	.wrapper{width:100%;}
	.logo{ max-width:inherit; float: left;}
	.nav{width: 100%; padding: 0px;}
}

@media (max-width: 419px) {
	.logo {display: inline-block;}
	.heading {font-size: 25px; text-transform: none;}
	.footer-add-link ul li {float: none; margin-bottom: 8px;}
	.banner .ban-price .price-txt {font-size: 47px;}
	.banner-btn span {display: none;}
	.banner .bannet-title {font-size: 34px;}
	.inner-banner .bannet-title {font-size: 30px;}
	.banner-btn a {text-transform: none;}
	.parallax-title {font-size: 30px;}
	.parallax .box-btn a {font-size: 15px;}
}

@media (min-width: 320px) and (max-width: 420px) {
	body,html{ overflow-x:hidden;}
	.wrapper{width:100%;}
	header {/*height: 73px;*/}
	.logo{/*width: 51%;*/ max-width:inherit;}
	.nav{width: 100%; padding: 0px;}
}

@media (min-width: 220px) and (max-width: 320px) {
	body,html{ overflow-x:hidden;}
	.wrapper{width:100%;}
	header {/*height: 73px;*/}
	.logo{/*width: 30%;*/ max-width:
	inherit;}
	.nav{width: 100%; padding: 0px;}	 
}


@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(fonts/opensans-light_0-webfont.woff2) format('woff2');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(fonts/opensans-regular_0-webfont.woff2) format('woff2');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(fonts/opensans-semibold_0-webfont.woff2) format('woff2');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(fonts/opensans-bold_0-webfont.woff2) format('woff2');
}