@import url(/assets/bootstrap/css/bootstrap.css);
@import url(/assets/css/flat-ui.css);
@import url(/assets/css/animate.min.css);

body { background:#f0f4ff; }
p,span,div,input,select,blockquote,h1,h2,h3,h4,.h1,.h2,.h3,.h4,.btn { font-family:"Gotham Rounded A","Gotham Rounded B"; -webkit-font-smoothing:antialiased; text-rendering: optimizeLegibility; text-shadow: 0 1px 1px rgba(0,0,0,.05); }
h5, h6 { font-family: Helvetica, Arial, sans-serif; }

.container { max-width: 970px !important; }

h3, .h3 { font-size: 2em; letter-spacing: -1px; }
h4, .h4 { font-size: 1.25em; letter-spacing: -1px; }

.h4 {
	text-shadow: none;
	font-weight: 400;
	margin-bottom: 20px;
}

sup, sub {
	vertical-align: baseline;
	position: relative;
	top: -0.5em;
	font-size: 60%;
}

.navbar { background-color:#fff; padding:25px; margin-bottom:0; z-index:10; }
.mnx-nav-full { margin:15px 0 0; display:block; font-family:Helvetica, Arial, sans-serif; }
.mnx-nav-full li a { font-size:15px; font-weight:bold; }

.navbar-default .navbar-nav > li > a { color:#34495e; padding:15px; }
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus { color:#0098da; background-color: transparent; }
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus { color: #0098da; background-color: transparent; }

.mnx-nav-full li a:hover,.mnx-nav-full li a:focus { color:#0098da; }

 .mnx-nav-full li a.btn-nav-signup { color:#ffe; background-color:#2ecc71; padding: 15px 25px; margin-left: 15px; line-height: initial; font-family: arial, helvetica; }
 .mnx-nav-full li a.btn-nav-signup:hover,
 .mnx-nav-full li a.btn-nav-signup:focus { color: #ff9; background-color: #2ecc71; border-color: #2ecc71; }
 .mnx-nav-full li a.btn-nav-signup:active,
 .mnx-nav-full li a.btn-nav-signup.active { background: #7F8C8D; border-color: #7F8C8D; }
 
 .mnx-nav-full li a.btn-login {
	border: 2px solid #2ecc71;
	background: #fff;
	box-shadow: none;
	color: #21AC5C !important;
	padding: 14px 25px;
	margin-left:15px;
	line-height: initial;
	font-weight: normal;
}

 .mnx-nav-full li a.btn-login:hover,
 .mnx-nav-full li a.btn-login:focus {
	background-color: #ffffe0;
	color: #1ea356 !important;
}

.mnx-logo { width:249px; height:80px; display:block; background:#fff url(/media/MNX_medium.png) no-repeat; text-indent:-1000%; margin: 1px 0 0; padding: 0; }
.mnx-logo a { display:block; float:left; }
.LogoLogo { height:250px; text-align:right; padding-bottom:35px; }
.LogoLogo h1 { color:#1ABC9C; padding:50px 20px 10px; font-family: Helvetica, Arial, sans-serif; letter-spacing:-3px; }
.LogoLogo p { padding: 0 30px; color:#7F8C8D; font-size: 1.1em; line-height: 1.5em; }
.LogoLogo a { color:#3498DB}
.LogoLogo img.spinLoop { position:absolute; left: -50px; top: -75px; overflow:hidden;z-index: -99; }
.LogoLogo img.staticLogo { position:absolute; left: -50px; top: -75px; overflow:hidden;z-index: -99; }

.jumbo-sentence { padding:0; margin:0; background:inherit; overflow:visible; border-top:1px solid #eaeaea; box-shadow:inset 0 -5px 15px rgba(0,0,0,0.1) }
.jumbotron-front { 
	color:#F0F4FF; background-color: #2892c6;
	background-image:linear-gradient(#27a6e1 ,#168eda,#168eda,#1d93dd);
	background-image:-o-linear-gradient(#27a6e1 ,#168eda,#168eda,#1d93dd);
	background-image:-moz-linear-gradient(#27a6e1 ,#168eda,#168eda,#1d93dd);
	background-image:-webkit-linear-gradient(top,#27a6e1 0,#168eda 85%,#168eda 90%,#1d93dd 100%); 
	box-shadow: inset 0 -5px 10px rgba(0,0,0,0.1);
	padding-bottom:65px; 
	margin-bottom:0;
	}
	
	.jumbotron-front h1 { font-family: Droid Sans, Helvetica, Arial, sans-serif; color:#fff; }
	.jumbotron-front h4 { font-size:1.55em; letter-spacing:0px; font-family: helvetica, arial, sans-serif; }
	.jumbotron-front span { color: #ffa;font-weight: 400;display: inline-block;margin-bottom: 12px;padding: 8px 15px 9px 16px;background: rgba(255,255,255,.15);margin-left: -5px; }
	.jumbotron-front img.LogoChiclets { position:absolute; overflow:hidden; right:125px; top:35px; opacity:0.09; filter:alpha(opacity=9); }
	.jumbotron-front img.LogoCloud { position:absolute; overflow:hidden; right:125px; top:35px;  opacity:0.09; filter:alpha(opacity=9); }
	

.mnx-features { background-color:#fff; padding: 25px 0 0; margin-bottom:0; border-top:1px solid #eee; }
	.mnx-features h3 { margin-bottom:30px; }
	.mnx-features p { color: #333; }


.showcase-item-box { padding: 10px 25px 40px; }
.showcase-item-box h4 { 
	font-size:1.2em;
	font-weight:400;
}


.showcase-item-box img {
	line-height: 120px;
	margin: 20px auto 15px;
	text-align: center;
	vertical-align: middle;
	display:inline-block;
	height: 100px;
	width: 100px;
	}
	
.logo-featured {
	height:250px; z-index:-1; }	

.text-centered { text-align:center; }
.no-margin { margin:0; }

.bottom-menu a {
	color: #b7bdc4;
	filter: alpha(opacity=65);
	opacity: .65;
}

.bottom-menu a:hover,
.bottom-menu a:focus {
	filter: alpha(opacity=85);
	opacity: .85;
	color: #C5D7EC;
}

.bottom-menu .links a {
	display: inline-block;
	width: 15%;
	text-align: center;
	font-weight: normal;
	font-size: 14px;
	font-family: arial;
}

.bottom-menu .social {
	font-size:20px;
	text-align:center;
}

.bottom-menu .social a {
	padding: 35px 8px;
}

.bottom-menu .logo img {
	margin:0 auto 20px;
	filter: alpha(opacity=40);
	opacity: .4;
	padding-right:10px;
}

.btn-cta {
	border: 2px solid #2ecc71;
	background: #fff;
	box-shadow: none;
	color: #21AC5C;
}

.btn-cta:hover,
.btn-cta:focus {
	background: rgba(0,255,0,0.25);
	color: rgba(0,0,0,.6);
}

.LegalInformation {
	background: #fff;
	padding: 50px 0;
}

.cta {
	padding: 65px 0 55px;
}

.cta-footer {
	padding: 45px 0 65px;
	border-top: 1px solid #ecf0f2;
	background: #f0f4ff;
}

.cta-footer .btn {
	margin: 5px auto 0;
	padding: 13px 30px 15px;
}

.cta-diy {
	background: #fff -webkit-linear-gradient(rgba(0,58,91,0),rgba(0,58,91,0.02));
	background: #fff -moz-linear-gradient(rgba(0,58,91,0),rgba(0,58,91,0.02));
	background: #fff -o-linear-gradient(rgba(0,58,91,0),rgba(0,58,91,0.02));
	background: #fff -ms-linear-gradient(rgba(0,58,91,0),rgba(0,58,91,0.02));
	background: #fff linear-gradient(rgba(0,58,91,0),rgba(0,58,91,0.02));
	zoom: 1;
}

.cta-message p {
	text-align: right;
	font-size: 22px;
}

.cta-message p strong { 
	margin-right:-10px;
}

.cta-button .btn {
	font-size: 20px;
	padding: 13px 30px 11px;
	margin: 11px 0px 10px 10px;
}

/*
.btn-cta {
	border: 2px solid #2ecc71;
	background: #fff;
	box-shadow: none;
	color: #21AC5C;
}

.btn-cta:hover,
.btn-cta:focus {
	background: #2ecc71;
	color:#ffd;
}

*/




.section-title{
    position:relative;
    margin-bottom:45px;
    font-size:42px;
    line-height:70px;
    font-weight:400;
    letter-spacing:0.03em;
    text-align:center;
    text-transform:uppercase;
}

.section-title:after{
    display:block;
    content:"";
    width:100px;
    height:4px;
    position:absolute;
    left:50%;
    bottom:-15px;
    margin-left:-50px;
    background:#5cc9df;
    border-radius:3px;
    box-shadow:0 2px 0 rgba(0,0,0,0.08);
}

.section-description {
    text-align:center;
    font-size:20px;
    font-weight:400;
	margin-bottom:60px;
}

.subsection-title{  
    text-align:center;
    margin-top:80px;
}

.subsection-description {
    text-align:center;
	margin-bottom:60px;
}

#pricing-main {
	box-shadow: inset 0 -5px 10px rgba(0,0,0,0.035);
	padding-bottom: 75px;
}

.pricing-main {
	padding:15px 0 0;
}

.pricing-main .item {
    position:relative;
    top:15px;
    background:rgba(255,255,255,1);
    padding-top:40px;
    padding-bottom:40px;
    border-radius:5px;
    box-shadow:5px 5px 0 rgba(0,0,0,0.05);
    -webkit-transition:all .15s ease-out;
    transition:all .15s ease-out;
	color: rgba(0,0,0,0.65);
	zoom: 1;
	filter: alpha(opacity=70);
	opacity: .7;
}

.pricing-main .item.featured {
    top:0;
	 background: #36AFE7;
    padding-top:50px;
    padding-bottom:60px;
}


.pricing-main .item.basic:hover {
	background: #FDF19A;
}

.pricing-main .item.plus:hover {
	background: #5EBBF8;
}

.pricing-main .item.pro:hover {
	background: #68D286;
}

.pricing-main .item:hover {
	background-image: linear-gradient(to bottom,rgba(255,255,255,0.05) 40%,rgba(0,0,0,.05) 95%);
	background-image: -webkit-linear-gradient(top,rgba(255,255,255,0.05) 40%,rgba(0,0,0,.05) 95%);
	background-image: -moz-linear-gradient:(top,rgba(255,255,255,0.05) 40%,rgba(0,0,0,.05) 95%);
	background-image: -o-linear-gradient:(top,rgba(255,255,255,0.05) 40%,rgba(0,0,0,.05) 95%);	 
	filter: alpha(opacity=100);
	opacity: 1;
}

.pricing-main .item h2,
.pricing-main .item.featured:hover h2 {
	margin: 0 auto;
	border-bottom: 1px solid rgba(0,0,0,0.06);
	padding: 0px 0 20px;
	font-size: 40px;
	font-weight: 100;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.15),1px 1px 1px rgba(255,255,255,.4);
	width: 70%;
}

.pricing-main .item h3 {
	font-size: 50px;
	font-weight: 100;
	margin: 0 auto;
	padding: 20px 0 18px;
	border-top: 1px solid rgba(255,255,255,.25);
	border-bottom: 1px solid rgba(0,0,0,0.06);
	position: relative;
	left: -1%;
	width: 70%;
}

.pricing-main .item:hover h3 {
	font-weight: 400;
}

.pricing-main .item h3 small {
	color: inherit;
	position: relative;
	top: -.25em;
}

.pricing-main .item div {
	font-size: 16px;
	display: block;
	margin: 0 auto;
	padding: 25px 0 10px;
	border-top: 1px solid rgba(255,255,255,.25);
	width: 70%;
}

.pricing-main .item .icon {
    display:inline-block;
    margin-bottom:25px;
    background:#CDE1E9;
    width:120px;
    height:120px;
    border-radius:50%;
    font-size:48px;
    line-height:120px;
    color:#fff;
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out;
}

.pricing-main .item.featured .icon,
.pricing-main .item:hover .icon{
    color:#68D286;
    background:#fff;
}

.pricing-main .item .btn-jmw {
    margin-top:20px;
    margin-bottom:0;
    font-size:16px;
    padding: 12px 25px 10px;
	 font-weight: 400;
}

.pricing-main .item.featured .btn-jmw,
.pricing-main .item:hover .btn-jmw {
	background: #fff;
	color: rgba(0,0,0,0.85);
}

.pricing-main .item .price {
    font-size:48px;
    font-weight:100;
    line-height:50px;
}

.btn-jmw {
	border: none;
	font-family: inherit;
	font-size: inherit;
	cursor: pointer;
	padding: 15px 30px;
	display: inline-block;
	margin: 20px 0;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
	font-weight: 600;
	outline: none;
	position: relative;
	background: #5cc9df;
	color: #fff;
	box-shadow: 0 4px rgba(0,0,0,0.07);
	border-radius: 5px;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}

.btn-jmw:hover, .btn-jmw:focus {
	color: #fff;
	box-shadow: none;
	border: 2px solid rgba(0,0,0,0.75);
	margin-bottom: -4px !important;	
}
 


#mc_embed_signup { padding:30px 0 25px; background-color:#f0f4ff; }
#mc_embed_signup p { font-weight:100; font-family: helvetica, arial, sans-serif; font-size: 1.3em; }
#mce-EMAIL { font-size:1.5em; width:15em; margin-left:-10px; border:1px solid #ddd; }
	#mce-EMAIL:focus { border:3px solid #bdc3c7; }
#mc-embedded-subscribe { margin-left:10px; }
#footer { text-align:right; padding:50px 0; box-shadow:inset 0 0 25px rgba(0,0,0,0.2); }

@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700Droid+Serif:400italic,700italic);
@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }
    to { 
        -webkit-transform: rotate(360deg);
    }
}

.spinLoop {
    -webkit-animation-name: spin; 
    -webkit-animation-duration: 75s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}	


/* Devices (tablets, 768px and less) */
@media (max-width:767px) {
	.navbar { min-width:265px; }
	.mnx-nav-full li a { text-align:center; }
	.mnx-nav-full li a.btn-nav-signup { margin-left:0; }
	.mnx-logo { text-align:center; width:150px; height:50px; display:block; background:#fff url(/media/logo_sm_white_bg.png) no-repeat 0 0; margin: 0 auto; }
	.mnx-logo a { width:100%; display:block; background-position:0px 0px; float:left; }
	.LogoLogo { height:inherit; text-align:center; }
	.LogoLogo img { height:0; width:0; display:none; }
	.jumbotron-front { padding:20px 15px 35px; }
	.jumbotron-front h1 { font-size:44px; }
	.jumbotron-front h4 { font-size:24px; }


	#mce-EMAIL { text-align:center; width:100%; margin-left:0px; }
	#mc-embedded-subscribe { margin-left:0px; }
	#footer { text-align:center !important; }
	#bottom-logomark { display:block; margin-bottom:25px; }
}

/* Devices (tablets, 768px and more) */
@media (min-width: 767px) {
	/*Pricing Page*/
	.no-space-pricing [class^="col-"],
	.no-space-pricing [class*=" col-"] {
		padding: 0;
	}	
	/*End Pricing Page*/
}

/* Medium Devices (Desktops, 992px and less) */
@media (max-width: 992px) {
	/*Pricing Page*/
	.price-active,
	.pricing:hover {
		margin-top: 0;
	}

	.no-space-pricing .price-active .pricing-head h4,
	.no-space-pricing .pricing:hover .pricing-head h4 {
		padding: 5px 0;
		font-size: 70px;
	}	
	/*End Pricing Page*/
}


 

label.package-input { display:inline-block; /* font-family:arial; */ /* color:#000000; */ font-size:13px; font-weight:normal; /* width:168px; */ cursor:pointer; background-color:#ffffff; padding:12px; margin:0px 18px 18px 0px; border:1px solid #B2BCC0; border-radius:4px; box-shadow:0 0 5px #E7E7E7 inset; text-align:left; line-height:20px; }
input[type="radio"].package-input { display:none; }
input[type="radio"]:checked.package-input + .package-input { border:1px solid #0a0aaa; color:#ffffff; background-color:#27a6e1; box-shadow:none; }

label.region-input  { display:inline-block; /* font-family:arial; */ /* color:#000000; */ font-size:15px; font-weight:bold; /* width:168px; */ cursor:pointer; background-color:#ffffff; padding:12px; margin:0px 18px 18px 0px; border:1px solid #B2BCC0; border-radius:4px; box-shadow:0 0 5px #E7E7E7 inset; text-align:center; line-height:40px; }
input[type="radio"].region-input { display:none; }
input[type="radio"]:checked.region-input + .region-input { border:1px solid #0a0aaa; color:#ffffff; background-color:#27a6e1; box-shadow:none; }

label.region-input-greyed { display:inline-block; /* font-family:arial; */ /* color:#000000; */ font-size:13px; font-weight:normal; /* width:168px; */ cursor:pointer; background-color:#e9e9e9; padding:12px; margin:0px 18px 18px 0px; border:1px solid #B2BCC0; border-radius:4px; box-shadow:0 0 5px #E7E7E7 inset; text-align:left; line-height:40px; }

.vm-pricing { display: block; border-bottom: 1px solid #a1a1a1; padding: 15px 10px 15px; width: 140px; text-align: center; }
.vm-pricing .monthly {display: block; text-transform: lowercase; }
.vm-pricing .hourly {font-size: 14px;}
.vm-pricing .hourly .period  {font-size: 12px;}
.vm-pricing .dollar { display: inline-block; font-size: 16px; line-height: 10px; vertical-align: top; position: relative; left: 2px; padding: 1px 1px 0 0; }
.vm-pricing .monthly .cost { font-size: 32px; font-weight: 600; }
.vm-pricing .period { font-size: 16px; position: relative; right: 3px; }

.details span { display: block }
.details { margin-top: 15px; color: #393939; text-align: center; }