@charset "utf-8";
@import "reset.css";

.logo {display:block}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	.logo {
                display:none;
	}
}
/*-----------------------------------------------------------------------------
RIBBONS
-----------------------------------------------------------------------------*/
#featured .ribbon-free { z-index: 500;}
#featured .ribbon-new { z-index: 500;}
.ribbon-free{ background:url(/assets/images/ribbon-free.png) no-repeat; width:109px; height:109px; position:absolute; top:0; right:0; }
.ribbon-new{ background:url(/assets/images/ribbon-new.png) no-repeat; width:109px; height:109px; position:absolute; top:0; right:0; }

/*-----------------------------------------------------------------------------
SIGN-IN STYLYING
-----------------------------------------------------------------------------*/
#login { position: relative; z-index: 2;}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	#login {
                padding-right:12px;
	}
}
#login-popout { position: absolute; right:-5px; top:39px; height: 205px; width: 250px; padding: 20px; background: #ebebeb; border: 1px solid #ccc; z-index: 9999; display:none; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: #444 0px 3px 10px;}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	#login-popout {
                right:0;
	}
}
.mobile-menu {
        position: absolute;
        top: -9999px;
        left: -9999px;
}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	.mobile-menu {
                position:relative;
                display:block;
                top:0;
                left:0;
	}
}
.login-message {margin-top:-2px; font-size:11px; color:#fff}
.login-message span {color:#fff}
.login-separator {height:1px;width:100%;background-color:#ddd;margin-top:3px;margin-bottom:12px}
.forgot-pass {font-size: 12px;margin-top: -4px;margin-bottom: 10px}
.how-do-i {margin-top:5px;margin-left:5px;font-size:12px}
#featured #intro-theme { z-index: 1;}

/*-----------------------------------------------------------------------------
BACKGROUND FIX
-----------------------------------------------------------------------------*/
#sidebar ul ul li a:hover {background: transparent none!important;}
#sidebar ul li li:hover {background: transparent none!important;}

/*-----------------------------------------------------------------------------
BODY STYLYING
-----------------------------------------------------------------------------*/
body {background: #fff;-webkit-font-smoothing: antialiased}
#body_landing {background-color:transparent}
#body_themes {background:#fff;-webkit-font-smoothing: antialiased;}
#theme-bar {background: url(/assets/images/navbar.png) no-repeat;width: 925px;height: 52px;margin-top:25px;padding: 15px 0 0 15px;font-family: arial;font-weight: bold;}
a {color:#29489D;}
a:hover {color:#29489D;}
.landing-container {max-width:340px;position:relative;}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	.landing-container {
		width:100%;
	}
}
.landing-mt-n500 {margin-top:-500px;}
.statement {font-size:49px;font-family:Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif;font-weight:bold;padding-top:65px;color:#000}
.statement-teaser {padding-top:30px;padding-bottom:5px;font-size:22px;font-weight:normal;line-height:1.4em;color:#555}
.page-statement {margin-bottom:12px;padding-top:3px}
.page-statement span {font-family: 'Myriad Pro', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;font-size: 26px;line-height: 32px; padding: 7px 0px 12px 0;font-weight:normal;color:#333}
.page-statement-teaser span {color: #888;font-size: 16px;font-weight: normal;line-height: 22px;margin-bottom:25px}
.major-point span {font-size: 24px;line-height: 1.7em;margin-bottom: 0.3em;font-weight:bold;color:#333}
.major-content {margin-bottom:25px;padding-top:25px}
.major-content span {font: normal 15px/19px 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;margin-top: 15px;line-height: 1.65em}
.firstbutton {padding-top:18px;margin-bottom:20px;float:left;margin-left:10px}
.secondbutton {float:right;padding-top:18px}
.landing-btn {
	display: inline-block;
	padding: 9px 15px 10px;
	margin-bottom: 0;
	background: #7ab55c;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4545em;
	-webkit-font-smoothing: antialiased;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 3px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration:none;
}
.landing-btn:hover{
	background: #7ab55c;
	color: #fff;
	text-decoration:none;
    	opacity: .9
}
.landing-btn:hover{
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: scale(0.98, 0.98) translateY(2px);
    -ms-transform: scale(0.98, 0.98) translateY(2px);
    -o-transform: scale(0.98, 0.98) translateY(2px);
    transform: scale(0.98, 0.98) translateY(2px)
}
.landing-btn-disabled {
	display: inline-block;
	padding: 9px 15px 10px;
	margin-bottom: 0;
	background: #888;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4545em;
	-webkit-font-smoothing: antialiased;
	color: #aeaeae;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 3px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration:none;
	opacity: .5
}
.x-large {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 3.9em;
	line-height: 1.15em;
	letter-spacing: 0.02em;
	/*text-shadow: #eee 1px 1px 0px;*/
}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	.x-large {
		font-size: 3.4em;
                line-height: 1.08em;
                letter-spacing: 0.02em;
	}
}
.headline {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	color: #444;
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
}
.subheadline {
	font-size: 1.8em;
	line-height: 1.433em;
	color:#444;
}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	.subheadline {
                padding-top:15px;
		font-size: 1.46em;
                line-height: 1.5em;
	}
}
.headline-fluid {
	margin:15px 0 15px 0;color:#444;font-weight:normal;font-size: 2.857em;line-height: 1.25em;text-align:center
}
.subheadline-fluid {
	margin:0 10% 25px 10%;color:#444;font-weight:normal;font-size: 1.5em;line-height: 1.5em;text-align:center
}
.inner-headline {font-family:Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif; font-size: 45px; color:#000; margin-top:55px; margin-bottom:30px;line-height:1.3em}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	.inner-headline {
		text-align:center;
	}
}
.inner-subheadline {padding-top:-10px;color:#777;font-size:22px;line-height:1.3em}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	.inner-subheadline {
		text-align:center;
	}
}
.inner-headline-img {float:left;padding-right:50px;margin-top:-30px}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	.inner-headline-img {
		display:none;
	}
}

.container-centered {
        margin-right: auto;
        margin-left: auto;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        min-width: 40%;
        max-width: 46.8%;
}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	.container-centered {
		width:100%;
                max-width: 80%;
	}
}
.container-centered:after {
        content: "";
        display: table;
        clear: both;
}
.parallax-mirror {height:476px}
.parallax-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 476px;
	margin-top:0px;
	z-index: -1;
	display: block;
}
#inset-shadow-bar {
    height: 411px;
    width: 100%;
    -moz-box-shadow:    inset  0  8px 8px -8px #696868,
                        inset  0 -8px 8px -8px #696868;
    -webkit-box-shadow: inset  0  8px 8px -8px #696868,
                        inset  0 -8px 8px -8px #696868;
     box-shadow:        inset  0  8px 8px -8px #696868,
                        inset  0 -8px 8px -8px #696868;
}
.editorial-container {
	padding-right: 2%;
	height: 37.8em;
}
.editorial-img {
	background-clip: padding-box;
	background-origin: padding-box;
	background-repeat: no-repeat;
}
.editorial-left .editorial-img {
	background-position: 30% bottom;
}
.editorial-right .editorial-img {
	background-position: 83% bottom;
}
.editorial-left .containerCentered .editorial-container:first-child {
	float: right;
}
.editorial-cell {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5em;
	max-width:49%;
	margin-top:70px;
}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	.editorial-cell {
                max-width: 85%;
                margin-top:13.5%;
	}
}
.editorial-cell-button {
	vertical-align: middle;
	line-height: 1.5em;
	max-width:49%;
}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	.editorial-cell-button {
                max-width:100%;
	}
}
.editorial p {
	padding-top: 6px;
	padding-bottom: 9px;
}
.editorial {
	min-height: 37.8em;
}
.hero-bg, .editorial-bg {
	overflow: hidden;
}
/*-----------------------------------------------------------------------------
TOP NAV STYLYING
-----------------------------------------------------------------------------*/
#top{height:65px;width:100%;margin:0 auto;z-index:1000;-webkit-box-shadow: 0px 0px 4px #000;-moz-box-shadow: 0px 0px 4px #000;box-shadow: 0px 0px 4px #000;}
#top h1{display:none;}
#top img.logo-title{float:left;display:block;margin-top:18px;}
#topcontainer {height:65px;}
#login a.login-button{background:url(/assets/images/ico-arrow-down.png) no-repeat right center;line-height:21px;text-transform:uppercase;font-weight:700;font-size:14px;padding-right:12px;color:#fff;}
#login a.login-button-alternative{background:url(/assets/images/ico-arrow-up.png) no-repeat right center!important;}

.mobile-request-callback {margin-top:-84px;margin-left:100px;display:none}
.mobile-request-callback a, .mobile-request-callback a:hover {color:#333}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	.mobile-request-callback {
		display:block;
                visibility: visible;
	}
}
/*-----------------------------------------------------------------------------
TOP NAV STYLYING
-----------------------------------------------------------------------------*/
#top-nav{margin-left:190px;padding-top:17px;}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	#top-nav {
		margin-left:0;
	}
}
#top-nav a:hover{text-decoration:underline;}
#top-nav ul{padding:0;}

/*-----------------------------------------------------------------------------
TOP NAV BUTTONS STYLYING
-----------------------------------------------------------------------------*/
.keep-nav-closed {max-width:633px}
#nav{height:30px;display:block;visibility: visible}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	#nav {
            display:none;
            height: auto;
            background-color:#111;
            opacity: 0.91;
            -moz-opacity: 0.91;
            margin-top:48px;
            position: absolute;
            width:100%;
	}
}


#nav, #nav ul{list-style:none;line-height:1;z-index:2;padding:0;}
#nav a{display:block;line-height:30px;z-index:2;padding:0 10px;color:#fff;font-size:14px;font-weight:700;}
#nav li{float:left;line-height:30px;margin-right:15px;}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	#nav li {
		float:none;
                margin-bottom:10px;
	}
}
#nav li a{color:#fff;text-decoration:none;padding:0 0 0 11px;}
#nav li a span{display:inline-block;height:30px;padding:0 10px 0 0;}
#nav li a:hover,#nav li.active a,#nav li.current_page_item a{background:url(/assets/images/top-nav-left.png) no-repeat left;color:#000;cursor:pointer;text-decoration:none;}
#nav li.active a span,#nav li.current_page_item a span,#nav li a:hover span{background:url(/assets/images/top-nav.png) no-repeat right;}

/*-----------------------------------------------------------------------------
SIGN-IN BOX STYLYING
-----------------------------------------------------------------------------*/
#login-popout h3 { padding:0; color:#222;}
#login-popout .gravatar { border: 1px solid #ddd; margin-top:3px; }
#login-popout #login-top { padding:0 0 9px; margin:0 0 9px 0; }
#login-popout #login-top h3 { padding:0; margin:0; }
#login-popout .form-bot { margin:5px 0 0; }
#login-popout ul li { padding:5px 0; }
#login-popout ul li a { font-weight:700; font-size:14px; text-decoration:underline; }
#login-popout ul li a:hover { color:#000; }
#login-popout ul li img { vertical-align:bottom; margin-right:10px; }
#login-popout input#userid, #login-popout input#password { background-color:#fff; border:1px solid #bebebe; padding: 5px; width:154px; margin:0 0 5px; color:#222 ; border-top:1px solid #bebebe; border-left:1px solid #bebebe; border-bottom:1px solid #f3f3f3; border-right:1px solid #f3f3f3; }
#login-popout label { padding: 5px; }

/*-----------------------------------------------------------------------------
COMMON PAGE HEADING
-----------------------------------------------------------------------------*/
#page-heading {background-color:#f0f0f0; height:85px;border-top:1px dotted #fff;border-bottom:1px dotted #ccc}
#page-heading p.description{padding-top:12px;color:#fff;font-size:16px;text-shadow: black 1px 1px 0px;}
#page-heading #page-title {float:left;margin-top:11px;}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	#page-heading #page-title {
		margin-top:20px;
	}
}
#page-heading #page-title h2 {font-size:2.7em; letter-spacing:-1.2px; color:#888; display:block; padding:0; margin:0; text-shadow: white 1px 1px 0px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;line-height: 1.3em}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	#page-heading #page-title h2 {
		font-size:2.3em;
                padding-left:12px;
	}
}
#page-heading #page-title h2.page {display:block; padding:0; margin:0; font-size:36px; color:#fff; }
#page-heading p.page-description{padding:0; color:#fff; font-size:16px; }

/*-----------------------------------------------------------------------------
BLUEPRINT PAGE HEADING
-----------------------------------------------------------------------------*/
#page-heading-blueprint {background:#fff url(/assets/images/bg-mid-tile-blueprint.gif) repeat-x; height:85px;}
#page-heading-blueprint p.description{padding-top:12px;color:#fff;font-size:16px;text-shadow: black 1px 1px 0px;}
#page-heading-blueprint #page-title {float:left;margin-top:30px;}
#page-heading-blueprint #page-title h2 {font-size:2.7em; letter-spacing:-1.2px; color:#fff; display:block; padding:0; margin:0; text-shadow: black 1px 1px 0px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif}
#page-heading-blueprint #page-title h2.page {display:block; padding:0; margin:0; font-size:36px; color:#fff; }
#page-heading-blueprint p.page-description{padding:0; color:#fff; font-size:16px; }

/*-----------------------------------------------------------------------------
COOL BLUE PAGE HEADING
-----------------------------------------------------------------------------*/
#page-heading-coolblue {background-color:#2BA6CB; height:85px;}
#page-heading-coolblue p.description{padding-top:12px;color:#fff;font-size:16px;text-shadow: #ccc 1px 1px 0px;}
#page-heading-coolblue #page-title {float:left;	margin-top:30px;}
#page-heading-coolblue #page-title h2 {font-size:2.7em; letter-spacing:-1.2px; color:#fff; display:block; padding:0; margin:0; text-shadow: black 1px 1px 0px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif}
#page-heading-coolblue #page-title h2.page {display:block; padding:0; margin:0; font-size:36px; color:#fff; }
#page-heading-coolblue p.page-description{padding:0; color:#fff; font-size:16px; }

/*-----------------------------------------------------------------------------
GREEN PAGE HEADING
-----------------------------------------------------------------------------*/
#page-heading-green {background-color:#13881b; height:85px;}
#page-heading-green p.description{padding-top:12px;color:#fff;font-size:16px;text-shadow: #ccc 1px 1px 0px;}
#page-heading-green #page-title {float:left;margin-top:30px;}
#page-heading-green #page-title h2 {font-size:3.7em; letter-spacing:-1.5px; color:#fff; display:block; padding:0; margin:0;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif}
#page-heading-green #page-title h2.page {display:block; padding:0; margin:0; font-size:36px; color:#fff; }
#page-heading-green p.page-description{padding:0; color:#fff; font-size:16px; }

/*-----------------------------------------------------------------------------
VIEW THEME IN APP STORE
-----------------------------------------------------------------------------*/
#theme-heading2 {background:url(/assets/images/bg-viewapp-tile2.jpg) top center; height:307px; }
#theme-heading2 #theme-title { float:left; margin-top:47px; width:440px;}
#theme-heading2 #theme-screenshot {position:relative;background:url(/assets/images/bg-intro-theme.png) no-repeat;float:right;width:462px;height:239px;display:block;margin-top:26px;padding-top:28px;overflow:hidden;}
#theme-heading2 #theme-title h2 { display:block; padding:0; margin:0; font-size:35px; color:#3e3e3e;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif}
#theme-heading2 p { margin-top:30px; padding:0; color:#3e3e3e; font-size:19px; line-height:24px; }
#theme-heading2 .ribbon-free{ background:url(/assets/images/ribbon-free.png) no-repeat; width:109px; height:109px; position:absolute; top:0; right:0; }
#theme-heading2 .ribbon-new{ background:url(/assets/images/ribbon-new.png) no-repeat; width:109px; height:109px; position:absolute; top:0; right:0; }

/*-----------------------------------------------------------------------------
CONTENT LAYOUT
-----------------------------------------------------------------------------*/
.content{width:940px;margin:0 auto;padding:0;}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	.content {
		width:100%;
	}
}
#main{margin:10px 0 20px;}
#main .col-left { float:left; width:580px; margin-bottom:20px; }
#main .col-right { float:right; width: 340px; margin-bottom:20px; }
#main .equal-col-left { float:left; width:460px; margin-bottom:20px; }
#main .equal-col-right { float:right; width:460px; margin-bottom:20px; }
#main .single-theme .col-left { margin-bottom:0px; }

/*-----------------------------------------------------------------------------
BLUE BUTTON
-----------------------------------------------------------------------------*/
.blue-button {height:30px; background-image:url(/assets/images/sprites/sprite.png); background-position:left 63px; margin:2px 10px 0 0; float:right; text-shadow: #555 0px 1px 1px;padding:4px 3px 4px 3px; position:relative; display:inline; color:white; font-size:16px; font-weight:bold; line-height:22px; white-space:nowrap;}
.blue-button span {color:#fff;text-decoration:none;}
.blue-button .blueleft {height:30px; background-image:url(/assets/images/sprites/sprite.png); width:10px; background-position:left 30px; position:absolute; left:-10px; top:0;}
.blue-button .blueright {height:30px; background-image:url(/assets/images/sprites/sprite.png); width:10px; background-position:right 30px; position:absolute; right:-10px; top:0;}
.blue-button:hover {background-position:left 129px; text-decoration:none; color:#fff;}
.blue-button:hover .blueleft {background-position:left 96px;}
.blue-button:hover .blueright {background-position:right 96px;}
.big-blue-button {height:36px; background-image:url(/assets/images/sprites/sprite.png); background-position:left 866px; margin:2px 10px 0 0; float:right; text-shadow: #555 0px 1px 1px;padding:4px 3px 4px 3px; position:relative; display:inline; color:white; font-size:17px; font-weight:bold; line-height:36px; white-space:nowrap;}
.big-blue-button span {color:#fff;text-decoration:none;}
.big-blue-button .blueleft {height:44px; background-image:url(/assets/images/sprites/sprite.png); width:10px; background-position:left 820px; position:absolute; left:-10px; top:0;}
.big-blue-button .blueright {height:44px; background-image:url(/assets/images/sprites/sprite.png); width:10px; background-position:right 820px; position:absolute; right:-10px; top:0;}
.big-blue-button:hover {background-position:left 958px; text-decoration:none; color:#fff;}
.big-blue-button:hover .blueleft {background-position:left 912px;}
.big-blue-button:hover .blueright {background-position:right 912px;}

/*-----------------------------------------------------------------------------
GREEN BUTTON
-----------------------------------------------------------------------------*/
.green-button {height:30px; background-image:url(/assets/images/sprites/sprite.png); background-position:left 193px; margin:2px 10px 0 0; float:right; text-shadow: #2C7B05 0px 1px 1px;padding:4px 3px 4px 3px; position:relative; display:inline; color:white; font-size:16px; font-weight:bold; line-height:22px; white-space:nowrap;}
.green-button span {color:#fff;text-decoration:none;}
.green-button .greenleft {height:30px; background-image:url(/assets/images/sprites/sprite.png); width:10px; background-position:left 160px; position:absolute; left:-10px; top:0;}
.green-button .greenright {height:30px; background-image:url(/assets/images/sprites/sprite.png); width:10px; background-position:right 160px; position:absolute; right:-10px; top:0;}
.green-button:hover {background-position:left 259px; text-decoration:none; color:#fff;}
.green-button:hover .greenleft {background-position:left 226px;}
.green-button:hover .greenright {background-position:right 226px;}

/*-----------------------------------------------------------------------------
GRAY BUTTON
-----------------------------------------------------------------------------*/
.gray-button {height:30px; background-image:url(/assets/images/sprites/sprite.png); background-position:left 453px; margin:2px 10px 0 0; float:right; text-shadow: #666 0px 1px 1px;padding:4px 3px 4px 3px; position:relative; display:inline; color:white; font-size:16px; font-weight:bold; line-height:22px; white-space:nowrap;}
.gray-button span {color:#bbb;text-decoration:none;}
.gray-button .grayleft {height:30px; background-image:url(/assets/images/sprites/sprite.png); width:10px; background-position:left 420px; position:absolute; left:-10px; top:0;}
.gray-button .grayright {height:30px; background-image:url(/assets/images/sprites/sprite.png); width:10px; background-position:right 420px; position:absolute; right:-10px; top:0;}
.gray-button:hover {background-position:left 519px; text-decoration:none; color:#fff;}
.gray-button:hover .grayleft {background-position:left 486px;}
.gray-button:hover .grayright {background-position:right 486px;}

/*-----------------------------------------------------------------------------
RED BUTTON
-----------------------------------------------------------------------------*/
.red-button {height:30px; background-image:url(/assets/images/sprites/sprite.png); background-position:left 583px; margin:2px 10px 0 0; float:right; text-shadow: #666 0px 1px 1px;padding:4px 3px 4px 3px; position:relative; display:inline; color:white; font-size:16px; font-weight:bold; line-height:22px; white-space:nowrap;}
.red-button span {color:#fff;text-decoration:none;}
.red-button .redleft {height:30px; background-image:url(/assets/images/sprites/sprite.png); width:10px; background-position:left 550px; position:absolute; left:-10px; top:0;}
.red-button .redright {height:30px; background-image:url(/assets/images/sprites/sprite.png); width:10px; background-position:right 550px; position:absolute; right:-10px; top:0;}
.red-button:hover {background-position:left 649px; text-decoration:none; color:#fff;}
.red-button:hover .redleft {background-position:left 616px;}
.red-button:hover .redright {background-position:right 616px;}

/*-----------------------------------------------------------------------------
METALLIC BUTTON
-----------------------------------------------------------------------------*/
.metallic-button {height:30px; background-image:url(/assets/images/sprites/sprite.png); background-position:left 712px; margin:2px 10px 0 0; float:right; text-shadow: #fff 0px 1px 1px;padding:4px 3px 4px 3px; position:relative; display:inline; color:white; font-size:16px; font-weight:bold; line-height:22px; white-space:nowrap;}
.metallic-button span {color:#222;text-decoration:none;}
.metallic-button .metallicleft {height:30px; background-image:url(/assets/images/sprites/sprite.png); width:10px; background-position:left 680px; position:absolute; left:-10px; top:0;}
.metallic-button .metallicright {height:30px; background-image:url(/assets/images/sprites/sprite.png); width:10px; background-position:right 680px; position:absolute; right:-10px; top:0;}
.metallic-button:hover {background-position:left 776px; text-decoration:none; color:#777;}
.metallic-button:hover .metallicleft {background-position:left 744px;}
.metallic-button:hover .metallicright {background-position:right 744px;}

/*-----------------------------------------------------------------------------
LANDING PAGE FEATURES
-----------------------------------------------------------------------------*/
#features { width:600px; float:left; }
#features h3 { padding:0; }
#features .block { width:280px; float:left; margin:0 20px 15px 0; }

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	.section {
		text-align: center;
	}
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF THREE  */
.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 66.1%;
}
.span_1_of_3 {
	width: 32.2%;
}
.section.group h3
{
	font: 15px Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif; color:#333;font-weight:bold
}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	.section.group h3 {
		font-size:17px;
                padding-top:12px;
	}
}
.section.group div
{
	/*font: 13px/17px Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif; color:#444; margin-top:2px*/
        font-family: Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif;
        color:#444;
        margin-top:2px
}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	.section.group div {
		font-size:15px;
                padding-bottom: 5px;
	}
        .section.group table div {
		font-size:13px;
	}
}
.section.group div ul
{
	margin-top:-8px; line-height:1.6em
}
.section.group div ul li
{
	padding-bottom:6px;
        font: 13px/17px Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif;
}
.arrow-icon-blue
{
	float:left;padding-right:3px; margin-top:6px;background: url(/assets/images/ico-bullet-arrow.png) no-repeat;width:12px;height:7px;
}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	.arrow-icon-blue {
		display:none;
	}
}
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col { margin: 1% 0 1% 0%;}
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}

/*-----------------------------------------------------------------------------
LANDING PAGE MAIN
-----------------------------------------------------------------------------*/
#main h2, #main h3 { font-weight: normal; }
#main h2 { font-size: 24px; padding-top:0; }
#main h3 {font-size: 15px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; }
#main h4 { font-size: 16px; text-transform:uppercase; }
#main .post h4 { font-size: 16px; text-transform:none; }
#main ol, #main ul { line-height: 18px; margin:10px 0; }
#main ul { padding-left: 20px; margin-bottom: 20px; }
#main .post ul li { background:url(/assets/images/new_quick.gif) no-repeat left 10px; padding: 7px 0 5px 20px; }
#main ol { padding-left: 35px; }
#main ol li { list-style: decimal; padding: 3px 0; list-style-position:inside; }
#main blockquote {background:url(/assets/images/bg-quote.png) no-repeat 5px 0px;color:#777777;font-style:italic;margin:25px 0;padding:0 10px 0 65px; width:85%;}
#main hr { border-color: #e3e3e3; border-style: solid; border-width: 1px 0 0; clear: both; margin: 10px 0 20px; height: 0; }

/*-----------------------------------------------------------------------------
SIDE BAR
-----------------------------------------------------------------------------*/
#sidebar{overflow:hidden;background:#fff;font: 14px/21px Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif; color:#444}
#sidebar ul{clear:both;}
#sidebar ul li{background:none;border-bottom:1px solid #fff;line-height:20px;overflow:hidden;padding:6px;}
#sidebar ul li:hover,#sidebar ul li.current-cat{background:#d4e9ff;}
#sidebar ul li a{color:#636363;display:block;text-decoration:none;padding:4px 10px 4px 20px;}
#sidebar .current-cat a,#sidebar li.active a{color:#000;font-weight:bold;}
#sidebar ul ul{border:0;margin:0 0 5px;padding:0;}
#sidebar ul ul li{ border:0;padding:0 0 0 10px; font-size:12px;}
#sidebar ul ul li a{ background:none;}
#sidebar p { padding:0; line-height:22px; }
#sidebar.theme { background:none; border:none; }
#sidebar.theme h3 { padding:10px 0; border:0; }
#sidebar ul.tutorials li a{background:url(/assets/images/ico-star.png) no-repeat 10px center; padding-left:30px; }

/*-----------------------------------------------------------------------------
REVERSE AUCTION
-----------------------------------------------------------------------------*/
.whitefont{color: #fff;font-size: 2.45em;line-height: 1.45em}
.blue-bg {background-color: #009cde;padding:25px 25px 25px 25px;min-height:190px}
.purple-bg {background-color: #3a334e;padding:25px 25px 25px 25px;min-height:190px}
.green-bg {background-color: #17bb5e;padding:25px 25px 25px 25px;min-height:190px}
#typed-cursor {
    font-weight: 100;
    color: white;
    margin-left:-10px;
}
#typed-cursor {
	color: #fff;
	font-weight: 100;
}
#typed-cursor.blinking {
  -webkit-animation: 1s blink step-end infinite;
	-moz-animation: 1s blink step-end infinite;
	-ms-animation: 1s blink step-end infinite;
	-o-animation: 1s blink step-end infinite;
	animation: 1s blink step-end infinite;
}
@keyframes "blink" {
	from,to {
	color: transparent;
}
 50% {
    color: #35374c;
 }

}
@-moz-keyframes blink {
	from,to {
	color: transparent;
}
 50% {
   color: #35374c;
 }

}
@-webkit-keyframes "blink" {
	from,to {
	color: transparent;
}
 50% {
   color: white;
 }

}
@-ms-keyframes "blink" {
	from,to {
	color: transparent;
}
 50% {
   color: white;
 }

}
@-o-keyframes "blink" {
	from,to {
	color: transparent;
}
 50% {
   color: white;
 }
}
/*-----------------------------------------------------------------------------
FOOTER
-----------------------------------------------------------------------------*/
#footer{padding:10px 0 0 0;}
#footer #sitemap{margin:15px 0;}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	#footer #sitemap {
                text-align:center;
	}
}

#footer #sitemap .block{float:left;width:160px;margin-right:35px;}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	#footer #sitemap .block {
                float:none;
		width:100%;
                margin-right:0;
                padding-bottom:14px;
	}
}
#footer #sitemap .block h3{font: 14px Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif; color:#222; font-weight:bold}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	#footer #sitemap .block h3{
                font-size:19px;
                color:#fff;
                /*background-color:#26b962;*/
                width: 100%;
                background-color: #1d1f27;
                background-image: -moz-linear-gradient(top, #343742, #08080a);
                background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#343742), to(#08080a));
                background-image: -webkit-linear-gradient(top, #343742, #08080a);
                background-image: -o-linear-gradient(top, #343742, #08080a);
                background-image: linear-gradient(to bottom, #343742, #08080a);
                background-repeat: repeat-x;
	}
}
#footer #sitemap .last{margin-right:0;}
#footer #sitemap ul{padding:5px 0;}
#footer #sitemap ul li{line-height:23px;}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	#footer #sitemap ul li {
                border-bottom:1px solid #ddd;
                padding-top:15px;
                padding-bottom:15px;
	}
}


#footer #sitemap ul li a:hover{text-decoration:underline;}
#footer #sitemap h4{font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:700;color:#222;padding:0;}
#footer .bevel{margin-top:10px;margin-bottom:10px;border:0;}
#footer a{color:#555;}
#footer .col-right img{vertical-align:middle;}
#footer .col-right span{display:none;}
#toTop{cursor: pointer;}
#footer .col-left p  { margin-top: 5px; }
#footer #sitemap .block ul li span {font: 12px Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	#footer #sitemap .block ul li span {
                font-size:17px;
                line-height:2.4em;
	}
}
#footer #sitemap .block ul li span a {}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	#footer #sitemap .block ul li span a {
                color:#0f386c;
	}
}
.receive-updates {color:#333; padding-bottom:7px; font-size:12px}
.receive-updates-input {padding:2px;font: 12px Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif; color:#999;border:1px solid #bbb;border-left:1px solid #ccc;border-bottom:1px solid #ccc;vertical-align:middle}
.vam {vertical-align: middle}
.display-none {/*display:none*/
   position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
}
.display-block
{
    display:block;
}
/*-----------------------------------------------------------------------------
ROUNDED CONTENT
-----------------------------------------------------------------------------*/
.footercontent {border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;box-shadow: 0 1px 3px rgba(0, 0, 0, .35);-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .35);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .35);background: white;border: 0px solid;border-color: #E5E5E5 #DBDBDB #D2D2D2;margin-bottom:20px;padding-left:20px;padding-right:20px;padding-top:10px;}
.gradient {padding: 18px 20px 1px;margin-bottom: 18px;background: #F6F6F6;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, .02)), to(rgba(0, 0, 0, .10)));background: -moz-linear-gradient(100% 100% 90deg, rgba(0, 0, 0, .02), rgba(0, 0, 0, .05));}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	.gradient.footercontent  {
                background:none;
                padding:0;
	}
}
.column-gradient {background: url(/assets/images/column-gradient.jpg) repeat-y 0 0;}
.content, .featurelinks a {color:#000;}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	.featurelinks {
                display:none;
	}
}
.featurecontent {border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;box-shadow: 0 1px 3px rgba(0, 0, 0, .35);-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .35);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .35);background: white;border: 0px solid;border-color: #E5E5E5 #DBDBDB #D2D2D2;margin-bottom:10px;margin-top:10px;}
.divider {background: url(/assets/images/divider.png) center bottom no-repeat; width:981px; height:260px;margin-top:50px;_border-color: white;}
.inset {border: 1px solid #D5D5D5;-webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;-moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;box-shadow: inset rgba(0, 0, 0, 0.4) 0 1px 3px;background: #F6F6F6;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FCFCFC), to(#F0F0F0));background: -moz-linear-gradient(100% 100% 90deg, #F0F0F0, #FCFCFC);}
.rounded {border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;-khtml-border-radius: 4px;margin-bottom:10px;margin-top:10px;}
.roundedtop { border-radius: 4px 4px 0 0; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; }
.roundedbottom { border-radius: 0 0 4px 4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; -khtml-border-radius: 0 0 4px 4px; }
.roundedright { border-radius: 0 4px 4px 0; -webkit-border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; -khtml-border-radius: 0 4px 4px 0; }
.roundedleft { border-radius: 4px 0 0 4px; -webkit-border-top-left-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; -khtml-border-radius: 4px 0 0 4px; }
.roundedtopleft { border-radius:4px 0 0; -webkit-border-top-left-radius:4px; -moz-border-radius:4px 0 0; -o-border-radius:4px 0 0; -khtml-border-radius:4px 0 0; }
.roundedtopright { border-radius: 0 4px 0 0; -webkit-border-top-right-radius:4px; -moz-border-radius:0 4px 0 0; -o-border-radius:0 4px 0 0; -khtml-border-radius: 0 4px 0 0; }
.roundedbottomleft { border-radius: 0 0 0 4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius: 0 0 0 4px; -o-border-radius: 0 0 0 4px; -khtml-border-radius: 0 0 0 4px; }
.roundedbottomright { border-radius: 0 0 4px 0; -webkit-border-bottom-right-radius:4px; -moz-border-radius: 0 0 4px 0; -o-border-radius: 0 0 4px 0; -khtml-border-radius: 0 0 4px 0; }
.p10 {padding:10px;}
.p15 {padding:15px;}
.p20 {padding:20px;}
.w30 {width:30px;}
.w50 {width:50px;}
.w960 {width:960px;}
.w987 {width:987px;}
.w980 {width:980px;}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	.w980 {
		width:100%;
	}
}
.w939 {width:939px;}
.w579 {width:579px;}
.w560 {width:560px;}
.w660 {width:660px;}
.w735 {width:735px;}
.w460 {width:460px;}
.w245 {width:245px;}
.w10 {width:10px;}
.w15 {width:15px;}
.w20 {width:20px;}
.w30 {width:30px;}
.dg, .dg a {color:#666;}
.lg, .lg a {color:#777;}
.bl, .bl a {color:#333;}
.dbl, .dbl a {color:#000;}
.dblue, .dblue a {color:#0f386c;}
.dblue a:hover {color:#a7680e;}
.blue, .blue a {color:#29489D;}
.uppercase {text-transform: uppercase;}

/*-----------------------------------------------------------------------------\
4-COLUMN PROMO BLOCKS
-----------------------------------------------------------------------------*/
#columnblock { zoom: 1; }
#columnblock:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#columnblock li { float:left; width: 245px; overflow:hidden}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	#columnblock li {
		float:none;
                width:100%;
	}
}
#columnblock li a { display:block; position:relative; padding:10px 20px 130px; height:60px; border-left:1px solid #e5e5e5; text-decoration:none; color:#252525; }
#columnblock li a.roundedleft { border-left: none; }
#columnblock li h3 { line-height: 18px; color: #000; font-size:15px; font-weight:bold; font-family: Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif;text-align: left;}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	#columnblock li h3 {
		font-size:19px;
                text-align: center;
	}
}
#columnblock li p { margin:0; font-size:13px;font-weight:normal; }
@media only screen and (min-width : 150px) and (max-width : 980px) {
	#columnblock li p {
		font-size:15px;
                text-align: center;
                line-height:1.5em;
	}
}
#columnblock li img { display:block;  }
#columnblock li a:hover { background: url(/assets/images/bg-columnblock.png) repeat-x; }
.bottom-shadow {min-height: 42px;width: 100%;padding-top: 10px;text-align: center}
.badge {position: relative;z-index: 1;padding: 0 8px;margin-bottom: 5px;top: -3px;display: inline-block;font-weight: normal;text-shadow: 0 1px 0 rgba(0, 0, 0, .3);color: white;font-size: 12px;line-height: 18px;-webkit-font-smoothing: auto;border: 1px solid #F88C13;border-top-color: #CF7310;border-bottom-color: #FFA312;background: #FF9A13;background: -webkit-gradient(linear, left top, left bottom, from(rgba(209, 117, 12, 0.93)), to(rgba(166, 106, 12, 0)));background: -moz-linear-gradient(top, #FF8E14, #FFA312);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px #CF7310;-moz-box-shadow: inset 0 1px 1px #CF7310;box-shadow: inset 0 1px 1px #CF7310;}
.side-divider {padding: 20px 0 20px 24px;background: url(/assets/images/side_divider.png) 0 0 no-repeat transparent; height:139px;zoom: 1;}

/*-----------------------------------------------------------------------------
CHARTS
-----------------------------------------------------------------------------*/
dl.chart {margin: 0 0 15px -14px;line-height: 1.4em;background: url(/assets/images/chart.png) repeat-y 169px 0;zoom: 1;}
dl.chart dt {clear: left;float: left;display: inline;margin: 4px 0;width: 155px;height: 38px;padding-left: 14px;background: #E8E8E8;filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#EFEFEF', endColorstr='#E8E8E8');background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, .02)), color-stop(1, rgba(0, 0, 0, .05)));background: -moz-linear-gradient(left center, rgba(0, 0, 0, .02) 0%, rgba(0, 0, 0, .05) 100%);}
dl.chart dt strong {display: block;margin: 4px 0 0;}
dl.chart dt span {display: block;margin: 0 0 4px;}
dl.chart dd {float: left;display: inline;margin: 4px 0;width: 220px;height: 18px;padding: 10px 0;font-weight: bold;text-align: right;color: white;font-size: 13px;border-radius: 0 10px 10px 0;-moz-border-radius: 0 10px 10px 0;border-radius: 0 10px 10px 0;background-color: #17BF26;background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(1, rgba(0, 0, 0, .2)));background-image: -moz-linear-gradient(top center, transparent 0%, rgba(0, 0, 0, .2) 100%);}
dl.chart dd span {padding: 0 .8em 0 0;}
dl.chart dt.baseline {background: none;}
dl.chart .gray {background-color: #AAA;}

/*-----------------------------------------------------------------------------
THEMES
-----------------------------------------------------------------------------*/
.gallery-item { width: 275px; float: left; margin: 0 0px 20px 0; padding: 0; border-bottom: 0px solid #E3E3E3; }
.gallery-item h3 { font-size: 18px; letter-spacing: 0; font-weight: bold;}
.gallery-image { position: relative; -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.45); -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.45); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.45); }
.gallery-image a { display: block; position: relative;}
.gallery-item.last { margin: 0; }
.fix { clear: both; height: 1px; overflow: hidden; margin: -1px 0 0; }

/*-----------------------------------------------------------------------------
INFO BOXES
-----------------------------------------------------------------------------*/
.info-box { background:#0e4475; border:1px solid #aaa; color:#fff;}
.info-box a { color:#846000; text-decoration:none; }
.info-box ul { background-color:#e7db89 !important; border:1px dotted #ada465 !important; }
.info-box .size-thumbnail { background-color:#ffffff; padding: 5px;border:1px dotted #ada465 !important; }
.info-box a:hover { text-decoration:underline; }
.post .info-box { margin:20px 0; padding:10px; line-height:20px; }
.post .small-info-box { margin-bottom: 20px; }
.post .small-info-box p { padding: 0; font-size: 11px; }
#sidebar .info-box { margin:0px 0 15px; padding:10px 10px 15px;}
#sidebar .info-box .yellow, .post .info-box .yellow { color:#836000; font-weight:700; text-transform:uppercase; }
#sidebar .info-box h3, .post .info-box h3 { color:#836000; font-weight:700; }
#sidebar .info-box a , .post .info-box a{ color:#836000; }
.green-box { background:#dbf6be; border:1px solid #9bbf65; color:#5f704c; margin-bottom:15px; font-size:20px; text-align:center;}
.green-box a { color:#4c7c18; text-decoration:none !important; }
.green-box a:hover { text-decoration:underline !important; }
.support .green-box { padding:15px; margin:5px 0;}
.support .green-box img.ico { margin-right:15px; }
#main .support .green-box h3 { padding: 1px; }
.info-box .alert { background:url(/assets/images/ico-alert.png) no-repeat left center; padding-left:25px;}
.info-box .info { background:url(/assets/images/ico-info.png) no-repeat left center; padding-left:25px;}
.black-box { background:#000; border:1px solid #000; color:#fff; margin-bottom:15px; font-size:20px; text-align:center;}
.black-box a { color:#fff; text-decoration:none !important; }
.black-box a:hover { text-decoration:underline !important; }
.blue-box { background:#0e4475; border:1px solid #0e4475; color:#fff; margin-bottom:15px; font-size:20px; text-align:center;}
.blue-box a { color:#fff; text-decoration:none !important; }
.blue-box a:hover { text-decoration:underline !important; }

/*-----------------------------------------------------------------------------
SCREEN SHOT STYLING
-----------------------------------------------------------------------------*/
#similar-themes ul { padding:0; margin:0; list-style-type:none; }
#similar-themes li { background:url(/assets/images/bg-theme-220.png) no-repeat; float:left; margin:0 20px 20px 0; padding:0; width:220px; height:152px;}
#similar-themes li div { padding-top:13px; height:134px; overflow:hidden; }
#similar-themes li.last { margin:0; }
#similar-themes a:hover { opacity: 0.9; }
#featured-app li { margin:-25px -30px 20px 0; padding:0; width:240px; }
#similar-themes2 ul { padding:0; margin:0; list-style-type:none; }
#similar-themes2 li { float:left; margin:-15px 20px  20px 0; padding:0; width:110px;/*padding-bottom:35px;*/}
#similar-themes2 li div { padding-top:13px;  }
#similar-themes2 li.last { margin:0; }
#similar-themes2 a:hover { opacity: 0.8; }

/*-----------------------------------------------------------------------------
BREADCRUMB
-----------------------------------------------------------------------------*/
#breadcrumb { font: 12px Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif; color:#333; overflow:hidden; padding:0px; font-weight:bold;}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	#breadcrumb {
            position: absolute !important;
            top: -9999px !important;
            left: -9999px !important;
	}
}
#breadcrumb ul {margin-left:-9px; margin-top:-5px}
#breadcrumb li { list-style-type:none; float:left; padding-left:10px; }
#breadcrumb a { height:30px; display:block; background-image:url(/assets/images/breadcrumb-separator.png); background-repeat:no-repeat; background-position:right; padding-right: 19px; padding-top: 10px; text-decoration: none; color:#999; font-weight:normal; }
.breadcrumbhome { border:none; margin: 0px 0px 0px -15px; }
.breadcrumbselected { padding-top: 10px; font-weight: bold;color:#fff}
#breadcrumb a:hover { color:#777; }

/*-----------------------------------------------------------------------------
PRICING AND ORDER
-----------------------------------------------------------------------------*/
.img-text {display:block;text-align:left;text-indent:-9999px;font-size: 1em;line-height: 1em;outline: none;}
.wrapperpricing {text-align: left;margin: 0 auto;padding: 0;position: relative;height: 100%;}

/*-----------------------------------------------------------------------------
NEWS TICKER HOME
-----------------------------------------------------------------------------*/
.newsticker {list-style-type: none;padding: 0px;margin: 0px 55px 0px 55px;font-size: 2.157em;line-height: 1.45em;letter-spacing: 0.02em;height: auto;min-height: 110px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	.newsticker {
                width:100%;
                margin:0;
                line-height:1.5em;
                font-size: 1.8em;
	}
}
.newsticker a, .newsticker a:hover { background-color:transparent; color:#666;text-decoration:none}

/*.newsticker a:hover { color:#29489d !important; }*/
.ytsub {float:right;padding-left:15px;margin-top:1px}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	.ytsub {
		float:none;
                padding-left:0;
                margin-bottom:12px;
	}
}
.livehelpchat {float:right; margin-left:0px; padding-top:10px;padding-bottom:30px}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	.livehelpchat {
		float:none;
                padding-bottom:30px;
	}
}
#frmSS1 {margin:0px; padding-top:9px}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	#frmSS1 {
                padding-bottom:14px;
	}
}
.aboutilance {font-size:12px;color:#0f386c}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	.aboutilance {
		font-size:15px;
                padding-bottom:12px;
	}
}
.aboutilancecontent {font-size:12px;margin-top:3px;margin-bottom:16px;color:#555}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	.aboutilancecontent {
		padding-bottom:20px;
                font-size:14px;
                line-height:1.7em;
	}
}
/*-----------------------------------------------------------------------------
OTHER
-----------------------------------------------------------------------------*/
.teaser{font: 14px/19px Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif; color:#777;border: 0;}

/*-----------------------------------------------------------------------------
FORM DROPDOWNS
-----------------------------------------------------------------------------*/
#mainform ul.inputs.noborder { padding-bottom:0; margin-bottom:0; border-bottom:none; }
#mainform ul.inputs li { position:relative; clear:both; float:left; }
#mainform ul.inputs li.dropdown select { -webkit-appearance: none;position:relative; width:307px; height:31px; cursor:pointer; padding:2px 27px 2px 9px; margin:0 0 20px; background:url(/assets/images/dropdown.png) no-repeat top left !important; font-size:12px; border:none; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -khtml-appearance:none; color:#000;vertical-align: middle;text-decoration: none !important;display: inline-block;border-radius: 3px;background: #eff0f3; background: -webkit-linear-gradient(top,#f7f8fa,#e7e9ec); background: linear-gradient(to bottom,#f7f8fa,#e7e9ec);}
#mainform ul.inputs li.dropdown select:hover { background:url(/assets/images/dropdown-hover.png) no-repeat top left !important; }
#mainform ul.inputs li.dropdown select:active { background:url(/assets/images/dropdown-active.png) no-repeat top left !important; }
#mainform ul.inputs li.dropdown
{
    white-space: nowrap;
    margin-left: 140px;
    margin-top: -38px;
    margin-bottom: -50px;
    border-top: none;
    border-bottom: none;
    color:#000;
}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	#mainform ul.inputs li.dropdown {
                margin-left: 0;
		margin-top: 0;
		margin-bottom: 0
	}
}
.form-note {margin-left:140px; font-size:11px; line-height:1.4em}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	.form-note {
		margin-left:0px;
	}
}
.red {color:red}
.alert {color: rgb(234, 255, 133)}
/*-----------------------------------------------------------------------------
SEARCH AUTOCOMPLETE
-----------------------------------------------------------------------------*/
#sp-results { position:absolute; top:32px; right:0; width:290px; line-height:0; z-index:9999; }
#sp-results div { position:relative; background:#fff; background:rgba(255,255,255,0.97);-khtml-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;-khtml-box-shadow:rgba(0,0,0,0.5) 0 0 10px; -ms-box-shadow:rgba(0,0,0,0.5) 0 0 10px; -o-box-shadow:rgba(0,0,0,0.5) 0 0 10px; -moz-box-shadow:rgba(0,0,0,0.5) 0 0 10px; -webkit-box-shadow:rgba(0,0,0,0.5) 0 0 10px; box-shadow:rgba(0,0,0,0.5) 0 0 10px;}
#sp-results #sp-roundrect { position:absolute; width:100%; }
#sp-results #sp-roundrect div { background:none; }
#sp-results .sp-shadow { position:absolute; display:none; top:-10px; left:-10px; width:100%; background:#333;-ms-filter:"progid:DXImageTransform.Microsoft.Blur(pixelRadius=10)"; filter:progid:DXImageTransform.Microsoft.Blur(pixelRadius=10);}
#sp-results h3 { margin:0; padding:8px 10px 2px; color:#999; font-size:12px; line-height:1.3; }
#sp-results ul { padding-bottom:4px; }
#sp-results #sp-roundrect ul { margin-left:1px; margin-right:-2px; width:291px; }
#sp-results ul li { clear:left; margin:0; padding:0; font-size:11px; line-height:1.3; }
#sp-results ul li a { display:block; padding:6px 10px 6px 66px; text-decoration:none; outline:none; zoom:1; }
#sp-results ul li a:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
#sp-results ul li a h4 { margin:0; padding:0; color:#000; font-weight:bold; font-size:11px; line-height:1.3; }
#sp-results ul li a p { margin:0; padding:0; color:#333; font-size:11px; line-height:1.3; }
#sp-results ul li a img { float:left; width:46px; height:46px; margin:0 10px 0 -56px; behavior:none; }
#sp-results ul.noresults { padding-top:4px; }
#sp-results ul.noresults li a { padding-left:10px; text-align:center; }
#sp-results ul li a:hover,
#sp-results ul li a:focus,
#sp-results ul li.focus a { background:#367af8;background:-moz-linear-gradient(top, #648ffa 0, #0d67f7 100%);background:-webkit-gradient(linear, 0 0, 0 100%, from(#648ffa), to(#0d67f7));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF648FFA,endColorstr=#FF0D67F7)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF648FFA,endColorstr=#FF0D67F7);}
#sp-results ul li a:hover h4,
#sp-results ul li a:focus h4,
#sp-results ul li.focus a h4,
#sp-results ul li a:hover p,
#sp-results ul li a:focus p,
#sp-results ul li.focus a p { color:#fff; }

.litegray { color:#999; }
.hidden { /*display: none;*/
   position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
}
.clearfix { clear: both; }
.clearleft {clear:left;}
.alt1{background: #ffffff;color: #000000;background-image: url(/assets/images/rowbg.gif);background-repeat: repeat-x; background-position: bottom;}
.alt2{background: #EEEEEE;color: #000000;background-image: url(/assets/images/rowbg2.gif);background-repeat: repeat-x; background-position: bottom;}

/*-----------------------------------------------------------------------------
EASY SLIDER
-----------------------------------------------------------------------------*/
#slider ul, #slider li,
#slider2 ul, #slider2 li{margin:0;padding:0;list-style:none;}
#slider2{margin-top:1em;}
#slider li, #slider2 li{width:505px;height:300px;overflow:hidden; }
#prevBtn, #nextBtn,
#slider1next, #slider1prev{display:block;width:48px;height:48px;position:absolute;left:0px;top:48px;/*z-index:1000;*/}
#nextBtn, #slider1next{ left:520px;}
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{ display:block;position:relative;width:48px;height:48px;background:url(/assets/images/99.png) no-repeat 0 0;}
#nextBtn a, #slider1next a{background:url(/assets/images/98.png) no-repeat 0 0;}
/* numeric controls */
ol#controls{margin:1em 0;padding:0;height:28px;}
ol#controls li{margin:0 10px 0 0; padding:0;float:left;list-style:none;height:28px;line-height:28px;}
ol#controls li a{float:left;height:28px;line-height:28px;border:1px solid #ccc;background:#DAF3F8;color:#555;padding:0 10px;text-decoration:none;}
ol#controls li.current a{background:#5DC9E1;color:#fff;}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/*-----------------------------------------------------------------------------
STATUS BUTTONS
-----------------------------------------------------------------------------*/
.specs_rounded{color:#000; font-size:16px; font-weight:bold; width:83px; padding:9px 0 10px; margin:auto; border:1px solid #BDBDBD; text-align:center; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; -khtml-border-radius:8px;white-space:nowrap;}
.gray_status{-moz-border-radius:4px;-webkit-border-radius:4px;-moz-border-radius: 4px 4px 4px 4px;-webkit-border-radius: 4px 4px 4px 4px;background-color:#666;color:#fff;padding:9px;font-size:10px}
.red_status{-moz-border-radius:4px;-webkit-border-radius:4px;-moz-border-radius: 4px 4px 4px 4px;-webkit-border-radius: 4px 4px 4px 4px;background-color:#660000;color:#fff;padding:9px;font-size:10px}
.green_status{-moz-border-radius:4px;-webkit-border-radius:4px;-moz-border-radius: 4px 4px 4px 4px;-webkit-border-radius: 4px 4px 4px 4px;background-color:#1a7c1f;color:#fff;padding:9px;font-size:10px}

/*-----------------------------------------------------------------------------
LANDING PAGE HERO SLIDER
-----------------------------------------------------------------------------*/
#heroslider {position:relative;overflow:hidden;width:100%;height:520px;}
.heroslider {position:absolute;visibility:visible;left:-100px;top:0px;width:10000px;display:inline;}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	.heroslider {
		display:none;
	}
}
.heroimage {width: 681px;height : auto;}
.heroimage {width: auto;height : 409px;}
pre
{
        background: #222;
        color: #fff;
        font-size: 14px;
        padding: 10px 20px 4px 20px;
        line-height: 20px;
        margin-bottom: 15px;
}
/*-----------------------------------------------------------------------------
 SUBSCRIBE FORM
-----------------------------------------------------------------------------*/
.myForm td, input, select, textarea, checkbox
{
	color:#777;
	font-size: 12px;
}
/*-----------------------------------------------------------------------------
 FACEBOOK LIKE MODAL
-----------------------------------------------------------------------------*/
.fbmodal_tl{background-image:url(/assets/images/fbmodal/tl.png);}
.fbmodal_tr{background-image:url(/assets/images/fbmodal/tr.png);}
.fbmodal_bl{background-image:url(/assets/images/fbmodal/bl.png);}
.fbmodal_b{background-image:url(/assets/images/fbmodal/b.png);}
.fbmodal_br{background-image:url(/assets/images/fbmodal/br.png);}
.fbmodal{
	position: fixed;
	left: 0;
	z-index: 1000;
	text-align: left;
}
.fbmodal_popup{
	position: relative;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size:12px;
}
.fbmodal_overlay{
	position: fixed;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	z-index: 99;
	background-color:rgba(0,0,0,.5);
}
.fbmodal_popup table{border-collapse: collapse;}
.fbmodal_popup td{min-width:10px; border-bottom: 0; padding: 0;}
.fbmodal_popup .fbcontent{
	padding:10px;
	font-size:11px;
}
.fbmodal_popup .fbcontainer{
	border:solid #555555 1px;
	border-top:none;
}
.fbmodal_popup #body{
	background: #ffffff;
	overflow:hidden;
}
.fbmodal_popup .fbloading{text-align: center;}
.fbmodal_popup .image{text-align: center;}
.fbmodal_popup img{
        border: 0;
        margin: 0;
}
.fbmodal_popup .buttons{}
.fbmodal_popup .footer{
	background:#F0F0F0;
	border-top:1px solid #DDDDDD;
	padding:8px;
	height:40px;
}
.fbmodal_popup .fbmodal_tl, .fbmodal_popup .fbmodal_tr, .fbmodal_popup .fbmodal_bl, .fbmodal_popup .fbmodal_br{
	height: 10px;
	width: 10px;
	overflow: hidden;
	padding: 0;
}
.fbmodal_hide{
        z-index:-100;
}
.fbmodal_popup .title{
	padding:6px 6px 6px 8px;
	background:#6c83b3;
	border-bottom:none;
	font-weight:bold;
	font-size:14px;
	color:#ffffff;
}
.fbmodal_popup_close{
	background: url(/assets/images/fbmodal/close.gif) no-repeat 0 0;
	float:right;
	height:20px;
	width:20px;
	display: block;
	position: relative;
	overflow: hidden;
}
.fbmodal_popup_close:hover{
	background-position: 0 -20px;
}
.fbmodal_popup .button_outside_border_blue{
	border:solid #29447e 1px;
	border-bottom:solid #1a356e 1px;
	cursor:pointer;
	float:left;
}
.fbmodal_popup .button_inside_border_blue{
	padding:4px 6px 4px 6px;
	background-color:#5c75a9;
	border-top:solid #8a9cc2 1px;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	color:#ffffff;
}
.fbmodal_popup .button_outside_border_grey{
	margin-left:5px;
	border:solid #9b9b9b 1px;
	cursor:pointer;
	float:left;
}
.fbmodal_popup .button_inside_border_grey{
	padding:4px 6px 4px 6px;
	/*background-image:url(/assets/images/fbmodal/fbmodal_cancel.png);*/
	border-top:solid #ffffff 1px;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	color:#333333;
}
.fbmodal_popup .right{float:right;}
.fbmodal_popup .clear{clear:both;}

/*-----------------------------------------------------------------------------
 MOBILE SLIDE OUT
-----------------------------------------------------------------------------*/
.menu {
    /*background-color: #199ddb;*/
    width: 100%;
    background-color: #1d1f27;
    background-image: -moz-linear-gradient(top, #343742, #08080a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#343742), to(#08080a));
    background-image: -webkit-linear-gradient(top, #343742, #08080a);
    background-image: -o-linear-gradient(top, #343742, #08080a);
    background-image: linear-gradient(to bottom, #343742, #08080a);
    background-repeat: repeat-x;
}
.menu li:hover
{
    background-color: #111;
}
.menu li:active
{
    background-color: #199ddb;
}
.menu li:hover span, .menu li:visited span
{
    color:#fff;
}
.menu a {
    color: #fff;
    font-size:1.5em;
}
.menu a:hover {
    text-decoration: none;
    color:#fff;
}
.menu li
{
    border-bottom:1px solid #000;
    padding:14px 0 14px 0;;
}
.menu-header {
    border-bottom: 1px solid #2a2d2f;
    padding: 20px;
    background-size: 32px;
}
.menu-header-title {
    font-weight: 400;
    letter-spacing: 0.5px;
    margin: 0;
}
.menu-section {
    margin: 0;
}
.menu-section-title {
    text-transform: uppercase;
    color: #85888d;
    font-weight: 200;
    font-size: 13px;
    letter-spacing: 1px;
    padding: 0 20px;
    margin:0;
}
.menu-section-list {
    padding:0;
    margin: 0;
    list-style:none;
}
.menu-section-list a {
    display: block;
    padding: 10px 20px;
}

.slideout-menu {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    width: 256px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: none;
}
.slideout-panel {
    position:relative;
    z-index: 1;
}
.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
    overflow: hidden;
}
.slideout-open .slideout-menu {
    display: block;
}


div.button_inside_border_blue:active{background-color:#4f6aa3}
.pipe {color:#999}
.w-96pct {width: 96%}
.w-100pct {width: 100%}
.w-155 {width:155px}
.w-130 {width:130px}
.w-46 {width:46px}
.h-46 {height:46px}
.fs-12 {font-size:12px}
.fs-13 {font-size:13px}
.fs-14 {font-size:14px}
.fs-15 {font-size:15px}
.fs-16 {font-size:16px}
.fs-17 {font-size:17px}
.ml-8 {margin-left:8px}
.ml-12 {margin-left:12px}
.mr-12 {margin-right:12px}
.ml-20 {margin-left:20px}
.ml-140 {margin-left:140px}
.ml-165 {margin-left:165px}
.ml-n20 {margin-left:-20px}
.mr-6 {margin-right:6px}
.mt-9 {margin-top:9px}
.mt-n6 {margin-top:-6px}
.mt-n7 {margin-top:-7px}
.mt-n3 {margin-top:-3px}
.mt-n10 {margin-top:-10px}
.mt-n15 {margin-top:-15px}
.mt-n20 {margin-top:-20px}
.mt-n23 {margin-top:-23px}
.mt-n30 {margin-top:-30px}
.mt-n40 {margin-top:-40px}
.mt-20 {margin-top:20px}
.mt-n25 {margin-top:-25px}
.mb-20 {margin-bottom:20px}
.mb-10 {margin-bottom:10px}
.mb-n50 {margin-bottom:-50px}
.mb-n35 {margin-bottom:-35px}
.mt-50 {margin-top:50px}
.pt-50 {padding-top:50px}
.pt-9 {padding-top:9px}
.pt-6 {padding-top:6px}
.pt-67 {padding-top:67px}
.pt-80 {padding-top:80px}
.pt-35 {padding-top:35px}
.mt-10 {margin-top:10px}
.mt-12 {margin-top:12px}
.mt-15 {margin-top:15px}
.mt-45 {margin-top:45px}
.mt-3 {margin-top:3px}
.mt-30 {margin-top:30px}
.mt-6 {margin-top:6px}
.mh-450 {min-height:450px}
.pl-10 {padding-left:10px}
.pl-15 {padding-left:15px}
.pl-5 {padding-left:5px}
.pl-150 {padding-left:150px}
.pt-15 {padding-top:15px}
.pl-10 {padding-left:10px}
.pr-7 {padding-right:7px}
.pr-70 {padding-right:70px}
.p-10 {padding:10px}
.p-48 {padding:48px}
.pb-9 {padding-bottom:9px}
.pb-3 {padding-bottom:3px}
.pb-5 {padding-bottom:5px}
.pt-n48 {padding-top:-48px}
.tt-u {text-transform:uppercase}
.bgc-f9f9f9 {background-color:#f9f9f9}
.c-888 {color:#888}
.bold {font-weight:bold}
.white {color:#fff}
.fcr {font: 11px/17px Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif; color:#777;padding-bottom:15px}
.mh-265 {min-height:265px}
#footer .fcr a {color:#0f386c;text-decoration:underline}
.crs {display:block}
@media only screen and (min-width : 150px) and (max-width : 980px) {
	.crs {
                display:none
	}
}
.black {color:#000}
.testimonials {border-radius:5px;color:#444;padding:13px;margin-top:14px;margin-bottom:6px}
.read-what {font-size:15px;margin-bottom:17px}
.top-avatar {float:left;box-shadow: 0 0 10px #9ec9ed;margin-right:15px;max-height:30px;max-width:30px;width:30px;height:30px;margin-top:1px}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
/*saas*/
.marketing-form--inline
{
	text-align: center
}
@media screen and (min-width: 46.875em) {
	.marketing-input-button-pair__input, .marketing-input-button-pair__button {
		float: left
	}
}
@media screen and (max-width: 46.8125em) {
	.marketing-input-wrapper .marketing-input-button-pair__input {
		margin-bottom: 15px
	}
}

@media screen and (min-width: 46.875em) {
	.marketing-input-button-pair__input {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1
	}
}

.marketing-input-button-pair__button {
	height: 3em
}

@media screen and (min-width: 46.875em) {
	.marketing-input-button-pair__button {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0
	}
}

@media screen and (max-width: 46.8125em) {
	.marketing-input-button-pair__button {
		width: 100%
	}
}

.marketing-input-button__field-wrapper::after {
	content: '';
	display: table;
	clear: both
}
#signup-mascot {
	padding-bottom:20px;
}
@media screen and (min-width: 46.875em) {
	.marketing-input-button__field-wrapper {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex
	}
}
@media screen and (max-width: 46.875em) {
	#signup-mascot {
		display:none;
	}
	.modal__heading {
		font-size:1.6em
	}
}
.no-flexbox .marketing-input-button-pair__button {
	width: 100%;
	padding-right: 0;
	padding-left: 0
}

@media screen and (min-width: 46.875em) {
	.no-flexbox .marketing-input-button-pair__button {
		width: 40%
	}
}

@media screen and (min-width: 46.875em) {
	.no-flexbox .marketing-input-button-pair__input {
		width: 60%
	}
}
.marketing-input, .marketing-textarea, .marketing-select-wrapper > select {
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	height: 3em;
	width: 100%;
	margin: 0 0 15px;
	padding: 0.77778em 0.88889em;
	color: #30373b;
	font-size: 1.125em;
	border: 1px solid #a9a9a9;
	background-color: #fff;
	-webkit-transition: border-color 150ms;
	transition: border-color 150ms;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}
.marketing-checkbox-label::before, .marketing-radio-label::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 20px;
	width: 20px;
	background-color: #fff;
	border-radius: 3px;
	border: 1px solid #e5e5e5;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
	-webkit-transition: border-color 150ms ease;
	transition: border-color 150ms ease
}
button {
	background: none;
	margin: 0;
	padding: 0;
	border: 0;
	display: inline-block;
	cursor: pointer;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit
}

.marketing-button, .marketing-nav__button {
	background-image: none;
	background-color: #7ab55c;
	font-family: "Brandon", Helvetica, Arial, sans-serif;
	font-weight: 500;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 150ms ease;
	transition: all 150ms ease;
	-webkit-transition-property: background-color border-color color;
	transition-property: background-color border-color color;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: inline-block;
	padding: 0.77778em 1.66667em;
	border: 0;
	cursor: pointer;
	color: #fff;
	font-size: 1.125em;
	text-align: center
}
.modal__header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1
}
.modal__controls {
	text-align: right
}
.modal__close {
	margin: 0.625em -0.625em 0 0;
	padding: 0.625em;
	opacity: 0.7;
	-webkit-transition: opacity 300ms ease;
	transition: opacity 300ms ease;
}
.modal__close .icon-close-white {
	height: 16px;
	width: 16px;
	cursor: pointer
}
.icon-close-white {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2044%2044%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23fff%20!important;%20%7D%3C/style%3E%3Cpath%20fill=%22%23fff%22%20d=%22M39.196%2043.3L1.154%205.256l3.89-3.89%2038.04%2038.043z%22/%3E%3Cpath%20fill=%22%23fff%22%20d=%22M.54%2039.413L38.58%201.37l3.89%203.89L4.428%2043.302z%22/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;

}
.icon {
	display: inline-block;
	height: 1em;
	width: 0.8em;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat
}
button {
	background: none;
	margin: 0;
	padding: 0;
	border: 0;
	display: inline-block;
	cursor: pointer;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit
}
.marketing-button {
	height: 3.8em;
}
.marketing-button[disabled],
[disabled].marketing-nav__button,
.marketing-form--is-loading .marketing-button,
.marketing-form--is-loading .marketing-nav__button {
    background-color: #a9a9a9;
    cursor: not-allowed
}
.marketing-button[disabled]:hover,
[disabled].marketing-nav__button:hover,
.marketing-form--is-loading .marketing-button:hover,
.marketing-form--is-loading .marketing-nav__button:hover {
    background-color: #9a9a9a
}
.marketing-button[disabled]:active,
[disabled].marketing-nav__button:active,
.marketing-button[disabled]:focus,
[disabled].marketing-nav__button:focus,
.marketing-form--is-loading .marketing-button:active,
.marketing-form--is-loading .marketing-nav__button:active,
.marketing-form--is-loading .marketing-button:focus,
.marketing-form--is-loading .marketing-nav__button:focus {
    background-color: #909090
}
button.marketing-button[disabled],
button[disabled].marketing-nav__button,
.marketing-form--is-loading .marketing-button,
.marketing-form--is-loading .marketing-nav__button {
    position: relative;
    color: #fff
}
button.marketing-button[disabled]:hover,
button[disabled].marketing-nav__button:hover,
button.marketing-button[disabled]:focus,
button[disabled].marketing-nav__button:focus,
.marketing-form--is-loading .marketing-button:hover,
.marketing-form--is-loading .marketing-nav__button:hover,
.marketing-form--is-loading .marketing-button:focus,
.marketing-form--is-loading .marketing-nav__button:focus {
    color: #eee
}
select#domain {
	height: 74px;
	font-size: 1.5em;
	float:right;
	width:281px;
	margin-top:-104px;
	border-left:1px solid #fff;
	background: #eee
}
.page-width {
	padding-left: 30px;
	padding-right: 30px;
	margin-left: auto;
	margin-right: auto;
	position: relative
}
.page-width {
    padding-left: 30px;
    padding-right: 30px
}
@media screen and (min-width: 61.875em) {
    .page-width {
        width: 990px
    }
	select#domain {
		width: 50.5%;
	}
}
@media screen and (min-width: 46.875em) and (max-width: 61.8125em) {
    .page-width {
        width: 100% /*750px*/
    }
	select#domain {
		width: 50.5%;
	}
}
@media screen and (max-width: 46.875em) {
    .page-width {
        width: 100% /*750px*/
    }
	select#domain {
		width: 50.5%;
	}
}

.modal, .modal2 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
    /*padding-top: 30px;*/
    position: relative;
    text-align: left;
    transition: all 150ms ease-out;
    -webkit-transform: scale(0.85);
    transform: scale(0.85)
}
@media screen and (max-width: 46.8125em) {
    .modal, .modal2 {
        padding: 60px 30px 0
    }
}
.modal-container, .modal-container2 {
    background: #2a2c2e;
    display: none;
    min-height: 100vh;
    left: 0;
    opacity: 0;
    overflow: scroll;
    padding: 0 0 65px;
    top: 0;
    width: 100%;
    text-align: center;
    -webkit-overflow-scrolling: touch;
    z-index: -1;
    color: #fff;
    transition: opacity 150ms;
    position:fixed
}
@media screen and (max-width: 46.8125em) {
    .modal-container, .modal-container2 {
        padding: 0 0 30px
    }
}
.modal-container.js-is-active, .modal-container2.js-is-active {
	display: block;
	opacity: 1;
	visibility: visible;
	z-index: 10000;
}
.modal__heading {
	color: #fff;
	font-size: 1.9em;
	font-weight:500
}
.signup-modal__content {
	width: 100%
}
@media screen and (min-width: 61.875em) {
    .signup-modal__content {
        max-width: 60%;
        margin: 0 auto
    }
}
.marketing-input {
	height: 3.8em;
	border-radius: 3px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	line-height: 2.3em;
}
.marketing-input.big {
	font-size: 1.5em;
}
.marketing-select-wrapper {
	position: relative;
	display: block;
	margin-bottom: 15px
}
.marketing-select-wrapper-50 {
	max-width: 48%;
}
.hidden-email-container .marketing-select-wrapper::before {
	pointer-events: none;
	content: '';
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20baseProfile=%22tiny%22%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2210.289%22%20height=%226.563%22%20viewBox=%220%200%2010.289%206.563%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23a9a9a9%20!important;%20%7D%3C/style%3E%3Cpath%20fill=%22%23a9a9a9%22%20d=%22M5.212%206.563L0%201.423%201.404%200l3.788%203.735L8.865.01l1.424%201.404%22/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
	height: 1em;
	width: 1em;
	margin-bottom: 0em;
	display: block;
	position: absolute;
	bottom: 50%;
	right: 0.95em;
}
.marketplace_name .marketing-select-wrapper::before {
	pointer-events: none;
	content: '';
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20baseProfile=%22tiny%22%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2210.289%22%20height=%226.563%22%20viewBox=%220%200%2010.289%206.563%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23a9a9a9%20!important;%20%7D%3C/style%3E%3Cpath%20fill=%22%23a9a9a9%22%20d=%22M5.212%206.563L0%201.423%201.404%200l3.788%203.735L8.865.01l1.424%201.404%22/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
	height: 1em;
	width: 1em;
	margin-bottom: 4.5625em;
	display: block;
	position: absolute;
	bottom: 50%;
	right: 0.95em;
}
.marketing-select-wrapper::before {
	pointer-events: none;
	content: '';
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20baseProfile=%22tiny%22%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2210.289%22%20height=%226.563%22%20viewBox=%220%200%2010.289%206.563%22%3E%3Cstyle%20type=%22text/css%22%3Ecircle,%20ellipse,%20line,%20path,%20polygon,%20polyline,%20rect,%20text%20%7B%20fill:%20%23a9a9a9%20!important;%20%7D%3C/style%3E%3Cpath%20fill=%22%23a9a9a9%22%20d=%22M5.212%206.563L0%201.423%201.404%200l3.788%203.735L8.865.01l1.424%201.404%22/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
	height: 1em;
	width: 1em;
	/*margin-bottom: 4.5625em;*/
	display: block;
	position: absolute;
	bottom: 50%;
	right: 0.95em;
}
.marketing-select-wrapper>select {
	margin: 0;
	padding-right: 2em
}
.marketing-select-wrapper>select
{
	font-family: "Brandon", Helvetica, Arial, sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	height: 3.8em;
	width: 100%;
	margin: 0 0 15px;
	padding: 0.77778em 0.88889em;
	color: #30373b;
	font-size: 1.125em;
	border: 1px solid #a9a9a9;
	border-radius: 3px;
	background-color: #fff;
	transition: border-color 150ms;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

body.modal-open {
    overflow: hidden;
}
/*header modal*/
.toBeFaded {
	display: none;
	position:absolute;
	font-size:20pt;
	text-align:center
}
.errorfield {
	border:2px solid red;
}
.loading {
	background-color: rgba(0,0,0,0);
	border: 5px solid rgba(0,183,229,0.9);
	opacity: .9;
	border-top: 5px solid rgba(0,0,0,0);
	border-left: 5px solid rgba(0,0,0,0);
	border-radius: 50px;
	box-shadow: 0 0 35px #2187e7;
	width: 80px;
	height: 80px;
	margin: 0 auto;
	-moz-animation: spin .5s infinite linear;
	-webkit-animation: spin .5s infinite linear;
}
@-moz-keyframes spin {
	0% {
		-moz-transform: rotate(0deg);
	}

	100% {
		-moz-transform: rotate(360deg);
	};
}
@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	};
}