@import 'https://fonts.googleapis.com/css?family=Titillium+Web:200,300,400,600,700';

@import 'https://fonts.googleapis.com/css?family=Roboto:300,400,700';

@import 'https://fonts.googleapis.com/css?family=Raleway:400,700';

@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600';

.main-content {
	margin-bottom: 60px;
	min-height: 0
}

.non-index-section {
	padding: 0 0 100px!important;
	background: #fff
}

.panel-sidebar>.panel-heading {
	color: #333;
	background-color: transparent;
	border-bottom: 0
}

.panel-sidebar>.panel-heading {
	background-color: transparent;
	color: #756de7;
	border-color: #e6e5f1
}

.panel-sidebar>.panel-footer {
	color: #333;
	background-color: transparent;
	border-top: 0 solid transparent
}

.panel-body {
	padding: 20px;
	color: #555
}

.panel {
	border-radius: 3px
}

.panel-sidebar {
	box-shadow: 0 2px 4px rgba(0,0,0,.1);
	border-color: transparent
}

.panel-sidebar>.panel-heading {
	color: #555;
	border-color: #e6e5f1
}

.panel-sidebar .panel-title {
	color: #555;
	font-weight: 400;
	font-family: inherit
}

.panel-sidebar .panel-title .fa {
	color: #555
}

.panel-heading {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px
}

#ticketReply {
	border-radius: 13px
}

.panel-collapsable {
	border: 0
}

.panel-collapsable>.panel-heading {
	border-radius: 13px
}

.panel-info>.panel-heading {
	color: #756de7;
	background-color: #f6f6f9;
	border-color: #dddde4
}

body {
	font-family: titillium web,sans-serif;
}

* {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

*:hover {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-background-color .3s;transition: background-color .3s;
	border: 0
}

.login input[type=submit]:focus,.login input[type=submit]:hover {
	background-color: #198d98
}

.login__footer {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #fff;
	border-bottom-left-radius: .25em;
	border-bottom-right-radius: .25em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-bottom: 1.5em;
	padding-left: 1.5em;
	padding-right: 1.5em
}

.login__footer p {
	margin: 0
}

@media(min-width:768px) {
	.navbar-right .dropdown-menu {
		right: auto;
		left: auto
	}

	.navbar-right .login-areadwn {
		right: 0!important
	}
}

header {
	position: relative;
	height: 512px;
	background: -moz-linear-gradient(top,#1496f5 0%,#707fe5 100%);
	background: -webkit-linear-gradient(top,#1496f5 0%,#707fe5 100%);
	background: linear-gradient(to bottom,#1496f5 0%,#707fe5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1496f5 ',endColorstr='#707fe5',GradientType=0);
	-webkit-box-shadow: inset 2px 82px 178px 21px rgba(0,0,0,.48);
	-moz-box-shadow: inset 2px 82px 178px 21px rgba(0,0,0,.48);
	box-shadow: inset 2px 82px 178px 21px rgba(0,0,0,.48)
}

@media(min-width:990px) and (max-width:1200px) {
	header {
		height: 640px
	}
}

.not-index-header {
	height: auto;
	min-height: 300px
}

.not-index-header:after {
	display: none
}

.not-index-header .navbar {
	z-index: 2;
	border-bottom: 1px solid rgba(255,255,255,.09)
}

.headline_inner {
	position: relative;
	color: #fff;
	padding: 90px 0
}

.headline_inner .left-align {
	text-align: left
}

.headline_inner .left-align h5 {
	font-weight: 700;
	font-size: 35px;
	text-transform: uppercase
}

.headline_inner .left-align span {
	display: block;
	font-family: roboto,sans-serif;
	font-weight: 100;
	font-size: 15px;
	margin-top: 7px;
	opacity: .7;
	text-transform: none
}

.headline_inner .right-align {
	text-align: right
}

.headline_inner .right-align .breadcrumbs_inner_link {
	display: block;
	font-family: roboto,sans-serif;
	font-weight: 100;
	text-transform: lowercase;
	padding: 30px 0;
	font-size: 13px
}

.headline_inner .right-align .breadcrumbs_inner_link a {
	color: #fff
}

header:after {
	content: '';
	width: 100%;
	max-width: 1226px;
	height: 362px;
	position: absolute;
	bottom: 0;
	margin: 0 auto;
	left: 0;
	right: 0
}

.earth-icon {
	width: 111px;
	height: 110px;
	background: url(../img/earth.png) no-repeat top center;
	position: absolute;
	bottom: 40px;
	margin: 0 auto;
	left: 0;
	right: 0;
	z-index: 1;
	-webkit-animation-name: spin;
	-webkit-animation-duration: 75s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: spin;
	-moz-animation-duration: 75s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: spin;
	-ms-animation-duration: 75s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	animation-name: spin;
	animation-duration: 75s;
	animation-iteration-count: infinite;
	animation-timing-function: linear
}

.earth-clouds {
	width: 49px;
	height: 40px;
	background: url(../img/cloud_01.png) no-repeat top center;
	position: absolute;
	bottom: 96px;
	margin: 0 auto;
	left: -70px;
	right: 0;
	z-index: 2
}

.earth-clouds-two {
	width: 39px;
	height: 32px;
	background: url(../img/cloud_02.png) no-repeat top center;
	position: absolute;
	bottom: 56px;
	margin: 0 auto;
	left: 65px;
	right: 0;
	z-index: 0
}

@-ms-keyframes spin {
	from {
		-ms-transform: rotate(0deg)
	}

	to {
		-ms-transform: rotate(360deg)
	}
}

@-moz-keyframes spin {
	from {
		-moz-transform: rotate(0deg)
	}

	to {
		-moz-transform: rotate(360deg)
	}
}

@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(360deg)
	}
}

.stars {
	animation: starry_star 8s ease-in-out infinite;
	
	border-radius: 50%;
	box-shadow: #fff 26px 7px 0 -1px,rgba(255,255,255,.1) -36px -19px 0 -1px,rgba(255,255,255,.1) -51px -34px 0 -1px,#fff -52px -62px 0 -1px,#fff 14px -37px,rgba(255,255,255,.1) 41px -19px,#fff 34px -50px,rgba(255,255,255,.1) 14px -71px 0 -1px,#fff 64px -21px 0 -1px,rgba(255,255,255,.1) 32px -85px 0 -1px,#fff 64px -90px,rgba(255,255,255,.1) 60px -67px 0 -1px,#fff 34px -127px,rgba(255,255,255,.1) -26px -103px 0 -1px,rgba(255,255,255,.1) -26px -300px 0 -1px;
	height: 4px;
	width: 4px;
	opacity: 1;
	position: absolute;
	left: 0;
	right: 0;
	top: 63%;
	z-index: 1
}

@keyframes starry_star {
	50% {
		box-shadow: rgba(255,255,255,.1) 26px 7px 0 -1px,#fff -36px -19px 0 -1px,#fff -51px -34px 0 -1px,rgba(255,255,255,.1) -52px -62px 0 -1px,rgba(255,255,255,.1) 14px -37px,#fff 41px -19px,rgba(255,255,255,.1) 34px -50px,#fff 14px -71px 0 -1px,rgba(255,255,255,.1) 64px -21px 0 -1px,#fff 32px -85px 0 -1px,rgba(255,255,255,.1) 64px -90px,#fff 60px -67px 0 -1px,rgba(255,255,255,.1) 34px -127px,#fff -26px -103px 0 -1px,rgba(255,255,255,.1) -26px 300px 0 -1px
	}
}

.starsbg {
	width: 100%;
	max-width: 795px;
	height: 489px;
	background: url(../img/stars.png) no-repeat top center;
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	z-index: 1;
	bottom: 0
}

.white-background-header {
	width: 100%;
	height: 140px;
	position: absolute;
	bottom: 0;
	margin: 0 auto;
	left: 0;
	right: 0;
	z-index: 0;
	background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.12) 100%);
	background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0.12) 100%);
	background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0.12) 100%)
}

.space-ship {
	width: 29px;
	height: 22px;
	background: url(../img/space-ship.png) no-repeat top center;
	position: absolute;
	bottom: 232px;
	margin: 0 auto;
	left: -360px;
	right: 0;
	z-index: 1;
	-webkit-animation: space-ship 100s infinite;
	animation: space-ship 100s infinite
}

@-webkit-keyframes space-ship {
	0% {
		bottom: 232px;
		left: -360px;
		transform: rotate(-10deg)
	}

	10% {
		transform: rotate(-10deg)
	}

	10% {
		bottom: 150px;
		left: -800px;
		transform: rotate(120deg)
	}

	20% {
		bottom: 450px;
		left: -400px;
		transform: rotate(190deg)
	}

	30% {
		bottom: 410px;
		left: 800px;
		transform: rotate(180deg)
	}

	40% {
		bottom: 410px;
		left: 800px;
		transform: rotate(100deg)
	}

	45% {
		bottom: 350px;
		left: 800px;
		transform: rotate(100deg)
	}

	50% {
		bottom: 390px;
		left: 800px;
		transform: rotate(10deg)
	}

	60% {
		bottom: 390px;
		left: 500px;
		transform: rotate(0deg)
	}

	70% {
		bottom: 370px;
		left: 300px;
		transform: rotate(100deg)
	}

	80% {
		bottom: 50px;
		left: 300px;
		transform: rotate(160deg)
	}

	90% {
		bottom: 160px;
		left: 600px;
		transform: rotate(30deg)
	}
}

@keyframes space-ship {
	0% {
		bottom: 232px;
		left: -360px;
		transform: rotate(-10deg)
	}

	10% {
		transform: rotate(-10deg)
	}

	10% {
		bottom: 150px;
		left: -800px;
		transform: rotate(120deg)
	}

	20% {
		bottom: 450px;
		left: -400px;
		transform: rotate(190deg)
	}

	30% {
		bottom: 410px;
		left: 800px;
		transform: rotate(180deg)
	}

	40% {
		bottom: 410px;
		left: 800px;
		transform: rotate(100deg)
	}

	45% {
		bottom: 350px;
		left: 800px;
		transform: rotate(100deg)
	}

	50% {
		bottom: 390px;
		left: 800px;
		transform: rotate(10deg)
	}

	60% {
		bottom: 390px;
		left: 500px;
		transform: rotate(0deg)
	}

	70% {
		bottom: 370px;
		left: 300px;
		transform: rotate(100deg)
	}

	80% {
		bottom: 50px;
		left: 300px;
		transform: rotate(160deg)
	}

	90% {
		bottom: 160px;
		left: 600px;
		transform: rotate(30deg)
	}
}

.satellite {
	width: 24px;
	height: 30px;
	background: url(../img/satellite.png) no-repeat top center;
	position: absolute;
	bottom: 180px;
	margin: 0 auto;
	left: 500px;
	right: 0;
	z-index: 1;
	-webkit-animation: satellite 100s infinite;
	animation: satellite 100s infinite
}

.logo-simple {
	padding: 40px 15px 15px;
	font-size: 25px;
	font-weight: 600;
	color: #fff;
	height: auto
}

.logo-simple:hover,.logo-simple:focus {
	color: #fff
}

.logo-simple span {
	font-weight: 300;
	font-size: 25px;
	text-transform: none
}

.logo-simple span {
	font-weight: 300;
	font-size: 25px;
	text-transform: none
}

.logo-simple b {
	margin-left: 3px
}

#toTop {
	position: fixed;
	bottom: 30px;
	right: 36px;
	cursor: pointer;
	display: none;
	padding: 9px 12px;
	border-radius: 45px;
	background: #161d23;
	border: #161d23;
	color: #fff;
	-webkit-transition: all 0s ease-in-out;
	-moz-transition: all 0s ease-in-out;
	-o-transition: all 0s ease-in-out;
	-ms-transition: all 0s ease-in-out;
	transition: ba 0s ease-in-out;
	opacity: .6
}

#toTop:hover {
	opacity: 1
}

@media(min-width:768px) {
	.main-nav .navbar-right>li>a {
		color: #fff;
		font-weight: 700;
		font-size: 13px;
		text-transform: uppercase;
		padding: 40px 25px;
		position: relative
	}

	.main-nav .navbar-right>li>a:after {
		content: '';
		height: 2px;
		width: 0;
		
		bottom: 33px;
		position: absolute;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out
	}

	.main-nav .navbar-right>li>a:hover:after {
		content: '';
		height: 2px;
		width: 50%;
		
		bottom: 33px;
		position: absolute;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out
	}

	.main-nav .navbar-right>li>a:hover,.main-nav .navbar-right>li>a:focus,.main-nav .navbar-right>li>a:active {
		color: #fff;
		background: transparent
	}

	.main-nav:after {
		content: '';
		background: url(../img/under-header.png) no-repeat top center;
		height: 1px;
		width: 100%;
		opacity: .1
	}

	.login-btn {
		background: rgba(255,255,255,.125);
		color: #fff;
		padding: 6px 31px!important;
		border-radius: 40px;
		border: 1px solid rgba(255,255,255,.5);
		margin: 34px 0;
		margin-left: 17px
	}

	.login-btn:after {
		display: none
	}

	.login-btn:hover,.login-btn:focus {
		background: #219df1!important;
		-webkit-box-shadow: 0 0 40px -1px rgba(0,0,0,.25);
		-moz-box-shadow: 0 0 40px -1px rgba(0,0,0,.25);
		box-shadow: 0 0 40px -1px rgba(0,0,0,.25);
		border: 1px solid #219df1
	}
}

background:-moz-linear-gradient(top,rgba(38,182,223,1) 0%,rgba(0,173,221,1) 100%);background:-webkit-linear-gradient(top,rgba(38,182,223,1) 0%,rgba(0,173,221,1) 100%);background:linear-gradient(to bottom,rgba(38,182,223,1) 0%,rgba(0,173,221,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#26b6df',endColorstr='#00addd',GradientType=0);border:0;color:#fff;height:46px;border-radius:90px;width:46px;opacity:.7;z-index:3
}

#domain-search button:focus {
outline: none
}

#domain-search button:hover {
opacity: 1
}

#domain-search button>img {
width: 30px
}

#fetures-section {
background: #f2f3f3
}

#fetures-section .fetures-place {
text-align: center;

margin: -10px 0;
padding: 30px 20px;
-webkit-box-shadow: 0 0 43px -1px rgba(0,0,0,.04);
-moz-box-shadow: 0 0 43px -1px rgba(0,0,0,.04);
box-shadow: 0 0 43px -1px rgba(0,0,0,.04);
position: relative;
padding-bottom: 0;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%
}

#fetures-section .fetures-place i:before {
font-size: 70px;
margin-left: 0;
color: #264b65;
z-index: 3;
position: relative;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}

#fetures-section .fetures-place:hover i:before {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
color: #fff
}

#fetures-section .fetures-place h5 {
font-family: roboto,sans-serif;
font-weight: 100;
font-size: 18px;
margin-top: -5px;
margin-bottom: 13px;
z-index: 3;
position: relative
}

#fetures-section .fetures-place:hover h5 {
color: #fff
}

#fetures-section .fetures-place p {
font-weight: 700;
text-transform: uppercase;
font-size: 15px;
color: #c4cdd4;
margin-top: -7px;
z-index: 3;
position: relative
}

#fetures-section .fetures-place:hover p {
color: #fff
}

#fetures-section .fetures-place a {
display: block;
margin: 0 -20px;
padding: 11px;
texft-transform: uppercase;
color: #fff;
font-size: 15px;
font-weight: 700;
letter-spacing: 1px;
text-decoration: none;
margin-top: 35px;
background: linear-gradient(to bottom,#1496f5 0%,#5c6cdc 100%) filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1496f5',endColorstr='#5c6cdc',GradientType=0);
opacity: 1;
z-index: 3;
position: relative;
border-bottom: 1px solid rgba(0,0,0,.08)
}

#fetures-section .fetures-place {
display: inline-block;
border: none;
position: relative;
overflow: hidden
}

#fetures-section .fetures-place span {
font-family: roboto,sans-serif;
font-weight: 100;
line-height: 20px;
color: #7b868e;
font-size: 13px;
z-index: 3;
position: relative
}

#fetures-section .fetures-place:hover span {
color: #a4b0b9
}

#fetures-section .fetures-place:before {
content: '';
background: linear-gradient(to bottom,#1496f5 0%,#5c6cdc 100%);
width: 900px;
height: 600px;
position: absolute;
-webkit-transform: translate(-1000px,-400px) rotate(130deg);
transform: translate(-1000px,-400px) rotate(130deg);
-webkit-transition: all 700ms ease;
transition: all 700ms ease;
z-index: 0
}

#fetures-section .fetures-place:after {
content: attr(data-word);
color: #fff;
font-size: 2em;
position: relative;
z-index: 100;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
font-weight: 200
}

#fetures-section .fetures-place:hover:after {
font-size: 2.2em
}

#fetures-section .fetures-place:hover:before {
-webkit-transform: translate(-290px,-400px) rotate(130deg);
transform: translate(-290px,-400px) rotate(130deg)
}

#hositng-plans {
padding: 30px 0 0;
}

#hositng-plans .head-tittle {
text-align: center
}

#hositng-plans .head-tittle h5 {
background: linear-gradient(to bottom right,#1496f5 0%,#707fe5 100%);
color: #fff;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
padding: 14px;
max-width: 275px;
margin: auto;
border-radius: 40px;
-webkit-box-shadow: 0 0 43px -1px rgba(0,0,0,.1);
-moz-box-shadow: 0 0 43px -1px rgba(0,0,0,.1);
box-shadow: 0 0 43px -1px rgba(0,0,0,.05)
}

#hositng-plans .head-tittle span {
background: #eff0f0;
margin: auto;
margin-top: 0;
display: block;
max-width: 220px;
padding: 7px;
font-family: roboto,sans-serif;
font-weight: 100;
color: #8094a2;
font-size: 13px;
border-radius: 0 0 10px 10px
}

.boldtrin {
position: absolute!important;
left: 0
}

.boldtrin b {
z-index: 1;
position: relative;
font-size: 23px;
text-transform: uppercase;
-ms-transform: rotate(-41deg);
-webkit-transform: rotate(-41deg);
transform: rotate(-41deg);
color: #fff;
display: block;
padding: 0;
margin-left: 19px
}

.boldtrin:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 105px 120px 0 0;
border-color: #45aaf2 transparent transparent transparent;
left: 0;
top: -30px;
position: absolute
}

#hositng-plans .pricing-container {
display: block;
float: left;
width: 100%;
padding: 80px 0
}

#hositng-plans .pricing-container .plan:hover {
-webkit-box-shadow: 0 0 43px -1px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 43px -1px rgba(0,0,0,.2);
box-shadow: 0 0 43px -1px rgba(0,0,0,.1);
transform: scale(1.02)
}

#hositng-plans .pricing-container .spsl-plan {
margin-top: -20px;
position: relative
}

#hositng-plans .pricing-container .spsl-plan .plans-footer a {
font-weight: 700;
border: 2px solid #955db8;
padding: 7px 40px;
border-radius: 40px;
text-decoration: none;
color: #fff!important;
background: #955db8
}

#hositng-plans .pricing-container .spsl-plan .plans-footer a:hover {
color: #955db8!important;
background: #fff!important;
text-decoration: none
}

#hositng-plans .pricing-container .plan .paln-head {
background-size: 100%;
height: 154px;
text-align: center;
padding-top: 40px;
position: relative;
border-radius: 12px 12px 0 0
}

#hositng-plans .pricing-container .plan .planone {
background: url(../metorite.png) no-repeat center;
background-size: 100px,100px
}

#hositng-plans .pricing-container .plan .plantwo {
background: url(../img/plans/mercury.png) no-repeat center;
background-size: 100px,100px
}

#hositng-plans .pricing-container .plan .planthree {
background: url(../img/plans/venus.png) no-repeat center;
background-size: 100px,100px
}

#hositng-plans .pricing-container .plan .planfour {
background: url(../otherdata/moon.png) no-repeat center;
background-size: 100px,100px
}

#hositng-plans .pricing-container .plan .planfive {
background: url(../img/plans/planet-earth.png) no-repeat center;
background-size: 100px,100px
}

#hositng-plans .pricing-container .plan .plansix {
background: url(../img/plans/mars.png) no-repeat center;
background-size: 100px,100px
}

#hositng-plans .pricing-container .plan .planseven {
background: url(../img/plans/jupiter.png) no-repeat center;
background-size: 100px,100px
}

#hositng-plans .pricing-container .plan .planeight {
background: url(../img/plans/uranus.png) no-repeat center;
background-size: 100px,100px
}

#hositng-plans .pricing-container .plan .plannine {
background: url(../img/plans/sun.png) no-repeat center;
background-size: 100px,100px
}

#hositng-plans .pricing-container .plan .paln-head>span {
z-index: 2;
position: relative;
opacity: 0.003;
font-weight: 700;
color: #fff;
font-size: 30px;
display: inline-block
}

#hositng-plans .pricing-container .plan .paln-head>span>i {
font-family: roboto,sans-serif;
font-weight: 500;
display: block;
opacity: 1;
color: #fff;
position: relative;
z-index: 3;
font-size: 17px;
margin-top: -8px
}

#hositng-plans .pricing-container .plan .paln-head>span>b {
font-family: roboto,sans-serif;
font-weight: 100;
font-size: 19px
}

#hositng-plans .pricing-container .plan .paln-head:after {
content: '';
position: absolute;
left: 0;
width: 100%;
height: 100%;
background: rgba(175,189,197,.27);
top: 0;
border-radius: 12px 12px 0 0;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}

#hositng-plans .pricing-container .plan:hover .paln-head:after {
background: linear-gradient(to bottom,rgba(20,150,245,0.27) 0%,rgba(112,127,229,0.30) 100%);
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}

#hositng-plans .pricing-container .bestplan .paln-head:after {
background: linear-gradient(to bottom,rgba(20,150,245,0.27) 0%,rgba(112,127,229,0.30) 100%);
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}

#hositng-plans .pricing-container .plan:hover .paln-head>span {
opacity: 1
}

#hositng-plans .pricing-container .plan:hover .paln-head>span>i {
opacity: 1
}

#hositng-plans .pricing-container .bestplan .paln-head>span {
opacity: 1
}

#hositng-plans .pricing-container .bestplan .paln-head>span>i {
opacity: 1
}


.bestplan>span {
background: linear-gradient(to bottom,rgba(20,150,245,0.27) 0%,rgba(112,127,229,0.30) 100%);
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}

#hositng-plans .pricing-container .plan .plans-tag {
background: -webkit-linear-gradient(left,#06a8f1,#22ce9c);
background: -o-linear-gradient(right,#06a8f1,#22ce9c);
background: -moz-linear-gradient(right,#06a8f1,#22ce9c);
background: linear-gradient(to right,#06a8f1,#22ce9c);
font-family: roboto,sans-serif;
font-weight: 700;
color: #fff;
text-transform: uppercase;
font-size: 13px;
display: block;
max-width: 140px;
text-align: center;
padding: 11px;
border-radius: 41px;
margin: auto;
margin-top: -20px;
position: relative
}

#hositng-plans .pricing-container .plan .plans-body {
background: rgba(238,241,241,.68);
margin-top: -21px;
padding: 30px;
padding-top: 41px;
color: #afbac3;
font-family: roboto,sans-serif;
font-weight: 400;
font-size: 14px;
border: 2px solid rgba(20,150,245,.27);
border-bottom: 0;
}

#hositng-plans .pricing-container .plan .plans-body ul {
padding-left: 0
}

#hositng-plans .pricing-container .plan .plans-body ul>li {
list-style: none;
margin: 18px 0;
font-size: 13px;
cursor: pointer;
color: #9ba6af
}

#hositng-plans .pricing-container .plan .plans-body ul>li>i {
margin-right: 5px
}

#hositng-plans .pricing-container .plan .plans-body ul>li:hover {
color: #7e8a94
}

#hositng-plans .pricing-container .plan .plans-footer {
background: rgba(238,241,241,.68);
padding: 30px;
text-align: center;
border: 2px solid rgba(20,150,245,.27);
border-top: none
}

#hositng-plans .pricing-container .plan .plans-footer a {
color: #955db8;
font-weight: 700;
border: 2px solid #955db8;
padding: 7px 40px;
border-radius: 40px;
text-decoration: none
}

#hositng-plans .pricing-container .plan .plans-footer a:hover {
color: #fff;
background: #955db8;
text-decoration: none
}

#hositng-plans .pricing-container .plan .ribbon {
position: relative;
margin-bottom: 80px
}

#hositng-plans .pricing-container .plan .ribbon span {
position: absolute;
display: -webkit-box;
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(-90deg);
top: 28px;
margin-left: 2px;
font-weight: 700;
font-size: 13px;
text-transform: uppercase;
color: rgba(3,36,58,.52)
}

#hositng-plans .pricing-container .plan:hover .ribbon span {
opacity: 1
}

#hositng-plans .pricing-container .plan .ribbon:before,#hositng-plans .pricing-container .plan .ribbon:after {
content: "";
position: absolute
}

#hositng-plans .pricing-container .plan .ribbon {
width: 35px;
height: 70px;
background: #efe94f;
top: -6px;
left: 8px;
position: absolute;
z-index: 22
}

#hositng-plans .pricing-container .plan:hover .ribbon {
height: 20px
}

#hositng-plans .pricing-container .plan .ribbon:before {
height: 0;
width: 0;
border-bottom: 6px solid #cac441;
border-right: 6px solid transparent;
right: -6px
}

#hositng-plans .pricing-container .plan .ribbon:after {
height: 0;
width: 0;
border-left: 18px solid #efe94f;
border-right: 17px solid #efe94f;
border-bottom: 18px solid transparent;
bottom: -17px
}

#hositng-plans .whyus {
padding: 60px 0 30px;
text-align: center
}

#hositng-plans .whyus h5 {
text-align: center;
font-weight: 700;
text-transform: uppercase;
font-size: 20px;
letter-spacing: 1px;
color: rgba(7,38,59,.75)
}

#hositng-plans .whyus h4 {
font-size: 40px;
font-weight: 700;
text-transform: uppercase;
color: #05253a
}

#hositng-plans .whyus h4>span {
display: block;
font-family: roboto,sans-serif;
font-weight: 100;
font-size: 15px;
margin-top: 5px;
color: rgba(5,37,58,.67)
}

#hositng-plans .plans-fut {
float: left;
width: 100%;
padding: 40px 0;
text-align: center
}

#hositng-plans .plans-fut .col-md-4 {
padding: 0
}

#hositng-plans .ftr-host {
padding: 36px 40px;
border-right: 1px solid #eff2f3;
border-bottom: 1px solid #eff2f3;
cursor: pointer
}

#hositng-plans .ftr-host:hover {
background: rgba(239,242,243,.38)
}

#hositng-plans .no-bottm {
border-bottom: 0
}

#hositng-plans .no-right {
border-right: 0
}

#hositng-plans .ftr-host img {
width: 100%;
max-width: 80px
}

#hositng-plans .ftr-host h5 {
font-weight: 700;
font-size: 17px;
letter-spacing: 1px;
margin-top: 18px;
color: #647a88
}

#hositng-plans .ftr-host p {
display: block;
font-family: roboto,sans-serif;
font-weight: 100;
color: rgba(5,37,58,.5);
font-size: 13px
}

#hositng-plans .techologhie-on-host a {
text-align: center;
display: block
}

#hositng-plans .techologhie-on-host img {
width: 65%;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: .4
}

#hositng-plans .techologhie-on-host img:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
opacity: .8
}

.disabled {
pointer-events: none;
cursor: default;
opacity: .85
}

.enabled {
background: linear-gradient(to top right,#1496f5 0%,#707fe5 100%)
}

.selector {
width: 387.5px;
height: 50px;
margin: auto;
text-align: center;
margin-bottom: 100px
}

.selector>div {
float: left;
height: 100%
}

.left {
width: 50%
}

.option0 {
border-top-left-radius: 40px;
border-bottom-left-radius: 40px;
background: linear-gradient(to top right,#1496f5 0%,#707fe5 100%);
color: #fff
}

.option0:hover {
background: linear-gradient(to top right,#1496f5 0%,#707fe5 100%);
color: #fff;
cursor: pointer;
text-decoration: none
}

.right {
width: 50%
}

.option1 {
border-top-right-radius: 40px;
border-bottom-right-radius: 40px;
background: #eeeff3;
color: rgba(7,38,59,.69)
}

.option1:hover {
background: linear-gradient(to top left,#1496f5 0%,#707fe5 100%);
color: #fff;
cursor: pointer;
text-decoration: none
}

.selector>div>a {
width: 100%;
height: 100%;
display: block;
line-height: 50px;
text-align: center;
font-family: roboto,sans-serif;
text-transform: uppercase;
font-weight: 700
}

.lxc {
display: none
}

#facts {
background: rgba(242,243,243,.65);
padding: 90px 0;
bckground: rgba(242,243,243,.65) url(../img/bg/bg.jpg) no-repeat top center;
background-size: cover;
}

#facts h5 {
text-align: center;
font-size: 30px;
font-weight: 700;
text-transform: uppercase;
color: #05253a;
}

#facts h5>span {
display: block;
font-family: roboto,sans-serif;
font-weight: 100;
font-size: 15px;
margin-top: 5px;
color: rgba(5,37,58,.67)
}

#facts .main-icon {
text-align: center;
padding: 60px 0;
display: block;
width: 100%;
position: relative;
}

@media(min-width:768px) {
#facts .main-icon:before {
	content: '';
	position: absolute;
	width: 1px;
	top: 0;
	height: 110px;
	border-right: 1px dashed rgba(202,210,216,.77)
}

#facts .main-icon:after {
	content: '';
	position: absolute;
	width: 1px;
	bottom: 0;
	height: 110px;
	border-right: 1px dashed rgba(202,210,216,.77)
}

#facts .middl-ling:after {
	content: '';
	position: absolute;
	width: 1px;
	top: -50px;
	left: -27px;
	height: 300px;
	vertical-align: middle;
	border-right: 1px dashed rgba(202,210,216,.77);
	transform: rotate(-73deg)
}

#facts .middl-ling:before {
	content: '';
	position: absolute;
	width: 1px;
	top: -50px;
	right: -27px;
	height: 300px;
	vertical-align: middle;
	border-right: 1px dashed rgba(202,210,216,.77);
	transform: rotate(73deg)
}

#facts .bt-middl-ling:before {
	content: '';
	position: absolute;
	width: 1px;
	top: 78px;
	right: -27px;
	height: 300px;
	vertical-align: middle;
	border-right: 1px dashed rgba(202,210,216,.77);
	transform: rotate(107deg);
}

#facts .bt-middl-ling:after {
	content: '';
	position: absolute;
	width: 1px;
	top: 78px;
	left: -27px;
	height: 300px;
	vertical-align: middle;
	border-right: 1px dashed rgba(202,210,216,.77);
	transform: rotate(-107deg)
}}

#facts .main-icon i {
	display: block;
	width: 240px;
	height: 240px;
	margin: auto;
	background: rgba(235,238,241,.11);
	border-radius: 140px;
	border: 1px dashed rgba(221,226,230,.77)
}

#facts .main-icon i:before {
	content: "\f169";
	margin-left: 0;