@import url('font-awesome.min.css');

/* ----------------------------------------
  CSS master file 
---------------------------------------- */


/*Custom Resets*/
html, body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body
{
background: #465966; 
}

a {
	color: #7BC500;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

a:hover {
	color: #5A8BCC;
	text-decoration: none;
}

p {
	margin-bottom: 1.3em;
	color: #777;
	font-size: 18px;
}

h3 {
	margin-top: 0px;
	margin-bottom: 40px;
	padding: 0px 0 40px;
	border-bottom: 1px solid #CBD3DA;
	color: #465966;
	font-weight: lighter;
	font-size: 34px;
}

h4 {
	margin-bottom: 30px;
	color: #465966;
	font-weight: lighter;
	font-size: 24px;
}

h5 {
	margin-bottom: 20px;
	color: #465A66;
	font-weight: bold;
	font-size: 16px;
}

/* ------------------------------------------------------------------------ */
/*  HOME PAGE / GLOBAL
/* ------------------------------------------------------------------------ */
.container,
.container-fluid {
	padding: 0;
}

/*======== Navigation Section ========*/
#top-wide {
	position: fixed;
	z-index: 4;
	width: 100%;
}

.navbar {
	margin-bottom: 0;
	padding: 7px 5%;
	border: 0;
	border-radius: 0;
	background-color: #fff;
	box-shadow:0 0 5px 0px rgba(0, 0, 0, 0.32);
}

.navbar-default .navbar-brand {
	margin-top: -3px;
	color: #465A66;
	font-weight: bold;
	font-size: 30px;
}

.navbar-brand span {
	color: #7EC400;
}

.navbar ul.nav-buttons {
	float: right;
	margin: 0;
	margin: -6px 0 -6px 20px;
	padding: 0;
	padding: 14px 10px;
	border-left: 1px solid #eee;
	list-style: none;
}

.navbar ul.nav-buttons li {
	display: inline-block;
}

.navbar-default .navbar-nav > li > a {
  color: #58727F;
}

.nav li a {
	color: #58727F;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	background: none;
	font-weight: bold;
}

.btn.btn-green {
	background-color: #066DC7;
	color: #fff;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.btn.btn-green:hover {
	background-color: #5A8BCC;
}

.btn.btn-blue {
	background-color: #066DC7;
	color: #fff;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.big {
	margin: 30px 0;
	padding: 16px 30px;
	font-weight: bold;
	font-size: 18px;
	line-height: 18px;
}

.med {
	margin: 0px 0;
	padding: 11px 18px;
	color: white;
	font-weight: none;
	font-size: 15px;
	line-height: 18px;
}

.btn.btn-blue:hover {
	background-color: #5A8BCC;
}

.btn.btn-grey {
	background-color: #eee;
}

.btn.btn-black {
	background-color: #0c0c0c;
}

.navbar ul.nav-buttons .btn {
	margin: 0 5px;
	padding: 5px 20px;
}


/*
    LOGIN WIDGET
*/

#login-widget .add-on{
    text-shadow:0 -1px 0 #666;
}
#login-widget form,
#login-widget-block, 
#login-widget-option{
    margin:auto;
    width:360px;
}
#login-widget form{
    margin-bottom: 10px;
}
#login-widget-block{
    position: relative;
    margin-top:200px;
    padding: 20px 20px 10px;
    width:320px;
    border-radius: 3px;
    background:#59727f;
}
#login-widget-block:after{
    position: absolute;
    bottom: -16px;
    left: 30px;
    display: block;
    overflow: hidden;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top-color: #59727f;
    content: 'v';
}

#login-widget-block .add-on{
    border-color: #8fce35;
    background:#8fce35;
    color:#fff;
}
#login-widget-block .add-on.icon-lock{
    padding-right: 14px;
}
#login-widget-block .add-on,
#login-widget-block input{
    padding: 4px 13px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
}
#login-widget-block input{
    border-color: white;
}
#login-widget-block input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 500px white inset;
}
#login-widget #login-widget-submit{
    padding: 0 13px;
    border-color: #8fce35;
    background: none repeat scroll 0 0 #8fce35;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 #333333;
    font-size: 16px;
    font-family: Fontawesome;
    line-height: 40px;
}
#login-widget #login-widget-submit .progress-inner{
    background: #588095;
}
#login-widget #login-widget-submit:hover{
    color:#fff;
}
#login-widget-user{
    width: 249px;
}
#login-widget-password{
    width: 208px;
}
#login-widget-option p{
    float:left;
    margin-left: 10px;
    color:#8fce35;
    font-weight: bold;
    font-size: 18px;
}
#login-widget-option a{
    float:right;
    margin:0 0 0 20px;
    color:#8fce35;
    font-size:13px;
}
#login-widget #login-widget-close{
    margin: -30px;
    color: #8fce35;
    line-height: 2em;
    cursor: pointer;
}
#login-widget #login-widget-close .icon-remove{
    line-height: 26px;
}
#login-widget {
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.85);
}

/*======== Content Section ========*/
.section {
	position: relative;
	overflow: hidden;
	padding: 40px 40px;
	text-align: center;
}

.grey {
	background-color: #F5F6F8;
}

.white {
	background-color: #fff;
}

.section-box {
	overflow: hidden;
	margin: 10px 0;
	padding: 20px;
	min-height: 130px;
	vertical-align: middle;
}

.box-sm {
	margin: 10px -20px;
}

.box-med {
	margin: 10px -20px;
}

#content .section:first-child h3 {
	padding-top: 0;
}

/*#content-inner + #top-nav  {
	top: 400px;
}*/

#content-wide {
	position: absolute;
	top: 530px;
	z-index: 2;
	width: 100%;
}

#content {
	position: relative;
	z-index: 2;
	background-color: #fff;
	box-shadow:0 0 5px 2px rgba(0, 0, 0, 0.12);
}

.section > p:first-child {
	margin: 0 20px;
}

/*======== FlexSlider Section ========*/
#slider-wide {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}

.flexslider {	
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
	box-shadow: none;	
}

ul.slides {
	margin: 0;
	padding: 0;
}
ul.slides li {
	list-style: none;
}

.flexslider .slides li > img {
	min-width: 100% !important;
	min-height: 100% !important;
	width: auto !important;
}

.flex-caption {
	position: absolute;
	left: 50%;
	margin-top: 64px;
	margin-left: -550px;
	width: 1100px;
}

.flex-caption h2 {
	margin-top: 100px;
	color: #fff;
	font-weight: bold;
	font-size: 50px;
}

.flex-caption h2 span {
	color: #000;
}

.flex-caption p {
	margin: 25px 0;
	width: 70%;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
	font-size: 24px;
}

.flex-caption p,
.flex-caption h2,
.flex-caption a {
	position: relative;
	z-index: 3;
}

.flex-caption .btn {
	margin-top: 20px;
	padding: 12px 24px;
	box-shadow:0 2px 3px 0px rgba(0, 0, 0, 0.12);
	font-weight: bold;
	font-size: 18px;
}

.flexslider .slides .flex-caption img { 
	position: absolute;
	right: 0;
	z-index: 1;
	width: auto !important;
}

.flex-control-paging li a { display: block;width: 10px; height: 10px; background: #373737; box-shadow: none; text-indent: -9999px; cursor: pointer; }
.flex-control-paging li a:hover { background-color: #7EC400; }
.flex-control-paging li a.flex-active { background-color: #7EC400 !important; cursor: default; }

.flex-direction-nav .flex-prev { left: 0px; }
.flex-direction-nav .flex-next { right: 0px; }

.flexslider .flex-control-nav { 
	position: absolute; 
	top: 500px; 
	z-index: 4;
	width: 100%; 
	text-align: center;
}

#testimonials .flex-control-nav { 
	position: relative;
	bottom: 0px; 
	z-index: 4;
	width: 100%; 
	text-align: center;
}

.cpanel-slide .imageWrap img {
	margin: auto !important;
	text-align: center;
	
}

.cpanel-slide .flex-control-nav { 
	position: relative;
	bottom: 0px; 
	z-index: 4;
	width: 100%; 
	text-align: center;
}

#testimonials .flex-control-paging li a { 
	width: 9px; 
	height: 9px; 
	background: #D5D5D5; 
}

.flex-direction-nav a  { 
	display: none;
}

.flex-direction-nav a:before,
.flex-direction-nav a.flex-next:before {
	content: "";
}

.flex-direction-nav a.flex-next { 
	overflow: hidden !important;
	background:url(../images/arrow-right.png);
	text-indent: 100px !important;
}


/* ------------------------------------------------------------------------ */
/*  Cloud Section
/* ------------------------------------------------------------------------ */
.cloud-benefits {
	overflow: hidden;
	margin: 40px 0 40px 0;
	padding: 0;
	background:url(../images/benefits-bg.png) no-repeat center 50px;
	list-style: none;
}

.cloud-benefits li {
	padding: 20px 10px 0 10px;
}

.cloud-benefits li:nth-child(2n) {
	margin-top: 40px;
}

.cloud-benefits li .cloud {
	display:block;
	margin:0 auto 25px auto;
	width:114px;
	height:72px;
	background:url(../images/clouds.png) no-repeat;
	content:' ';
	transition:margin 0.3s ease-out;
}

.cloud-benefits li:hover .cloud{margin:-10px auto 35px auto;background-position:0 -73px;}

/* ------------------------------------------------------------------------ */
/*  Location Section
/* ------------------------------------------------------------------------ */
#map {
    margin: 40px -40px -40px -40px;
    height: 439px;
    background: url(../images/map-full2.png) no-repeat top center;
	background-size: cover;    
}
    
#map ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#map.limited {
    background-image: url(../images/map-limited.png);
}
#map.cdn {
    height: 430px;
    background-image: url(../images/map-limited-cdn-points.png);
}
#map .points {
    position: relative;
    width: inherit;
    height: inherit;
}
#map .points .point {
    position: absolute;
    width: 24px;
    height: 25px;
    background: url(../images/pin-green.png) no-repeat;
    z-index: 1;
}

#map .points .point a {
	display: block;
	width: 24px;
	height: 25px;
}

#map .points .point:hover .tip {
    display: block;
}
#map .points .point.commingSoon {
	background: url(../images/pin-grey.png) no-repeat;
   /* background-position: -15px 0;*/
}
#map .points .c1-dal1 {
    top: 305px;
    left: 220px;
}
#map .points .c1-dal2 {
    top: 310px;
    left: 225px;
}
#map .points .c1-nyc1 {
    top: 255px;
    left: 295px;
}
#map .points .c1-chg1 {
    top: 250px;
    left: 270px;
}
#map .points .c1-dub3 {
    top: 176px;
    left: 521px;
}
#map .points .c1-lon3 {
    top: 174px;
    left: 542px;
}
#map .points .c1-lon2 {
    top: 178px;
    left: 553px;
}
#map .points .c1-ams1 {
    top: 175px;
    left: 574px;
}
#map .points .c1-fra1 {
    top: 186px;
    right: 490px;
}
#map .points .c1-lax1 {
    top: 292px;
    left: 122px;
}
#map.limited .points .c1-dal1 {
    left: 100px;
}
#map.limited .points .c1-dal2 {
    left: 100px;
}
#map.limited .points .c1-nyc1 {
    left: 150px;
}
#map.limited .points .c1-chg1 {
    left: 120px;
}
#map.limited .points .c1-dub3 {
    left: 317px;
}
#map.limited .points .c1-lon3 {
    left: 332px;
}
#map.limited .points .c1-lon2 {
    left: 340px;
}
#map.limited .points .c1-ams1 {
    left: 354px;
}
#map.limited .points .c1-fra1 {
    left: 363px;
}
#map.limited .points .c1-lax1 {
    left: 30px;
}
#map .tip {
    position: absolute;
    z-index: 200;
    display: none;
    padding: 18px 20px 15px 20px;
    width: 360px;
    border: solid 1px #e7e7e7;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 0 5px 1px rgba(182, 182, 182, 0.4);
    text-align: left;
    font-size: 1.2em;
    line-height: 1.5em;
    
}
.tip.leftBottom {
    bottom: 130%;
    left: 4px;
    -webkit-border-radius: 4px 4px 4px 0;
    -moz-border-radius: 4px 4px 4px 0;
    border-radius: 4px 4px 4px 0;
    -o-border-radius: 4px 4px 4px 0;
    /*z-index: 1000;
    position: absolute;*/
}
.tip .corner {
    bottom: -8px;
    left: -4px;
}
.tip .hdTip {
    position: relative;
    overflow: hidden;
    margin: 0 0 10px 0;
    padding: 0 0 13px 0;
    border-bottom: solid 1px #f2f2f2;
    font-size: 1.34em;
    line-height: 24px;
}
.tip .hdTip img {
    float: left;
    margin: 10px 8px 0 0;
   
}
.tip .hdTip h5 {
    float: left;
    padding-right: 0px;
    color: #000;
    font-size: 16px;
    line-height: 24px;
}
.tip .hdTip h5 span {
    color: #a4d050;
}
.tip .hdTip .icon {
    top: 4px;
    right: 0;
}
.tip p {
    margin: 0 0 10px 0;
    font-size: 13px;
    line-height: 1em;
}
.tip h6 {
    line-height: inherit;
}
.tip ul li {
    float: left;
    margin: 0 4px 0 0;
    padding: 0;
    line-height: 1em;
}
.tip ul li a {
    color: #2a61be;
    font-size: 13px;
    line-height: 1em;
}
.tip ul li a:hover {
    text-decoration: underline;
}

#map .points .c1-hkg1 {
	top: 300px;
	right: 70px;
}
#map .points .c1-vie1 {
	top: 200px;
	right: 460px;
}
#map.limited .points .c1-hkg1 {
	left: 660px;
}
#map.limited .points .c1-vie1 {
	left: 408px;
}
#map .points .c1-ckg1 {
	right: 125px;
	bottom: 22px;
}
#map .points .c1-sin1 {
	right: 143px;
	bottom: 40px;
}

.locations-wrap {
	float: left;
	width: 100%;
}
.locations-wrap .col {
	float: left;
	margin-right: 3%;
	width: 30%;
}

#map .tip.rightBottom {
	right: 14px;
	bottom: 130%;
	border-bottom-right-radius: 0;
	z-index: 200 !important;
}
#map .i_cornerRightBottom {
	background: url('../images/cornerRightBottom.png') 0 0 no-repeat;
}
#map .tip .corner.i_cornerRightBottom {
	bottom: -16px;
	left: 347px;
	z-index: 200;
	width: 13px;
	height: 16px;
	background: url('../images/cornerRightBottom.png') 0 0 no-repeat;
}

/* ------------------------------------------------------------------------ */
/*  Clietns Section
/* ------------------------------------------------------------------------ */
#clients ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

#clients ul li {
	display: inline-block;
}

/*======== Footer Section ========*/
#footer {
	padding: 40px 0;
	background-color: #F5F6F8;
	box-shadow:0 0 5px 2px rgba(0, 0, 0, 0.2);
}

#footer .footer-col {	
	padding: 0 20px;
}

#footer .col-md-4:nth-child(2){
	border-right: 1px solid #D8DEE3;
	border-left: 1px solid #D8DEE3;
}

.footer-col ul {
	margin-bottom: 30px;
	padding: 0;
	list-style: none;
}

.footer-col p {
	margin: 20px 0 0 0;
	font-size: 14px;
}

.footer-col ul li {
	padding: 10px 0;
	border-top: 1px dashed #D8DEE3;
}

.footer-col ul li a {
	display: block;
	color: #808080;
}

.footer-col ul li a:hover {
	color: #333;
}

.footer-col ul li:last-child {
	border-bottom: 1px dashed #D8DEE3;
}

#footer-bottom {
	margin-top: 20px;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
}

#footer-bottom a {
	padding: 20px 0;
	color: #fff;
	font-weight: bold;
}

#footer-bottom a:hover {
	color: #7BC500;
}

#footer-bottom ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer-bottom ul li {
	display: inline-block;
	margin-bottom: 10px;
	padding: 0 20px 0 0;
}

#copy {
	font-size: 13px;
}

#footer-bottom h4 {
	margin: 0 0 10px 0;
	color: #fff;
	text-align: right;
	font-weight: bold;
	font-size: 13px;
}

#footer-social ul {
	padding: 0;
}

#footer-social ul li {
	float: right;
	overflow: hidden;
	margin: 0 0 0 15px;
	padding: 0;
	padding: 0;
	width: 30px;
	height: 30px;
}


/* ------------------------------------------------------------------------ */
/*  INNER PAGES
/* ------------------------------------------------------------------------ */
.row {
	float: left;
	margin: 0;
	width: 100%;
}

.col-md-6,
.col-md-9,
.col-sm-6,
.col-sm-9 {
	overflow: hidden;
	padding: 15px 30px;
	text-align: left;
}

.col-md-3,
.col-sm-3 {
	padding: 15px 30px;
}

.col-md-6 p:first-child {
	margin-bottom: 30px;
	color: #777;
	font-size: 18px;
}

.col-md-4 p {
	margin-bottom: 30px;
	color: #777;
	font-size: 14px;
}

.col-md-6 p,
.col-md-9 p,
.col-sm-6 p,
.col-sm-9 p {
	margin: 0;
	margin-bottom: 20px;
	color: #444;
	font-size: 14px;
}

.align-right img {
	margin: auto;
	margin-bottom: 30px;
	text-align: right;
}

#content-inner {
	position: absolute;
	top: 110px;
	z-index: 2;
	width: 100%;
}

#top-nav + #content {
	margin-top: 50px;
}

#top-nav {
	position: relative;
	z-index: 3;
	margin-top: 0px;
	margin-bottom: -50px;
	padding: 0 20px;
	border-bottom: 1px solid #CBD3DA;
	background-color: rgba(230,235,241,0.86);
}

#top-nav ul {
	margin: 0;
	padding: 0;
}

#top-nav ul li {
	display: inline-block;
	padding: 16px 15px;
	list-style: none;
}

#top-nav ul li a {
	color: #465B66;
}

#top-nav ul li a:hover {
	color: #000000;
}

#top-nav ul li.active a {
	font-weight: bold;
}

.list-icon,
.list-check {
	padding: 0;
	color: #777777;
	list-style: none;
	text-align: left;
	font-size: 14px;
}

.list-icon li {
	margin: 10px 0 10px 25px;
}

.list-icon li .glyphicon {
	float: left;
	margin-left: -25px;
	color: #7BC500;
	font-size: 1.2em;
}
.list-icon li .glyphicon.icon-grey {
	color: #ccc;
}

.list-icon h4 {
	margin: 0 0 20px -25px;
}

.list-check li {
	position: relative;
	margin: 10px 0 10px 25px;
}

.list-check em {
	color: #111;
	font-style: normal;
}

.list-check li:before {
	float: left;
	margin-left: -25px;
	padding-right: 10px;
	color: #7BC500;
	content: "\e013";
	font-family: 'Glyphicons Halflings';
}

.content-side {
	float: left;
	padding-right: 15px;
	width: 320px;
	border-right: 1px solid #eee;
}

.content-side p {
	margin: 0;
	color: #777;
	font-size: 13px;
}

.btn-side {
	float: right;
	padding: 30px 0 0 0px;
	vertical-align: middle;
}

.thumb-lg {	
	margin: auto;
	margin-bottom: 30px;
}

.thumb-lg {	
	margin: auto;
	margin-bottom: 30px;
}

.thumb-auto {	
	margin: 40px auto;
	margin-bottom: 0;
}

.thumb-sm {
	border: 1px solid #ddd;
}

.modal-content {
  outline: none;
  border: none;
  border-radius: 0px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.modal-header {
  padding: 15px;
  min-height: 16.42857143px;
  border-bottom: 1px solid #7BC500;
  background-color: #7BC500;
}

.modal-header h4 {
	color: #fff;
}

/*======== About Us Page ========*/
.video a {
    position: absolute;
    top: 167px;
    left: 325px;
    display: block;
    width: 68px;
    height: 48px;
    border-radius: 4px;
    background: rgba(0,0,0, .8) url(../images/play.png);
}

.video a:hover {
    background-color: rgba(0,0,0, 1);
}

.video {
	position:relative;
	margin: 60px auto 0px;
	width:718px;
	height:417px;
	background:url(../images/macbook-bg.jpg) no-repeat 50% 0;
}
	
.video iframe{
	position:relative;
	top:28px;
	display:block;
	margin:0 auto;
	width: 576px;
	height: 324px;
}

#placeholder {
	position: relative;
	top: 28px;
	display: block;
	margin: 0 auto;
	width: 576px;
	height: 324px;
	cursor: pointer;
}

.nolist {
	margin: 0;
	padding: 0;
	list-style: none;
}

.list-contact {
	margin: 30px 0 0;
}

.list-contact li {
	display: inline-block;
	padding: 10px 20px;
	text-align: left;
}

.list-contact li strong {
	color: #465966;
	font-size: 16px;
}

.list-contact li a {
	color: #3368C4;
}

.list-contact li a:hover {
	color: #80C200;
}

.map-col-inner {
	padding: 0 20px;
	text-align: left;
}

.map-col p {
	margin: 0;
	text-align: ;
	font-size: 14px;
}

.img-map {
	margin-bottom: 15px;
}

.section .col-sm-4.map-col:nth-child(2)  {
	border-right: 1px solid #CBD3DA;
	border-left: 1px solid #CBD3DA;
}

#testimonials {
	margin: 50px 0;
	border-bottom: 1px solid #CBD3DA;
}

#testimonials .test-content {
	position: relative;
	float: left;
	padding: 0 20px 0 40px;
	width: 70%;
	border-left: 1px solid #EDEDED;
	text-align: left;
}

.test-content span {
	color: #333;
}

.test-content h5 {
	display: inline-block;
	margin: 0;
}

#testimonials .test-content:before {
	position: absolute;
	top: 50%;
	left: -20px;
	width: 20px;
	height: 24px;
	background: url(../images/icons.png) 0 -116px;
	content: "";
}

#testimonials blockquote {
	padding: 20px 0;
	border: none;
	color: #777;
	text-indent: -7px;
	font-size: 14px;
}

.imageWrap {
	float: left;
	padding-right: 0%;
	width: 30%;
}

.imageWrap img {
	max-width: 100%;
	height: auto;
}

/* ------------------------------------------------------------------------ */
/*  OVERVIEW PAGE
/* ------------------------------------------------------------------------ */
.overview {
    overflow: hidden;
    margin: 0 auto 60px auto;
    padding: 60px 0 0 0;
    width: 630px;
    background: url(../images/line-bg.png) no-repeat 50% 0;
}
.overview li {
    position: relative;
    float: left;
    clear: both;
    margin: 0;
    padding: 0;
    height: 240px;
    border-top: solid 1px #a4d050;
    list-style: none;
    text-align: left;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.overview li:after {
    position: absolute;
    top: -10px;
    right: -7px;
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #a4d050;
    content: ' ';}
    
.overview li:hover:after {
    top: -12px;
    right: -9px;
    width: 22px;
    height: 22px;
}
.overview .alt {
    float: right;
}
.overview .alt:after {
    right: auto;
    left: -7px;
}
.overview .alt:hover:after {
    right: auto;
    left: -9px;
}
.overview li .overviewHd {
    position: relative;
    top: -15px;
    display: inline-block;
    padding: 0 13px 0 0;
    background: #fff;
}
.overview li .overviewHd span {
    position: relative;
    top: 5px;
    display: block;
    float: left;
    padding: 0 6px 0 0;
    color: #a4d050;
    font-size: 30px;
    line-height: 14px;
}
.overview li .overviewHd h4 {
    float: left;
    margin: 0;
    color: #000;
    text-align: center;
    font-size: 20px;
    line-height: 1.4em;
}
.overview .alt .overviewHd {
    float: right;
    padding: 0 0 0 13px;
    
}
.overview .alt .overviewHd span, .overview .alt .overviewHd h4 {
    float: right;
}
.overview .pickLocation {
    position: relative;
    width: 321px;
    height: 230px;
    background: url(../images/map-bg.png) no-repeat 0 40px;
}
.overview .pickLocation .i_questionMark {
    position: absolute;
    top: 70px;
    left: 85px;
    width: 60px;
    height: 80px;
    background-position: 0 -138px;
    -webkit-transition: top 0.3s ease-out;
    -moz-transition: top 0.3s ease-out;
    -o-transition: top 0.3s ease-out;
    transition: top 0.3s ease-out;
}
.overview .pickLocation:hover .i_questionMark {
    top: 60px;
}
.overview .addResources {
    width: 344px;
    background: url(../images/processor.png) no-repeat 175px 75px;
}
.overview .addResources:hover {
    background-position: 175px 65px;
}
.overview .addResources .basket {
    position: relative;
    top: 150px;
    left: 100px;
    width: 110px;
    height: 62px;
    background: #fff url(../images/basket.png) no-repeat;
    text-indent: -900em;
}
.overview .buildServers {
    width: 350px;
    background: url(../images/axis.png) no-repeat 50px 150px;
}
.overview .buildServers .resourcesSlider {
    position: absolute;
    width: 44px;
    background: url(../images/icons.png) no-repeat;
    color: #686868;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1em;
    -webkit-transition: left 0.3s ease-out;
    -moz-transition: left 0.3s ease-out;
    -o-transition: left 0.3s ease-out;
    transition: left 0.3s ease-out;
}
.overview .buildServers .resourcesSlider * {
    display: block;
}
.overview .buildServers .resourcesSlider.top {
    top: 100px;
    left: 97px;
    padding: 10px 0 0 0;
    height: 47px;
    background-position: -61px -147px;
}
.overview .buildServers:hover .resourcesSlider.top {
    left: 127px;
}
.overview .buildServers .resourcesSlider.bottom {
    top: 169px;
    left: 68px;
    padding: 17px 0 0 0;
    height: 50px;
    background-position: -61px -195px;
}
.overview .buildServers:hover .resourcesSlider.bottom {
    left: 97px;
}
.overview .buildServers .resourcesSlider span:after {
    display: block;
    content: attr(data-start);
    font-weight: bold;
}
.overview .buildServers:hover .resourcesSlider span:after {
    content: attr(data-stop);
}
.overview .manageAnywhere {
    width: 352px;
    height: 220px;
}
.overview .manageAnywhere .devices {
    position: relative;
    top: 40px;
    left: 120px;
    width: 196px;
    height: 130px;
    background: url(../images/devices.png) no-repeat;
    text-indent: -900em;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
}
.overview .manageAnywhere:hover .devices {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}


/* ------------------------------------------------------------------------ */
/*  FEATURES PAGE
/* ------------------------------------------------------------------------ */
.features h4 {
    margin-bottom: 20px;
    text-align: center;
}

.features {
	margin: 20px 0;
}
.features h4:before {
    display: block;
    margin: 0 auto;
    height: 80px;
    background-image: url(../images/features.png);
    background-repeat: no-repeat;
    content: ' ';
}

.features .thumbnail h4:before {
    display: block;
    margin: 0 auto;
    height: 0px;
    background-image: none;
    background-repeat: no-repeat;
    content: ' ';
}
.features p {
    text-align: center;
    font-size: 14px;
}

.thumbnail {
	margin: 0 -10px;
	border: none;
	background: none;
}

.thumbnail img {
	border: 1px solid #eaeaea;
}

ul.features-legend {
	margin: 130px 0 0 0;
	padding: 0;
	list-style: none;
	text-align: left;
	font-size: 18px;
}

.features-legend li {
	position: relative;
	color: #777;
}


#overview .col-sm-3 {
	padding: 0 0 0 30px;
}

#overview .col-sm-9 {
	padding: 20px 0;
}

.features-anim {
	position:relative;
	display: block;
	margin: 0px auto 0px;
	width: auto;
	height: 340px;
	background:url(../images/macbook-bg.jpg) no-repeat 50% 0;
	background-size: contain;
}

.features-bullet {
	display: inline-block;
	margin-right: 10px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #ccc;
}

.features-active .features-bullet {
	background-color: #7EC400;
}

.features-legend li.features-active {
	color: #333;
}

/*Slider*/
.features-img-crop-container {
    overflow: hidden;
    margin-bottom: 30px;
    max-height: 500px;   
}

/* ------------------------------------------------------------------------ */
/*  PRICES PAGE
/* ------------------------------------------------------------------------ */
#currency-select {
    display: block;
    float: right;
    clear: both;
    overflow: hidden;
    margin: 20px 0;
}
#currency-select li {
    display: block;
    float: left;
    border-left: 1px solid #666;
}
#currency-select li:first-child {
    border-left: none;
}
#currency-select li a {
    display: block;
    width: 47px;
    background-color: #404040;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    line-height: 30px;
}
#currency-select li a:hover, #currency-select li a.active {
    background-color: #a4d050;
}
#currency-select li:first-child a {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
}
#currency-select .lastChild a {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
}
table.pricing {
    clear: both;
    padding-top: 25px;
    width: 100%;
    color: #949494;
    vertical-align: middle;
    text-align: center;
}
table.pricing tbody {
    background-color: #f9f9f9;
}
table.pricing td, table.pricing th {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
table.pricing td {
    height: 68px;
    font-size: 14px;
}
table.pricing td:first-child {
    width: 190px;
    background-color: #a4d050;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}
table.pricing th {
    height: 57px;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 12px;
}
table.pricing strong {
    color: #000;
}
table.extras .pound,  table.extras .dollar,  table.pricing .pound, table.pricing .dollar {
    display: none;
}
.extras {
    width: 100%;
    border-top: 1px solid #ddd;
}
.extras td {
    padding: 5px 0;
    height: 60px;
    border-bottom: 1px solid #ddd;
    vertical-align: middle;
    font-size: 12px;
}
.extras td:first-child {
    width: 320px;
    color: #777;
    text-transform: uppercase;
    font-size: 14px;
}
.extras .lastChild {
    color: #777;
    text-align: left;
    font-size: 11px;
}
.extras strong {
    display: block;
    color: #000;
    font-size: 16px;
}
.legend {
    padding: 10px 0 0 0;
    text-align: center;
}
.legend .list {
    display: inline-block;
}
.legend .list li {
    float: left;
    margin: 0 0 0 20px;
    font-size: 12px;
    line-height: 1.4em;
}
.legend .list li:first-child {
    margin-left: 0;
}

.notes {
	color: #777;
	font-size: 12px;
}

/* ------------------------------------------------------------------------ */
/*   FEATURES PAGE
/* ------------------------------------------------------------------------ */
.btn-box {
	margin: 30px auto 50px;
	width: 50%;
	color: #7BC500;
	font-size: 18px;
}

.btn-box .big {
	margin-left: 20px;
}

.row-feature {
	overflow: hidden;
	padding: 40px 0;
	text-align: left;
	/*margin: 30px 0;*/
	border-bottom: 1px solid #eee;
}

.row-feature:last-child {
	border-bottom: 0;
}

.row-feature p {
	margin: 0 0 20px 0;
	font-size: 14px;
}

.row-feature p strong {
	color: #465966;
}


/* ------------------------------------------------------------------------ */
/*  TEMPLATES PAGE
/* ------------------------------------------------------------------------ */
.preinstalls {
	overflow: hidden;
	margin: 60px auto;
	width: 800px;
}
.preinstalls .software {
    float: left;
    margin: 0 10px 30px 0;
    width: 330px;
    background: #f9f9f9;
    text-align: left;
}
.preinstalls .software .imageWrap {
    float: left;
    overflow: hidden;
    width: 118px;
    height: 118px;
    border: solid 1px #e8e8e8;
    background: #fff;
    text-align: center;
}
.preinstalls .software .imageWrap img {
    width: 118px;
    height: 118px;
    background: url(../images/preinstalls-sprite.png) no-repeat;
}
.preinstalls .software .info {
    float: right;
    margin: 0 20px 0 0;
    padding: 15px 0 0 0;
    width: 170px;
}
.preinstalls .software .info h4 {
    margin: 0 0 10px 0;
    color: #000;
    font-weight: bold;
    font-size: 16px;
}
.preinstalls .software .info p {
    overflow: hidden;
    margin: 0 0 10px 0;
    width: 100%;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.preinstalls .software .commonList2 {
    position: relative;
    top: -1px;
    clear: both;
    margin-bottom: 0;
    padding: 20px;
    border-width: 1px 1px;
    border-style: solid;
    border-color: #a4d050;
    background: #fff;
}

.preinstalls .icon {
	margin: 5px 0 0 5px;
	color: #ccc;
}

.preinstalls .btn {
	padding-right: 20px;
}

.preinstalls .software.openfiler.open .imageWrap img, .preinstalls .software.openfiler:hover .imageWrap img {
    background-position: 0 -118px;
}
.preinstalls .software.freeBSD .imageWrap img {
    background-position: -118px 0;
}
.preinstalls .software.freeBSD.open .imageWrap img, .preinstalls .software.freeBSD:hover .imageWrap img {
    background-position: -118px -118px;
}
.preinstalls .software.pbxWare .imageWrap img {
    background-position: -236px 0;
}
.preinstalls .software.pbxWare.open .imageWrap img, .preinstalls .software.pbxWare:hover .imageWrap img {
    background-position: -236px -118px;
}
.preinstalls .software.centOS .imageWrap img {
    background-position: -354px 0;
}
.preinstalls .software.centOS.open .imageWrap img, .preinstalls .software.centOS:hover .imageWrap img {
    background-position: -354px -118px;
}
.preinstalls .software.r1SoftIdera .imageWrap img {
    background-position: -472px 0;
}
.preinstalls .software.r1SoftIdera.open .imageWrap img, .preinstalls .software.r1SoftIdera:hover .imageWrap img {
    background-position: -472px -118px;
}
.preinstalls .software.ubuntu .imageWrap img {
    background-position: -590px 0;
}
.preinstalls .software.ubuntu.open .imageWrap img, .preinstalls .software.ubuntu:hover .imageWrap img {
    background-position: -590px -118px;
}
.preinstalls .software.slackware .imageWrap img {
    background-position: -708px 0;
}
.preinstalls .software.slackware.open .imageWrap img, .preinstalls .software.slackware:hover .imageWrap img {
    background-position: -708px -118px;
}
.preinstalls .software.cloudLinux .imageWrap img {
    background-position: -826px 0;
}
.preinstalls .software.cloudLinux.open .imageWrap img, .preinstalls .software.cloudLinux:hover .imageWrap img {
    background-position: -826px -118px;
}
.preinstalls .software.debian .imageWrap img {
    background-position: -944px 0;
}
.preinstalls .software.debian.open .imageWrap img, .preinstalls .software.debian:hover .imageWrap img {
    background-position: -944px -118px;
}
.preinstalls .software.elastix .imageWrap img {
    background-position: -1062px 0;
}
.preinstalls .software.elastix.open .imageWrap img, .preinstalls .software.elastix:hover .imageWrap img {
    background-position: -1062px -118px;
}
.preinstalls .software.gentooLinux .imageWrap img {
    background-position: -1180px 0;
}
.preinstalls .software.gentooLinux.open .imageWrap img, .preinstalls .software.gentooLinux:hover .imageWrap img {
    background-position: -1180px -118px;
}
.preinstalls .software.archLinux .imageWrap img {
    background-position: -1298px 0;
}
.preinstalls .software.archLinux.open .imageWrap img, .preinstalls .software.archLinux:hover .imageWrap img {
    background-position: -1298px -118px;
}
.preinstalls .software.windows .imageWrap img {
    background-position: -1416px 0;
}
.preinstalls .software.windows.open .imageWrap img, .preinstalls .software.windows:hover .imageWrap img {
    background-position: -1416px -118px;
}
.preinstalls .software.openSuse .imageWrap img {
    background-position: -1534px 0;
}
.preinstalls .software.openSuse.open .imageWrap img, .preinstalls .software.openSuse:hover .imageWrap img {
    background-position: -1534px -118px;
}
.preinstalls .software.scientificLinux .imageWrap img {
    background-position: -1652px 0;
}
.preinstalls .software.scientificLinux.open .imageWrap img, .preinstalls .software.scientificLinux:hover .imageWrap img {
    background-position: -1652px -118px;
}


/* ------------------------------------------------------------------------ */
/*  BLOG PAGE
/* ------------------------------------------------------------------------ */
.post {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #CBD3DA;
}

.post h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 0 10px;
	border-bottom: none;
	color: #465966;
	font-weight: lighter;
	font-size: 34px;
}

.post-meta {
	margin-bottom: 60px;
}

.post-meta a {
	position: relative;
	margin-right: 40px;
	color: #9797A6;
	font-size: 14px;
}

.post-meta a:hover {
	color: #5A8BCC;
}

.post-meta a:before {
  position: relative;
  margin-right: 5px;
  color: #CBD3DA;
  content: '';
 font-family: 'Glyphicons Halflings';
}


.post-meta .entry-date:before {
	content: "\e109";
}

.post-meta .author:before {
  content: "\e008";
}

.post-meta .comments:before {
  content: "\e111";
}

#nav-below {
	position: relative;
	width: 100%;
	color: #9797A6;
}

#nav-below .btn {
	position: relative;
	z-index: 20;
}

#nav-below .nav-previous {
	position: relative;
	float: left;
	color: #fff;
}

#nav-below .nav-next {
	float: right;
}

#nav-below .current-page {
	position: absolute;
	top: 0;
	z-index: 1;
	width: 100%;
	text-align: center;
	line-height: 30px;
}

/*======== Sidebar Section ========*/
.sidebar .search {
  margin: 0 0 0px 0;
  padding: 0px 0 0px 0;
  border-bottom: none;
}

.sidebar .search .field {
  position: relative;
}

.sidebar .search legend {
	display: none;
}

.sidebar .search input[type="text"] {
  padding: 10px 20px 9px 10px;
  width: 100%;
  border: solid 1px #e4e4e4;
  border-radius: 2px;
  font-size: 14px;
  line-height: 14px;
}

.sidebar .search label {
  position: absolute;
  top: 12px;
  right: 11px;
  display: block;
  width: 15px;
  height: 15px;
  background: url(../images/icons.png) no-repeat -79px -80px;
  text-indent: -900em;
}

#content .sidebar h3 {
	margin: 20px 0 0 0;
	padding: 20px 0 15px 0 !important;
	border-top: 1px solid #CBD3DA;
	border-bottom: 0;
	font-size: 22px;
}

.sidebar {
	text-align: left;
}

.sidebar .widget ul,
.sidebar .widget ul li {
	padding: 5px 0;
	list-style: none;
	line-height: 120%;
}

.sidebar .widget ul li a {
	color: #9797A6;
}

.sidebar .widget ul li a:hover {
	color: #5A8BCC;
}



/* ------------------------------------------------------------------------ */
/*   ICONS
/* ------------------------------------------------------------------------ */
.icon {
    position: absolute;
    display: inline-block;
    background: url(../images/icons.png) no-repeat;
    text-indent: -900em;
}

.i_cloud {
	position: relative;
	float: left;
	margin: -18px 10px 0 0;
	width: 58px;
	height: 36px;
	background-position: 0px -80px;
}

#footer-social .icon {
	float: right;
	padding: 0;
	width: 30px;
	height: 30px;
	opacity: 0.7;
}

.i_twitter {
    background-position: 0 -48px;
}
.i_facebook {
    background-position: -31px -48px;
}
.i_linkedin {
    background-position: -62px -48px;
}
#footer-social .icon.i_twitter:hover,
#footer-social .icon.i_facebook:hover,
#footer-social .icon.i_linkedin:hover {
     opacity: 1;
}

.i_enterprice:before {
    width: 65px;
}
.i_storage:before {
    width: 58px;
    background-position: -66px 0;
}
.i_gigabitNetworking:before {
    width: 44px;
    background-position: -125px 0;
}
.i_support:before {
    width: 62px;
    background-position: -170px 0;
}
.i_noPaperwork:before {
    width: 54px;
    background-position: -233px 0;
}
.i_cpu:before {
    width: 58px;
    background-position: -340px 0;
}
.i_flexibility:before {
    width: 48px;
    background-position: -288px 0;
}

.i_cornerLeftBottom {
    width: 13px;
    height: 8px;
    background-position: -30px 0;
}

.i_map {
    width: 15px;
    height: 14px;
    background-position: -44px 0;
}

.i_testimonialsCorner {
    width: 21px;
    height: 20px;
    background-position: 0 -117px;
}

.i_android {
    width: 15px;
    height: 19px;
    background-position: -63px -101px;
}

.i_questionMark {
    width: 60px;
    height: 86px;
    background-position: 0 -137px;
}

.i_tip {
    width: 8px;
    height: 5px;
    background-position: -94px 0;
}





#backgroundPopup {
    position: fixed;
    top:0px;
    left:0px;
    z-index:1;
    display:none;
    width:100%;
    height:100%;
    background:#000000;
}
#toPopup {
    position: fixed;
    top: 20%;
    left: 50%;
    z-index: 2;
    display: none;
    margin-left: -202px;
    width: 450px;
    border: 10px solid #ccc;
    border-radius: 3px 3px 3px 3px;
    background: none repeat scroll 0 0 #FFFFFF;
    color: #333333;
    font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
div.loader {
    position: absolute;
    top: 40%;
    left: 50%;
    z-index: 9999;
    display: none;
    margin-left: -10px;
    width: 32px;
    height: 32px;
    background: url("images/loading.gif") no-repeat scroll 0 0 transparent;
}
div.close {
    position: absolute;
    top: -24px;
    right: -27px;
    width: 30px;
    height: 30px;
    background: url("images/closebox.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
}
span.ecs_tooltip {
    position: absolute;
    top: -51px;
    right: -62px;
    display: none;
    padding: 4px 3px 2px 5px;
    width: 93px;
    height: 16px;
    border-radius: 2px 2px 2px 2px;
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    text-align: center;
    font-size: 11px;
    opacity: 0.7;
}
span.arrow2 {
    position: relative;
    top: 3px;
    left: 40px;
    display: block;
    width: 1px;
    height: 1px;
    border-top: 7px solid #000000;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}
div#popup_content {
    margin: 4px 7px;
    /* remove this comment if you want scroll bar
    overflow-y:scroll;
    height:200px
    */
}


/* ------------------------------------------------------------------------ */
/*  LOCATION TEST PAGE
/* ------------------------------------------------------------------------ */
#location-header {
	position: relative;
}

#location-header .header-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(50,50,50,0.35);
}

#location-header {
	background: #f5f5f5 no-repeat left top;
	background-size: cover;
}

#location-header h1 {
	position: relative;
	margin: 12% 0;
	color: #fff;
	text-shadow: 1px 1px 15px rgba(0,0,0,0.65);
	font-weight: 200;
	font-size: 64px;
}

#location-title {
	padding: 14px 20px;
	background-color: #323232;
	color: #ccc;
	text-align: left;
	font-size: 22px;
}

#location-title .logo-dediserve {
	margin-right: 10px;
	padding-right: 15px;
	border-right: 1px solid #666;
	color: #A9D800;
	font-weight: bold;
	font-size: 26px;
	line-height: 26px;
}

#location-title .logo-dediserve span {
	color: #fff;
}

.location-id {
	float: right;
	margin-top: 4px;
	color: #ddd;
	font-weight: bold;
	font-size: 14px;
}

.location-id img {
	margin-right: 10px;
	max-height: 24px;
}

#map-mask {
	position: relative;
	z-index: 100;
	overflow: inherit;
}

#map-mask #map {
	margin-top: -200px;
	margin-bottom: 0px;
	position: relative;
	z-index: 100;
}

#location-page #map {
    margin: -40px -40px -40px -40px;
    height: 449px;
    background: #F5F6F8 url(../images/map-full3.png) no-repeat top center;
	background-size: cover;    
}

#location-page #map .points .point:hover {
	opacity: 0.8;
	cursor: pointer;
}

#location-page #map .points .point.location-active {
    position: absolute;
    width: 24px;
    height: 28px;
    background: url(../images/pin-red.png) no-repeat;
}

#location-page h3 {
	padding: 0;
	border-bottom: none;
}

#location-page #legend {
	display: block;
	margin-top: -5px;
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #CBD3DA;
	color: #465966;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
}

#location-page .well {
	padding: 30px;
	border: none;
	border-radius: 0;
	background-color: #F5F6F8;
	box-shadow: none;
	text-align: left;
}

#location-page .well p {
	margin-bottom: 10px;
	color: #465966;
	font-size: 14px;
}

#location-page .well a {
	color: #5587D0;
}

#location-page #response {
	padding: 20px;
	border: 1px solid #E5E6EB;
	border-radius: 4px;
	background-color: #EDEFF2;
	color: #465966;
}

#location-page .well.form-inline input,
#location-page .well.form-inline select {
	display: inline-block;
	float: left;
	margin-bottom: 10px;
}

#location-select {
	padding: 20px;
	text-align: center;
}

#location-select select {
   background:url(../images/locations/arrow-select.png) no-repeat 97% center;
   width: 268px;
   padding: 10px;
   font-size: 14px;
   line-height: 1;
   border: 1px solid #ddd;
   border-radius: 4px;
   text-align: center;
   -webkit-appearance: none;
   display: none;
}

#location-select select:focus {
	outline: none;
	border: 1px solid #333;
}

/*======== New Map Points ========*/

#location-page #map .points .c1-dal1 {
    top: 30%;
    left: 13%;
}
#location-page #map .points .c1-dal2 {
    top: 31%;
    left: 14%;
}
#location-page #map .points .c1-nyc1 {
    top: 21%;
    left: 21%;
}
#location-page #map .points .c1-chg1 {
    top: 21%;
    left: 19%;
}
#location-page #map .points .c1-dub3 {
    top: 11%;
    left: 42.9%;
}
#location-page #map .points .c1-lon3 {
   top: 12%;
   left: 44%;
}
#location-page #map .points .c1-lon2 {
    top: 12%;
    left: 45%;
}
#location-page #map .points .c1-ams1 {
    top: 11%;
    left: 47%;
}
#location-page #map .points .c1-fra1 {
   top: 15%;
   left: 48%;
}
#location-page #map .points .c1-lax1 {
    top: 29%;
    left: 6.5%;
}
#location-page #map .points .c1-dx1 {
        top: 37%;
        left: 64%;
}
#location-page #map .points .c1-hkg1 {
	top: 42%;
	left: 81.5%;
}
#location-page #map .points .c1-vie1 {
	top: 16%;
	left: 50%;
}
#location-page #map .points .c1-jkt1 {
	top: 66%;
	left: 82%;
}
#location-page #map .points .c1-sin1 {
	top: 57%;
	left: 80.5%;
}
#location-page #map .points .c1-syd1 {
	top: 90%;
	left: 96.5%;
}
#location-page #map .points .c1-tor1 {
        top: 19%;
        left: 19.5%;
}
#location-page #map .points .c1-mel1 {
        top: 94%;
        left: 94%;
}
#location-page #map .points .c1-jap1 {
        top: 24%;
        left: 92%;
}
#location-page #map .points .c1-pol1 {
        top: 13%;
        left: 50%;
}
#location-page .tip .hdTip {
	border-bottom: none;
	padding: 0;
	margin: 0;
}

#location-page .tip .hdTip h5 {
    float: left;
    padding-right: 0px;
    color: #000;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
}

#location-page .tip .hdTip img {
    float: left;
    margin: 0px 8px 0 0;
}

#hosterror.error input {
    border-color: crimson;
}