/*Theme color palette
#A8D56E rgb(168,213,110)    *lightest*
#7EAF3E rgb(126,175,62)
#619221 rgb(97,146,33)    *Base Color*
#426F08 rgb(66,111,8)
#294900 rgb(41,73,0)    *Darkest*
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:200,400,700);
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:200,400);
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700);

html, body {width: 100%; height: 100%; margin:0; padding:0; }
body{
	background-color:#222;
	font-family: 'Open Sans', sans-serif;
	font-weight:200;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style:normal !important;
	box-sizing: border-box;
	overflow-x:hidden
}
/*override bootstrap default components for squate edge*/
.input-group,.input-group-addon,.btn,.form-control{border-radius:0 !important;}

/*new inverse addon black background white text*/
.input-group-addon.inverse{
	background-color:#34495e;
	border-color:#2c3e50;
	color:#fff;
}

/*override some default component*/
a,button{text-decoration:none !important;transition:.5s;outline:none !important}
img{image-rendering: auto;}
hr{
	margin-top:10px;
	margin-bottom:10px;
	border-color:#999;
	border-style:dotted;
}
section{
	padding-top:70px;
	padding-bottom:70px;
	background-color:#fff;
	box-sizing: border-box;
}
@media (max-width: 768px){
	h1{font-size:20px;}
}

/*nopad = omit padding from default bootstrap element
nomar = omit margin from default bootstrap element
divider = text divider
l-border-divider = left border divider*/
.font-titillium{font-family:'Titillium Web';}
.font-lato{font-family:'Lato';}
.fa-stack-lg{position:relative;display:inline-block;width:3em;height:3em;line-height:3em;vertical-align:middle}
.fa-stack-3x{position:absolute;left:0;width:100%;text-align:center}
.fa-stack-3x{font-size:3em}
.dot-overlay{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHElEQVQIW2PU09P7f+nSJUYGKIAzMARgKjFUAABRRQgFE+nD2QAAAABJRU5ErkJggg==)}
.btn-theme{
	background-color:#619221;
	color:#fff !important;
	border-color:#426F08;
}
.btn-theme:hover,.btn-theme:focus{background-color:#7EAF3E}
.btn-theme:active{background-color:#294900}
.text-black{color:#000 !important}
.text-theme{color:#619221 !important}
.text-white{color:#fff !important}
.text-red{color:#e74c3c !important}
.text-yellow{color:#f1c40f !important}
.text-orange{color:#e67e22 !important}
.text-blue{color:#2980b9 !important}
.text-purple{color:#9b59b6 !important}
.text-green{color:#2ecc71 !important}
.text-lgreen{color:#6F3 !important}
.text-sky{color:#3498db !important}
.text-shadow{text-shadow:1px 1px 5px rgba(0,0,0,.5);}
.nopad {
    padding: 0 !important;
}
.nomar{margin:0}
.divider{
	text-shadow:0 0 1px rgba(255,255,255,.5);
	margin:0px 5px;
}
.bg-white{background-color:#fff !important;}
.bg-gray{background-color:#f1f1f1 !important;}
.bg-midred{background-color:#FF7364 !important;}
.bg-green{background-color:#FF7364 !important;}
.hover-anim{transition:.5s;}
.hover-anim:hover{color:#FF7364;}
.no-drag{pointer-events:none}
.l-border-divider{border-left:thin solid rgba(255,255,255,.4);}
.bottom-green-bar{padding-bottom:10px;border-bottom:2px solid #619221;}
.bottom-blue-bar{padding-bottom:10px;border-bottom:2px solid #337ab7;}
.trans-back{background:transparent !important}
@media (max-width: 768px){
	.text-xs-center{text-align:center !important;}
}


/*top navigation bar modification*/
@media (min-width: 769px){
	.dropdown:hover .dropdown-menu {display: block;}
	.opaque .dropdown:hover>a:before,.opaque .open.dropdown>a:before{margin-top:26px}
	.opaque .dropdown:hover>a:after,.opaque .open.dropdown>a:after{margin-top:24px}
	.dropdown:hover>a:before,.open.dropdown>a:before {
		content: "";
		border-bottom: 15px solid #fff;
		border-right: 17px solid transparent;
		border-left: 17px solid transparent;
		position: absolute;
		z-index: 1004;
		margin-top:38px;
		left: calc(50% + 0px);
		transform:translateX(-50%);
	}
	.dropdown:hover>a:after,.open.dropdown>a:after {
		content: "";
		border-bottom: 17px solid #ccc;
		border-right: 19px solid transparent;
		border-left: 19px solid transparent;
		position: absolute;
		z-index: 1002;
		margin-top:36px;
		left:50%;
		transform:translateX(-50%);
	}
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
  text-decoration: none;
  color: #000;
  background-color: #e2e2e2;
}
.navbar-nav>li{padding:15px 0 15px 0;}
.navbar-nav>li>a{color:#fff !important; text-shadow:0px 0px 5px #000;}
.navbar-nav>li>a:focus,.navbar-nav>li>a:hover{border-bottom:1px solid #7EAF3E;}
.navbar-nav>li.active>a{
	background-color:transparent !important;
	color:#fff !important;
	border-bottom:2px solid #619221 !important;
	font-weight:bold;
}
.navbar-header{height:70px; text-align:center;}
.top-nav{
	background-color:#000;
	padding:7px 0 7px 0;
	transition:.5s;
}
.top-link>a{
	color:#aaa;
	font-size:13px;
	text-decoration:none;
	border-color:#666;
}
.top-link>a:hover,.top-link>a:focus{color:#efb110;}
.navbar-fixed-top{
	background:linear-gradient(rgba(52,73,94,.5),rgba(0,0,0,.0));
	border:none;
	transition:.5s;
}
.opaque{background:rgba(255,255,255,.95); border-bottom:2px solid #ccc;}
.opaque .navbar-nav>li{padding:3px 0 3px 0;}
.opaque .navbar-nav>li>a{color:#000 !important; text-shadow:none;}
.opaque .navbar-brand>img{width:30px;}
.opaque .navbar-header{height:40px;}

/*body container and media element for managing design on multiple device*/
.main-body{
	margin-top:30px;
	box-sizing: border-box;
	padding:0;
	overflow:hidden;
	marquee-style:alternate
}
@media (max-width: 480px){
	.top-link>a{font-size:11px;}
}
@media (max-width: 768px){
	.top-link>a{font-size:12px; display:inline-block;}
	.navbar-nav>li>a{color:#000 !important; text-shadow:none;}
	.navbar-nav>li.active>a{color:#000 !important; text-shadow:none;}
	.navbar-fixed-top{background:rgba(255,255,255,.95); border-bottom:2px solid #ccc;}
	.main-body{margin-top:100px;}
	.navbar-nav>ul{text-align:center}
	.navbar-fixed-top .navbar-toggle{margin-top:15px}
	.opaque .navbar-toggle{margin-top:5px}
	.opaque .navbar-collapse{margin-top:20px}
	.navbar-nav .open .dropdown-menu > li > a,
	.navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 3px 20px;
		color: #222;
	}
	.navbar-nav .open .dropdown-menu > li > a {
		line-height: 1.42857143;
	}
	.navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-nav .open .dropdown-menu > li > a:focus {
		color: #333 !important;
		text-decoration: none;
		background-color: #f1f1f1 !important;
	}
}

/*Top big slider modification*/
.carousel-inner.big-slide{height:550px;}
.carousel .slide-bottom-rev{bottom:0; position:absolute;}
.carousel-caption{
	text-align:left;
	left:10%;
	top:100px;
}
.carousel-caption h1{
	font-family:'Titillium Web';
	text-transform:uppercase
}
.carousel-caption p{
	font-family:'Lato';
	width:50%;
	margin-top:30px;
	margin-bottom:30px;
}
.carousel-caption button{
	background-color:transparent;
	text-transform:uppercase;
}
@media (max-width: 768px){
	.carousel-caption h1{font-size:24px;}
}
.carousel-inner > .item > img, 
.carousel-inner > .item > a > img{
	width: 100%;
}
.carousel-indicators{
	text-align:right;
	z-index:1001;
	margin-left:-10%;
	margin-bottom:50px;
	left:0;
	width:100%;
}
.carousel-indicators>li{border-radius:0;}
.carousel-indicators>li.active{
	background-color:#337ab7;
	outline: thin solid #FFF;
	border:2px solid #000;
}


/*4 server plan boxs
plan-red, plan-green, plan-blue, plan-yellow*/
.plan-red,.plan-green,.plan-yellow,.plan-blue{
	text-align:center;
	color:#fff;
	margin-top:10px;
	border:7px solid rgba(0,0,0,0);
	text-shadow:1px 1px 3px rgba(0,0,0,.8);
	transition:.1s;
}
.plan-red:hover,.plan-green:hover,.plan-yellow:hover,.plan-blue:hover{
	border-width:0;
}
.plan-fee,.plan-feature,.plan-button{padding:5px 2px 5px 2px;}
.plan-name{padding:20px 2px 20px 2px;}
.plan-feature{border-bottom:thin solid rgba(0,0,0,.1)}
.plan-feature>p:before{
	content:'\f00c  ';
	font-family:fontawesome;
}
.plan-red>.plan-fee{background-color:#C92918;}
.plan-red>.plan-name{background-color:#A01607;}
.plan-red>.plan-feature{background-color:#E74C3C;}
.plan-red>.plan-button{background-color:#C92918;}
.plan-red>.plan-button>button{background-color:#A01607; color:#fff;}

.plan-blue>.plan-fee{background-color:#0F85D1;}
.plan-blue>.plan-name{background-color:#0665A2;}
.plan-blue>.plan-feature{background-color:#3498db;}
.plan-blue>.plan-button{background-color:#0F85D1;}
.plan-blue>.plan-button>button{background-color:#0665A2; color:#fff;}

.plan-yellow>.plan-fee{background-color:#C07704;}
.plan-yellow>.plan-name{background-color:#975D00;}
.plan-yellow>.plan-feature{background-color:#f39c12;}
.plan-yellow>.plan-button{background-color:#C07704;}
.plan-yellow>.plan-button>button{background-color:#975D00; color:#fff;}

.plan-green>.plan-fee{background-color:#619221;}
.plan-green>.plan-name{background-color:#426F08;}
.plan-green>.plan-feature{background-color:#7EAF3E;}
.plan-green>.plan-button{background-color:#619221;}
.plan-green>.plan-button>button{background-color:#426F08; color:#fff;}

/*header with hr both side*/
.midline-header.page-head{
	background-image:url(../image/head.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:bottom left;
	background-size:cover;
}
.midline-header{
	text-align:center;
	padding:0;
	background-color:transparent;
}
.midline-header .container{padding-bottom:70px}
.midline-header h5{
	font-size:34px;
	padding:70px 0 70px 0;
	color:#fff;
	text-shadow:1px 1px 10px rgba(0,0,0,.5);
	font-family:'Titillium Web';
}
@media (max-width: 768px){
	.midline-header h5{font-size:28px;}
}



/*icons used in feature sestion
NOTE: text inside content can be found on fontawesome website.*/
.icon-db:before,.icon-server:before,.icon-build:before,.icon-globe:before,.icon-life:before,.icon-word:before,.icon-email:before,.icon-gear:before{
	font-family:fontawesome;
	position:absolute;
	font-size:50px;
	margin-top:25px;
	left:35px;
	width:60px;
	color:#fff;
	text-align:center;
	text-shadow:1px 1px 5px rgba(0,0,0,.5);
}
.icon-db:before{content:'\f1c0';}
.icon-server:before{content:'\f233';}
.icon-build:before{content:'\f247';}
.icon-globe:before{content:'\f0ac';}
.icon-life:before{content:'\f1cd';}
.icon-word:before{content:'\f19a';}
.icon-email:before{content:'\f0e0';}
.icon-gear:before{content:'\f085';}*/

/*feature box*/
.dtext{
	margin-bottom:10px;
	background: linear-gradient(105deg, #619221 0%, #619221 119px, #ffffff 120px, #ffffff 100%);
	min-height:150px;
	padding:10px;
	padding-left:120px;
	color:#444;
	font-size-adjust:10px;
	text-align:right;
	border-right:5px solid #619221;
	box-shadow:0px 0px 5px rgba(0,0,0,.5);
}
.dtext>p{font-size:12px;}
.dtext>h3{color:#619221; font-family:'Titillium Web'}
.feature-box .tab-content{
	padding:20px;
	background-color:#fff;
}
.feature-box .nav-center {
	text-align: center;
	background-color:#eee;
	border-bottom:2px solid #7EAF3E;
}
.feature-box .nav-center ul.nav {
	display: inline-block;
	margin-bottom:-4px;
	border:none
}
.feature-box .nav-center ul.nav li {display: inline;}
.feature-box .nav-center ul.nav li a {
	float: left;
	font-size:18px;
	color:#333;
	margin-right:-1px;
	padding:25px 25px;
	border-radius:0;
	border-left:thin solid #7EAF3E;
	border-right:thin solid #7EAF3E;
	font-family:'Lato';
	font-weight:bold;
}
.feature-box .nav-center ul.nav li a:hover {color:#222 !important}
.feature-box .nav-center ul.nav li.active a {
	background-color:#7EAF3E;
	color:#fff !important;
	box-shadow:0px 0px 10px 0px rgba(0,0,0,.3) inset;
}
.feature-box .nav-center ul.nav li.active a:before{
	content: "";
	border-bottom: 15px solid #fff;
	border-right: 17px solid transparent;
	border-left: 17px solid transparent;
	position: absolute;
	z-index: 1004;
	margin-top:38px;
	left: calc(50% + 0px);
	transform:translateX(-50%);
}
@media (max-width:768px){
	.feature-box .nav-center ul.nav li a {font-size:14px;padding:25px 15px;}
}
@media (max-width:480px){
		.feature-box .nav-center ul.nav li a {font-size:10px; font-weight:bold;padding:25px 5px;}
}
.dtext{
	margin-bottom:10px;	
	min-height:150px;
	padding:10px;
	padding-left:120px;
	color:#444;
	font-size-adjust:10px;
	text-align:left;
}
.dtext>p{font-size:12px;}
.dtext>h3{color:#888; font-family:'Titillium Web'}
.dtext>i.fa-5x{
	position:absolute;
	left:35px;
	margin-top:30px;
	color:#fff;
}
/*os & tech partner bar*/
.tpicon,.oscpicon{
	height:60px;
	width:12.5% !important;
	padding:5px 5px;
	text-align:center;
	float:left;
	border-top:3px solid #ddd;
	border-bottom:3px solid #ddd;
	border-left:thin solid #ddd;
}
.oscpicon{width:11.1% !important;}
.tpicon>img,.oscpicon>img{
	max-width:100%;
	max-height:40px;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
	transition:.5s;
}
.oscpicon:hover>img,.tpicon:hover>img{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}
.otp,.voc{
	margin:0;
	font-size:16px;
	font-weight:bold;
	padding:4px 10px;
	padding-top:2px;
	background-color:#ddd;
	color:#444;
	display:inline;
	margin:auto auto;
}
.voc:before,.otp:before{
	content:'';
	width:0;
	height:0;
	border-right:26px solid #ddd;
	border-top:26px solid transparent;
	border-left:26px solid transparent;
	border-bottom-width:0px;
	position:absolute;
	margin-left:-62px;
	margin-top:-2px;
}
.voc:after,.otp:after{
	content:'';
	width:0;
	height:0;
	border-left:26px solid #ddd;
	border-top:26px solid transparent;
	border-right:26px solid transparent;
	border-bottom-width:0px;
	position:absolute;
	margin-left:10px;
	margin-top:-1px;
}
.voc:before{
	border-right:26px solid #ddd;
	border-bottom:26px solid transparent;
	border-left:26px solid transparent;
	border-top-width:0px;
	margin-top:-1px;
}
.voc:after{
	border-left:26px solid #ddd;
	border-bottom:26px solid transparent;
	border-right:26px solid transparent;
	border-top-width:0px;
	margin-top:-2px;
}

/*help box*/
.help{
	padding-bottom:0;
	padding-top:0;
}
.help h2 i{font-size:50px !important}
@media (max-width: 768px){
	.help h2{font-size:20px;}
	.help h3{font-size:18px;}
	.help h2 i{font-size:30px !important}
}

/*footer section with 3 divition top, cont and bottom*/
.footer{background-color:#111;}
.footer .cont{padding-top:40px;padding-bottom:40px;}
.footer .bottom{
	background-color:#000;
	padding-bottom:10px;
	color:#999;
	text-align:center;
	font-size:12px;
}
.footer .top .footer-contact{
	background-color:#619221;
	font-size:12px;
}
.footer .top .footer-contact h3{
	padding-top:10px;
	padding-bottom:10px;
	color:#fff;
	margin:10px 0 10px 0;
	font-size:16px;
	text-shadow:1px 1px 3px rgba(0,0,0,.8);
}
@media (max-width: 768px){
	.footer .top .footer-contact h3{font-size:14px; text-align:center !important}
}
.footer .top i.muted{color:#999;}
.footer .top p{
	margin:0;
	color:#eee;
	font-size:14px;
	font-family:'Lato',sans-serif;
}
.footer .top h4{
	color:#7EAF3E;
	font-family:'Lato',sans-serif;
}
.footer .top ul{
	list-style:none;
	padding:0;
}
.footer .top ul>li{	margin-bottom:4px;}
.footer .top ul>li>a{
	font-family:'Lato',sans-serif;
	color:#ddd;
	font-size:14px;
}

.footer .top ul>li:before{
	content:'\f0da  ';
	font-family:fontawesome;
	font-size:12px;
	color:#888;
}
.footer .top ul>li>a:hover,.footer .top ul>li>a:focus{color:#A8D56E;}
.paymenticon{width:37px; margin-top:-12px;}

/*Social buttons with hover effect*/
.social-btn{color:#555;}
.social-btn.facebook:hover,.social-btn.facebook:focus{color:#004993}
.social-btn.twitter:hover,.social-btn.twitter:focus{color:#3498db}
.social-btn.youtube:hover,.social-btn.youtube:focus{color:#e74c3c}

/*goto top button*/
.goto-btn{
	position:fixed;
	right:20px;
	bottom:50px;
	border-radius:100%;
	background-color:transparent;
	border:none;
	color:#999;
	transition:.5s;
	text-shadow:0px 0px 5px rgba(0,0,0,.5);
	opacity:0;
	visibility:hidden;
	z-index:2000;
}
.goto-btn:hover,.goto-btn:active,.goto-btn:focus{text-shadow:0px 0px 10px rgba(0,0,0,.8);}

/*bootstrap default modal modification for better vertical view*/
.modal-content {
    width:inherit;
    height:inherit;
    margin: 0 auto;
	border-radius:0;
    pointer-events: all;
}
.vertical-align-center {
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none;
}

/*login dialog*/
.loginbox{
	background-color:#fff !important;
	padding:15px;
	width:300px;
	text-align:center;
	box-shadow:0px 0px 6px #2c3e50;
}
.loginbox:before{
	content:'';
	width:298px;
	height:5px;
	background: linear-gradient(90deg, #1abc9c 15%, #2ecc71 15%, #2ecc71 12%, #3498db 12%, #3498db 32%, #9b59b6 32%, #9b59b6 35%, #34495e 35%, #34495e 55%, #f1c40f 55%, #f1c40f 59%, #e67e22 59%, #e67e22 63%, #e74c3c 63%, #e74c3c 82%, #ecf0f1 82%, #ecf0f1 92%, #95a5a6 92%);
	z-index:2002;
	right:0;
	left:0;
	top:0;
	position:absolute;
}
.loginbox .btn-reset{margin-top:5px;width:15%;}
.loginbox .btn-login{margin-top:5px;width:85%;}
.loginbox .btn-forgot{
	position:absolute;
	z-index:2001;
	margin-top:-15px;
	border-width:3px;
	border-radius:100% !important;
	border-color:#ddd;
	right:5px;
	padding:3px 9px 3px 9px;
	font-size:14px;
}

/*sliding classes*/
.slide-top,.slide-bottom,.slide-top-rev,.slide-bottom-rev,
.slide-top-gray,.slide-bottom-gray,.slide-top-gray-rev,.slide-bottom-gray-rev,
.slide-top-green,.slide-bottom-green,.slide-top-green-rev,.slide-bottom-green-rev{
	width: 100%;
	height: 60px;
	position:relative;
}
.slide-top,.slide-top-rev,.slide-top-gray,
.slide-top-gray-rev,.slide-top-green,.slide-top-green-rev{margin-top:-1px;}
.slide-bottom,.slide-bottom-rev,.slide-bottom-gray,
.slide-bottom-gray-rev,.slide-bottom-green,.slide-bottom-green-rev{margin-bottom:-1px;}
.slide-bottom{background:linear-gradient(to bottom right,rgba(0,0,0,0) 49%,rgba(254,254,254,1) 50%);}
.slide-bottom-gray{background:linear-gradient(to bottom right,rgba(0,0,0,0) 49%,rgba(17,17,17,1) 50%);}
.slide-bottom-green{background:linear-gradient(to bottom right,rgba(0,0,0,0) 49%,rgba(97,146,33,1) 50%);}
.slide-top{background:linear-gradient(to bottom right,rgba(254,254,254,1) 49%,rgba(0,0,0,0) 50%);}
.slide-top-gray{background:linear-gradient(to bottom right,rgba(17,17,17,1) 49%,rgba(0,0,0,0) 50%);}
.slide-top-green{background:linear-gradient(to bottom right,rgba(97,146,33,1) 49%,rgba(0,0,0,0) 50%);}
.slide-bottom-rev{background:linear-gradient(to bottom left,rgba(0,0,0,0) 49%,rgba(254,254,254,1) 50%);}
.slide-bottom-gray-rev{background:linear-gradient(to bottom left,rgba(0,0,0,0) 49%,rgba(17,17,17,1) 50%);}
.slide-bottom-green-rev{background:linear-gradient(to bottom left,rgba(0,0,0,0) 49%,rgba(96,146,33,1) 50%);}
.slide-top-rev{background:linear-gradient(to bottom left,rgba(254,254,254,1) 49%,rgba(0,0,0,0) 50%);}
.slide-top-gray-rev{background:linear-gradient(to bottom left,rgba(17,17,17,1) 49%,rgba(0,0,0,0) 50%);}
.slide-top-green-rev{background:linear-gradient(to bottom left,rgba(96,146,33,1) 49%,rgba(0,0,0,0) 50%);}

/*Big dropdown menu*/
.mega-dropdown {
  position: static !important;
}
.mega-dropdown-menu {
	border-top-color:#ccc;
    padding: 20px 15px;
	border-radius:5px;
	z-index:500;
}
@media (min-width: 768px) {.mega-dropdown-menu {width: 750px; margin-right: calc((100% - 750px) / 2);}}
@media (min-width: 992px) {.mega-dropdown-menu {width: 970px; margin-right: calc((100% - 970px) / 2);}}
@media (min-width: 1200px) {.mega-dropdown-menu {width: 1170px; margin-right: calc((100% - 1170px) / 2);}}
.mega-dropdown-menu > li > ul {
	padding: 0;
	margin: 0;
}
.mega-dropdown-menu > li > ul > li {
	list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.428571429;
	color: #555;
	white-space: normal;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
	text-decoration: none;
	color: #000;
	background-color: #e2e2e2;
}
.mega-dropdown-menu .dropdown-header {
	color: #619221;
	font-size: 18px;
	font-weight:bold;
}
.mega-dropdown-menu form {
    margin:3px 20px;
}
.mega-dropdown-menu .form-group {
    margin-bottom: 3px;
}
/*tmp server back image*/
.server1,.server2,.server3{
	background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
	background-size:cover;
}

.server2{background-image: url('../image/2.jpg');}
.server3{background-image: url('../image/3.jpg');}




/*price table slider*/

.price-slide .nav-center {text-align: center;}
.price-slide .nav-center ul.nav {
	display: inline-block;
	margin-bottom:-4px;
	border:none
}
.price-slide .nav-center ul.nav li {display: inline;}
.price-slide .nav-center ul.nav li a {
	float: left;
	font-size:18px;
	padding:15px 25px;
	font-family:'Lato';
}
.price-slide .nav-center ul.nav li a:hover {color:#222 !important}
.price-slide .nav-center ul.nav li.active a {color:#222 !important}
.price-slide .btn{border:none}
.price-slide .tab-content{
	background-color:#fff;
	padding:0;
}
.price-slide .slide_cont{ padding:50px 30px 20px 30px;}
.price-slide .slide_cont .icon{color:#444;}
.price-slide .slide_cont .icon.active span,
.price-slide .slide_cont .icon span{cursor:pointer}
.price-slide .slide_cont .icon.active>span>i{color:#FF7364}
.price-slide .slide_cont #slider-round{
	width:87% !important;
	height:15px;
	margin-bottom:55px;
}
.price-slide .slide_cont .slider-selection{border-radius:0;background:#FF7364}
.price-slide .slide_cont .slider-handle.round{
	background:#FF7364;
	border:2px solid #fff;
	width:30px;
	height:30px;
	margin-top:-8px;
}
.price-slide .slide_cont .slider-track{
	height:15px;
	background:#7EAF3E;
	border-radius:0;
}
.price-slide .wrapper{
	width:88%;
	left:50%;
	position:absolute;
}
.price-slide .ruler{
	background-image:url(../image/icon/ps/rule.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-size:100%;
	height:30px;
	left:-50%;
	position:relative;
	margin-top:18px;
}

.price-slide .price-box{
	background-color:#C8D9B1;
	padding-bottom:20px;
	color:#426F08;
	font-family:'Lato';
}
.price-slide .price-box p{
	font-weight:bold;
	font-size:38px;
	margin-top:10px;
	margin-bottom:0px
}
.price-slide .server-info-box{
	width:20% !important;
	padding:20px 5px 20px 5px;
	background:#619221;
	color:#fff;
	float:left;
	border-top:thin solid #426F08;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	font-family:'Lato'
}
.price-slide .server-info-box.lost{
	background:#7EAF3E;
	border-left:thin solid #426F08;
	border-right:thin solid #426F08;
}
.price-slide .server-info-box>img{
	width:20px;
	margin-right:5px;
}
@media (max-width:768px){
	.price-slide .server-info-box{font-size:14px;}
	.price-slide .nav-center ul.nav li a {font-size:14px;padding:15px 15px;}
}
@media (max-width:480px){
		.price-slide .nav-center ul.nav li a {font-size:10px; font-weight:bold;padding:10px 10px;}
}


/*****************************************************************************************************************************/

.dtext-front{
	margin-bottom:10px;
	background: linear-gradient(105deg, #619221 0%, #619221 119px, #ffffff 120px, #ffffff 100%);
	min-height:150px;
	padding:10px;
	padding-left:120px;
	color:#444;
	font-size-adjust:10px;
	text-align:right;
	border-right:5px solid #619221;
	box-shadow:0px 0px 5px rgba(0,0,0,.5);
}
.dtext-front>p{font-size:12px;}
.dtext-front>h3{color:#619221; font-family:'Titillium Web'}

/*os and control panel icon*/
.oscpicon2{
	
	margin-right:10px;
	-webkit-filter:grayscale(1);
	filter:grayscale(1);
	transition:.5s;
}
.oscpicon2:hover{
	-webkit-filter:grayscale(0) !important;
	filter:grayscale(0) !important;
}
.os2{border-left:2px solid #7EAF3E;}
@media (max-width: 768px){
	.os2{border-left:none; margin-top:50px;}
}


/*new css for contact page and payment page*/
.hover-label>label{
	font-size:12px;
	position:absolute;
	transition:.5s;
}
.hover-label>.form-control{
	margin-top:40px;
	border:none;
	outline:none;
	box-shadow:none !important;
	border-bottom:2px solid #ddd;
	transition:.5s;
}
.contact-info{
	background-color:#eee;
}
.contact-info .col-sm-4{padding:15px 15px 25px 15px; min-height:120px;}
.contact-info .col-sm-4:nth-child(2) {
	border-left:2px solid #ddd;
	border-right:2px solid #ddd;
}
.contact-info i{
	position:absolute;
	right:15px;
	color:#ddd;
	z-index:100;
}
.contact-info a{color:#888}
.contact-info p{
	margin:0;
	font-size:12px;
	color:#888;
	z-index:200;
	position:relative;
}
textarea{max-width:100%}
@media (max-width: 768px){
	h1{font-size:20px;}
}