/* 
 * HTML5 ✰ Boilerplate
 *
 * What follows is the result of much research on cross-browser styling. 
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 * 
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; line-height: 1.4; }

body, button, input, select, textarea { font-family: "helvetica", arial, sans-serif; color: #545454; }

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #72a851; color: #fff; text-shadow: none; }
::selection { background: #72a851; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #4caf13; }
a:visited { color: #4caf13; }
a:hover { color: #6fa54e; }
a:focus { outline: none; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 10px; background: #EFEFEF; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; border: 1px solid #ccc;}
pre:hover {background: #f5f5f5; cursor: text;}

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 30px;}
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { padding: 5px; font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible;  outline:none!important; padding: 5px;}

input.input{-webkit-border-radius:13x;-moz-border-radius:3px;border-radius:3px;background:url(/global/img/bg-input.png) repeat-x;-webkit-box-shadow:inset 1px 1px 2px 1px #aaa,1px 1px 0px 0px #ffffff;-moz-box-shadow:inset 1px 1px 2px 1px #aaa,1px 1px 0px 0px #ffffff;box-shadow:inset 1px 1px 2px 1px #aaa,1px 1px 0px 0px #ffffff;height:28px;border:none;padding:2px 10px 0 10px;font-family:	"proxima-nova-condensed-n4", "proxima-nova-condensed";color:#5b6069;font-size:15px;width:195px;}
input.search {padding-left:35px;}
input:focus { background-position: 0 -30px;outline:none!important;}
input.search { background-position: 0 -60px;}
input.search:focus { background-position: 0 -90px;}
/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

table button, table input { *overflow: auto; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid { outline:none!important;}
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; border: none;}
td { vertical-align: top; background: url(/global/img/bg-trans-white-30.png); border: 1px solid #ddd;}
th {background: url("/global/img/bg-trans-gray-40.png") repeat scroll 0 0 transparent; color: #fff;}


/* =================
	 Layout Elements 
	 ================= */

.wrapper{width:960px;margin:0 auto;position:relative;}
.alpha{margin-left:0; border-left: none !important;}
.omega{margin-right:0; border-right: none !important;}
.right {float:right!important;}

/* Clear Floated Elements */
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:before,
.clearfix:after,
.container_16:before,
.container_16:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0;}
.clearfix:after,
.container_16:after{clear:both;}


/*
The following zoom:1 rule is specifically for IE6 + IE7.
Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix,
.container_16{zoom:1;}


/* ==|== primary styles =====================================================
   Author: Kyle Spaulding
   ========================================================================== */


/* =================
	 Global 
	 ================= */

body > img:first-child {
	position: absolute;
}

html{background:url(/global/img/bg-html.png);}
body{background:url(/global/img/bg-body.png) repeat-x;margin:0;padding:0;font-family:helvetica,arial, sans-serif!important;}
a{text-decoration:none;}

h1,h2,h3 {font-family:"proxima-nova-extra-condensed",sans-serif;font-style: normal;font-weight: 400;text-transform:uppercase;line-height:1.1em;}
h1, a h1{color:#3a3a3a;font-size:26px;margin-top:0px;}
h2, a h2{color:#5C5C5D;font-size:26px;}
h3, a.h3{color: #5C5C5D;}
h4 {font-size: 16px; color: #5C5C5D;}
.wf-active h1 {font-size: 36px;line-height:.85em;}
.wf-active h2, .wf-active h3 {font-size: 30px;line-height:.85em;}
h1 {margin-bottom:20px;}

h2.bar {color:#e8e7e7;padding:8px 8px 6px;font-size:30px;background: url(/global/img/bg-trans-gray-40.png);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
h3.bar {color:#e8e7e7;padding:6px 6px 4px;font-size:20px;background: url(/global/img/bg-trans-gray-40.png);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.contact h3.bar {font-family:proxima-nova-extra-condensed; text-transform: uppercase;}

.toc-top-link {float: right; background: #508233; font-size: 17px !important; font-family:proxima-nova-extra-condensed; font-weight: normal; text-transform: uppercase; color: #eee;line-height: 1; padding: 4px 10px 3px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.toc-top-link:visited {color:#fff;}
.toc-top-link:hover {color:#afe377;}

div.toc-wrapper {margin-top: 10px; padding-bottom: 20px; border-top: 1px dotted #ccc;border-bottom: 1px dotted #ccc;}
div.toc-wrapper ul {margin: 0; padding: 0 0 0 40px;}
div#toc a {display: block; margin-left: 30px;}
div#toc a.toc-depth-2 {margin-left: 50px; font-size:.9em;}
div#toc a:hover {color: #377f0d;}

section {margin-bottom:40px;}

/* Buttons */
button,a.button, .button{border-left:none;border-right:none;border-radius:15px;display:inline-block;background:#73a852 url(/global/img/btn-sprite.png) 0 -80px repeat-x;color:#d9f2ca;padding:5px 15px 3px;font-size:14px;text-transform:uppercase;font-family:	"proxima-nova-condensed-n4", "proxima-nova-condensed";font-weight:400;letter-spacing:.04em;border-top:1px solid #d0f4ba;border-bottom:1px solid #476b30;-webkit-box-shadow:1px 1px 2px 1px #d0d3d7;-moz-box-shadow:1px 1px 2px 1px #d0d3d7;box-shadow:1px 1px 2px 1px #d0d3d7;text-shadow: -1px -1px 0px #57813d;filter: dropshadow(color=#57813d, offx=-1, offy=-1);}
button:hover,a.button:hover, .button:hover;{background:#82c25b url(/global/img/btn-sprite.png) 0 -120px repeat-x;color:#fff;}
button.alt,a.button.alt, .button.alt{background:#d7dde3 url(/global/img/btn-sprite.png) 0 0 repeat-x;border-top:1px solid #fff;border-bottom:1px solid #8e9398;color:#5b6069;text-shadow: 1px 1px 0px #f2f4f6;filter: dropshadow(color=#f2f4f6, offx=1, offy=1);}
button.alt:hover,a.button.alt:hover, .button:hover;{background:#edf1f4 url(/global/img/btn-sprite.png) 0 -40px repeat-x;color:#666;}
.btn-download-big{display:inline-block;text-indent:-666em;width:293px;height:79px;background:url(/global/img/btn-download.png)top left no-repeat;}
.btn-download-big:hover {background-position:0 -81px;}

a.more {background:#609A3F; color:#fff; padding: 3px 6px 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
a.more:hover {background:#64B03D;}
.alpha{margin-left:0!important;border-left:none!important;}
.omega{margin-right:0!important;border-right:none!important;}

a.ext {background: url(/global/img/ext.png) 94% -23px no-repeat; padding-right:18px;}
a.ext:hover {background-position: 94% -51px;}

.rot{
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-ms-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
	-moz-transform: scale(.7) rotate(8deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(.7) rotate(8deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-o-transform: scale(.7) rotate(8deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(.7) rotate(8deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	transform: scale(.7) rotate(8deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);}
.rot:hover {
	-moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);}

.twitter-follow img {position:fixed;top:240px;right:0; opacity:.8;}
.twitter-follow:hover img {opacity:1;}

/* =================
   Masthead 
   ================= */

header#main{height:150px;}
header#main .masthead.wrapper{height:110px;}
header#main .logo{display:block;float:left;padding-top:28px;width:325px;height:80px;margin-left:-28px;position:relative;z-index:20;}
header#main .logo-cloud{position:absolute;z-index:1;top:0;left:-100px;}
header#main .meta{float:right;padding-top:40px;}
header#main ul{margin:0;padding:0;list-style-type:none;}
header#main .meta li{float:left;border-right:1px solid #c4c5c8;border-left:1px solid #f2f2f2;padding:0 10px;}


header#main nav#main{background:url(/global/img/bg-nav.png) top left repeat-x;height:40px;padding:0;position:relative;z-index:10;}
nav#main ul{width:960px;margin:0 auto;font-family:	"proxima-nova-condensed-n4", "proxima-nova-condensed";font-weight:400;text-transform:uppercase;letter-spacing:.04em;}
nav#main li{position:relative;float:left;white-space:nowrap;}
nav#main a{display:block;margin:0;white-space:nowrap;color:#fff;font-size:11px;padding:15px 12px 12px 12px;color:#cac9c9;text-shadow:-1px -1px 0px #222222;filter:dropshadow(color=#222222,offx=-1,offy=-1);-webkit-transition: background .18s ease-in-out;
-moz-transition: background .18s ease-in-out;
-o-transition: background .18s ease-in-out;
transition: background .18s ease-in-out;}
.wf-active nav#main a{font-size:14px;padding:11px 15px 9px;}
nav#main a:hover,nav#main li.selected a{background:url(/global/img/bg-nav.png) 0 -40px repeat-x;}
nav#main li.selected a{color:#83bb60;}
nav#main a:hover{color:#fff;}
nav#main li ul {display:none;width:240px;position:absolute;top:40px;left:0;background: url(/global/img/bg-trans-80.png);padding: 10px 0;-moz-border-radius-topleft: 0px;-moz-border-radius-topright: 0px;-moz-border-radius-bottomright: 4px;-moz-border-radius-bottomleft: 4px;-webkit-border-radius: 0px 0px 4px 4px;border-radius: 0px 0px 4px 4px;}
nav#main li:hover ul {display:block;}
nav#main li li {display:block;float:none;}
nav#main li.selected li a, nav#main li li a, .wf-active nav#main li li a {display:block;background:none;margin:0;padding:2px 20px; color:#ccc;}
nav#main li.selected a:hover, nav#main li li a:hover {color:#83bb60;}



/* =================
	Main Body 
	================= */

div#main{width:960px;margin:0 auto;position:relative;padding:35px 0 0;}
div#main.documentation {padding-top:10px;}
div#main #content{width:720px;position:relative;float:left;line-height:1.6em;margin-bottom:40px;}
div#main #content .intro {font-size:16px; font-weight: 200;margin-bottom:30px;}

body#documentation #content section {border-bottom: 1px dotted #c5c5c5;}

#main.home #content {width:960px;}




/* Columns */

.col-third {float:left;display:inline-block;margin-right:20px;width:226px;}
.col-third h3 {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;margin-bottom:10px;padding:10px 10px 6px 10px;color:#e8e7e7;text-transform:uppercase;font-size:20px;line-height:1.2em;}
.wf-active .col-third h3 {font-size:28px;line-height:.9em;}


/* =================
	 Sidebar 
	 ================= */

#sidebar{width:210px;position:relative;float:left;padding-right:30px;margin-bottom:40px;}
#sidebar h2 {margin-top:0;margin-bottom:10px;color:#5C5C5D;font-size:36px;}
.wf-active #sidebar h3 {font-size:25px; margin-bottom: 5px;}
nav.sidebar{margin-bottom:30px;}
nav.sidebar ul {list-style-type:none;}
nav.sidebar ul ul {margin-left: 10px;}
nav.sidebar li a {color:#4b4b4b;font-weight:bold;display:block;padding:7px;margin-bottom:2px;background:url(/global/img/bg-nav-sidebar.png);-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border-top:1px solid #fff;border-left:1px solid #fff;border-right: 1px solid #d7d8da;border-bottom:1px solid #d7d8da;-webkit-transition: background .18s ease-in-out;
-moz-transition: background .18s ease-in-out;
-o-transition: background .18s ease-in-out;
transition: background .18s ease-in-out;}
nav.sidebar li a:hover {background-color: #fff; color:#4a8d22;}
nav.sidebar li.selected a {color:#fff;border-bottom: 1px solid #456a2f;border-right: 1px solid #456a2f;border-top: 1px solid #b8d8a3;border-left: 1px solid #b8d8a3;
	background: #82ba5f; /* Old browsers */
	background: -moz-linear-gradient(top, #82ba5f 0%, #629743 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#82ba5f), color-stop(100%,#629743)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #82ba5f 0%,#629743 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #82ba5f 0%,#629743 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #82ba5f 0%,#629743 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82ba5f', endColorstr='#629743',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #82ba5f 0%,#629743 100%); /* W3C */}	
nav.sidebar li.selected li a {color:#4b4b4b;font-weight:normal;display:block;padding:7px;margin-bottom:2px;background:url(/global/img/bg-nav-sidebar.png);-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border-top:1px solid #fff;border-left:1px solid #fff;border-right: 1px solid #d7d8da;border-bottom:1px solid #d7d8da;}
nav.sidebar li.selected li a:hover {background-color: #fff; color:#4a8d22;}

nav.sidebar li li a{font-weight:normal; color:#666;}


/* Right Sidebar */

.r-sidebar {position:relative; float:right; width:230px;margin-left:20px;}


/* =================
	 Sidebar Modules 
	 ================= */
.module {margin-bottom:20px;padding: 10px;background:#D2D6D8;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: inset 1px 1px 2px 0px #c2c3c7, 1px 1px 0px 0px #eee;-moz-box-shadow: inset 1px 1px 2px 0px #c2c3c7, 1px 1px 0px 0px #eee;box-shadow: inset 1px 1px 2px 0px #c2c3c7, 1px 1px 0px 0px #eee;}
.module h3 {margin-top:0;}
.module .rot {margin: -25px 0 -60px -30px;}
.module p {margin-top:0;}
.module-1 {background:#dce1e6;}
.module-1.mailing-lists {}
.module-1.mailing-lists ul {margin: 0;padding:0;list-style-type:none;}
.module-1.mailing-lists li {margin: 0; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.module-1.mailing-lists li h4 {margin-bottom: 4px; color: #508233;}
.module-1.mailing-lists li h4 span {text-transform:uppercase;color:#bbb;font-weight:normal;font-size:11px; letter-spacing: .04em;}
.module-1.mailing-lists a li p {color:#999;font-size:11px;}
html.oldie .module .rot {max-width:180px; margin:0!important;}
.module-1.mailing-lists li:hover {background: rgba(254, 254, 254, .2);}

/* =================
	Footer
	================= */

footer.main {background:url(/global/img/bg-footer.png) top left repeat-x;}
footer.main .slogan {height:40px;text-align:center;font-size:20px;font-family:	"proxima-nova-condensed-n4", "proxima-nova-condensed";color:#ccc;letter-spacing:.04em;text-transform:uppercase;text-shadow: -1px -1px 0px #111111;filter: dropshadow(color=#111111, offx=-1, offy=-1);background:url(/global/img/bg-nav.png) repeat-x;}
footer.main .slogan p {padding-top:7px;margin:0;}
footer.main section {width:960px;margin:0 auto; padding-top: 30px;}
footer.main .contact {font-size:12px; background:url(/global/img/logo-hypertable-footer.png) 0 0 no-repeat;padding:40px 0 0 0; }
footer.main .contact p {padding-left: 55px;}
footer.main nav.footer {width:700px;float:left;-moz-column-count:4;-moz-column-gap:20px;-webkit-column-count:4;-webkit-column-gap:20px;column-count:4;column-gap:20px;}
footer.main nav.footer a {display:block;color:#999;}
footer.main nav.footer a.L1 {display:block;color:#444;}
footer.main nav.footer p {margin: 0 0 10px;}


/* =================
	Homepage
	================= */
	
#main.home .col-third {width:300px;position:relative;}
#main.home .col-third.center {width:340px;margin-top:-50px;padding-top:10px;text-align:center;background:url(/global/img/bg-col-center.png) top center no-repeat;}
#main.home .col-third.alpha, #main.home .col-third.omega {width:290px;z-index:90;}

#main.home #content h2 {font-size:30px;position:relative;z-index:100;}
#main.home .col-third.center ul {text-align:left;padding:10px 30px 0 40px;margin:0;}
#main.home .col-third.center li {margin-bottom: 15px;list-style-type:none; background: url(/global/img/bullet.png) 0px 5px no-repeat; padding-left: 20px;padding-right:5px;}
#main.home .col-third.center h4 {margin: 0 0 5px;font-family:proxima-nova-extra-condensed;font-size:22px;color:#444;font-weight:normal;}
#main.home .col-third.center .btn-download-big {margin:-30px auto 0 auto; display:block;}
#main.home .col-third .button {margin-top: 10px;}
#main.home .col-third .badge {margin: 0 auto -30px;width:218px;display:block;position:relative;z-index:100;}
#main.home .col-third p {position:relative;z-index:100;}
#main.home .col-third .cloud {position:absolute;top:0;left:-10px;z-index:70;}

/* =================
	Products / Services
	================= */

body#products_services.subpage #sidebar {
  margin-bottom: 0;
  
}

.col-third.hypertable h3 {background:#75ab54 url(/global/img/bg-h3-hypertable.png) 10px 50% no-repeat;padding-left:80px;}
.col-third.hypertable h3:hover {background-color:#5f9140;}
.col-third.uptime h3 {background:#884a89 url(/global/img/bg-h3-uptime.png) 10px 50% no-repeat;padding-left:80px;}
.col-third.uptime h3:hover {background-color:#6c336d;}
.col-third.training h3 {background:#b4a94a url(/global/img/bg-h3-training.png) 10px 50% no-repeat;padding-left:60px;}
.col-third.training h3:hover {background-color:#948930;}

/* =================
	Subscriptions
	================= */

.pricing-table {
  position: relative;
  top: -20px;
  background: rgba(255, 255, 255, .4);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #ddd;
  border-top: none;
}
.pricing-table .row:not(.headers) {
}
.pricing-table .row:not(.headers) .columns {
  text-align: center;
  position: relative;
  padding: 10px;
  /* border-right: 1px solid #ddd; */
}
.pricing-table .row:not(.headers) .columns:first-child {
  /* border-left: 1px solid #ddd; */
}
.pricing-table .row > .columns:first-child {
  text-align: left ;
}
.pricing-table .row:nth-child(odd) {
    background: rgba(0, 0, 0, .02);
}
.pricing-table .row.headers > .columns:first-child h3 {
  opacity: .5;
  padding-left: 15px;
}
.pricing-table .row.headers > .columns:first-child h3{
  text-align: left !important;
  background: #d4d8dd !important;
  -webkit-border-radius: 3px 0 0 0;
}
.pricing-table .row.headers .columns h3 {
  margin: 0;
  padding: 10px;
  color: #fff;
  background: #666;
  text-align: center;
  background: #6b2a74;
  background: -moz-linear-gradient(top, #6b2a74 0%, #4e1a55 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b2a74), color-stop(100%,#4e1a55));
  background: -webkit-linear-gradient(top, #6b2a74 0%,#4e1a55 100%);
  background: -o-linear-gradient(top, #6b2a74 0%,#4e1a55 100%);
  background: -ms-linear-gradient(top, #6b2a74 0%,#4e1a55 100%);
  background: linear-gradient(to bottom, #6b2a74 0%,#4e1a55 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b2a74', endColorstr='#4e1a55',GradientType=0 );
}
.pricing-table .row.headers .columns.enterprise h3 {
  z-index: 100;
  position: relative;
  margin: -10px 0;
  padding: 18px 5px 18px;
  background: #55903f;
  background: -moz-linear-gradient(top, #55903f 0%, #476d31 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#55903f), color-stop(100%,#476d31));
  background: -webkit-linear-gradient(top, #55903f 0%,#476d31 100%);
  background: -o-linear-gradient(top, #55903f 0%,#476d31 100%);
  background: -ms-linear-gradient(top, #55903f 0%,#476d31 100%);
  background: linear-gradient(to bottom, #55903f 0%,#476d31 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55903f', endColorstr='#476d31',GradientType=0 );
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.pricing-table .row.headers .columns.basic h3 {
  opacity: .8;
  -webkit-border-radius: 0 3px 0 0;
  border-radius: 0 3px 0 0;  
}
.pricing-table h4 {
  color: #3d3d3e;
  margin: 0;
  font-size: 14px;
}
.pricing-table .row > .columns:first-child h4 {
  color: #5d5d5e;
  font-weight: 400;
}
.pricing-table h4 small {
  opacity: .6;
  font-size: .75em;
}
.pricing-table .row.description .columns:not(:first-child) {
  font-size: 12px;
}

.pricing-table .columns p {
  margin: 0;
}
.pricing-table .columns.enterprise {
  background: rgba(172, 197, 122, .1);
  z-index: 99;
  position: relative;
}

/* =================
	Team
	================= */

.entry {padding: 10px 10px 20px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;color:#545454;}
.entry.odd {background: url(/global/img/bg-trans-white-30.png);}
.entry .photo {width:160px;height:160px;margin-right:10px;float:left;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: inset 1px 1px 4px 0px #444444,1px 1px 0px 0px #ffffff;-moz-box-shadow: inset 1px 1px 4px 0px #444444,1px 1px 0px 0px #ffffff;box-shadow: inset 1px 1px 4px 0px #444444,1px 1px 0px 0px #ffffff;}
.entry .bio {width:520px;float:left;position:relative;}
.entry h3 {font-family:proxima-nova, helvetica, arial, serif;text-transform:none;font-size:20px;margin: 0 0 -5px 0;}
.entry .bio h3 span {text-transform:uppercase;font-size:14px;color:#999;}
.entry .bio .action {position:absolute;top:0;right:0;text-transform:uppercase;font-family:proxima-nova, helvetica, arial, sans-serif;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.entry .bio .action a {padding: 1px 18px 1px 5px;}
.entry .bio .action:hover{background-color:#508233;} 
.entry .bio .action:hover a {color:#fff;}

section.advisors .entry .bio {width:auto;}

section.management {margin-bottom:40px;}
section.implementations .photo {width:160px;height:160px;margin: 0 15px 15px 0; display:inline-block;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: inset 1px 1px 4px 0px #444444,1px 1px 0px 0px #ffffff;-moz-box-shadow: inset 1px 1px 4px 0px #444444,1px 1px 0px 0px #ffffff;box-shadow: inset 1px 1px 4px 0px #444444,1px 1px 0px 0px #ffffff;}

/* =================
	Community
	================= */

	
.community-roll .entry {display:block;background-color: rgba(254, 254, 254, .6);width:210px;height:210px;margin: 0 10px 10px 0;position:relative;color:#555;float:left;	-webkit-transition: background .18s ease-in-out;
	-moz-transition: background .18s ease-in-out;
	-o-transition: background .18s ease-in-out;
	transition: background .18s ease-in-out;}
.community-roll .entry:hover {background:#6fa54f;}
.community-roll .entry:hover, .community-roll .entry:hover h3 {color:#fff;}
.community-roll h3 {font-family:helvetica, arial, sans-serif;font-size:14px; font-weight:bold;text-transform:none;line-height:1.4em;padding-right:25px; margin: 0 0 10px 0;}
.community-roll .status-icon {position:absolute;right:10px;top:10px;width: 24px;height: 24px;}
.community-roll .status-icon.hot {background: url(/global/img/ico-hot.png) top right no-repeat;}
.community-roll .status-icon.new {background: url(/global/img/ico-new.png) top right no-repeat;}
.community-roll .excerpt {}
.community-roll .meta {font-family:proxima-nova-extra-condensed;font-weight:400;width:210px;font-size:16px;color:#b6b7b8;text-transform:uppercase;position:absolute;bottom:7px;}
.community-roll .entry:hover .meta {color: #9cd479;}
.community-roll .meta .category {float:left;}
.community-roll .meta date {float:right;}

/* =================
	Blog
	================= */

#main.blog .entry h3 {margin-top:0;margin-bottom:5px;text-transform:none;}
#main.blog .entry a h3:hover {color:#609A3F;}
#main.blog .entry date {text-transform:uppercase; color:#999;font-size:11px;}
#main.blog .entry p {margin:5px 0 10px;color:#777;}
#main.blog #content.blog-post h1.title {margin-bottom:10px; padding-right:200px;}
#main.blog #content.blog-post h4.published {margin-top:5px;font-weight:normal;color:#999;}

#main.blog .entry .content ul {
	margin: 20px;
}

#main.blog .entry .content li {
	margin-left: ;
}

#blog td, th {
font-size:1em;
padding:3px 7px 2px 7px;
}
#blog th {
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#82BA5F;
color:#ffffff;
}
#blog tr:nth-of-type(odd) {
color:#000000;
background-color:#EAF2D3;
}


#socialmedia {position:absolute;top:0px;right:0;}
.hj_social_bookmarks {margin:0;}
.hj_social_bookmarks li {display:inline-block; opacity: .8;}
.hj_social_bookmarks li:hover {opacity: 1;}

.comments:after{border-color:#B3B3B3 transparent;border-style:solid;border-width:5px 0 0 5px;bottom:-4px;content:"";display:block;height:0;left:5px;position:absolute;width:0;}
.comments{background:-moz-linear-gradient(center top,#C0C0C0,#B3B3B3) repeat scroll 0 0 transparent;border-radius:3px 3px 3px 3px;color:#FFFFFF;font-size:10px;margin:1em 0 3em;padding:2px 5px 0;position:relative;}

#commentwrap {
    border-top: 1px solid #ccc;
    margin-top: 40px;
    padding-top: 30px;
}
#commentwrap #comment_form {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #c5c5c5;
    border-radius: 3px 3px 3px 3px;
    margin: 20px 0 0;
    padding: 20px;
}

#commentwrap .comment {
	padding: 5px 15px 15px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
#commentwrap .comment.odd {
	background: rgba(255, 255, 255, .3);
}
#commentwrap .author {color: #999; display: block; text-align: right; }
#commentwrap .author b {color: #555;}

#commentform h3 {
	margin-top: 0;
}

/* =================
	Contact
	================= */
	
div#main.contact .map {position:absolute;top:40px;right:0;width:300px;}
div#main.contact .map:hover {opacity: .8;}
div#main.contact #content .entry {padding:0 340px 0 0;margin-bottom:30px;}
div#main.contact #content .entry h3 {margin-bottom:10px;}
div#main.contact #content .entry p {margin: 5px 0;}
div#main.contact #content label {width:100px; display:inline-block;vertical-align:top;text-transform:uppercase;color: #999;font-size:.9em;}
div#main.contact #content label span.required {padding-right: 10px; background: url(/global/img/required.png) 100% 0px no-repeat;}
div#main.contact #content .entry b {display:inline-block;}

div#main.contact .contact textarea {
	width: 260px;
	height: 80px;
}

/* =================
	Download
	================= */

#content.download section {margin-bottom:40px;}
#content.download h2 {margin-bottom: 10px;}
.package-headers div {color:#888;text-transform:uppercase;background:#D3D9E0; padding:2px 5px;display:inline-block;margin-right:1px;}
.package div {display:inline-block;padding:2px 5px;margin-right:1px;}
.package-name {width:330px;}
.package-size {width:50px;}
.package-headers .package-hash{width:295px;}
.package .package-hash {width:295px;font-family: monospace;font-size:12px}

html.oldie .package-headers div, html.oldie.package div {display:inline;}

/* =================
	Documentation
	================= */

.content-nav-list ul#nav_sub {padding-left:0;}
.content-nav-list li {font-size:16px; list-style-type:none;border-bottom:1px solid #efefef; padding-bottom:10px;margin-bottom:10px;}

#documentation td, th {
font-size:1em;
padding:3px 7px 2px 7px;
}
#documentation th {
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#82BA5F;
color:#ffffff;
}
#documentation tr:nth-of-type(odd) {
color:#000000;
background-color:#EAF2D3;
}

/* FAQ Toggle */

section.faq {
	margin-bottom: 10px;
}

h2.trigger {
	padding:  5px 5px 5px 35px;
	margin: 0 0 5px 0;
	background: url(/global/img/toggle.png) 5px 5px no-repeat;
	font-size: 2em;
	font-weight: normal;
	cursor:pointer;
	cursor: hand;
	text-transform: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
h2.trigger:hover {background-color: #f1f1f1;}
h2.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover { color: #ccc;}
h2.active {background-position: 5px -45px;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0;
	overflow: hidden;
	font-size: 1.2em;
	clear: both;
}
.toggle_container .block {
	padding: 20px; /*--Padding of Container--*/
}


/* =================
	Wiki
	================= */

#main.wiki .topBarLinks {
  border-radius: 4px 4px 4px 4px;
  padding: 8px 8px 6px;
	margin-bottom: 15px;
	background-color: rgba(0, 0, 0, .1);
}



/*
 * jQuery Nivo Slider v2.6
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */

#slider{margin:0 auto;width:960px;/* Make sure your images are the same size */
height:270px;/* Make sure your images are the same size */}
.slider-wrapper{width:100%;height:270px;background:url(/global/img/bg-slider.jpg) top center repeat-x;}
/* The Nivo Slider styles */
.nivoSlider{position:relative;}
.nivoSlider img{position:absolute;top:0px;left:0px;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink{position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;}
/* The slices and boxes in the Slider */
.nivo-slice{display:block;position:absolute;z-index:5;height:100%;}
.nivo-box{display:block;position:absolute;z-index:5;}
/* Caption styles */
.nivo-caption{position:absolute;left:0px;top:0px;color:#fff;width:100%;z-index:8;height:270px;opacity:1;}
.nivo-caption .text{width:660px;position:absolute;top:50px;}
.nivo-caption h2{position:absolute;top:-666em;}
.nivo-caption img{position:relative;}
.nivo-caption p{padding:5px;margin:0;font-size:18px;color:#81e255;font-size:18px;font-weight:200;}
.nivo-caption a{display:inline !important;}
.nivo-html-caption{display:none;}
.nivo-caption .feat-img{position:absolute;top:30px;left:700px;}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a{position:absolute;top:45%;z-index:9;cursor:pointer;}
.nivo-prevNav{left:0px;display:none;}
.nivo-nextNav{right:0px;display:none;}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav{bottom:20px;position:absolute;}
.nivo-controlNav a{position:relative;z-index:9;cursor:pointer;text-indent:-999em;background:url(/global/img/slider-pos-off.png) top left no-repeat;display:inline-block;width:14px;height:14px;margin-right:10px;}
.nivo-controlNav a.active{background:url(/global/img/slider-pos.png) top left no-repeat;}


/* IE */
html.lte9 nav#main a {
	padding:12px 11px 14px 11px;
	text-shadow: none;
}

html.lte9 button, html.lte9 a.button, html.lte9 .button {box-shadow:none;filter:none;}


/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}



/******* Pricing Table Stuff   ***********/

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 82.5em; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row.collapse > .column,
  .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row .row {
    width: auto;
    margin-left: -0.9375em;
    margin-right: -0.9375em;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      width: auto;
      margin: 0;
      max-width: none; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }

.column,
.columns {
  padding-left: 0.9375em;
  padding-right: 0.9375em;
  width: 100%;
  float: left; }

[class*="column"] + [class*="column"]:last-child {
  float: right; }

[class*="column"] + [class*="column"].end {
  float: left; }

@media only screen {
  .small-push-0 {
    position: relative;
    left: 0%;
    right: auto; }

  .small-pull-0 {
    position: relative;
    right: 0%;
    left: auto; }

  .small-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .small-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .small-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .small-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .small-push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .small-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .small-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .small-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .small-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .small-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .small-push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .small-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .small-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .small-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .small-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .small-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .small-push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .small-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .small-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .small-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .small-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .small-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }

  .column,
  .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left; }

  .small-1 {
    width: 8.33333%; }

  .small-2 {
    width: 16.66667%; }

  .small-3 {
    width: 25%; }

  .small-4 {
    width: 33.33333%; }

  .small-5 {
    width: 41.66667%; }

  .small-6 {
    width: 50%; }

  .small-7 {
    width: 58.33333%; }

  .small-8 {
    width: 66.66667%; }

  .small-9 {
    width: 75%; }

  .small-10 {
    width: 83.33333%; }

  .small-11 {
    width: 91.66667%; }

  .small-12 {
    width: 100%; }

  .small-offset-0 {
    margin-left: 0% !important; }

  .small-offset-1 {
    margin-left: 8.33333% !important; }

  .small-offset-2 {
    margin-left: 16.66667% !important; }

  .small-offset-3 {
    margin-left: 25% !important; }

  .small-offset-4 {
    margin-left: 33.33333% !important; }

  .small-offset-5 {
    margin-left: 41.66667% !important; }

  .small-offset-6 {
    margin-left: 50% !important; }

  .small-offset-7 {
    margin-left: 58.33333% !important; }

  .small-offset-8 {
    margin-left: 66.66667% !important; }

  .small-offset-9 {
    margin-left: 75% !important; }

  .small-offset-10 {
    margin-left: 83.33333% !important; }

  .small-offset-11 {
    margin-left: 91.66667% !important; }

  .small-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }

  .column.small-centered,
  .columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }

  .column.small-uncentered,
  .columns.small-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left; }

  .column.small-centered:last-child,
  .columns.small-centered:last-child {
    float: none; }

  .column.small-uncentered:last-child,
  .columns.small-uncentered:last-child {
    float: left; }

  .column.small-uncentered.opposite,
  .columns.small-uncentered.opposite {
    float: right; } }
@media only screen and (min-width: 40.063em) {
  .medium-push-0 {
    position: relative;
    left: 0%;
    right: auto; }

  .medium-pull-0 {
    position: relative;
    right: 0%;
    left: auto; }

  .medium-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .medium-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .medium-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .medium-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .medium-push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .medium-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .medium-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .medium-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .medium-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .medium-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .medium-push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .medium-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .medium-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .medium-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .medium-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .medium-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .medium-push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .medium-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .medium-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .medium-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .medium-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .medium-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }

  .column,
  .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left; }

  .medium-1 {
    width: 8.33333%; }

  .medium-2 {
    width: 16.66667%; }

  .medium-3 {
    width: 25%; }

  .medium-4 {
    width: 33.33333%; }

  .medium-5 {
    width: 41.66667%; }

  .medium-6 {
    width: 50%; }

  .medium-7 {
    width: 58.33333%; }

  .medium-8 {
    width: 66.66667%; }

  .medium-9 {
    width: 75%; }

  .medium-10 {
    width: 83.33333%; }

  .medium-11 {
    width: 91.66667%; }

  .medium-12 {
    width: 100%; }

  .medium-offset-0 {
    margin-left: 0% !important; }

  .medium-offset-1 {
    margin-left: 8.33333% !important; }

  .medium-offset-2 {
    margin-left: 16.66667% !important; }

  .medium-offset-3 {
    margin-left: 25% !important; }

  .medium-offset-4 {
    margin-left: 33.33333% !important; }

  .medium-offset-5 {
    margin-left: 41.66667% !important; }

  .medium-offset-6 {
    margin-left: 50% !important; }

  .medium-offset-7 {
    margin-left: 58.33333% !important; }

  .medium-offset-8 {
    margin-left: 66.66667% !important; }

  .medium-offset-9 {
    margin-left: 75% !important; }

  .medium-offset-10 {
    margin-left: 83.33333% !important; }

  .medium-offset-11 {
    margin-left: 91.66667% !important; }

  .medium-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }

  .column.medium-centered,
  .columns.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }

  .column.medium-uncentered,
  .columns.medium-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left; }

  .column.medium-centered:last-child,
  .columns.medium-centered:last-child {
    float: none; }

  .column.medium-uncentered:last-child,
  .columns.medium-uncentered:last-child {
    float: left; }

  .column.medium-uncentered.opposite,
  .columns.medium-uncentered.opposite {
    float: right; }

  .push-0 {
    position: relative;
    left: 0%;
    right: auto; }

  .pull-0 {
    position: relative;
    right: 0%;
    left: auto; }

  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; } }
@media only screen and (min-width: 64.063em) {
  .large-push-0 {
    position: relative;
    left: 0%;
    right: auto; }

  .large-pull-0 {
    position: relative;
    right: 0%;
    left: auto; }

  .large-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .large-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .large-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .large-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .large-push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .large-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .large-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .large-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .large-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .large-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .large-push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .large-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .large-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .large-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .large-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .large-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .large-push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .large-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .large-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .large-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .large-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .large-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }

  .column,
  .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left; }

  .large-1 {
    width: 8.33333%; }

  .large-2 {
    width: 16.66667%; }

  .large-3 {
    width: 25%; }

  .large-4 {
    width: 33.33333%; }

  .large-5 {
    width: 41.66667%; }

  .large-6 {
    width: 50%; }

  .large-7 {
    width: 58.33333%; }

  .large-8 {
    width: 66.66667%; }

  .large-9 {
    width: 75%; }

  .large-10 {
    width: 83.33333%; }

  .large-11 {
    width: 91.66667%; }

  .large-12 {
    width: 100%; }
  }