@font-face{
	font-family:'mpolis';
	src:url('fonts/metropolis-bold-webfont.woff2') format('woff2'),url('fonts/metropolis-bold-webfont.woff') format('woff');
	font-weight:bold;
	font-style:normal
}
@font-face{
	font-family:'mpolis';
	src:url('fonts/metropolis-light-webfont.woff2') format('woff2'),url('fonts/metropolis-light-webfont.woff') format('woff');
	font-weight:300;
	font-style:normal
}
@font-face{
	font-family:'mpolis';
	src:url('fonts/metropolis-medium-webfont.woff2') format('woff2'),url('fonts/metropolis-medium-webfont.woff') format('woff');
	font-weight:500;
	font-style:normal
}
@font-face{
	font-family:'mpolis';
	src:url('fonts/metropolis-regular-webfont.woff2') format('woff2'),url('fonts/metropolis-regular-webfont.woff') format('woff');
	font-weight:400;
	font-style:normal
}
strong,b{
	font-weight:bold
}
.bold{
	font-weight:bold
}
.light{
	font-weight:300
}
.normal{
	font-weight:normal
}
.medium{
	font-weight:500
}
p{
	line-height:1.2em
}
.floatleft{
	float:left
}
.floatright{
	float:right
}
.rel{
	position:relative
}
.abs{
	position:absolute
}
.redback{
	background:#f00
}
.redshine{
	-webkit-box-shadow:0 0 10px #f00;
	box-shadow:0 0 10px #f00
}
.hidden{
	display:none
}
.center{
	text-align:center
}
.clear{
	clear:both
}
.sizing{
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
div.clear{
	clear:both
}
*{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background-repeat:no-repeat;
	background-position:center center
}
*:after,*:before{
	content:normal;
	display:none;
	background-repeat:no-repeat;
	background-position:center center
}
.trans{
	-webkit-transition:all .2s ease;
	transition:all .2s ease
}
body{
	image-rendering:optimize-contrast;
	-ms-interpolation-mode:nearest-neighbor;
	image-rendering:-webkit-optimize-contrast
}
.responsive{
	display:none
}
.clearfix:before,.clearfix:after{
	content:" ";
	display:table;
	visibility:hidden
}
.clearfix:after{
	clear:both
}
body{
	background:#fff;
	font-size:16px;
	font-family:mpolis,sans-serif;
	color:#666;
	margin:0;
	padding:0;
	padding-top:0;
	width:100%;
	line-height:normal
}
.body{
	width:100%;
	margin:auto;
	position:relative
}
.body:before,.body:after{
	content:" ";
	display:table;
	visibility:hidden
}
.body:after{
	clear:both
}
a:link,a:visited{
	color:#159fda;
	text-decoration:none
}
a:hover{
	color:#8dddff;
	text-decoration:none
}
a img{
	border:0
}
input{
	font-size:14px;
	font-family:mpolis,sans-serif
}
.half{
	width:50%;
	float:left
}
#header{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:130px;
	background:#000;
	z-index:20000
}
.topbar{
	height:40px;
	background:-webkit-gradient(linear, left top, right top, color-stop(50%, #40b7ff), color-stop(50%, #003656));
	background:linear-gradient(to right, #40b7ff 50%, #003656 50%)
}
.topbar .inner{
	background-color:#003656
}
.topbar .tag{
	background-color:#40b7ff;
	line-height:40px;
	font-weight:bold;
	font-size:14px;
	position:relative;
	float:left;
	color:#fff;
	padding-right:2px
}
.topbar .tag:after{
	content:"";
	display:block;
	position:absolute;
	right:-20px;
	top:0;
	width:0;
	height:0;
	border-left:20px solid #40b7ff;
	border-top:20px solid transparent;
	border-bottom:20px solid transparent;
	-webkit-box-shadow:-1px 0 0 #40b7ff;
	box-shadow:-1px 0 0 #40b7ff
}
.topbar .tag:before{
	content:"";
	display:block;
	position:absolute;
	left:-70px;
	top:0;
	width:70px;
	height:40px;
	background:linear-gradient(105deg, #40b7ff 10px, rgba(255,255,255,0.5) 40px, #40b7ff 47px)
}
.topbar .promoline{
	float:left;
	line-height:30px;
	padding:5px 0 5px 30px;
	font-size:15px;
	font-weight:300;
	color:#d0edff
}
.topbar .promoline strong,.topbar .promoline b{
	color:#fff
}
.topbar .topmenu{
	float:right
}
.topbar .topmenu>a{
	display:inline-block;
	-webkit-transition:all .2s ease;
	transition:all .2s ease
}
.topbar .topmenu a.email,.topbar .topmenu a.phone{
	font-size:13px;
	color:#d0edff;
	line-height:39px;
	padding:0 13px
}
.topbar .topmenu a.email:before,.topbar .topmenu a.phone:before{
	display:inline;
	font-size:20px;
	margin:0 6px 0 0;
	line-height:30px;
	font-weight:bold;
	position:relative;
	top:2px
}
.topbar .topmenu a.myaccount{
	background-color:#15557c;
	margin-left:30px;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	line-height:40px;
	padding:0 20px
}
.topbar .topmenu a.myaccount:before{
	display:inline;
	color:#d0edff
}
.topbar .topmenu a.email:before{
	content:"E@"
}
.topbar .topmenu a.phone:before{
	content:"P#"
}
.topbar .topmenu a.myaccount:before{
	content:"#>"
}
.topbar .topmenu a.email:hover{
	background-color:rgba(255,255,255,0.2);
	color:#fff
}
.topbar .topmenu a.phone:hover{
	background-color:rgba(255,255,255,0.2);
	color:#fff
}
.topbar .topmenu a.myaccount:hover{
	background-color:#40b7ff
}
a.logo{
	display:block;
	float:left;
	margin-top:30px;
	margin-left:0;
	width:201px;
	-webkit-transition:all .2s ease;
	transition:all .2s ease
}
a.logo img{
	width:100%
}
#menu-area{
	float:right;
	position:relative
}
#menubutton{
	display:none
}
#menubutton{
	position:relative;
	float:right;
	z-index:20001;
	margin-top:0;
	margin-right:0;
	width:45px;
	height:45px;
	-webkit-transition:all .2s ease;
	transition:all .2s ease;
	cursor:pointer
}
#menubutton a{
	position:absolute;
	left:0;
	top:0;
	width:45px;
	height:45px;
	display:block;
	-webkit-transition:all .2s ease;
	transition:all .2s ease
}
#menubutton a:after{
	-webkit-transition:all .2s ease;
	transition:all .2s ease;
	color:#d5dee3;
	content:"";
	display:block;
	width:29px;
	height:3px;
	border-radius:3px;
	background:currentColor;
	position:absolute;
	left:8px;
	top:22px;
	-webkit-box-shadow:0 -9px 0 #40b7ff,0 9px 0 #40b7ff;
	box-shadow:0 -9px 0 #40b7ff,0 9px 0 #40b7ff
}
#menubutton a:hover:after{
	color:#40b7ff;
	-webkit-box-shadow:0 -9px 0 #fff,0 9px 0 #fff;
	box-shadow:0 -9px 0 #fff,0 9px 0 #fff
}
#menu{
	float:right;
	margin-top:15px
}
#menu>ul>li.mobilemenu{
	display:none
}
#menu>ul>li{
	float:left;
	margin-left:8px;
	position:relative
}
#menu>ul>li>a{
	display:block;
	font-size:16px;
	color:#fff;
	padding:0 24px 0 24px;
	line-height:60px;
	-webkit-transition:all .2s ease;
	transition:all .2s ease;
	position:relative
}
#menu>ul>li:hover>a{
	background:#003656
}
#menu>ul>li.dropdown>a:after{
	content:"";
	display:block;
	position:absolute;
	bottom:-5px;
	left:50%;
	-webkit-transform:scale(1, .66) translate(-50%) rotate(-45deg);
	transform:scale(1, .66) translate(-50%) rotate(-45deg);
	width:6px;
	height:6px;
	border-left:2px solid #40b7ff;
	border-bottom:2px solid #40b7ff;
	background-color:#000
}
#menu>ul>li.dropdown>div{
	visibility:hidden;
	opacity:0;
	position:absolute;
	z-index:1000;
	top:60px;
	left:50%;
	-webkit-transform:translate(-50%);
	transform:translate(-50%);
	background:#003656;
	padding:10px 10px 10px 10px;
	-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.5);
	box-shadow:0 5px 5px rgba(0,0,0,0.5);
	border-top:13px solid transparent;
	background-clip:padding-box;
	-webkit-transition:all .2s ease;
	transition:all .2s ease
}
#menu>ul>li.dropdown>div ul{
	float:left
}
#menu>ul>li.dropdown>div ul>li{
	min-width:120px;
	text-align:center
}
#menu>ul>li.dropdown>div ul>li.title{
	padding:10px 0 10px 15px;
	border-bottom:1px solid #666;
	margin-bottom:5px
}
#menu>ul>li.dropdown>div ul>li>a{
	display:block;
	padding:15px 20px 17px 20px;
	font-size:16px;
	white-space:nowrap;
	color:#fff
}
#menu>ul>li.dropdown>div ul>li>a:hover{
	background:#0c1315;
	color:#00c6ff
}
#menu>ul>li.dropdown:hover>a:after{
	background-color:#003656
}
#menu>ul>li.dropdown:hover>div{
	visibility:visible;
	opacity:1
}
#header.scrolled{
	height:77px;
	-webkit-transition:all .2s ease;
	transition:all .2s ease
}
#header.scrolled a.logo{
	margin-top:7px;
	width:170px
}
#header.scrolled #menu-area .topmenu{
	padding-top:0
}
#header.scrolled #menubutton{
	margin-top:4px
}
#header.scrolled #menu{
	margin-top:0
}
#header.scrolled #menu>ul>li{
	position:relative
}
#header.scrolled #menu>ul>li>a{
	line-height:37px
}
#header.scrolled #menu>ul>li.dropdown>div{
	top:24px
}
#page{
	margin-top:130px
}
a.button{
	display:inline-block;
	background-color:#e16500;
	color:#fff;
	font-size:17px;
	font-weight:bold;
	text-align:center;
	text-shadow:0 1px 1px rgba(0,0,0,0.3);
	line-height:48px;
	padding:0 42px;
	border-radius:5px;
	-webkit-transition:all .2s ease;
	transition:all .2s ease
}
a.button:hover{
	background-color:#ff7e15
}
.starback{
	width:100%;
	height:700px;
	position:relative
}
.starfield{
	position:absolute;
	left:0;
	top:0
}
#hero-area{
	padding-top:100px;
	background:linear-gradient(to bottom, rgba(0,0,0,0.7), rgba(0,0,0,0) 80px);
	position:relative
}
#hero-area .title{
	font-family:'Inconsolata',monospace;
	font-size:60px;
	color:#fff;
	line-height:1em;
	padding-left:5px;
	text-shadow:0 1px 5px #000,0 1px 5px #000;
	position:relative
}
#hero-area .title span{
	display:inline-block
}
#hero-area .title strong{
	line-height:1em;
	font-weight:normal;
	display:inline-block;
	vertical-align:bottom;
	color:#fff
}
#hero-area .title strong em{
	color:#40b7ff
}
#hero-area .title .tag{
	position:absolute;
	width:1000px;
	left:-1053px;
	height:66px;
	top:0;
	background-color:#40b7ff;
	text-shadow:none
}
#hero-area .title .tag:after{
	content:"#>";
	display:block;
	position:absolute;
	right:-20px;
	font-size:60px;
	color:#fff
}
#hero-area .title .tag:before{
	content:"";
	display:block;
	position:absolute;
	right:-33px;
	top:0;
	border-top:33px solid transparent;
	border-bottom:33px solid transparent;
	border-left:33px solid #40b7ff;
	-webkit-box-shadow:-1px 0 0 #40b7ff;
	box-shadow:-1px 0 0 #40b7ff
}
#hero-area .subtitle{
	position:relative;
	color:#40b7ff;
	font-size:36px;
	font-family:'Inconsolata',monospace;
	margin-top:15px;
	padding-left:5px
}
#hero-area .title strong{
	display:inline-block;
	overflow:hidden;
	border-right:.5em solid #c9ebff;
	line-height:1em;
	white-space:nowrap;
	margin:0;
	letter-spacing:0;
	-webkit-animation:typing 1s steps(32, end) 0s,blink-caret 1s step-end infinite 1s;
	animation:typing 1s steps(32, end) 0s,blink-caret 1s step-end infinite 1s
}
@-webkit-keyframes typing{
	from{
		width:0
}
	to{
		width:100%
}
}
@keyframes typing{
	from{
		width:0
}
	to{
		width:100%
}
}
@-webkit-keyframes blink-caret{
	from,to{
		border-color:transparent
}
	50%{
		border-color:#c9ebff
}
}
@keyframes blink-caret{
	from,to{
		border-color:transparent
}
	50%{
		border-color:#c9ebff
}
}
.hero{
	position:relative
}
.hero .text{
	color:#bfe7ff;
	font-size:20px;
	font-weight:300;
	position:relative;
	margin-top:50px;
	max-width:980px;
	text-shadow:0 1px 5px #000,0 1px 5px #000
}
.hero a.bigbutton{
	display:inline-block;
	background-color:#e16500;
	color:#fff;
	font-size:17px;
	font-weight:bold;
	text-shadow:0 1px 1px rgba(0,0,0,0.3);
	text-align:center;
	line-height:54px;
	padding:0 35px;
	border-radius:5px;
	margin:80px 10px 10px 115px;
	-webkit-transition:all .2s ease;
	transition:all .2s ease
}
.hero a.bigbutton:hover{
	background-color:#ff7e15
}
.hero .price{
	color:#fff;
	font-size:18px;
	font-weight:300;
	display:inline-block;
	overflow:hidden;
	position:relative;
	top:12px;
	margin-left:90px
}
.hero .price em{
	font-size:30px;
	position:relative;
	font-weight:300;
	top:3px;
	margin:0 3px;
	display:inline-block;
	line-height:1em;
	border-bottom:2px solid #e16500
}
.hero .price span{
	-webkit-animation:typing .3s steps(16, end) 1.2s;
	animation:typing .3s steps(16, end) 1.2s;
	-webkit-animation-fill-mode:backwards;
	animation-fill-mode:backwards;
	display:inline-block;
	overflow:hidden;
	line-height:1.9em;
	white-space:nowrap;
	letter-spacing:0
}
.hero+.hero a.bigbutton{
	background-color:#1f58ff
}
.hero+.hero a.bigbutton:hover{
	background-color:#527eff
}
.hero+.hero .price em{
	border-bottom:2px solid #1f58ff
}
.hero+.hero+.hero a.bigbutton{
	background-color:#da00e2
}
.hero+.hero+.hero a.bigbutton:hover{
	background-color:#f716ff
}
.hero+.hero+.hero .price em{
	border-bottom:2px solid #da00e2
}
.hero+.hero+.hero+.hero a.bigbutton{
	background-color:#00e1e1
}
.hero+.hero+.hero+.hero a.bigbutton:hover{
	background-color:#15ffff
}
.hero+.hero+.hero+.hero .price em{
	border-bottom:2px solid #00e1e1
}
#hero-dots{
	position:relative;
	z-index:2;
	padding:20px 0 0 230px
}
#hero-dots a{
	margin-right:4px;
	cursor:pointer;
	background-clip:padding-box;
	background-color:#40b7ff;
	width:18px;
	height:18px;
	display:inline-block;
	border-radius:100%;
	border:2px solid transparent
}
#hero-dots a.selected{
	background-color:#ff9000;
	border-color:#ff9000
}
#hero-dots a:nth-child(1).selected{
	background-color:#ff9000;
	border-color:#ff9000
}
#hero-dots a:nth-child(2).selected{
	background-color:#1f58ff;
	border-color:#1f58ff
}
#hero-dots a:nth-child(3).selected{
	background-color:#fd3dff;
	border-color:#fd3dff
}
#hero-dots a:nth-child(4).selected{
	background-color:#4cffff;
	border-color:#4cffff
}
@-webkit-keyframes floatingServer{
	from{
		-webkit-transform:translate(0, -30px);
		transform:translate(0, -30px)
}
	to{
		-webkit-transform:translate(0, 30px);
		transform:translate(0, 30px)
}
}
@keyframes floatingServer{
	from{
		-webkit-transform:translate(0, -30px);
		transform:translate(0, -30px)
}
	to{
		-webkit-transform:translate(0, 30px);
		transform:translate(0, 30px)
}
}
.floating-server{
	display:block;
	width:447px;
	height:501px;
	position:absolute;
	right:10px;
	top:20px;
	background-image:url(images/floating-server.png);
	background-size:contain;
	-webkit-animation:floatingServer 3s ease-in-out alternate infinite;
	animation:floatingServer 3s ease-in-out alternate infinite
}
@-webkit-keyframes waveAnimation{
	0%{
		background-position:0 100%,0 100%,0 100%;
		-webkit-transform:scaleY(1);
		transform:scaleY(1)
}
	50%{
		-webkit-transform:scaleY(.55);
		transform:scaleY(.55)
}
	100%{
		background-position:-1920px 100%,-3840px 100%,-5760px 100%;
		-webkit-transform:scaleY(1);
		transform:scaleY(1)
}
}
@keyframes waveAnimation{
	0%{
		background-position:0 100%,0 100%,0 100%;
		-webkit-transform:scaleY(1);
		transform:scaleY(1)
}
	50%{
		-webkit-transform:scaleY(.55);
		transform:scaleY(.55)
}
	100%{
		background-position:-1920px 100%,-3840px 100%,-5760px 100%;
		-webkit-transform:scaleY(1);
		transform:scaleY(1)
}
}
.wave-animation{
	background:linear-gradient(to top, #fff, rgba(255,255,255,0) 50px)
}
.wave-animation,.wave-animation>div{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	pointer-events:none;
	-webkit-transform-origin:50% 100%;
	transform-origin:50% 100%
}
.wave-animation div:nth-child(1){
	background:url(images/wave-top.png) repeat-x;
	opacity:.7;
	-webkit-animation:waveAnimation 10s linear infinite 0s;
	animation:waveAnimation 10s linear infinite 0s;
	mix-blend-mode:hard-light
}
.wave-animation div:nth-child(2){
	background:url(images/wave-mid.png) repeat-x;
	opacity:.6;
	-webkit-animation:waveAnimation 20s linear infinite -8s;
	animation:waveAnimation 20s linear infinite -8s;
	mix-blend-mode:hard-light
}
.wave-animation div:nth-child(3){
	background:url(images/wave-bot.png) repeat-x;
	opacity:.4;
	-webkit-animation:waveAnimation 30s linear infinite -4s;
	animation:waveAnimation 30s linear infinite -4s;
	mix-blend-mode:hard-light
}
.wave-animation.black{
	background:linear-gradient(to top, #000, rgba(0,0,0,0) 50px)
}
.wave-animation.black div{
	mix-blend-mode:normal
}
.wave-animation.black div:nth-child(1){
	background-image:url(images/wave-top-black.png)
}
.wave-animation.black div:nth-child(2){
	background-image:url(images/wave-mid-black.png)
}
.wave-animation.black div:nth-child(3){
	background-image:url(images/wave-bot-black.png)
}
.wave-animation.darkblue{
	background:linear-gradient(to top, #1a2545, rgba(26,37,69,0) 50px)
}
.wave-animation.darkblue div{
	mix-blend-mode:normal
}
.wave-animation.darkblue div:nth-child(1){
	background-image:url(images/wave-top-darkblue.png)
}
.wave-animation.darkblue div:nth-child(2){
	background-image:url(images/wave-mid-darkblue.png)
}
.wave-animation.darkblue div:nth-child(3){
	background-image:url(images/wave-bot-darkblue.png)
}
.wave-animation.green{
	background:linear-gradient(to top, #1a3a45, rgba(26,58,69,0) 50px)
}
.wave-animation.green div{
	mix-blend-mode:normal
}
.wave-animation.green div:nth-child(1){
	background-image:url(images/wave-top-green.png)
}
.wave-animation.green div:nth-child(2){
	background-image:url(images/wave-mid-green.png)
}
.wave-animation.green div:nth-child(3){
	background-image:url(images/wave-bot-green.png)
}
.wave-animation.red{
	background:linear-gradient(to top, #451a1a, rgba(69,26,26,0) 50px)
}
.wave-animation.red div{
	mix-blend-mode:normal
}
.wave-animation.red div:nth-child(1){
	background-image:url(images/wave-top-red.png)
}
.wave-animation.red div:nth-child(2){
	background-image:url(images/wave-mid-red.png)
}
.wave-animation.red div:nth-child(3){
	background-image:url(images/wave-bot-red.png)
}
.wave-animation.cyan{
	background:linear-gradient(to top, #006b75, rgba(0,107,117,0) 50px)
}
.wave-animation.cyan div{
	mix-blend-mode:normal
}
.wave-animation.cyan div:nth-child(1){
	background-image:url(images/wave-top-cyan.png)
}
.wave-animation.cyan div:nth-child(2){
	background-image:url(images/wave-mid-cyan.png)
}
.wave-animation.cyan div:nth-child(3){
	background-image:url(images/wave-bot-cyan.png)
}
.wave-animation.purple{
	background:linear-gradient(to top, #3c233b, rgba(60,35,59,0) 50px)
}
.wave-animation.purple div{
	mix-blend-mode:normal
}
.wave-animation.purple div:nth-child(1){
	background-image:url(images/wave-top-purple.png)
}
.wave-animation.purple div:nth-child(2){
	background-image:url(images/wave-mid-purple.png)
}
.wave-animation.purple div:nth-child(3){
	background-image:url(images/wave-bot-purple.png)
}
.wave-animation.orange{
	background:linear-gradient(to top, #a93300, rgba(169,51,0,0) 50px)
}
.wave-animation.orange div{
	mix-blend-mode:normal
}
.wave-animation.orange div:nth-child(1){
	background-image:url(images/wave-top-orange.png)
}
.wave-animation.orange div:nth-child(2){
	background-image:url(images/wave-mid-orange.png)
}
.wave-animation.orange div:nth-child(3){
	background-image:url(images/wave-bot-orange.png)
}
.wave-animation.darkorange{
	background:linear-gradient(to top, #381100, rgba(56,17,0,0) 50px)
}
.wave-animation.darkorange div{
	mix-blend-mode:normal
}
.wave-animation.darkorange div:nth-child(1){
	background-image:url(images/wave-top-darkorange.png)
}
.wave-animation.darkorange div:nth-child(2){
	background-image:url(images/wave-mid-darkorange.png)
}
.wave-animation.darkorange div:nth-child(3){
	background-image:url(images/wave-bot-darkorange.png)
}
@-webkit-keyframes circleAnimation{
	from{
		-webkit-transform:rotate(-360deg);
		transform:rotate(-360deg)
}
	to{
		-webkit-transform:rotate(0);
		transform:rotate(0)
}
}
@keyframes circleAnimation{
	from{
		-webkit-transform:rotate(-360deg);
		transform:rotate(-360deg)
}
	to{
		-webkit-transform:rotate(0);
		transform:rotate(0)
}
}
.circle-animation{
	position:absolute;
	left:-5px;
	top:125px;
	width:536px;
	height:536px;
	border-radius:100%;
	-webkit-animation:circleAnimation 1s linear;
	animation:circleAnimation 1s linear;
	-webkit-transform-origin:50% 50%;
	transform-origin:50% 50%
}
.circle-animation:before,.circle-animation:after{
	content:"";
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	display:block
}
.circle-animation:before{
	background-image:url(images/circle-animation-1.png);
	background-size:contain;
	-webkit-animation:circleAnimation 15s linear infinite;
	animation:circleAnimation 15s linear infinite
}
.circle-animation:after{
	background-image:url(images/circle-animation-2.png);
	background-size:contain;
	-webkit-animation:circleAnimation 15s linear reverse infinite;
	animation:circleAnimation 15s linear reverse infinite
}
.circle-animation.red:before{
	background-image:url(images/circle-animation-1-red.png)
}
.circle-animation.red:after{
	background-image:url(images/circle-animation-2-red.png)
}
.circle-animation.purple:before{
	background-image:url(images/circle-animation-1-purple.png)
}
.circle-animation.purple:after{
	background-image:url(images/circle-animation-2-purple.png)
}
.heading{
	font-size:34px;
	font-weight:bold;
	color:#000;
	text-align:center;
	margin:35px auto 15px
}
.heading.left{
	text-align:left
}
.subheading{
	font-size:18px;
	color:#666;
	text-align:center;
	max-width:900px;
	margin:15px auto 35px;
	line-height:1.4em
}
.big-services{
	margin:21px 0;
	background:-webkit-gradient(linear, left top, right top, from(#fff), color-stop(#777), to(#fff));
	background:linear-gradient(to right, #fff, #777, #fff)
}
.big-services .contentbox{
	max-width:1440px;
	margin:0 auto
}
.big-services .contentbox:before,.big-services .contentbox:after{
	content:" ";
	display:table;
	visibility:hidden
}
.big-services .contentbox:after{
	clear:both
}
.big-services .service{
	position:relative;
	float:left;
	min-height:300px;
	max-width:360px;
	width:25%;
	padding-bottom:37px;
	padding-top:123px
}
.big-services .service:after{
	display:block;
	content:"";
	position:absolute;
	width:100px;
	height:100px;
	background-size:100px;
	left:20px;
	top:10px
}
.big-services .service:before{
	display:block;
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100px;
	background-size:contain;
	background-position:0 0
}
.big-services .title-box{
	background:rgba(255,255,255,0.1);
	padding:20px 10px 0 25px
}
.big-services .title{
	font-size:24px;
	font-weight:500;
	color:#fff
}
.big-services .subtitle{
	font-size:16px;
	margin-top:15px;
	min-height:4em
}
.big-services ul{
	padding:20px 0 28px 62px
}
.big-services ul li{
	font-size:16px;
	line-height:20px;
	padding:5px 10px 5px 0;
	color:#fff;
	position:relative
}
.big-services ul li:before,.big-services ul li:after{
	position:absolute;
	left:-16px;
	top:13px;
	content:"";
	display:block;
	width:10px;
	height:2px;
	background-color:currentColor
}
.big-services ul li:after{
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg)
}
.big-services .button-area{
	text-align:center
}
.big-services .button{
	font-size:17px;
	font-weight:bold;
	color:#fff;
	line-height:48px;
	padding:0 47px;
	display:inline-block;
	margin:0 auto;
	text-shadow:0 1px 1px rgba(0,0,0,0.5);
	border-radius:5px;
	-webkit-transition:all .2s ease;
	transition:all .2s ease
}
.big-services .button:hover{
	background-color:#fff !important;
	color:#000;
	text-shadow:none
}
.big-services .price{
	position:absolute;
	right:16px;
	top:12px;
	font-size:30px;
	font-weight:bold;
	text-align:center;
	width:100px;
	line-height:.85em
}
.big-services .price i{
	font-size:37px
}
.big-services .price small{
	font-weight:normal;
	font-size:12px;
	display:inline-block
}
.big-services .price sub{
	font-size:75%;
	position:relative;
	top:-7px
}
.big-services .service-1{
	background-color:#1a2545;
	position:relative
}
.big-services .service-1:before{
	background-image:url(images/wavytop-1.png)
}
.big-services .service-1:after{
	background-image:url(images/service-icon-1.png)
}
.big-services .service-1 .subtitle{
	color:#a6b6e1
}
.big-services .service-1 ul li:before,.big-services .service-1 ul li:after{
	color:#6f94ff
}
.big-services .service-1 .button{
	background-color:#d78c2b
}
.big-services .service-1 .price{
	color:#006ed5
}
.big-services .service-2{
	background-color:#1a3445;
	position:relative
}
.big-services .service-2:before{
	background-image:url(images/wavytop-2.png)
}
.big-services .service-2:after{
	background-image:url(images/service-icon-2.png)
}
.big-services .service-2 .subtitle{
	color:#a7cae2
}
.big-services .service-2 ul li:before,.big-services .service-2 ul li:after{
	color:#6fc4ff
}
.big-services .service-2 .button{
	background-color:#d6532b
}
.big-services .service-2 .price{
	color:#00acac
}
.big-services .service-3{
	background-color:#451a1a;
	position:relative
}
.big-services .service-3:before{
	background-image:url(images/wavytop-2.png)
}
.big-services .service-3:after{
	background-image:url(images/service-icon-3.png)
}
.big-services .service-3 .subtitle{
	color:#e0a5a5
}
.big-services .service-3 ul li:before,.big-services .service-3 ul li:after{
	color:#ff7a6f
}
.big-services .service-3 .button{
	background-color:#d62b2b
}
.big-services .service-3 .price{
	color:#ac0000
}
.big-services .service-4{
	background-color:#3c233b;
	position:relative
}
.big-services .service-4:before{
	background-image:url(images/wavytop-3.png)
}
.big-services .service-4:after{
	background-image:url(images/service-icon-4.png)
}
.big-services .service-4 .subtitle{
	color:#d9a3d7
}
.big-services .service-4 ul li:before,.big-services .service-4 ul li:after{
	color:#ff6fdc
}
.big-services .service-4 .button{
	background-color:#89378c
}
.big-services .service-4 .price{
	color:#bf00b7;
	right:50px
}
.big-features{
	padding:40px 0
}
.big-features .feature{
	width:50%;
	float:left;
	padding:52px 60px 0 90px;
	min-height:250px;
	max-width:720px;
	font-size:16px;
	color:#666;
	position:relative
}
.big-features .feature .title{
	font-size:26px;
	color:#0072bb;
	margin-bottom:18px
}
.big-features .feature:before{
	position:absolute;
	left:0;
	top:0;
	display:block;
	content:"";
	width:233px;
	height:233px;
	background-size:auto 233px;
	opacity:.25
}
.big-features .feature.managed:before{
	background-image:url(images/big-icon-managed.png)
}
.big-features .feature.wordpress:before{
	background-image:url(images/big-icon-wordpress.png)
}
.big-features .feature.portal:before{
	background-image:url(images/big-icon-portal.png)
}
.small-features{
	padding:10px 0;
	margin-bottom:40px
}
.small-features .feature{
	width:25%;
	float:left;
	text-align:center
}
.small-features .feature img{
	height:80px;
	margin:0 auto
}
.small-features .feature .title{
	font-size:18px;
	font-weight:bold;
	color:#000;
	padding:10px 10px 0
}
.small-features .feature .text{
	padding:20px 20px;
	max-width:340px;
	margin:0 auto;
	font-size:14.5px;
	color:#666
}
.big-map{
	background:linear-gradient(to bottom, #eee, #fff 230px, #eee 460px);
	position:relative;
	width:100%;
	padding-bottom:220px;
	margin-top:100px
}
.big-map:before{
	content:"";
	display:block;
	position:absolute;
	left:50%;
	top:0;
	width:100%;
	padding-bottom:5%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	background-color:#fff;
	border-radius:100%
}
.big-map .text-area{
	float:left;
	width:45%;
	padding-top:190px
}
.big-map .title{
	font-size:34px;
	color:#0b78be;
	font-weight:bold;
	position:relative
}
.big-map .title:before,.big-map .title:after{
	content:"";
	display:block;
	position:absolute;
	left:-80px;
	top:-50px;
	border-radius:100%;
	-webkit-transform:rotate(5deg);
	transform:rotate(5deg)
}
.big-map .title:before{
	width:200px;
	height:200px;
	left:-100px;
	top:-45px;
	border:2px solid #0b78be;
	border-right:2px solid transparent
}
.big-map .title:after{
	width:180px;
	height:180px;
	left:-90px;
	top:-35px;
	border:2px solid #474747;
	border-right:2px solid transparent
}
.big-map .subtitle{
	font-size:23px;
	color:#517389;
	line-height:1.6em
}
.big-map .text{
	font-size:16px;
	color:#444;
	line-height:1.6em;
	padding:60px 0 0 40px
}
.big-map a.button{
	margin:50px 0 0 40px;
	padding:0 46px;
	background-color:#d6532b
}
.big-map a.button:hover{
	background-color:#ff6231
}
.big-map .dc-list{
	clear:both;
	text-align:center;
	padding-top:50px
}
.big-map .dc-list a{
	display:inline-block;
	margin:10px;
	border:2px solid #0091d6;
	-webkit-box-shadow:-3px 3px 0 #474747,-7px 7px 0 #0b78be;
	box-shadow:-3px 3px 0 #474747,-7px 7px 0 #0b78be;
	color:#a62600;
	font-weight:bold;
	border-radius:5px;
	padding:10px 20px
}
.big-map .dc-list a:hover{
	background-color:#d6532b;
	color:#fff
}
.big-map .map-area{
	position:absolute;
	width:797px;
	right:0;
	top:0
}
.big-map .map{
	position:absolute;
	right:0;
	top:0;
	width:797px;
	height:440px;
	background-image:url(images/map.png);
	background-size:contain
}
.big-map .map-pin{
	display:block;
	position:absolute;
	width:150px;
	font-size:15px;
	font-weight:bold;
	color:#dd4d00;
	text-shadow:0 0 5px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 5px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 5px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff;
	text-align:center
}
.big-map .map-pin:after{
	position:absolute;
	left:50%;
	-webkit-transform:translate(-50%);
	transform:translate(-50%);
	top:20px;
	display:block;
	content:"";
	background-image:url(images/map-pin.png);
	width:108.33333333px;
	height:66.66666667px;
	background-size:contain
}
.big-map .map-pin.left{
	text-align:right
}
.big-map .map-pin.left:after{
	left:auto;
	right:0;
	top:-15px;
	-webkit-transform:translate(80%);
	transform:translate(80%)
}
.big-map .map-pin.right{
	text-align:left
}
.big-map .map-pin.right:after{
	left:0;
	top:-15px;
	-webkit-transform:translate(-80%);
	transform:translate(-80%)
}
.floating-server-2{
	width:50%;
	float:left;
	padding-bottom:45%;
	margin-top:5%;
	position:relative;
	background-image:url(images/floating-server-2.png);
	background-size:contain
}
.wave-blob{
	background-color:#053c6d;
	position:relative
}
.wave-blob:before{
	position:absolute;
	background-image:url(images/wave-blob-1.png);
	content:"";
	display:block;
	width:100%;
	padding-bottom:4.8%;
	background-size:cover;
	left:0;
	top:0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	pointer-events:none
}
.wave-blob:after{
	position:absolute;
	background-image:url(images/wave-blob-2.png);
	content:"";
	display:block;
	width:100%;
	padding-bottom:9%;
	background-size:75%;
	background-position:-40% 0;
	left:0;
	bottom:0;
	-webkit-transform:translateY(30%);
	transform:translateY(30%);
	pointer-events:none
}
.wave-blob .text-area{
	padding-top:160px;
	padding-bottom:150px;
	float:left;
	width:50%
}
.wave-blob .text-area .title{
	font-size:23px;
	color:#90d4ff
}
.wave-blob .text-area .title strong{
	font-size:34px;
	color:#fff;
	font-weight:bold
}
.wave-blob .text-area .text{
	border-left:10px solid rgba(144,212,255,0.15);
	margin:50px 50px 20px 20px;
	padding:10px 15px 10px 25px;
	font-size:16px;
	color:#fff;
	line-height:1.56em
}
.wave-blob .text-area .buttons{
	padding:30px 0 0 30px
}
.wave-blob .text-area .buttons a.button{
	background-color:#007eff;
	margin:10px 15px;
	padding:0 48px
}
.wave-blob .text-area .buttons a.button:hover{
	background-color:#fff;
	color:#007eff
}
.wave-blob .text-area .buttons a.button+a.button{
	background-color:transparent;
	color:#fff;
	-webkit-box-shadow:inset 0 0 0 2px #fff;
	box-shadow:inset 0 0 0 2px #fff;
	padding:0 62px
}
.wave-blob .text-area .buttons a.button+a.button:hover{
	background-color:#fff;
	color:#007eff
}
#footer{
	background-color:#0a0d12;
	padding-bottom:250px
}
#footer .links{
	padding-top:132px;
	float:left
}
#footer .links ul{
	float:left;
	margin-left:20px;
	margin-right:50px
}
#footer .links ul li{
	line-height:14px;
	padding-top:8px;
	padding-bottom:8px
}
#footer .links ul li a{
	color:#6b9dd1;
	font-size:14px;
	font-weight:500;
	-webkit-transition:all .2s ease;
	transition:all .2s ease
}
#footer .links ul li a:hover{
	color:#fff
}
#footer .links ul li.title{
	font-size:16px;
	font-weight:bold;
	color:#fff;
	line-height:30px;
	margin-bottom:25px
}
#footer .connect{
	float:right
}
#footer .connect .social-area:before,#footer .connect .social-area:after{
	content:" ";
	display:table;
	visibility:hidden
}
#footer .connect .social-area:after{
	clear:both
}
#footer .connect .social{
	float:right
}
#footer .connect .social a{
	margin-top:2px;
	margin-right:2px;
	display:block;
	float:left;
	width:80px;
	height:80px;
	background-color:#15557c;
	background-size:60px;
	color:transparent;
	-webkit-transition:all .2s ease;
	transition:all .2s ease
}
#footer .connect .social a:hover{
	background-color:#2184c1;
	background-size:80px
}
#footer .connect .social a.fb{
	background-image:url(images/social-fb.png)
}
#footer .connect .social a.in{
	background-image:url(images/social-in.png)
}
#footer .connect .social a.ig{
	background-image:url(images/social-ig.png)
}
#footer .connect .social a.tw{
	background-image:url(images/social-tw.png)
}
#footer .connect .social a.tt{
	background-image:url(images/social-tiktok.png)
}
#footer .tagline{
	clear:both;
	font-size:28px;
	color:#fff;
	padding-top:30px;
	padding-left:60px
}
#footer .tagline:after{
	content:"";
	display:inline-block;
	background-image:url(images/curved-arrow.png);
	background-size:contain;
	width:44px;
	height:53px;
	margin-left:20px
}
#footer .line{
	margin-top:25px;
	line-height:40px;
	background-color:#15557c;
	position:relative;
	z-index:3;
	-webkit-box-shadow:200px 0 0 #15557c,400px 0 0 #15557c,600px 0 0 #15557c,800px 0 0 #15557c;
	box-shadow:200px 0 0 #15557c,400px 0 0 #15557c,600px 0 0 #15557c,800px 0 0 #15557c;
	padding-left:20px;
	color:#fff;
	font-size:16px
}
#footer .line:before{
	position:absolute;
	left:-20px;
	top:0;
	content:"";
	display:block;
	border-right:20px solid #15557c;
	border-top:20px solid transparent;
	border-bottom:20px solid transparent;
	-webkit-box-shadow:1px 0 0 #15557c;
	box-shadow:1px 0 0 #15557c
}
#footer .line a{
	color:#fff;
	margin-left:10px;
	margin-right:30px
}
#footer .line a:before{
	display:inline-block;
	content:"";
	width:20px;
	height:20px;
	background-image:url(images/icon-email.png);
	background-size:20px;
	margin-right:5px;
	position:relative;
	top:5px
}
#footer .line a+a:before{
	background-image:url(images/icon-phone.png)
}
#footer .footer-logo{
	position:relative;
	font-size:13px;
	color:#fff
}
#footer .footer-logo:before{
	display:block;
	content:"";
	position:absolute;
	left:-40px;
	top:-180px;
	width:500px;
	height:500px;
	border-radius:100%;
	pointer-events:none;
	background:radial-gradient(circle at center, rgba(0,160,255,0.1), rgba(0,160,255,0) 70%)
}
#footer .footer-logo .circle-animation{
	position:absolute;
	left:75px;
	top:-65px;
	width:269px;
	height:269px
}
#footer .footer-logo img{
	width:377px;
	margin:40px 0 15px 60px
}
#footer .footer-logo .copyright{
	text-align:right
}
@-webkit-keyframes bkgmoveUp240{
	from{
		background-position:0 0
}
	to{
		background-position:-240px -4800px
}
}
@keyframes bkgmoveUp240{
	from{
		background-position:0 0
}
	to{
		background-position:-240px -4800px
}
}
@-webkit-keyframes bkgmoveUp10k{
	from{
		background-position:0 0
}
	to{
		background-position:0 -10000px
}
}
@keyframes bkgmoveUp10k{
	from{
		background-position:0 0
}
	to{
		background-position:0 -10000px
}
}
@-webkit-keyframes moveRight100k{
	from{
		-webkit-transform:translate(-20000px);
		transform:translate(-20000px)
}
	to{
		-webkit-transform:translate(20000px);
		transform:translate(20000px)
}
}
@keyframes moveRight100k{
	from{
		-webkit-transform:translate(-20000px);
		transform:translate(-20000px)
}
	to{
		-webkit-transform:translate(20000px);
		transform:translate(20000px)
}
}
.service-header{
	width:100%;
	min-height:500px;
	text-align:center;
	position:relative;
	overflow:hidden;
	padding:150px 0 100px 0
}
.service-header.vps{
	background-color:#5b7ece
}
.service-header.vps:before{
	position:absolute;
	content:"";
	display:block;
	left:-100%;
	right:-100%;
	bottom:-100%;
	top:-100%;
	-webkit-transform:rotate(-15deg);
	transform:rotate(-15deg);
	background:url(images/background-vps.png) repeat;
	opacity:.1;
	-webkit-animation:bkgmoveUp240 180s linear infinite;
	animation:bkgmoveUp240 180s linear infinite
}
.service-header.vps .title{
	color:#fff
}
.service-header.vps .subtitle{
	color:#fff
}



.service-header.win{
	background-color:#000
}
.service-header.win:before{
	position:absolute;
	content:"";
	display:block;
	left:-100%;
	right:-100%;
	bottom:-100%;
	top:-100%;
	-webkit-transform:rotate(-15deg);
	transform:rotate(-15deg);
	background:url(images/background-windows.png) repeat;
	opacity:.1;
	-webkit-animation:bkgmoveUp240 180s linear infinite;
	animation:bkgmoveUp240 180s linear infinite
}
.service-header.win .title{
	color:#fff
}
.service-header.win .subtitle{
	color:#fff
}


.service-header.trading{
	background-color:#000
}
.service-header.trading:before{
	position:absolute;
	content:"";
	display:block;
	left:-100%;
	right:-100%;
	bottom:-100%;
	top:-100%;
	-webkit-transform:rotate(-15deg);
	transform:rotate(-15deg);
	background:url(images/trading.png) repeat;
	opacity:.1;
	-webkit-animation:bkgmoveUp240 180s linear infinite;
	animation:bkgmoveUp240 180s linear infinite
}
.service-header.trading .title{
	color:#fff
}
.service-header.trading .subtitle{
	color:#fff
}




.service-header.amd{
	background-color:#000 
}
.service-header.amd:before{
	position:absolute;
	content:"";
	display:block;
	left:-100%;
	right:-100%;
	bottom:-100%;
	top:-100%;
	-webkit-transform:rotate(-15deg);
	transform:rotate(-15deg);
	background:url(images/amd-ryzen.png) repeat;
	opacity:.1;
	-webkit-animation:bkgmoveUp240 180s linear infinite;
	animation:bkgmoveUp240 180s linear infinite
}
.service-header.amd .title{
	color:#fff
}
.service-header.amd .subtitle{
	color:#fff
}



.service-header.vps.vps2{
	background-color:#b8dcff
}
.service-header.vps.vps2 .title{
	color:#1f58ff
}
.service-header.vps.vps2 .subtitle{
	color:#001117
}
.service-header.hybrid{
	background:-webkit-gradient(linear, left top, left bottom, from(#167e7e), to(#26cec3));
	background:linear-gradient(to bottom, #167e7e, #26cec3)
}
.service-header.hybrid:before{
	position:absolute;
	content:"";
	display:block;
	left:-100%;
	right:-100%;
	bottom:-100%;
	top:-100%;
	-webkit-transform:rotate(-15deg);
	transform:rotate(-15deg);
	background:url(images/background-hybrid.png) repeat;
	opacity:.2;
	-webkit-animation:bkgmoveUp240 180s linear infinite;
	animation:bkgmoveUp240 180s linear infinite
}
.service-header.hybrid .title{
	color:#fff
}
.service-header.hybrid .subtitle{
	color:#fff
}
.service-header.dedicated{
	background-color:#000
}
.service-header.dedicated:before{
	position:absolute;
	content:"";
	display:block;
	left:0;
	right:0;
	bottom:0;
	top:0;
	background:url(images/background-dedicated.png) repeat;
	background-size:contain;
	opacity:.2;
	-webkit-animation:bkgmoveUp10k 360s linear infinite;
	animation:bkgmoveUp10k 360s linear infinite
}
.service-header.dedicated .title{
	color:#fff;
	text-align:left
}
.service-header.dedicated .subtitle{
	color:#e0a5a5;
	text-align:left;
	margin-left:0
}
.service-header.colocation{
	background-color:#000
}
.service-header.colocation:before{
	position:absolute;
	content:"";
	display:block;
	left:-100%;
	right:-100%;
	bottom:-100%;
	top:-100%;
	-webkit-transform:rotate(-15deg);
	transform:rotate(-15deg);
	background:url(images/background-colocation.png) repeat;
	opacity:.2;
	-webkit-animation:bkgmoveUp240 180s linear infinite;
	animation:bkgmoveUp240 180s linear infinite
}
.service-header.colocation .title{
	color:#fff;
	text-align:left
}
.service-header.colocation .subtitle{
	color:#e1c3e1;
	text-align:left;
	margin-left:0
}
.service-header.webhosting{
	background-color:#000
}
.service-header.webhosting:before{
	position:absolute;
	content:"";
	display:block;
	left:-100%;
	right:-100%;
	bottom:-100%;
	top:-100%;
	-webkit-transform:rotate(-15deg);
	transform:rotate(-15deg);
	background:url(images/background-hosting.png) repeat;
	opacity:.2;
	-webkit-animation:bkgmoveUp240 180s linear infinite;
	animation:bkgmoveUp240 180s linear infinite
}
.service-header.webhosting .title{
	color:#fff;
	text-align:left
}
.service-header.webhosting .subtitle{
	color:#e1cabe;
	text-align:left;
	margin-left:0
}
.service-header.reseller{
	background-color:#000
}
.service-header.reseller:before{
	position:absolute;
	content:"";
	display:block;
	left:0;
	right:0;
	bottom:0;
	top:0;
	background:url(images/background-hosting.png) repeat;
	background-size:contain;
	opacity:.2;
	-webkit-animation:bkgmoveUp10k 360s linear infinite;
	animation:bkgmoveUp10k 360s linear infinite
}
.service-header.reseller .title{
	color:#fff;
	text-align:left
}
.service-header.reseller .subtitle{
	color:#e1cabe;
	text-align:left;
	margin-left:0
}
.service-header.dedicated10gbps{
	background-color:#000
}
.service-header.dedicated10gbps .animation{
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0
}
.service-header.dedicated10gbps .animation div{
	position:absolute;
	width:0;
	height:0
}
.service-header.dedicated10gbps .animation div:before{
	position:absolute;
	left:0;
	top:0;
	content:"";
	display:block;
	background:inherit;
	width:500px;
	height:75px;
	background-size:contain;
	-webkit-animation:moveRight100k 100s linear infinite;
	animation:moveRight100k 100s linear infinite;
	-webkit-animation-delay:inherit;
	animation-delay:inherit;
	opacity:.5
}
.service-header.dedicated10gbps .title{
	color:#fff;
	text-align:left
}
.service-header.dedicated10gbps .subtitle{
	color:#c2e1ff;
	text-align:left;
	margin-left:0
}





.service-header.amd .animation{
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0
}
.service-header.amd .animation div{
	position:absolute;
	width:0;
	height:0
}
.service-header.amd .animation div:before{
	position:absolute;
	left:0;
	top:0;
	content:"";
	display:block;
	background:inherit;
	width:500px;
	height:75px;
	background-size:contain;
	-webkit-animation:moveRight100k 100s linear infinite;
	animation:moveRight100k 100s linear infinite;
	-webkit-animation-delay:inherit;
	animation-delay:inherit;
	opacity:.5
}
.service-header.amd .title{
	color:#fff;
	text-align:left
}
.service-header.amd .subtitle{
	color:#c2e1ff;
	text-align:left;
	margin-left:0
}












.service-header .title{
	font-size:48px;
	font-weight:bold;
	position:relative;
	z-index:2
}
.service-header .subtitle{
	font-size:22px;
	font-weight:300;
	margin:20px auto;
	max-width:900px;
	position:relative;
	z-index:2
}
.service-header .circle-animation{
	left:50%;
	-webkit-transform:translate(-50%) !important;
	transform:translate(-50%) !important
}
.plans-area{
	padding-bottom:100px
}
.plans-area .service-big-icon{
	height:0;
	position:relative
}
.plans-area .service-big-icon img{
	height:120px;
	position:absolute;
	left:50%;
	top:-150px;
	-webkit-transform:translate(-50%);
	transform:translate(-50%)
}
.plans-area.vps{
	background:#1a2545
}
.plans-area.vps .heading{
	color:#fff
}
.plans-area.vps .subheading{
	color:#6799ff
}


.plans-area.win{
	background:#1a2545
}
.plans-area.win .heading{
	color:#fff
}
.plans-area.win .subheading{
	color:#5dbcd2
}

.plans-area.hybrid{
	background:#1a3a45
}
.plans-area.hybrid .heading{
	color:#fff
}
.plans-area.hybrid .subheading{
	color:#6df8ff
}
.plans-area.dedicated{
	background:#451a1a
}
.plans-area.dedicated .heading{
	color:#fff
}
.plans-area.dedicated .subheading{
	color:#ff5f5f
}
.plans-area.dedicated10gbps{
	background:#006b75
}
.plans-area.dedicated10gbps .heading{
	color:#fff
}
.plans-area.dedicated10gbps .subheading{
	color:#00e9ff
}


.plans-area.amd{
	background:#89229c
}
.plans-area.amd .heading{
	color:#fff
}
.plans-area.amd .subheading{
	color:#00e9ff
}




.plans-area.colocation{
	background:#3c233b
}
.plans-area.colocation .heading{
	color:#fff
}
.plans-area.colocation .subheading{
	color:#ff93fb
}
.plans-area.webhosting{
	background:#a93300
}
.plans-area.webhosting .heading{
	color:#fff
}
.plans-area.webhosting .subheading{
	color:#ffa980
}
.plans-area.reseller{
	background:#381100
}
.plans-area.reseller .heading{
	color:#fff
}
.plans-area.reseller .subheading{
	color:#ffa980
}
table.plan-list{
	width:100%;
	border-collapse:collapse
}
table.plan-list tr.bottom td{
	border-radius:0 0 30px 30px;
	padding:10px;
	border-bottom:none
}
table.plan-list th{
	padding:10px;
	font-weight:bold;
	font-size:18px
}
table.plan-list th:first-child{
	border-radius:30px 0 0 0
}
table.plan-list th:last-child{
	border-radius:0 30px 0 0
}
table.plan-list td{
	padding:20px 20px;
	vertical-align:middle;
	text-align:center;
	border-bottom:2px solid;
	border-top:0 solid
}
table.plan-list td:first-child{
	padding-left:40px;
	position:relative
}
table.plan-list td:first-child em{
	font-size:2em;
	vertical-align:middle;
	position:relative;
	top:-4px;
	font-weight:bold;
	margin-right:5px
}
table.plan-list td.price{
	font-size:20px
}
table.plan-list a.order{
	display:inline-block;
	font-weight:bold;
	padding:10px 20px;
	border-radius:5px
}
.server-list table.plan-list{
	color:#1f58ff
}
.server-list table.plan-list tr.bottom td{
	background-color:#1f58ff !important
}
.server-list table.plan-list th{
	background-color:#1f58ff;
	color:#fff
}
.server-list table.plan-list tr:nth-child(odd) td{
	background-color:rgba(102,102,255,0.1)
}
.server-list table.plan-list tr:nth-child(even) td{
	background-color:rgba(0,0,0,0.1)
}
.server-list table.plan-list td{
	background:rgba(255,255,255,0.1);
	color:#fff;
	border-color:#1f58ff
}
.server-list table.plan-list td.price{
	color:#6f6
}
.server-list table.plan-list a.order{
	background-color:#d78c2b;
	color:#fff;
	text-shadow:0 1px 1px #000;
	-webkit-transition:all .2s ease;
	transition:all .2s ease
}
.server-list table.plan-list a.order:hover{
	background-color:#1f58ff
}
.server-list.hybrid table.plan-list{
	border-spacing:0 40px !important;
	border-collapse:separate
}
.server-list.hybrid table.plan-list tr td{
	background-color:rgba(0,0,0,0.3);
	text-align:left;
	padding-left:20px;
	border-width:1px
}
.server-list.hybrid table.plan-list tr td:before{
	content:attr(content);
	font-size:15px;
	font-weight:bold;
	margin:0 auto 10px 0;
	display:block;
	max-width:280px;
	padding:5px 15px 5px 0;
	border-radius:5px
}
.server-list.hybrid table.plan-list tr td:last-child:before{
	display:none
}
.server-list.hybrid table.plan-list tr:first-child,.server-list.hybrid table.plan-list tr.bottom{
	display:none
}
.server-list.hybrid table.plan-list tr{
	-webkit-box-shadow:0 3px 10px rgba(0,0,0,0.5);
	box-shadow:0 3px 10px rgba(0,0,0,0.5)
}
.server-list.hybrid table.plan-list td{
	border-bottom-color:#000;
	border-top-color:#49a5aa
}
.server-list.hybrid table.plan-list td:before{
	color:#6df8ff
}
.server-list.hybrid table.plan-list tr{
	-webkit-box-shadow:0 3px 10px rgba(0,0,0,0.5),0 0 100px -30px #6df8ff;
	box-shadow:0 3px 10px rgba(0,0,0,0.5),0 0 100px -30px #6df8ff;
	background:-webkit-gradient(linear, left top, right top, from(#53bdc2), to(transparent));
	background:linear-gradient(to right, #53bdc2, transparent)
}
.server-list.hybrid table.plan-list td:first-child{
	background-color:#224e53
}
.server-list.hybrid table.plan-list a.order{
	background-color:#d6532b
}
.server-list.hybrid table.plan-list a.order:hover{
	background-color:#25a7bb
}
.server-list.dedicated table.plan-list{
	border-spacing:0 40px !important;
	border-collapse:separate
}
.server-list.dedicated table.plan-list .tag{
	position:absolute;
	left:-10px;
	top:-5px;
	-webkit-transform:rotate(-10deg);
	transform:rotate(-10deg);
	-webkit-transform-origin:50px 10px;
	transform-origin:50px 10px;
	padding:5px 10px;
	background-color:#b64900;
	color:#fff;
	white-space:nowrap;
	font-size:15px
}
.server-list.dedicated table.plan-list .tag.green{
	background-color:#00781e
}
.server-list.dedicated table.plan-list .tag.blue{
	background-color:#00d8ff
}
.server-list.dedicated table.plan-list tr td{
	position:relative;
	background-color:#fff;
	color:#000;
	text-align:left;
	padding-left:20px;
	border-width:1px
}
.server-list.dedicated table.plan-list tr td:before{
	content:attr(content);
	font-size:15px;
	font-weight:bold;
	margin:0 auto 10px 0;
	display:block;
	max-width:280px;
	padding:5px 15px 5px 0;
	border-radius:5px
}
.server-list.dedicated table.plan-list tr td:last-child:before{
	display:none
}
.server-list.dedicated table.plan-list tr:first-child,.server-list.dedicated table.plan-list tr.bottom{
	display:none
}
.server-list.dedicated table.plan-list tr{
	-webkit-box-shadow:0 3px 10px rgba(0,0,0,0.5);
	box-shadow:0 3px 10px rgba(0,0,0,0.5)
}
.server-list.dedicated table.plan-list td{
	border-bottom-color:#000;
	border-top-color:#069
}
.server-list.dedicated table.plan-list td:before{
	color:#069
}
.server-list.dedicated table.plan-list tr{
	-webkit-box-shadow:0 3px 10px rgba(0,0,0,0.5),0 0 100px -30px #6df8ff;
	box-shadow:0 3px 10px rgba(0,0,0,0.5),0 0 100px -30px #6df8ff;
	background:-webkit-gradient(linear, left top, right top, from(#53bdc2), to(transparent));
	background:linear-gradient(to right, #53bdc2, transparent)
}
.server-list.dedicated table.plan-list td:first-child{
	background-color:#046;
	background:-webkit-gradient(linear, left top, right top, from(#08b), to(#046));
	background:linear-gradient(to right, #08b, #046);
	color:#def;
	font-size:18px;
	font-weight:bold
}
.server-list.dedicated table.plan-list td:first-child:before{
	color:#fff
}
.server-list.dedicated table.plan-list a.order{
	background-color:#d62b2b
}
.server-list.dedicated table.plan-list a.order:hover{
	background-color:#25a7bb
}
.half-feature{
	margin-bottom:100px
}
.half-feature .image-area{
	float:left;
	width:50%;
	min-height:1px;
	padding-right:20px;
	-webkit-perspective:700px;
	perspective:700px
}
.half-feature .image-area .image-container{
	width:90%;
	float:left;
	margin-left:11%;
	background-color:#1a2545;
	-webkit-transform:rotateY(20deg);
	transform:rotateY(20deg);
	-webkit-transform-origin:100% 0;
	transform-origin:100% 0;
	border-radius:0 0 30px 30px
}
.half-feature .image-area img{
	width:90%;
	image-rendering:optimizeQuality;
	margin:0 20px
}
.half-feature .text-area{
	float:left;
	width:50%;
	padding:50px 40px
}
.half-feature .title{
	font-size:36px;
	font-weight:bold;
	color:#000
}
.half-feature .text{
	font-size:22px;
	margin-top:30px;
	font-weight:300
}
.half-feature .text strong{
	display:block;
	color:#d30
}
.faq-area{
	padding-bottom:200px
}
.faq-area .body{
	max-width:900px;
	margin:auto;
	padding:0 20px
}
.faq-area em{
	font-size:22px;
	font-weight:bold;
	color:#1f58ff;
	padding:20px 0 0;
	display:block
}
.faq-area p{
	color:#000;
	padding:10px 20px;
	font-size:16px;
	line-height:1.5em
}
.dual-feature{
	background:-webkit-gradient(linear, left top, right top, from(#000), to(#00222f));
	background:linear-gradient(to right, #000, #00222f);
	margin-bottom:60px
}
.dual-feature .bigtitle-area .title{
	font-family:'Inconsolata',monospace;
	font-size:48px;
	color:#fff;
	padding:20px 0
}
.dual-feature .content-area{
	background:#eee
}
.dual-feature .content-area .feature{
	float:left;
	width:50%;
	padding:2% 1% 5%;
	color:#004575;
	font-size:22px;
	line-height:1.6em
}
.dual-feature .content-area .feature b{
	-webkit-box-shadow:inset 0 -3px 0 #49b9ff;
	box-shadow:inset 0 -3px 0 #49b9ff
}
.dual-feature .content-area .feature+.feature{
	color:#005627
}
.dual-feature .content-area .feature+.feature b{
	-webkit-box-shadow:inset 0 -3px 0 #40cb87;
	box-shadow:inset 0 -3px 0 #40cb87
}
.dual-feature .content-area .tag{
	border-radius:10px;
	margin:10px 0 20px;
	background-color:#00212d;
	position:relative;
	left:-20px;
	padding:5px 10px;
	color:#fff;
	font-family:'Inconsolata',monospace
}
.dual-feature .content-area .tag span{
	-webkit-animation:blink-caret 1s step-end infinite -1s;
	animation:blink-caret 1s step-end infinite -1s;
	border-right:.5em solid transparent;
	padding-right:5px
}
.dual-feature .content-area .tag em{
	color:#49b9ff
}
.dual-feature .content-area .feature+.feature .tag em{
	color:#51ffaa
}
.dedicated-features{
	max-width:1200px;
	margin:0 auto
}
.dedicated-features:before,.dedicated-features:after{
	content:" ";
	display:table;
	visibility:hidden
}
.dedicated-features:after{
	clear:both
}
.dedicated-features .feature{
	width:30%;
	min-height:28em;
	margin-top:30px;
	float:left;
	background:rgba(0,0,0,0.22);
	padding:90px 30px 40px;
	text-align:center
}
.dedicated-features .feature:nth-child(2){
	width:40%;
	background:rgba(0,0,0,0.44);
	min-height:34em;
	margin-top:0;
	-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.5);
	box-shadow:0 5px 20px rgba(0,0,0,0.5)
}
.dedicated-features .title{
	color:#fff;
	font-size:24px;
	font-weight:bold
}
.dedicated-features .text{
	margin:30px 0;
	color:#e0a5a5;
	font-size:18px
}
.dedicated-features .text.cyan{
	color:#c2e1ff
}
.dedicated-features .smalltext{
	margin:20px 0;
	color:#bbb
}
.dedicated-features .feature.connectivity{
	position:relative
}
.dedicated-features .feature.connectivity:before{
	position:absolute;
	left:50%;
	top:0;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	content:"";
	display:block;
	width:188px;
	height:119px;
	background-image:url(images/icon-connectivity.png);
	background-size:contain
}
.dedicated-features .feature.asia{
	position:relative;
	padding-top:175px
}
.dedicated-features .feature.asia:before{
	position:absolute;
	left:50%;
	top:0;
	-webkit-transform:translate(-50%, 20%);
	transform:translate(-50%, 20%);
	content:"";
	display:block;
	width:323.33333333px;
	height:118.18181818px;
	background-image:url(images/icon-asia.png);
	background-size:contain
}

.dedicated-features .feature.europe{
	position:relative;
	padding-top:175px
}
.dedicated-features .feature.europe:before{
	position:absolute;
	left:50%;
	top:0;
	-webkit-transform:translate(-50%, 20%);
	transform:translate(-50%, 20%);
	content:"";
	display:block;
	width:323.33333333px;
	height:118.18181818px;
	background-image:url(images/icon-europe.png);
	background-size:contain
}

.dedicated-features .feature.seo{
	position:relative;
	padding-top:175px
}
.dedicated-features .feature.seo:before{
	position:absolute;
	left:50%;
	top:0;
	-webkit-transform:translate(-50%, 20%);
	transform:translate(-50%, 20%);
	content:"";
	display:block;
	width:323.33333333px;
	height:118.18181818px;
	background-image:url(images/seo.png);
	background-size:contain
}



.dedicated-features .feature.amd{
	position:relative;
	padding-top:175px
}
.dedicated-features .feature.amd:before{
	position:absolute;
	left:50%;
	top:0;
	-webkit-transform:translate(-50%, 20%);
	transform:translate(-50%, 20%);
	content:"";
	display:block;
	width:323.33333333px;
	height:118.18181818px;
	background-image:url(images/icon-amd.png);
	background-size:contain
}




.dedicated-features .feature.unmetered{
	position:relative;
	padding-top:175px
}
.dedicated-features .feature.unmetered:before{
	position:absolute;
	left:50%;
	top:0;
	-webkit-transform:translate(-50%, 20%);
	transform:translate(-50%, 20%);
	content:"";
	display:block;
	width:323.33333333px;
	height:118.18181818px;
	background-image:url(images/icon-10gbps.png);
	background-size:contain
}
.dedicated-features .feature.os{
	position:relative
}
.dedicated-features .feature.os:before{
	position:absolute;
	left:50%;
	top:0;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	content:"";
	display:block;
	width:165.75px;
	height:119.25px;
	background-image:url(images/icon-os-options.png);
	background-size:contain
}
.dedicated-features ul{
	text-align:left;
	margin-left:10px
}
.dedicated-features ul li{
	font-size:18px;
	color:#fff;
	margin:10px;
	line-height:1.4em
}
.dedicated-features ul li:before{
	content:"";
	display:inline-block;
	margin-right:15px;
	position:relative;
	top:-0.3em;
	width:.5em;
	height:.8em;
	-webkit-transform:rotate(40deg);
	transform:rotate(40deg);
	-webkit-box-shadow:3px 3px 0 #0f0;
	box-shadow:3px 3px 0 #0f0
}
.dedicated-plans-area{
	background:#eee;
	padding:100px 0
}
.dedicated-plans-area .heading{
	margin-top:0
}
.box-listing .box{
	width:30%;
	margin:20px 1.66%;
	float:left;
	background-color:#fff;
	border-radius:10px;
	padding:0 20px 20px 20px;
	text-align:center
}
.box-listing .box .title{
	font-weight:bold;
	font-size:22px;
	color:#000
}
.box-listing .box .title small{
	display:block;
	font-size:16px
}
.box-listing .box .subtitle{
	font-size:16px;
	color:#444;
	margin:20px 0 0;
	min-height:3em
}
.box-listing .box ul{
	text-align:left;
	margin:0 10px
}
.box-listing .box ul li{
	padding:10px 20px 10px 50px;
	background-color:#f3f3f3;
	color:#000;
	border-bottom:1px solid #ccc;
	position:relative
}
.box-listing .box ul li:before{
	content:"";
	display:block;
	position:absolute;
	left:20px;
	top:13px;
	width:14px;
	height:2px
}
.box-listing .box a.button{
	margin:25px 15px 10px;
	padding:0 48px
}
.box-listing .box.colo img{
	height:220px;
	margin:20px auto
}
.box-listing .box.colo ul li:before{
	background-color:#de00c9;
	-webkit-box-shadow:0 4px 0 #de00c9,0 8px 0 #de00c9;
	box-shadow:0 4px 0 #de00c9,0 8px 0 #de00c9
}
.box-listing .box.colo a.button{
	background-color:#89378c
}
.box-listing .box.colo a.button:hover{
	background-color:#fff;
	color:#89378c;
	-webkit-box-shadow:inset 0 0 0 2px #89378c;
	box-shadow:inset 0 0 0 2px #89378c
}
.box-listing .box.shared img{
	height:80px;
	margin:20px auto
}
.box-listing .box.shared ul li:before{
	background-color:#ff4d00;
	-webkit-box-shadow:0 4px 0 #ff4d00,0 8px 0 #ff4d00;
	box-shadow:0 4px 0 #ff4d00,0 8px 0 #ff4d00
}
.box-listing .box.shared a.button{
	background-color:#a93300
}
.box-listing .box.shared a.button:hover{
	background-color:#fff;
	color:#a93300;
	-webkit-box-shadow:inset 0 0 0 2px #a93300;
	box-shadow:inset 0 0 0 2px #a93300
}
.infopage-header{
	width:100%;
	text-align:center;
	position:relative;
	overflow:hidden;
	padding:70px 0 70px 0;
	background-color:#fff
}
.infopage-header .title{
	font-size:48px;
	font-weight:bold;
	position:relative;
	z-index:2;
	color:#000
}
.infopage-header .subtitle{
	font-size:22px;
	font-weight:300;
	margin:20px auto;
	max-width:1400px;
	position:relative;
	z-index:2;
	color:#000
}
.infopage-header.affiliate{
	background-color:#003656;
	background:-webkit-gradient(linear, left top, left bottom, from(#001a29), to(#003656));
	background:linear-gradient(to bottom, #001a29, #003656)
}
.infopage-header.affiliate .title{
	color:#fff
}
.infopage-header.affiliate .subtitle{
	color:#fff
}
.infopage-header.about{
	background-color:#044b25;
	background:-webkit-gradient(linear, left top, left bottom, from(#022512), to(#044b25));
	background:linear-gradient(to bottom, #022512, #044b25)
}
.infopage-header.about .title{
	color:#fff
}
.infopage-header.about .subtitle{
	color:#fff
}
.infopage-header.datacenter{
	background-color:#000;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#000), to(#333));
	background-image:linear-gradient(to bottom, #000, #333);
	background-size:cover;
	background-position:center center
}
.infopage-header.datacenter .title{
	color:#fff
}
.infopage-header.datacenter .subtitle{
	color:#fff
}
.infopage-header .dc-image{
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	opacity:.2
}
.emphasized-info{
	position:relative;
	background-color:#053c6d;
	text-align:center;
	padding:80px 0 60px
}
.emphasized-info:before{
	position:absolute;
	content:"";
	display:block;
	width:0;
	height:0;
	left:50%;
	top:0;
	-webkit-transform:translate(-50%);
	transform:translate(-50%);
	border-top:30px solid #fff;
	border-right:60px solid transparent;
	border-left:60px solid transparent
}
.emphasized-info .title{
	font-size:23px;
	color:#90d4ff
}
.emphasized-info .title strong{
	font-size:34px;
	color:#fff;
	font-weight:bold
}
.emphasized-info .text{
	margin:20px auto 20px auto;
	padding:10px 15px 10px 15px;
	font-size:16px;
	color:#fff;
	line-height:1.56em
}
.emphasized-info .buttons{
	padding:20px 0
}
.emphasized-info .buttons a.button{
	background-color:#007eff;
	margin:10px 15px;
	padding:0 48px
}
.emphasized-info .buttons a.button:hover{
	background-color:#fff;
	color:#007eff
}
.emphasized-info .buttons a.button+a.button{
	background-color:transparent;
	color:#fff;
	-webkit-box-shadow:inset 0 0 0 2px #fff;
	box-shadow:inset 0 0 0 2px #fff;
	padding:0 62px
}
.emphasized-info .buttons a.button+a.button:hover{
	background-color:#fff;
	color:#007eff
}
.info-area{
	font-size:16px;
	padding:50px 0;
	position:relative
}
.info-area .bigtext{
	font-size:18px
}
.icon-infoarea{
	position:absolute;
	left:50%;
	top:0;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	height:120px
}
.icon-infoarea img{
	height:100%
}
.affiliate-box{
	width:45%;
	margin:10px 2%;
	max-width:500px;
	display:inline-block;
	vertical-align:top;
	border:2px solid #ccc;
	border-radius:20px;
	padding:30px;
	color:#000;
	font-weight:bold
}
.affiliate-box ul{
	margin:50px 0 20px
}
.affiliate-box ul li{
	padding:10px 20px;
	border-bottom:1px solid #999;
	color:#007eff
}


.location-box{
	text-align: center;
	vertical-align: middle;
	width:25%;
	margin:20px 2%;
	max-width:500px;
	display:inline-block;
	vertical-align:top;
	border:0px solid #ccc;
	border-radius:1px;
	padding:20px;
	color:#000;
	box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}




.location-box ul{
	margin:50px 0 20px
}
.location-box ul li{
	padding:10px 20px;
	border-bottom:1px solid #999;
	color:#007eff
}

@media screen and (max-width: 600px) {
  .location-box {
    width: 100%;
  }
}


input.MyButton1 {
width: 100%;
max-width: 100%;
padding: 15px;
cursor: pointer;
font-weight: bold;
font-size: auto;
color: #fff;
border: 0px solid #3366cc;
border-radius: 20px;
background-image: linear-gradient(to left, #2F80ED, #2F80ED);
transition-duration: 0.4s;

}

input.MyButton1:hover {
color: #ffffff;
background-image: linear-gradient(to left, #2F80ED, #2F80ED);
border: 0px solid #fff;
box-shadow: 0 4px 15px 0 rgba(0, 133, 255, 1.3);
}



.text-page{
	max-width:1000px;
	margin:50px auto;
	padding:10px 15px;
	color:#333
}
.text-page strong{
	color:#000
}
.text-page h2{
	font-size:24px
}
.dc-page{
	background-color:#000
}
.dc-page .infobox{
	float:left;
	width:25%;
	background-color:#3392cb;
	padding:30px 40px;
	font-size:15px;
	color:#fff
}
.dc-page .infobox .title{
	font-size:24px;
	font-weight:bold;
	margin-bottom:20px
}
.dc-page .specbox{
	float:left;
	width:75%;
	padding-left:5%
}
.dc-page .specbox ul li{
	max-width:300px;
	width:100%;
	float:left;
	margin:15px 10px;
	font-size:22px;
	font-weight:300;
	color:#fff
}
.dc-page .specbox ul li small{
	font-size:16px;
	color:#41b6ff;
	display:block
}
.info-text{
	padding:70px 0;
	text-align:center
}
.mapouter{
	position:relative;
	text-align:right;
	height:500px;
	max-width:600px;
	width:100%;
	margin:50px auto
}
.gmap_canvas{
	overflow:hidden;
	background:none !important;
	height:500px;
	max-width:600px;
	width:100%
}
h1{
	margin:40px 0;
	font-size:28px;
	color:#000;
	font-weight:bold
}
h2{
	margin:30px 0;
	font-size:24px;
	color:#000;
	font-weight:bold
}
p{
	margin:20px 0
}
.body{
	margin-right:20px;
	margin-left:20px;
	width:auto;
	min-width:320px
}
@media all and (min-width:1500px){
	body{
		min-width:1460px
}
	.body{
		width:1460px;
		margin-right:auto;
		margin-left:auto
}
}
@media only screen and (max-width:1650px){
	.big-map .text-area{
		width:40%
}
	.big-map .map-area{
		right:50px;
		-webkit-transform:scale(.9);
		transform:scale(.9)
}
}
@media only screen and (max-width:1500px){
	#footer .links ul{
		margin-left:10px;
		margin-right:20px
}
	.dc-page .infobox{
		width:35%
}
	.dc-page .specbox{
		width:65%
}
	.dc-page .specbox ul li{
		max-width:250px
}
}
@media only screen and (max-width:1280px){
	#menu>ul>li{
		margin-left:0
}
	#menu>ul>li>a{
		padding-left:12px;
		padding-right:12px
}
	.topbar .topmenu a.myaccount{
		margin-left:10px
}
	.big-services .title{
		font-size:22px
}
	.big-services .price{
		-webkit-transform:translate(16px);
		transform:translate(16px)
}
	.big-services ul{
		padding-left:30px
}
	.big-services ul li{
		font-size:15px
}
	.big-map{
		padding-bottom:100px
}
	.big-map .text-area{
		width:auto;
		max-width:600px;
		margin:0 auto;
		float:none;
		padding-top:500px
}
	.big-map .map-area{
		right:auto;
		left:50%;
		-webkit-transform:translate(-50%) scale(.9);
		transform:translate(-50%) scale(.9)
}
	.wave-blob .text-area{
		padding-top:60px;
		padding-bottom:50px
}
	#footer .links{
		width:450px
}
	#footer .links ul{
		width:50%;
		margin:0 0 30px 0
}
	#footer .links ul:nth-child(odd){
		clear:left
}
}
@media only screen and (max-width:1240px){
	#page{
		margin-top:170px
}
	#header{
		height:170px
}
	#header.scrolled{
		height:117px
}
	.topbar{
		height:80px;
		background:#003656
}
	.topbar .topmenu{
		clear:both
}
}
@media only screen and (max-width:1080px){
	a.logo{
		width:170px;
		margin-top:35px
}
	.topmenu.social-icons a{
		width:22px;
		height:22px;
		margin-right:4px;
		margin-top:2px;
		background-size:22px
}
	#hero-area .title{
		font-size:48px
}
	#hero-area .subtitle{
		font-size:32px
}
	.hero .text{
		font-size:18px
}
	.big-services{
		background:none
}
	.big-services .contentbox{
		max-width:720px
}
	.big-services .service{
		width:50%
}
	.big-services .service:nth-child(odd){
		clear:left
}
	table.plan-list{
		display:block
}
	table.plan-list thead,table.plan-list tbody,table.plan-list tr,table.plan-list td{
		display:block
}
	table.plan-list tr{
		width:48%;
		float:left;
		border-radius:15px;
		margin:20px 1%;
		border-top:10px solid currentColor
}
	table.plan-list tr:nth-child(even){
		clear:left
}
	table.plan-list tr:first-child{
		display:none
}
	table.plan-list td:first-child{
		padding:10px
}
	table.plan-list td{
		border-bottom-width:1px;
		padding:5px 5px 10px 5px;
		text-align:center
}
	table.plan-list td:before{
		content:attr(content);
		font-size:15px;
		font-weight:bold;
		margin:0 auto 10px;
		display:block;
		max-width:280px;
		padding:5px 15px;
		border-radius:5px
}
	table.plan-list td:last-child:before{
		display:none
}
	table.plan-list tr.bottom{
		display:none !important
}
	table.plan-list td:last-child{
		border-bottom-width:3px;
		border-radius:0 0 15px 15px
}
	table.plan-list tr:nth-child(odd) td{
		background-color:transparent !important
}
	table.plan-list tr:nth-child(even) td{
		background-color:transparent !important
}
	.server-list table.plan-list tr{
		border-left:2px solid #1f58ff;
		border-right:2px solid #1f58ff
}
	.server-list table.plan-list tr:nth-child(odd){
		background-color:rgba(102,102,255,0.1)
}
	.server-list table.plan-list tr:nth-child(even){
		background-color:rgba(0,0,0,0.1)
}
	.server-list table.plan-list td:before{
		color:#527eff
}
	.server-list table.plan-list td{
		border-bottom-color:#00081f
}
	.server-list.hybrid table.plan-list td{
		text-align:center
}
	.server-list.hybrid table.plan-list tr{
		border-left:2px solid #49a5aa;
		border-right:2px solid #49a5aa;
		border-top-color:#6df8ff;
		background:#224e53
}
	.server-list.hybrid table.plan-list tr:nth-child(odd){
		background-color:rgba(73,165,170,0.1)
}
	.server-list.hybrid table.plan-list tr:nth-child(even){
		background-color:rgba(0,0,0,0.1)
}
	.server-list.hybrid table.plan-list td:before{
		color:#68babe
}
	.server-list.hybrid table.plan-list td{
		border-bottom-color:#000
}
	.server-list.hybrid table.plan-list td:first-child{
		border-top:none;
		padding-top:30px
}
	.server-list.dedicated table.plan-list td{
		text-align:center
}
	.server-list.dedicated table.plan-list tr{
		border-left:2px solid #0084b6;
		border-right:2px solid #0084b6;
		border-top-color:#0084b6;
		background:#224e53
}
	.server-list.dedicated table.plan-list tr:nth-child(odd){
		background-color:#fff
}
	.server-list.dedicated table.plan-list tr:nth-child(even){
		background-color:#fff
}
	.server-list.dedicated table.plan-list td:before{
		color:#069
}
	.server-list.dedicated table.plan-list td{
		color:#000;
		border-bottom-color:#d2ecff;
		border-top:none
}
	.server-list.dedicated table.plan-list td:first-child{
		border-top:none;
		padding-top:30px
}
	.half-feature{
		margin-bottom:0
}
	.half-feature .image-area{
		float:none;
		margin:auto;
		min-width:340px
}
	.half-feature .text-area{
		float:none;
		clear:both;
		width:100%;
		padding-top:100px;
		text-align:center
}
	.half-feature .title{
		font-size:24px
}
	.half-feature .text{
		font-size:18px
}
	.faq-area{
		padding-bottom:100px
}
}
@media only screen and (max-width:970px){
	.topbar .promoline{
		padding-left:30px;
		white-space:nowrap;
		float:none;
		overflow:auto
}
	body.noscroll{
		overflow:hidden
}
	#header,#header.scrolled{
		height:85px;
		-webkit-transition:none;
		transition:none
}
	#header a.logo,#header.scrolled a.logo{
		margin-top:11px;
		width:170px
}
	#header #menubutton,#header.scrolled #menubutton{
		margin-top:0;
		display:block
}
	#header .topbar{
		height:40px
}
	#header .topbar .topmenu{
		display:none
}
	#page{
		margin-top:85px
}
	body{
		-webkit-text-size-adjust:none
}
	.responsive{
		display:block
}
	#menu{
		clear:both;
		float:right;
		position:absolute;
		right:0;
		top:50px;
		display:none;
		z-index:20000
}
	#menu-area{
		width:100%;
		max-width:480px;
		overflow:hidden;
		-webkit-transition:all .2s ease;
		transition:all .2s ease;
		position:fixed;
		right:-400px;
		top:0;
		bottom:0;
		background:rgba(0,0,0,0.9);
		display:none
}
	#menu-area.visible{
		right:0;
		display:block
}
	#menu{
		display:block;
		width:100%;
		overflow-y:scroll;
		overflow-x:hidden;
		right:0;
		left:0;
		top:50px;
		bottom:0
}
	#menu>ul{
		width:100%;
		padding:10px 10px 20px;
		font-weight:300
}
	#menu>ul>li.mobilemenu{
		display:block
}
	#menu>ul>li{
		clear:both;
		float:none;
		margin:0
}
	#menu>ul>li>a{
		padding-left:20px;
		margin:0;
		position:relative;
		color:#fff;
		line-height:37px;
		border-top:1px dotted rgba(255,255,255,0.2)
}
	#menu>ul>li>a:hover{
		color:#159fda;
		background:transparent
}
	#menu>ul>li:hover>a{
		background:transparent
}
	#menu>ul>li.dropdown:after,#menu>ul>li.dropdown:hover:after,#menu>ul>li.dropdown:before,#menu>ul>li.dropdown:hover:before{
		display:none
}
	#menu>ul>li.dropdown>a:after{
		display:none
}
	#menu>ul>li.dropdown>div{
		visibility:visible;
		float:none;
		display:block;
		opacity:1;
		width:auto;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		background:transparent;
		position:relative;
		top:0 !important;
		right:0;
		left:0;
		-webkit-transform:none;
		transform:none;
		padding:0;
		-webkit-box-shadow:none;
		box-shadow:none;
		border-top:none
}
	#menu>ul>li.dropdown>div ul{
		float:none;
		width:100%;
		border:none;
		padding-bottom:10px
}
	#menu>ul>li.dropdown>div ul>li>a{
		padding:5px 20px 5px 50px;
		line-height:30px;
		font-size:13px;
		background:transparent;
		text-align:left
}
	#menu>ul>li.dropdown>div ul>li>a:hover{
		background:transparent;
		color:#159fda
}
	#menu .topmenu{
		padding-bottom:50px
}
	#menu .topmenu a{
		display:block;
		padding:20px 20px;
		color:#999
}
	#menu .topmenu a.myaccount{
		background-color:#15557c;
		color:#fff
}
	.big-features .feature{
		width:100%;
		margin:auto;
		float:none
}
	.floating-server-2{
		float:none;
		padding-bottom:40%;
		margin:0 auto
}
	.wave-blob .text-area{
		width:100%;
		padding-top:0;
		float:none
}
	#footer .links{
		width:auto;
		float:none
}
	.dc-page .infobox{
		width:100%
}
	.dc-page .specbox{
		width:100%
}
	.dc-page .specbox ul li{
		max-width:260px
}
}
@media only screen and (max-width:880px){
	#hero-area .title{
		font-size:36px
}
	#hero-area .subtitle{
		font-size:28px
}
	.hero .text{
		font-size:18px
}
	.hero .price{
		margin-left:20px
}
	.floating-server{
		right:auto;
		left:20%;
		opacity:.5;
		mix-blend-mode:hard-light;
		-webkit-animation:none;
		animation:none
}
	.wave-animation>div{
		-webkit-animation:none !important;
		animation:none !important;
		background-position:0 100%,0 100%,0 100% !important;
		-webkit-transform:scale(1, .75);
		transform:scale(1, .75);
		z-index:1
}
	.small-features .feature{
		width:50%
}
	.small-features .feature:nth-child(odd){
		clear:left
}
	.big-map .text-area{
		padding-top:330px
}
	.big-map .map-area{
		right:auto;
		left:50%;
		-webkit-transform:translate(-50%) scale(.6);
		transform:translate(-50%) scale(.6)
}
	.big-map .map-pin{
		font-size:26px;
		font-weight:normal
}
	.service-header{
		min-height:300px;
		padding:70px 0 150px 0
}
	.service-header .title{
		font-size:36px
}
	.service-header .subtitle{
		font-size:20px
}
	.plans-area .heading{
		font-size:24px
}
	.dedicated-features{
		padding-top:50px
}
	.dual-feature .bigtitle-area .title{
		font-size:32px
}
	.dual-feature .content-area .feature{
		width:100%
}
	.box-listing .box{
		width:100%;
		margin:20px 0
}
}
@media only screen and (max-width:720px){
	.wave-blob .text-area .buttons{
		padding-left:0
}
	.wave-blob .text-area .buttons a.button{
		padding:0 30px
}
	.dedicated-features .feature,.dedicated-features .feature:nth-child(2){
		width:100%;
		min-height:auto;
		margin:20px 0
}
}
@media only screen and (max-width:640px){
	#hero-area{
		padding-top:40px
}
	#hero-area .title{
		min-height:3em
}
	.hero .text{
		font-size:18px;
		height:8em
}
	.hero a.bigbutton{
		margin:30px auto 10px;
		display:block;
		max-width:340px
}
	.hero .price{
		display:block
}
	.hero .price span{
		-webkit-animation:none;
		animation:none
}
	#hero-dots{
		padding-left:0;
		text-align:center
}
	#hero-dots a{
		display:inline-block;
		width:32px;
		height:32px;
		margin:0 5px
}
	.floating-server{
		right:auto;
		left:20%;
		opacity:.5;
		mix-blend-mode:hard-light;
		width:300px
}
	#hero-area .title strong{
		-webkit-animation:none;
		animation:none;
		white-space:normal;
		border-right:none
}
}
@media only screen and (max-width:600px){
	.big-map .text-area{
		padding-top:250px
}
	.big-map .map-area{
		-webkit-transform:translate(-53%) scale(.36);
		transform:translate(-53%) scale(.36)
}
	.big-map .map-pin{
		font-size:36px;
		font-weight:normal
}
	.big-map .map-pin:after{
		opacity:0
}
	.big-map .title{
		font-size:24px;
		padding-top:20px
}
	.big-map .subtitle{
		font-size:18px
}
	.big-map .text{
		padding-left:20px
}
	.hero a.bigbutton{
		display:block;
		padding:0
}
	.affiliate-box{
		width:95%
}
}
@media only screen and (max-width:540px){
	.big-services .contentbox{
		max-width:360px
}
	.big-services .service{
		width:100%
}
	.big-services .price{
		-webkit-transform:translate(0, 15px);
		transform:translate(0, 15px)
}
	.big-features{
		padding:20px 0
}
	.big-features .feature{
		padding:42px 20px 0 50px;
		min-height:220px
}
	.big-features .feature .title{
		margin-bottom:0;
		font-size:22px;
		height:4em
}
	.big-features .feature:before{
		width:116.5px;
		height:116.5px;
		background-size:auto 116.5px
}
	.wave-blob .text-area .text{
		margin-left:0;
		margin-right:0
}
	.wave-blob .text-area .buttons{
		padding-left:0
}
	.wave-blob .text-area .buttons a.button{
		padding:0 30px;
		margin:10px auto;
		width:100%;
		display:block
}
	#footer .footer-logo .circle-animation{
		width:220px;
		height:220px
}
	#footer .footer-logo:before{
		display:none
}
	#footer .footer-logo img{
		width:320px
}
	#footer .links ul li{
		padding-right:10px
}
	#footer .line a{
		display:block;
		padding-left:40px
}
	#footer .tagline{
		font-size:22px
}
	#footer .tagline:after{
		width:33px;
		height:42px
}
}
@media only screen and (max-width:319px){
	a.logo{
		margin-left:10px
}
}


* {
  box-sizing: border-box;
}

.column {
  float: left;
  max-width: 33.33%;
  max-height: 500px;
  width: auto;
  height: auto;
  padding: 5px;
}

/* Clearfix (clear floats) */
.row::after {
  content: "";
  clear: both;
  display: table;
}




a.thumb1 {
    position: relative;
    float: none;
    margin: 20px 10px 10px 660px;
    display: block;
    width: 75px;
}





/* Style the buttons */
.btn {

  display:inline-block;
  background-color:black;
  color:#fff;
  font-size:17px;
  font-weight:bold;
  text-align:center;
  text-shadow:0 1px 1px rgba(0,0,0,0.3);
  line-height:48px;
  padding:0 42px;
  border:none;
  border-radius:5px;
  cursor:pointer;

}

/* Style the active class (and buttons on mouse-over) */
.active, .btn:hover {
  display:inline-block;
  background-color:#159FDA;
  color:#fff;
  font-size:17px;
  font-weight:bold;
  text-align:center;
  text-shadow:0 1px 1px rgba(0,0,0,0.3);
  line-height:48px;
  padding:0 42px;
  border:none;
  border-radius:5px;
  cursor:pointer;
  
}





section {
  background-color: #EDEDEC;
  width: 100%;
}



.navnewtag{
   display: inline-block;
   width:   100px;
   height:  100px;
   background-image: url("navnew.png");
}

.button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 10px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 10px 3px;
  border-radius: 10px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.button2 {
  background-color: white; 
  color: black; 
  border: 1px solid #008CBA;
  text-decoration: none;
}

.button2:hover {
  background-color: #008CBA;
  color: white;
  text-decoration: none;
  background-image: linear-gradient(to left, #2F80ED, #2F80ED);
  box-shadow: 0 4px 15px 0 rgba(0, 133, 255, 0.65);
}


.button88 {
  background-color: #FF4B2B;
  color: white;
  text-decoration: none;
  border-radius: 20px;
  background-image: linear-gradient(to left, #ff0000, #ff0000);
}




/* header popup style */
.perheader-popup {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    background: #db00e2;
    text-align: center;
    padding: 8px 15px 6px 15px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20001;
}

/* Update header position */
#header {
    position: fixed;
    left: 0;
    top: 44px; /* Add space for popup */
    width: 100%;
    height: 130px;
    background: #000;
    z-index: 20000;
}

/* Update page margin */
#page {
    margin-top: 162px; /* 130px + 32px */
}

/* iOS support */
@supports (-webkit-touch-callout: none) {
    .perheader-popup {
        padding-top: 15px; /* Reduced from 30px */
    }
    
    #header {
        top: 75px; /* Reduced from 90px */
    }
    
    #page {
        margin-top: 180px; /* Reduced from 200px */
    }
}

/* Main responsive styles */
@media only screen and (max-width: 768px) {
    .perheader-popup {
        flex-direction: column;
        gap: 9px;
        padding: 10px 15px 8px 15px;
        height: auto;
        padding-top: 15px; /* Reduced from 30px */
    }
    
    #header {
        top: 75px; /* Reduced from 90px */
    }
    
    #page {
        margin-top: 180px; /* Reduced from 200px */
    }
}

/* Small screens */
@media only screen and (max-width: 480px) {
    .perheader-popup {
        padding: 8px 10px 6px 10px;
        top: 0;
        padding-top: 15px; /* Reduced from 30px */
    }
    
    #header {
        top: 75px; /* Reduced from 90px */
    }
    
    #page {
        margin-top: 180px; /* Reduced from 200px */
    }
}

/* Rest of your CSS stays exactly the same */
.perheader-popup h6 {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    letter-spacing: 1px;
}

.perheader-popup a {
    display: block;
    padding: 8px 12px 6px 12px;
    background: #589afb;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    transition: all 0.2s ease-in-out;
}

.perheader-popup a:hover {
    background: #2a80ff;
}

/* Mobile popup styles */
@media only screen and (max-width: 768px) {
    .perheader-popup {
        flex-direction: column;
        gap: 9px;
        padding: 10px 15px 8px 15px;
        top: 0;
        padding-top: 15px;
    }
    
    .perheader-popup h6 {    
        font-size: 13px;        
    }
    
    .perheader-popup a {
        display: block;
        padding: 7px 12px;    
        font-size: 13px;
    }
}
/* Safari-specific fix */
@supports (-webkit-touch-callout: none) and (not (-webkit-appearance: none)) {
    #header {
        margin-bottom: -1px; 
        border-bottom: 1px solid #000;
    }
    
    #header, .perheader-popup {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}