/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */

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; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #1d86b7; color: #fff; text-shadow: none; }

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

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; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

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

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

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

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
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, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* ===== Primary Styles ========================================================
   Author:
   ========================================================================== */

html {
	height: 100%;
	overflow-y: scroll;
}

body {
	background-color: rgb(75, 75, 75);
	font-family: Helvetica, Arial;
	font-size: 15px;

	height: 100%;
	width: 100%;
	color: #444;
	font-weight: normal;
	min-height: 100%;
	padding: 0px;
	display: block;
	margin: 0px;

	-webkit-font-smoothing: antialiased;
}

a,
a:visited {
	color: #61b5ff;
	text-decoration: underline;
}

a:hover {
	color: #509dd8;
	text-decoration: underline;
}

#header {
	background: rgba(255, 255, 255, 0.95);
/*	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);*/
	display: none;
	height: 60px;
	left: 0px;
	min-width: 1000px;
	position: fixed;
	padding-left: 20px;
	padding-right: 20px;
	right: 0px;
	text-align: left;
	top: 0px;
	z-index: 100;
}

#header .buttons {
	position: absolute;
	right: 20px;
	top: 20px;
}

#header .buttons .bigButton {
	font-size: 16px;
	padding: 10px 20px;
}

#header .leftButtons {
	position: absolute;
	left: 20px;
	top: 20px;
}

#header a.bigButton.chat {
	font-size: 16px;
	padding: 10px 20px;

	border: 1px solid #666666;
	box-shadow: inset 0 1px 0 0 #CCCCCC;

	background: #bababa; /* Old browsers */
	background: -moz-linear-gradient(top,  #bababa 0%, #757575 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bababa), color-stop(100%,#757575)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #bababa 0%,#757575 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #bababa 0%,#757575 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #bababa 0%,#757575 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #bababa 0%,#757575 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bababa', endColorstr='#757575',GradientType=0 ); /* IE6-9 */
}

#header .center {
	left: 50%;
	margin-left: -250px;
	margin-top: -5px;
	position: absolute;
	text-align: center;
	top: 20px;
	width: 500px;
}

#header .center a.icon {
	margin-right: 6px;
}

#header .center a.icon img {
	margin-top: -8px;
}

#header .center a {
	margin-left: 15px;
	margin-right: 15px;
	text-decoration: none;
}

#header .center a:hover {
	text-decoration: underline;
}

#site {
	background-image: none;
	background: #FFFFFF;
	display: block;
	margin: 0 auto;
	max-width: 1400px;
	min-width: 1100px;
	position: relative;
	width: 100%;
}

#site.main.dark {
	background: #2d2d2d;
	color: #DDDD;
}

#site.main.home.dark {
	background: #101010;
}

#site.main.dark hr {
	background: rgb(253,29,97);
	background: linear-gradient(90deg, rgba(253,29,97,1) 0%, rgba(160,17,170,1) 51%, rgba(0,160,250,1) 100%);
	border: none;
	height: 5px;
}

#site.main.dark hr.dark2 {
	background: rgb(0,149,232);
	background: linear-gradient(90deg, rgba(0,149,232,1) 6%, rgba(161,224,19,1) 51%, rgba(0,241,52,1) 100%);
	border: none;
	height: 5px;
}

#site.main.dark hr.thin {
	background: black;
	border: none;
	height: 1px;
}

#site.main.dark hr.thin2 {
	background: #444444;
	border: none;
	height: 1px;
}

#page1 {
	height: 630px;
	display: block;
	padding: 0px;
	position: relative;
	width: 100%;

	transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
}

.page.interior {
	background: #FFFFFF;
}

.page .content {
	margin: 0 auto;
	margin-top: 0px;
	overflow: hidden;
	position: relative;
	width: auto;
}

.page .content.text {
	width: 86%;
}

.page.dark .content {
	color: #e8e8e8;
}

.page.interior .content {
	background: #F0F0F0;
	padding: 20px 40px;
	width: 810px;
}

.page.dark .content.text h3 {
    font-size: 20px;
    color: #FFFFFF;
    font-weight: bold;
}

.page.dark .content.text p {
	font-size: 18px;
	line-height: 1.8em;
}

.page .content .leftColumn {
	float: left;
	position: relative;
	width: 420px;
}

.page .content .rightColumn {
	float: right;
	position: relative;
	width: 420px;
}

.page .content p {
	line-height: 2em;
}

.page .content ul li {
	line-height: 1.5em;
}

#page1 .content {
	height: 100%;
	min-height: 740px;
	padding: 0 54px;
}

#businessHero {
	margin-top: -60px;
	padding-top: 60px;
}

.heroPhoto {
	overflow: hidden;
	position: relative;
}

.heroPhoto .minimumWidth {
	background: none;
	display: block;
	height: 725px;
	left: 50%;
	margin: 0px auto;
	position: inline-block;
	width: 1000px;
}

.heroPhoto img.heroWide {
	height: auto;
	display: block;
	left: 50%;
	margin-left: -200px;
	min-width: 1400px;
	width: 100%;
}

.heroPhoto .inset {
	background: none;
	color: white;
	display: block;
	left: 43%;
	position: absolute;
	top: 130px;
	width: 500px;
}

.heroPhoto .inset h1 {
	color: white;
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 56px;
	font-weight: bold;
	margin-bottom: 0px;
	padding: 0px;
	text-align: left;
}

.heroPhoto .inset h2 {
	color: white;
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 30px;
	margin-top: 0px;
	width: 550px;
}

.heroPhoto .inset ul li {
	font-size: 20px;
	line-height: 1.5em;
	margin-left: -40px;
	list-style-type: none;
}

.heroPhoto .inset .buttons {
	display: inline-block;
	margin-top: 30px;
}

.heroPhoto .inset .buttons a {
	font-size: 17px;
	font-weight: normal;
	margin-right: 10px;
	padding-left: 16px;
	padding-right: 16px;
}

.heroPhoto .inset .buttons a.filled {
	background: rgb(12, 201, 37);
	border-color: rgb(12, 201, 37);
	color: black;
}

.heroPhoto .inset .buttons a:hover {
	background-color: rgb(241, 25, 108);
	border: 1px solid rgb(241, 25, 108);
	color: white;
}

#businessHero.heroPhoto img.heroWide {
	margin-top: -110px;
}

#educationHero.heroPhoto .minimumWidth {
	height: 399px;
}

#educationHero.heroPhoto img.heroWide {
	
}

#educationHero.heroPhoto .inset {
	left: 7%;
	top: 30px;
	width: 700px;
}

#educationHero.heroPhoto .inset h1 {
	font-size: 50px;
}

#d3hero.heroPhoto {
	background: rgb(85,85,85);
	background: radial-gradient(at 73% 30%, rgb(73, 73, 73) 0%, rgb(12, 12, 12) 100%);
	height: 830px;
	margin-top: -60px;
}

#d3hero.heroPhoto .inset {
	left: 7%;
	top: 90px;
	position: absolute;
	width: auto;
}

#d3hero.heroPhoto .inset h1 {
	color: #58c3ff;
}

#d3hero.heroPhoto .inset h2 {
	background: linear-gradient(157deg, rgb(102 199 255) 26%, rgb(223 64 234) 72%, rgb(228 118 255) 100%);
	font-size: 40px;
	margin-bottom: 50px;
	padding-top: 0px;
	text-align: center;
	width: auto;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

#d3hero.heroPhoto .inset .heroVideo {
	background: #000000;
	border-radius: 5px;
	box-shadow: 0px 0px 12px rgba(0,0,0,0.5);
	height: 410px;
	width: 684px;
	z-index: 2;
}

#d3hero.heroPhoto .inset .heroVideo:hover {
	border: 4px solid #00FF00;
	margin-bottom: -4px;
	margin-left: -4px;
	margin-right: -4px;
	margin-top: -4px;
	cursor: pointer;
}

#d3hero.heroPhoto .inset .heroVideo video {
	height: 474px;
	margin-top: -46px;
	width: 684px;
}

#d3hero.heroPhoto .inset ul.features {
	display: flex;
	justify-content: space-between;
	margin-top: 46px;
	max-width: 1132px;
	width: auto;
}

#d3hero.heroPhoto .inset ul.features li {
	font-size: 23px;
	line-height: 44px;
	min-height: 40px;
	width: auto;
	white-space: nowrap;
}

#d3hero.heroPhoto .inset ul.features li.blue {
	color: rgb(49, 179, 255);
}

#d3hero.heroPhoto .inset ul.features li.green {
	color: rgb(78, 245, 12);
}

#d3hero.heroPhoto .inset ul.features li.pink {
	color: rgb(255 72 163);
}

#d3hero.heroPhoto .inset ul.features li.bigVideoOnly {
	display: none;
}

#d3hero.heroPhoto.bigVideo .inset ul.features li.bigVideoOnly {
	display: inline-block;
}

#d3hero.heroPhoto .inset ul.features li img {
	margin-right: 10px;
}

#d3hero.heroPhoto .photoInset {
	height: 664px;
	left: 62%;
	position: absolute;
	top: 95px;
}

#d3hero.heroPhoto .photoInset .buttons {
	bottom: 0px;
	left: 50%;
	margin-left: -90px;
	position: absolute;
}

#d3hero.heroPhoto .photoInset .buttons .price {
	color: #CCCCCC;
	font-size: 18px;
	margin-right: 20px;
}

#d3hero.heroPhoto .filled {
	background: rgb(207, 207, 207);
	border: none;
	color: black;
	font-size: 18px;
	font-weight: normal;
	padding: 12px 18px;
}

#d3hero.heroPhoto .filled:hover {
	background: rgb(96, 255, 96);
}

#d3hero.heroPhoto.bigVideo {
	height: 1200px;
}

#d3hero.heroPhoto.bigVideo .inset .heroVideo,
#d3hero.heroPhoto.bigVideo .inset .heroVideo video {
	height: auto;
	max-height: 796px;
	max-width: 1150px;
}

#d3hero.heroPhoto.bigVideo .inset {
	height: auto;
	width: 86%;
}

#d3hero.heroPhoto.bigVideo .inset .heroVideo {
	width: 100%;
}

#d3hero.heroPhoto.bigVideo .inset .heroVideo video {
	margin-top: 0px;
	width: 100%;
}

#d3hero.heroPhoto.bigVideo .photoInset {
	display: none;
}



#d3shop.heroPhoto .minimumWidth {
	height: 827px;
}

#d3shop.heroPhoto .inset {
	left: 7%;
	top: 600px;
	width: 700px;
}

#d3shop.heroPhoto .inset h1 {
	font-size: 50px;
}

blockquote {
	font-size: 22px;
}

blockquote .attribution {
	font-size: 18px;
}

.content.customers,
.content.bar {
	align-items: center;
	background: rgb(39, 39, 39);
	/* background: linear-gradient(90deg, rgba(253,29,97,1) 0%, rgba(160,17,170,1) 51%, rgba(0,160,250,1) 100%); */
	display: flex;
	height: 40px;
	justify-content: space-between;
	padding: 35px 7%;
}

.content.bar {
	background: #252525;
	color: #DDDDDD;
	display: block;
	font-size: 18px;
	height: auto;
	line-height: 2.5em;
	padding: 60px 120px;
}

.content.bar img {
/*	display: block;
	margin: 0px auto;
*/}

.content.customers a {
	opacity: 0.7;
}

.content.customers a:hover {
	opacity: 1.0;
}

.content.customers a img {

}

.content.gray {
	background: #232323;
	padding: 40px;
}

#site.main {
/*	background: url("../img2/standard/hero-ak-oversized.jpg");
    background: -webkit-image-set(url("../img2/standard/hero-ak-oversized.jpg") 1x, url("../img2/_2x/hero-ak-oversized-hd.jpg") 2x) no-repeat;
    background: -moz-image-set(url("../img2/standard/hero-ak-oversized.jpg") 1x, url("../img2/_2x/hero-ak-oversized-hd.jpg") 2x) no-repeat;
	background-position: center 60px;
	background-repeat: no-repeat;
*/
/*	background: url("../img2/standard/hero-kodiak-oversized.jpg");
    background: -webkit-image-set(url("../img2/standard/hero-kodiak-oversized.jpg") 1x, url("../img2/_2x/hero-kodiak-oversized-hd.jpg") 2x) no-repeat;
    background: -moz-image-set(url("../img2/standard/hero-kodiak-oversized.jpg") 1x, url("../img2/_2x/hero-kodiak-oversized-hd.jpg") 2x) no-repeat;
	background-position: center -25px;
	background-repeat: no-repeat;
*/
/*	background: url("../img2/standard/hero-koupah-oversized.jpg");
    background: -webkit-image-set(url("../img2/standard/hero-koupah-oversized.jpg") 1x, url("../img2/_2x/hero-koupah-oversized-hd.jpg") 2x) no-repeat;
    background: -moz-image-set(url("../img2/standard/hero-koupah-oversized.jpg") 1x, url("../img2/_2x/hero-koupah-oversized-hd.jpg") 2x) no-repeat;
	background-position: center 40px;
	background-repeat: no-repeat;
*/
/*	background: url("../img2/standard/hero-iu-oversized.jpg");
    background: -webkit-image-set(url("../img2/standard/hero-iu-oversized.jpg") 1x, url("../img2/_2x/hero-iu-oversized-hd.jpg") 2x) no-repeat;
    background: -moz-image-set(url("../img2/standard/hero-iu-oversized.jpg") 1x, url("../img2/_2x/hero-iu-oversized-hd.jpg") 2x) no-repeat;
	background-position: center 40px;
	background-repeat: no-repeat;
*/
	background: url("../img2/standard/hero-ensighten-oversized.jpg");
    background: -webkit-image-set(url("../img2/standard/hero-ensighten-oversized.jpg") 1x, url("../img2/_2x/hero-ensighten-oversized-hd.jpg") 2x) no-repeat;
    background: -moz-image-set(url("../img2/standard/hero-ensighten-oversized.jpg") 1x, url("../img2/_2x/hero-ensighten-oversized-hd.jpg") 2x) no-repeat;
	background-position: center 60px;
	background-repeat: no-repeat;
}

#site.main.linkedin {
	background: url("../img2/standard/hero-linkedin-oversized.jpg");
    background: -webkit-image-set(url("../img2/standard/hero-linkedin-oversized.jpg") 1x, url("../img2/_2x/hero-linkedin-oversized-hd.jpg") 2x) no-repeat;
    background: -moz-image-set(url("../img2/standard/hero-linkedin-oversized.jpg") 1x, url("../img2/_2x/hero-linkedin-oversized-hd.jpg") 2x) no-repeat;
	background-position: center 60px;
	background-repeat: no-repeat;
}

#site.main.reddit {
	background: url("../img2/standard/hero-reddit-oversized.jpg");
    background: -webkit-image-set(url("../img2/standard/hero-reddit-oversized.jpg") 1x, url("../img2/_2x/hero-reddit-oversized-hd.jpg") 2x) no-repeat;
    background: -moz-image-set(url("../img2/standard/hero-reddit-oversized.jpg") 1x, url("../img2/_2x/hero-reddit-oversized-hd.jpg") 2x) no-repeat;
	background-position: center 60px;
	background-repeat: no-repeat;
}

#site.education {
	background: url("../img2/standard/hero-kodiak-oversized.jpg");
    background: -webkit-image-set(url("../img2/standard/hero-kodiak-oversized.jpg") 1x, url("../img2/_2x/hero-kodiak-oversized-hd.jpg") 2x) no-repeat;
    background: -moz-image-set(url("../img2/standard/hero-kodiak-oversized.jpg") 1x, url("../img2/_2x/hero-kodiak-oversized-hd.jpg") 2x) no-repeat;
	background-position: center -200px;
}

#mainnav {
	
}

#mainnav.page .content {
	background: rgb(38, 111, 173);
	height: 60px;
	margin: 0 auto;
	margin-top: 0px;
	overflow: visible;
	position: relative;
	width: auto;
	z-index: 1000;
}

#mainnav.page.transparent .content {
	/* background: rgb(30, 125, 207); */
	/* background: rgb(52, 52, 52); */
	background: none;
	/* border-bottom: 5px solid #007cb7; */
}

#mainnav.page.transparent hr.dark2 {
	background: rgb(0,149,232);
    background: linear-gradient(90deg, rgba(0,149,232,1) 6%, rgba(161,224,19,1) 51%, rgba(0,241,52,1) 100%);
    height: 5px;
    position: absolute;
	top: 52px;
    width: 100%;
    z-index: 1;
}

#mainnav .left {
	height: 48px;
	left: 7px;
	position: absolute;
	top: 7px;
}

#logo-company {
	background: url("../img2/standard/logo-double-white.png") 10px 10px no-repeat;
/*    background: -webkit-image-set(url("../img2/standard/logo-double-robotics.jpg") 1x, url("../img2/_2x/logo-double-robotics-hd.jpg") 2x) no-repeat;
    background: -moz-image-set(url("../img2/standard/logo-double-robotics.jpg") 1x, url("../img2/_2x/logo-double-robotics-hd.jpg") 2x) no-repeat; */
/*	border: 1px solid rgba(255, 255, 255, 0);*/
	display: block;
	height: 46px;
	margin: 4px;
	margin-left: 0px;
	margin-top: 0px;
	width: 137px;
}

#logo-company:hover {
	background-color: #4fb4f8;
/*	border: 1px solid #FFFFFF;*/
	border-radius: 3px;
}

#mainnav .middle {
	text-align: center;
}

#mainnav .middle .navitem {
	color: white;
	cursor: normal;
    display: inline-block;
	font-weight: bold;
	height: 20px;
	padding: 20px;
	position: relative;
	text-decoration: none;
	width: auto;
}

#mainnav .middle .navitem span.downArrow {
	font-size: 14px;
}

#mainnav .middle .navitem:hover {
	background: #4fb4f8;
	color: white;
	text-decoration: none;
}

#mainnav .middle .navitem .submenu {
	background: #1b74bc;
	display: none;
	height: 200px;
	left: 0px;
	padding: 0px;
	position: absolute;
	top: 60px;
	width: 580px;
}

#mainnav .middle .navitem .submenu ul {
	display: inline-block;
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 180px;
}

#mainnav .middle .navitem .submenu ul li {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#mainnav .middle .navitem .submenu ul li.subheading {
	display: block;
	margin: 0px;
	margin-top: 10px;
	padding: 10px;
	width: auto;
}

#mainnav .middle .navitem .submenu ul li a {
	display: block;
	margin: 0px;
	padding: 10px;
	width: auto;
}

#mainnav .middle .navitem .submenu ul li a:hover {
	color: #F27700;
}

#mainnav .middle .navitem:hover .submenu {
	display: block;
}

#mainnav .right {
	font-size: 0;
	right: 10px;
	position: absolute;
	top: 24px;
}

#mainnav .right a {
	margin-left: 12px;
}

a.filled,
a.stroked {
	border: 1px solid #FFFFFF;
	border-radius: 3px;
	color: white;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 15px;
	text-decoration: none;
}

a.stroked:hover {
	border: 1px solid #FFFFFF;
	background: white;
	color: black
}

a.filled {
	background: #FFFFFF;
	/* color: black; */
	color: #1B74BC;
	font-weight: bold;
}

a.big {
	font-size: 20px;
	padding: 14px 24px;
}

a.big.filled {
	background: rgb(207, 207, 207);
	border-color: rgb(207, 207, 207);
	color: black;
	font-weight: normal;
}

a.big.stroked {
	border-color: rgb(207, 207, 207);
	color: rgb(207, 207, 207);
}

a.big.filled:hover,
a.big.stroked:hover {
	background: rgb(96, 255, 96);
	border-color: rgb(96, 255, 96);
	color: black;
}

a.filled.blue {
	background: rgb(9, 141, 248);
	border-color: rgb(9, 141, 248);
	color: black;
}

a.stroked.blue {
	background: none;
	border-color: rgb(9, 141, 248);
	color: rgb(9, 141, 248);
}

a.blue:hover {
	background: rgb(54, 164, 255);
	border-color: rgb(54, 164, 255);
	color: black;
}

#mainnav .right a:hover {
	background-color: #4fb4f8;
	border: 1px solid #4fb4f8;
	color: white;
}

#mainnav a.rounded-left,
#mainnav a.rounded-right {
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 12px;
	padding-left: 16px;
	padding-right: 16px;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
}

#mainnav a.rounded-left {
	border-radius: 5px 0px 0px 5px;
	margin-left: 10px;
	margin-right: 2px;

	background: #39c122; /* Old browsers */
	background: -moz-linear-gradient(top, #39c122 0%, #17a32b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#39c122), color-stop(100%,#17a32b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #39c122 0%,#17a32b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #39c122 0%,#17a32b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #39c122 0%,#17a32b 100%); /* IE10+ */
	background: linear-gradient(to bottom, #39c122 0%,#17a32b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39c122', endColorstr='#17a32b',GradientType=0 ); /* IE6-9 */
}

#mainnav a.rounded-right {
	border-radius: 0px 5px 5px 0px;

	background: #969696; /* Old browsers */
	background: -moz-linear-gradient(top, #969696 0%, #666666 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#969696), color-stop(100%,#666666)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #969696 0%,#666666 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #969696 0%,#666666 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #969696 0%,#666666 100%); /* IE10+ */
	background: linear-gradient(to bottom, #969696 0%,#666666 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#969696', endColorstr='#666666',GradientType=0 ); /* IE6-9 */
}

#mainnav a.rounded-left:hover,
#mainnav a.rounded-right:hover {
	text-decoration: none !important;
}

#mainnav .second-row {
	margin-left: -15px;
	margin-top: 15px;
}

#mainnav .second-row a {
	color: #444444;
	font-size: 16px;
	padding: 8px 14px;
	text-decoration: none;
}

#navbar {
	background: rgb(38, 111, 173);
	border-bottom: 2px solid white;
}

#navbar .content {
	margin: 0 auto;
	padding: 16px 0px;
	position: relative;
	width: 890px;
}

#navbar .right {
	float: right;
}

#navbar .content a {
	color: #FFFFFF;
	font-size: 16px;
	padding: 16px 16px;
	text-decoration: none;
}

#navbar .content a.selected,
#mainnav .content a.selected {
	border-bottom: 5px solid white;
	font-weight: bold;
	padding-bottom: 7px;
	position: relative;
}
/*
#navbar .content a.selected:after,
#mainnav .content a.selected:after {
	bottom: 0px;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 8px;
	margin-left: -8px;
}
*/
#navbar .content a:hover {
	background: #2579bc;
	color: #FFFFFF !important;
	text-decoration: none !important;
}

#navbar .content .left {
	margin-left: -16px;
}

#navbar .content .right {
	margin-right: -16px;
}

#navbar .content .left a {

}

#navbar .content .right a {
	font-weight: bold;
}

#navbar .content .right a .arrow {
	font-size: .8em;
	margin-left: 10px;
}

#mainnav hr {
	margin-bottom: 8px;
	margin-top: 8px;
}

#subnav {
	background: #171717;
	padding: 15px 10px;
	color: #EEEEEE;
}

#subnav .middle {
	text-align: center;
}

#subnav a,
#subnav a:visited {
	color: #e4e4e4;
	font-size: 20px;
	font-weight: bold;
	padding: 15px 20px;
	text-decoration: none;
}

#subnav.smaller a,
#subnav.smaller a:visited {
	font-size: 15px;
}

#subnav a:hover {
	background: rgb(82, 82, 82);
}

#subnav a.selected {
	border-bottom: 5px solid #EEEEEE;
	padding-bottom: 10px;
}

#hero-parallax .content {
	height: 569px;
	position: relative;
}

#hero-parallax.kodiak .content {
	height: 340px;
	position: relative;
}

#hero-parallax .heading {
	bottom: 28px;
	color: white;
	font-size: 55px;
	font-weight: bold;
	left: -2px;
	position: absolute;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
}

a.hero-inset {
	display: block;
	left: 474px;
	position: absolute;
	text-decoration: none;
	top: 60px;
}

a.hero-inset-quote {
/*	background: none;
	border-radius: 6px;
	bottom: 90px;
	color: white;
	display: block;
    font-family: "HelveticaNeue-Thin", "Helvetica Neue Thin", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 22px;
    font-weight: 300;
	height: 350px;
	left: 0px;
	line-height: auto;
	padding: 25px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	width: 380px;
*/

	background: rgba(0, 0, 0, 0.6);
	border-radius: 6px;
	bottom: 118px;
	color: white;
	display: block;
	font-size: 22px;
	height: 140px;
	line-height: 30px;
	padding: 15px 25px;
	position: absolute;
	right: 0px;
	text-align: center;
	text-decoration: none;
	width: 280px;
}

a.hero-inset-quote.iu {
	background: url("../img2/standard/logo-iu.png");
	background: -webkit-image-set(url("../img2/standard/logo-iu.png") 1x, url("../img2/_2x/logo-iu-hd.png") 2x) no-repeat;
	background: -moz-image-set(url("../img2/standard/logo-iu.png") 1x, url("../img2/_2x/logo-iu-hd.png") 2x) no-repeat;
	background-color: rgba(141, 31, 28, 0.95);
	background-position: 22px 132px;
	background-size: 281px 44px;
	background-repeat: no-repeat;

	border-radius: 0px;
	bottom: 0px;
	font-size: 20px;
	height: 344px;
	padding-top: 210px;
	right: 77px;
}

a.hero-inset-quote.iu .author {
	margin-top: 10px;
}

a.hero-inset-quote.iu .text {
	border: 1px solid white;
	border-radius: 4px;
	margin-top: 40px;
	padding: 8px;
	padding-top: 0px;
}

a.hero-inset-quote.ensighten .logo-ensighten {
	background: url("../img2/standard/logo-solid-ensighten.png");
	background: -webkit-image-set(url("../img2/standard/logo-solid-ensighten.png") 1x, url("../img2/_2x/logo-solid-ensighten-hd.png") 2x) no-repeat;
	background: -moz-image-set(url("../img2/standard/logo-solid-ensighten.png") 1x, url("../img2/_2x/logo-solid-ensighten-hd.png") 2x) no-repeat;
	height: 35px;
	margin: 10px auto;
	width: 120px;
}

a.hero-inset-quote.ensighten .text {
	border: 1px solid white;
	border-radius: 4px;
	margin: 0px 55px;
	margin-top: 40px;
	padding: 8px;
	padding-top: 0px;
}

a.hero-inset-quote.ensighten {
	background: none;
	border-radius: 6px;
	bottom: 260px;
	color: white;
	display: block;
	font-size: 22px;
	height: 200px;
	line-height: 30px;
	padding: 35px 25px;
	position: absolute;
	right: 0px;
	text-align: center;
	text-decoration: none;
	width: 370px;
}

a.hero-inset-quote.ensighten:hover {
	background: rgba(0, 0, 0, 0.2);
}

a.hero-inset-quote.linkedin .overlay-linkedin {
	background: url("../img2/standard/hero-overlay-linkedin.png");
	background: -webkit-image-set(url("../img2/standard/hero-overlay-linkedin.png") 1x, url("../img2/_2x/hero-overlay-linkedin-hd.png") 2x) no-repeat;
	background: -moz-image-set(url("../img2/standard/hero-overlay-linkedin.png") 1x, url("../img2/_2x/hero-overlay-linkedin-hd.png") 2x) no-repeat;
	height: 114px;
	margin: 10px auto;
	width: 493px;
}

a.hero-inset-quote.linkedin .text {
	border: 0px solid white;
	border-radius: 4px;
	margin: 0px 55px;
	margin-top: 40px;
	padding: 8px;
	padding-top: 0px;
}

a.hero-inset-quote.linkedin {
	background: none;
	border-radius: 6px;
	color: white;
	display: block;
	font-size: 22px;
	left: 50%;
	line-height: 30px;
	margin-left: -270px;
	padding: 10px 10px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	top: 5px;
	width: 540px;
}

a.hero-inset-quote.linkedin .quote {
	font-family: "Helvetica-Thin";
	font-size: 100px;
}

a.hero-inset-quote.linkedin:hover {
	background: rgba(0, 0, 0, 0.4);
}

a.hero-inset-quote.reddit .logo-reddit {
	background: url("../img2/standard/logo-solid-reddit.png");
	background: -webkit-image-set(url("../img2/standard/logo-solid-reddit.png") 1x, url("../img2/_2x/logo-solid-reddit-hd.png") 2x) no-repeat;
	background: -moz-image-set(url("../img2/standard/logo-solid-reddit.png") 1x, url("../img2/_2x/logo-solid-reddit-hd.png") 2x) no-repeat;
	height: 62px;
	margin: 0px auto;
	margin-bottom: 20px;
	width: 155px;
}

a.hero-inset-quote.reddit .text {
	background: rgb(38, 111, 173);
	border: 0px solid #555555;
	border-radius: 4px;
	color: white;
	font-size: 18px;
	margin: 0px 15px;
	margin-top: 30px;
	padding: 8px;
	padding-top: 0px;
}

a.hero-inset-quote.reddit {
	background: rgba(255, 255, 255, 0.9);
	border-radius: 6px;
	bottom: 140px;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
	color: black;
	display: block;
	font-size: 22px;
	height: 300px;
	line-height: 30px;
	padding: 25px 25px;
	position: absolute;
	right: 0px;
	text-align: center;
	text-decoration: none;
	width: 250px;
}

a.hero-inset-quote.reddit:hover {
	background: rgba(255, 255, 255, 1.0);
	color: black !important;
}

a.hero-inset-quote.reddit:hover .text {
	background: #2579bc;
}

a.hero-inset-quote.reddit .quote {
    font-family: "HelveticaNeue-Thin", "Helvetica Neue Thin", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 30px;
	line-height: 1.4em;
}

a.hero-inset-contact-sales {
	background: rgba(41, 114, 199, 0.85);
	border-radius: 6px;
	bottom: 48px;
	color: white;
	display: block;
	font-size: 20px;
	height: 20px;
	line-height: 22px;
	padding: 15px 25px;
	position: absolute;
	right: 0px;
	text-align: center;
	text-decoration: none;
	width: 280px;
}

a.hero-inset-quote .line1 {
	font-size: 30px;
}

a.hero-inset-quote .line2 {
	font-size: 70px;
}

a.hero-inset-quote .line3 {
	font-size: 32px;
}

a.hero-inset-quote .price {
	font-size: 42px;
	line-height: 60px;
}

a.hero-inset-quote .link {
	font-size: 32px;
	display: block;
	left: 50%;
	margin-left: -150px;
	padding: 10px;
	position: absolute;
	width: 280px;
}

a.hero-inset-quote .author {
	font-size: 16px;
}

a.hero-inset-quote:hover,
a.hero-inset-contact-sales:hover {
/*	background: rgba(0, 0, 0, 0.4);*/
	color: white !important;
	text-decoration: none !important;
}

a.hero-inset-quote.iu:hover {
	background-color: rgba(134, 14, 10, .95);
}

a.hero-inset-contact-sales:hover {
	background: rgba(41, 114, 199, 0.7);
}

a.hero-inset .text {
	background: rgba(255, 255, 255, 0.9);
	border-radius: 5px;
	color: #666666;
	font-size: 17px;
	height: 48px;
	margin-top: 5px;
	text-align: center;
	text-decoration: none;
	width: 100%;
}

a.hero-inset:hover .text {
	text-decoration: underline;
}

a.hero-inset-quote .link {
	border: 1px solid white;
	border-radius: 4px;
	line-height: 44px;
	margin-top: 10px;
}

a.hero-inset-quote .quote {
	font-size: 30px;
	margin-bottom: 10px;
}

.icon-play-large-white {
	background: url("../img2/standard/icon-play-big-white.png");
    background: -webkit-image-set(url("../img2/standard/icon-play-big-white.png") 1x, url("../img2/_2x/icon-play-big-white-hd.png") 2x) no-repeat;
    background: -moz-image-set(url("../img2/standard/icon-play-big-white.png") 1x, url("../img2/_2x/icon-play-big-white-hd.png") 2x) no-repeat;
	display: block;
	height: 26px;
	width: 27px;
}

div.hero-logo {
	background: url("../img2/standard/hero-logo.png");
    background: -webkit-image-set(url("../img2/standard/hero-logo.png") 1x, url("../img2/_2x/hero-logo-hd.png") 2x) no-repeat;
    background: -moz-image-set(url("../img2/standard/hero-logo.png") 1x, url("../img2/_2x/hero-logo-hd.png") 2x) no-repeat;
	display: block;
	height: 65px;
	bottom: 10px;
	left: 0px;
	position: absolute;
	width: 484px;
}

#kodiak-classroom {
	background: url("../img2/standard/hero-inset-classroom.jpg");
    background: -webkit-image-set(url("../img2/standard/hero-inset-classroom.jpg") 1x, url("../img2/_2x/hero-inset-classroom-hd.jpg") 2x) no-repeat;
    background: -moz-image-set(url("../img2/standard/hero-inset-classroom.jpg") 1x, url("../img2/_2x/hero-inset-classroom-hd.jpg") 2x) no-repeat;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.75);
	display: block;
	height: 188px;
	width: 372px;
}

#features {
	padding-top: 0px;
}

#features .content {
	 height: 720px;
}

#features .work-from-anywhere {
	background: url("../img2/standard/work-from-anywhere.png");
    background: -webkit-image-set(url("../img2/standard/work-from-anywhere.png") 1x, url("../img2/_2x/work-from-anywhere-hd.png") 2x) no-repeat;
    background: -moz-image-set(url("../img2/standard/work-from-anywhere.png") 1x, url("../img2/_2x/work-from-anywhere-hd.png") 2x) no-repeat;
    height: 68px;
    left: -7px;
    position: absolute;
    top: 13px;
    width: 493px;
}

#features p {
	font-size: 20px;
	line-height: 28px;
	position: absolute;
	top: 70px;
	width: 75%;
	z-index: 2;
}

#features .robot-features {
	background: url("../img2/standard/robot-features.jpg?v2");
    background: -webkit-image-set(url("../img2/standard/robot-features.jpg?v2") 1x, url("../img2/_2x/robot-features-hd.jpg?v2") 2x) no-repeat;
    background: -moz-image-set(url("../img2/standard/robot-features.jpg?v2") 1x, url("../img2/_2x/robot-features-hd.jpg?v2") 2x) no-repeat;
	height: 714px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 486px;
}

#features .robot-height {
	background: url("../img2/standard/robot-height.jpg");
    background: -webkit-image-set(url("../img2/standard/robot-height.jpg") 1x, url("../img2/_2x/robot-height-hd.jpg") 2x) no-repeat;
    background: -moz-image-set(url("../img2/standard/robot-height.jpg") 1x, url("../img2/_2x/robot-height-hd.jpg") 2x) no-repeat;
	height: 714px;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 556px;
}

#features .robot-features:hover {
	background-position: 0px -714px;
	z-index: 1;
}

#features .robot-height:hover {
	background-position: 0px -714px;
	z-index: 1;
}

hr.divider {
	margin: 20px auto;
	width: 890px;
}

p.body-large {
	font-size: 22px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

p.body-small {
	font-size: 16px;
	margin: 0px;
	margin-top: -10px;
	padding: 0px;
	text-align: center;
}

a.body-link {
	color: #555555;
	display: block;
	font-size: 20px;
	margin-top: 4px;
	text-align: center;
	text-decoration: none;
}

a.body-link .playBig {
	top: 9px;
}

.app-links {
	height: 80px;
	margin: 0px auto;
	position: relative;
	width: 550px;
}

.app-links .chrome {
	background: url("../img2/standard/browsers.png");
    background: -webkit-image-set(url("../img2/standard/browsers.png") 1x, url("../img2/_2x/browsers-hd.png") 2x) no-repeat;
    background: -moz-image-set(url("../img2/standard/browsers.png") 1x, url("../img2/_2x/browsers-hd.png") 2x) no-repeat;
	background-repeat: no-repeat;
	color: #BBBBBB;
	font-size: 20px;
	height: 40px;
	left: 0px;
	padding-left: 100px;
	padding-top: 8px;
	position: absolute;
	top: 23px;
}

.app-links .app-store {
	background: url("../img2/standard/app-store.png");
    background: -webkit-image-set(url("../img2/standard/app-store.png") 1x, url("../img2/_2x/app-store-hd.png") 2x) no-repeat;
    background: -moz-image-set(url("../img2/standard/app-store.png") 1x, url("../img2/_2x/app-store-hd.png") 2x) no-repeat;
	height: 39px;
	position: absolute;
	right: 0px;
	top: 24px;
	width: 135px;
}

.dock-integral {
	background: url("../img2/standard/dock-integral.jpg");
    background: -webkit-image-set(url("../img2/standard/dock-integral.jpg") 1x, url("../img2/_2x/dock-integral-hd.jpg") 2x) no-repeat;
    background: -moz-image-set(url("../img2/standard/dock-integral.jpg") 1x, url("../img2/_2x/dock-integral-hd.jpg") 2x) no-repeat;
	border: 1px solid #CCCCCC;
	height: 497px;
	margin-top: 30px;
	width: 888px;
}

#headline {
	height: 300px;
	margin-left: -180px;
	margin-top: -150px;
	position: absolute;
	left: 30%;
	text-align: center;
	top: 42%;
	width: 360px;
}

h1 {
	color: white;
	font-weight: normal;
	margin-bottom: 20px;
	margin-top: 20px;
}

h2 {
	color: #000000;
	font-size: 36px;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 0px;
	padding-top: 10px;
	text-align: center;
}

h3 {
	color: #DDDDDD;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

h3.centered {
	color: #666666;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 20px;
	margin-top: 0px;
	text-align: center;
	text-transform: uppercase;
}

p.centered {
	font-style: italic;
	margin-bottom: 0px;
	text-align: center;
}

.bigButton,
a.bigButton {
	background: rgb(38, 111, 173);
	border: 0px;
	border-radius: 3px;
	color: white;
	font-size: 22px;
	font-weight: bold;
	padding: 14px 50px;
	text-align: center;
	text-decoration: none;
	text-shadow: none;
}

.bigButton:hover,
a.bigButton:hover {
	background: #2579bc;
}

#headline .bigButton {
	padding-left: 25px;
	padding-right: 25px;
}

#headline p {
	font-style: italic;
	padding: 14px;
}

.bigButton.dockPreorder {
	font-size: 13px;
	left: 458px;
	padding: 3px 10px;
	padding-top: 6px;
	position: absolute;
	top: 586px;
}

.bigButton.submit {
	font-size: 17px;
	font-weight: bold;
	padding: 12px 18px;
	width: 130px;
}

.bigButton.submit.blue {
	background: #49c0f0;
}

.bigButton.submit:hover {
	background: #2a7dc7;
}

.bigButton.submit.light {
	background: #e2eef7;
	/* background: linear-gradient(0deg, #9dc8dc, #d9f2ff); */
	/* border: 1px solid white; */
	/* border-radius: 5px; */
	/* font-weight: normal; */
	color: #304f6d;
	font-size: 16px;
}

.bigButton.submit.light:hover {
	/* background: white; */
	background-color: #4fb4f8;
	/* border: 1px solid #4fb4f8; */
	color: white;
}

.bigButton.submit.bright {
	background: white;
	/* background: linear-gradient(0deg, #c3c3c3, #ffffff); */
	color: #0f4473;
}

.bigButton.submit.bright:hover {
	/* background: #ddefff; */
	background-color: #4fb4f8;
	/* border: 1px solid #4fb4f8; */
	color: white;
}

.plan.light.green .bigButton.submit.light {
	background: #e2f7e3;
	color: rgb(0, 78, 0);
}

.plan.light.green .bigButton.submit.light:hover {
	background: #154d16;
	color: white;
}

.plan.green .bigButton.submit.bright {
	background: white;
	color: rgb(0, 78, 0);
}

.plan.green .bigButton.submit.bright:hover {
	background: #154d16;
	color: white;
}

.social {
	display: block;
	height: 30px;
	margin: 20px auto;
	position: relative;
	width: 340px;
}

#header a.bigButton.chat:hover {
	background: #4cb4d3; /* Old browsers */
	background: -moz-linear-gradient(top, #4cb4d3 0%, #1a6482 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4cb4d3), color-stop(100%,#1a6482)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #4cb4d3 0%,#1a6482 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #4cb4d3 0%,#1a6482 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #4cb4d3 0%,#1a6482 100%); /* IE10+ */
	background: linear-gradient(to bottom, #4cb4d3 0%,#1a6482 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4cb4d3', endColorstr='#1a6482',GradientType=0 ); /* IE6-9 */
}

#headline a.learnMore {
	color: #444444;
	display: block;
	font-size: 20px;
	left: 50%;
	margin-left: -180px;
	margin-top: 42px;
	padding: 0px;
	position: absolute;
	text-decoration: none;
	width: 360px;
}

#headline a.learnMore span {
	font-size: 15px;
}

#headline a.learnMore:hover {
	text-decoration: underline;
}

.playBig {
	background: url("../img2/standard/icon-play-big.png") no-repeat;
    background: -webkit-image-set(url("../img2/standard/icon-play-big.png") 1x, url("../img2/_2x/icon-play-big-hd.png") 2x) no-repeat;
    background: -moz-image-set(url("../img2/standard/icon-play-big.png") 1x, url("../img2/_2x/icon-play-big-hd.png") 2x) no-repeat;
	display: inline-block;
	height: 30px;
	margin-left: 5px;
	padding: 0px;
	position: relative;
	top: 13px;
	width: 30px;
}

.playBig.white {
	background: url("../img2/standard/icon-play-big-white.png") no-repeat;
    background: -webkit-image-set(url("../img2/standard/icon-play-big-white.png") 1x, url("../img2/_2x/icon-play-big-white-hd.png") 2x) no-repeat;
    background: -moz-image-set(url("../img2/standard/icon-play-big-white.png") 1x, url("../img2/_2x/icon-play-big-white-hd.png") 2x) no-repeat;
}

.hero-inset-quote .text {
	margin-top: 2px;
	padding-top: 4px;
}

.playBig.white2 {
	background: url("../img2/standard/icon-play-white.png") no-repeat;
    background: -webkit-image-set(url("../img2/standard/icon-play-white.png") 1x, url("../img2/_2x/icon-play-white-hd.png") 2x) no-repeat;
    background: -moz-image-set(url("../img2/standard/icon-play-white.png") 1x, url("../img2/_2x/icon-play-white-hd.png") 2x) no-repeat;
    margin-left: 10px;
    top: 10px;
}

ul.videos {
	height: 130px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-top: 20px;
	width: 101%;
}

ul.videos li {
	background: white;
	height: 130px;
	float: left;
	margin: 0px;
	margin-right: 49px;
	padding: 0px;
	width: 185px;
}

ul.videos li a {
	color: #666666;
	display: block;
	text-decoration: none;
}

ul.videos li a:hover {
	text-decoration: underline;
}

ul.videos li img {
	background: white;
	border: 1px solid #777777;
	margin-bottom: 5px;
}

ul.videos li a:hover img {
	border: 1px solid #509dd8;
}

ul.videos.twoUp {
	height: 266px;
}

ul.videos.twoUp li {
	height: 240px;
	margin-right: 22px;
	width: 433px;
}

ul.videos.twoUp li.last {
	margin-right: 0px;
}

.playSmall {
	background: url("../img2/standard/icon-play-small.png") no-repeat;
    background: -webkit-image-set(url("../img2/standard/icon-play-small.png") 1x, url("../img2/_2x/icon-play-small-hd.png") 2x) no-repeat;
    background: -moz-image-set(url("../img2/standard/icon-play-small.png") 1x, url("../img2/_2x/icon-play-small-hd.png") 2x) no-repeat;
	display: inline-block;
	height: 18px;
	margin-left: 5px;
	padding: 0px;
	position: relative;
	top: 5px;
	width: 18px;
}

#ticker,
#page2,
#page4,
#page6,
#page8 {

}

#page2 {
	position: relative;
}

p span.quote {
	display: block;
	font-size: 21px;
	font-style: italic;
	margin-top: 0px;
	padding: 22px;
	padding-top: 12px;
	text-align: center;
}

p span.by {
	display: block;
	font-size: 20px;
	margin-right: 40px;
	text-align: right;
}

a img.thumb {
	background: white;
	border: 1px solid #DDDDDD;
	float: right;
	margin-bottom: 20px;
	margin-left: 20px;
	padding: 10px;
}

a:hover img.thumb {
	border: 1px solid #999999;
}

#page3,
#page4,
#page5,
#page6,
#page7,
#page8,
#page9 {
	margin-bottom: 10px;
	margin-top: 10px;
	position: relative;
}

#page3,
#page4,
#page5,
#page6,
#page7,
#page8,
#page9 {
	padding: 10px 0px;
}

#ticker,
#videos,
#videosTwoUp {
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 14px 0px;
	padding-top: 0px;
	position: relative;
}

#ticker a {
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}

#ticker a span {
	color: #126d96;
	margin-left: 6px;
	text-decoration: underline;
}

#ticker a:hover span {
	color: red;
}

/* videos */
.videoPage {
	background: white;
	padding-bottom: 0px;
	padding-top: 0px;
}

.videoPage #leftVideo {
	border: 12px solid white;
	height: 236px;
	left: -12px;
	position: absolute;
	top: 50px;
	width: 420px;
}

.videoPage #rightVideo {
	border: 12px solid white;
	height: 236px;
	right: -12px;
	position: absolute;
	top: 50px;
	width: 420px;
}

.videoPage #fullVideo {
	height: 506px;
	width: 900px;
}

.page.dark {
	background: #101010;
	color: #EEEEEE;
}

.page.dark h2 {
	color: #EEEEEE;
}

.page.press p {
	line-height: 1.4em;
	margin-bottom: 25px;
}

p.question {
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 0px;
}

p.answer {
	margin-top: 0px;
}

footer {
	background: #1a1a1a;
	color: #9A9A9A;
	padding: 20px;
	text-align: center;
}

footer .links,
footer .phones,
footer .copyright {
	margin-bottom: 0px;
	margin-top: 30px;
	padding: 15px;
	padding-bottom: 10px;
	padding-top: 0px;
}

footer .links a,
footer .phones a {
	color: #9A9A9A;
	margin-left: 15px;
	margin-right: 15px;
	text-decoration: none;
}

footer .links a:hover,
footer .phones a:hover {
	text-decoration: underline;
}

footer .phones {
	color: #999999;
}

footer .phones a {
	margin-left: 10px;
	margin-right: 10px;
}

footer .mailchimp {
	color: #999999;
	display: block;
	margin-bottom: 30px;
	margin-top: 20px;
	padding-bottom: 1px;
}

footer .mailchimp p {
	margin: 0px;
}

footer .mailchimp input {
	font-size: 14px;
}

footer .mailchimp .submit {
	font-size: 14px;
	font-weight: normal;
	padding: 5px 20px;
	width: auto;
}

form.contact {
	width: 400px;
}

form.contact label {
	display: block;
	margin-bottom: 5px;
	margin-top: 15px;
}

form.contact input,
form.contact textarea {
    background: #505050;
    border: 1px solid #000000;
    color: #EEEEEE;
    display: block;
    font-size: 17px;
    margin-bottom: 20px;
    margin-top: 5px;
    padding: 5px;
	width: 96%;
}

form.contact label input {
	display: inline;
	height: auto;
	width: auto;
}

form.contact textarea {
	height: 60px;
}

form.contact .submit {
	background: rgb(38, 111, 173);
	border-width: 0px;
	border-radius: 3px;
	font-size: 18px;
	font-weight: bold;
	margin-top: 30px;
	padding: 10px;
	text-shadow: none;
	width: 160px;
}

.pricing-features {
	background: url("../img2/standard/pricing-features-plain.jpg") no-repeat;
    background: -webkit-image-set(url("../img2/standard/pricing-features-plain.jpg") 1x, url("../img2/_2x/pricing-features-plain-hd.jpg") 2x) no-repeat;
    background: -moz-image-set(url("../img2/standard/pricing-features-plain.jpg") 1x, url("../img2/_2x/pricing-features-plain-hd.jpg") 2x) no-repeat;
	height: 560px;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 391px;
}

.pricing-360-set {
	background: url("../img2/standard/pricing-360-set-plain.jpg") no-repeat;
    background: -webkit-image-set(url("../img2/standard/pricing-360-set-plain.jpg") 1x, url("../img2/_2x/pricing-360-set-plain-hd.jpg") 2x) no-repeat;
    background: -moz-image-set(url("../img2/standard/pricing-360-set-plain.jpg") 1x, url("../img2/_2x/pricing-360-set-plain-hd.jpg") 2x) no-repeat;
	height: 450px;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 391px;
}

.pricing td.check {
	text-align: center;
	width: 20px;
}

.page .content .pricing td p {
	line-height: 1.2em;
}

table.pricing,
table.calculator {
	border: 1px solid #CCCCCC;
}

table.pricing tr,
table.calculator tr {
	background: #383838;
}

table.pricing tr.alt,
table.calculator tr.alt {
	background: none;
}

table.pricing tr th,
table.calculator tr th {
	background: rgb(83, 83, 83);
	color: #CCCCCC;
	text-align: left;
}

table.pricing td,
table.calculator td,
table.pricing tr th,
table.calculator tr th {
	border: 1px solid rgb(83, 83, 83);
	padding: 10px;
	vertical-align: middle;
}

table.pricing td span,
table.calculator td span {
	font-size: 13px;
}

table.pricing td.price {
	text-align: center;
	width: 20%;
}

table.pricing td.buy {
	text-align: center;
	vertical-align: middle;
	width: 30%;
}

table.pricing tr td a {
    color: #61b5ff;
    text-decoration: none;
}

table.pricing tr td a:hover {
    text-decoration: underline;
}

table.calculator {
	width: 100%;
}

table.calculator td.price {
	padding: 0px;
	text-align: right;
	width: 30%;
}

table.calculator td.price input {
	margin: 0px;
	padding: 6px;
	padding-right: 16px;
	text-align: right;
}

table.calculator td.total,
table.calculator td.total input,
table.calculator td.total input:disabled {
	font-weight: bold;
}

table.calculator td.savings,
table.calculator td.savings input,
table.calculator td.savings input:disabled {
	font-size: 17px;
	font-weight: bold;
	text-align: right;
}

table.calculator td.savings {
	font-size: 15px;
}

table.calculator td.field {
	padding: 10px;
}

table.calculator td.field input {
	padding: 4px;
}

table.calculator td.light {
	padding: 0px;
}

table.calculator td.light input {
	background: white;
	border: 1px solid #999999;
	font-size: 14px;
	margin: 8px;
	padding: 4px;
	width: 60px;

/*	background: none;
	border: 0px solid #BBBBBB;
	padding: 12px;
	width: 100px;
*/}

table.calculator td.light input:disabled {
	background: none;
	border: 0px;
	color: #CCCCCC;
	width: 140px;
}

table.calculator td.savings input:disabled {
	color: #00d30e;
}

table.calculator td.field select {
	width: 68px;
}

table.calculator tr.details {
	display: none;
}

a.calculateButton {
	display: block;
	float: right;
	font-size: 14px;
	margin-left: 10px;
	padding: 2px 4px;
	width: 80px;
}

div.centeredColumn {
	margin: 0px auto;
	width: 640px;
}

div.centeredColumn h2 {
	font-size: 24px;
	margin-bottom: 0px;
}

div.centeredColumn h3 {
	margin-top: 30px;
}

div.centeredColumn p {
	font-size: 14px;
	line-height: 15px;
	margin-top: 0px;
	text-align: center;
}

p.footnote,
div.centeredColumn p.footnote {
	font-size: 12px;
	text-align: left;
}

#mainnav .second-row .test-drive {
	color: #2e74ca;
	float: right;
	font-weight: bold;
	margin-top: -8px;
	padding-right: 0px;
}

.plan {
	background: rgb(39, 110, 173);
	border-radius: 6px;
	color: white;
	height: 189px;
	margin-bottom: 4px;
	overflow: visible;
	padding: 26px;
	text-align: center;
	/* text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); */
	z-index: 2;
}

.plan.light {
	background: #17538a;
	color: #e2eef7;
	height: 182px;
	margin: 10px;
	padding-bottom: 20px;
	padding-top: 20px;
}

.plan:hover {
	/* background: rgb(56, 109, 156); */
}

.plan.light:hover {
	/* background: #345d83; */
}

.plan.green {
	background: #00820b;
	color: white;
}

.plan.green.light {
	background: #32752f;
	color: rgb(228, 255, 228);
}

.plan .title {
	font-size: 22px;
	font-weight: bold;
}

.plan .price {
	font-size: 44px;
	font-weight: bold;
	margin: 14px 0px;
}

.plan .price .cents {
	font-size: 15px;
	vertical-align: super;
}

.plan .foot {
	line-height: 20px;
}

.planContainer {
	padding-bottom: 30px;
	position: relative;
}

.stockBar {
	background: #EBEBEB;
	border-radius: 0px 0px 5px 5px;
	color: #777777;
	font-size: 14px;
	height: 18px;
	margin: 0px 10px;
	margin-top: -34px;
	padding: 10px;
	padding-top: 10px;
	text-align: center;
	vertical-align: middle;
	z-index: 1;
}

.stockBar.wide {
	height: 20px;
	left: 10px;
	margin: 0px;
	padding-top: 14px;
	top: 236px;
	position: absolute;
	width: 510px;
}

.plans form {
	line-height: 24px;
}

.plans form select {
	font-size: 13px;
	margin-bottom: 6px;
	padding: 3px;
}

.plans form input {
	margin-top: 5px;
}

.plans form span.packagesLabel {
	font-size: 13px;
	line-height: 28px;
	padding-left: 8px;
	vertical-align: bottom;
}

.plans .features,
.plans .includes {
	font-size: 16px;
	padding: 8px 0px;
	padding-bottom: 0px;
	padding-right: 40px;
	padding-top: 25px;
}

.plans .includes {
	padding-right: 0px;
	padding-top: 10px;
	text-align: center;
}

.page .content.plans td p {
	color: #CCCCCC;
	line-height: 1.75em;
	margin: 0px;
	padding: 0px;
    padding-left: 0em;
	text-indent: 0em;
}

.page .content.plans td p span.note {
	color: #555555;
	font-size: 12px;
}

.page .content.plans td p strong {
	color: #DDDDDD;
}

.page.centered {
	left: 50%;
	margin-left: -450px;
	width: 900px;
}

.plans hr {
	margin: 20px 0px;
	width: 100%;
}

.plans .divider {
	margin: 14px 0px;
}

.plans p.expand {
	cursor: pointer;
	font-size: 16px;
	padding-left: 1.5em;
	text-indent: -1.8em;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.plans p.expand:hover strong {
	color: rgb(38, 111, 173);
}

.plans p.expand .arrow {
	display: block;
	float: left;
	font-size: 0.8em;
	margin-left: -4px;
	width: 20px;
}

.plans p.expand .arrow.down {
	font-size: 0.9em;
}

.plans p.expand .arrow.right {
	display: inline;
}

.plans p.expand .arrow.down {
	display: none;
}

.plans p.expand.open .arrow.right {
	display: none;
}

.plans p.expand.open .arrow.down {
	display: inline;
}

.plans .product {
	padding-left: 10px;
	padding-top: 15px;
}

.page .content.plans h2 {
	background: rgb(53, 99, 139);
	color: #FFFFFF;
	border-radius: 5px;
	font-size: 20px;
	font-weight: bold;
	margin: 20px 0px;
	margin-top: 40px;
	padding: 16px;
	text-align: center;
	/* text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); */
}

.page .content.plans .cols td {
	font-size: 16px;
	padding: 10px;
}

.page .content.plans .cols h3 {
	font-size: 16px;
	line-height: 1.5em;
	margin: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	text-indent: 0px;
}

.page .content.plans .cols p {
	line-height: 1.5em;
	margin: 0px;
	margin-bottom: 6px;
	padding-left: 10px;
	text-indent: 0px;
}

.page .content.plans .cols .rightCol {
	padding-left: 20px;
}
 
.page .content.plans .cols.faq h3 {
	font-size: 16px;
	line-height: 1.4em;
	margin: 0px;
	margin-bottom: 4px;
	padding-left: 10px;
}

.page .content.plans .cols.faq p {
	font-size: 16px;
	line-height: 1.4em;
	margin: 0px;
	margin-bottom: 18px;
	padding-left: 10px;
	text-indent: 0px;
}

/* .page.dark .content .block-green {
	border-left: 4px solid #00FF00;
	padding-left: 20px;
} */

.page.dark .content .full {

}

.page .content.centered {
	text-align: center;
}

#purchase-subscription {
	margin-left: 20px;
}

#purchase-subscription label {
	display: block;
}

#purchase-subscription label input {
	margin-left: 3px;
	margin-right: 5px;
}

a.blueButton,
a.blueButton:visited
{
	background: rgb(38, 111, 173);
	border-radius: 3px;
	color: white;
	font-size: 15px;
	font-weight: bold;
	padding: 10px 16px;
	position: relative;
	text-decoration: none;
}

a.blueButton:hover {
	background: #2579bc;
	color: white !important;
	text-decoration: none !important;
}

.page.vertical h3 {
	font-size: 20px;
}
.page .content .rightColumn.mini {
	background: #494949;
	border-radius: 5px;
	margin-left: 40px;
	margin-top: 80px;
	padding: 20px;
	padding-bottom: 0px;
	width: 262px;
}
.page .content .rightColumn.mini h3 {
	margin-bottom: 15px;
	margin-top: 0px;
}
.page .content .rightColumn.mini p,
.page .content .rightColumn.mini label {
	color: #EEEEEE;
	line-height: 1.4em;
}
.page .content a.blueButton {
	color: white;
}
.mini form.contact,
.mini form.contact input,
.mini form.contact textarea
{
	font-size: 14px;
	margin-bottom: 10px;
	width: 246px;
}
.mini form.contact input[type=text],
.mini form.contact textarea
{
	background: #2d2d2d;
}
.mini form.contact textarea {
	height: 40px;
}
.mini h3 {
	margin: 10px 0px;
}
.mini form.contact label {
	margin-top: 5px;
}
.content p a {
	color: #a2d3ff;
	text-decoration: none;
}
.content p a:hover {
	text-decoration: underline;
}

.page.vertical .content p,
.page.vertical .content ul
{
	line-height: 1.5em;
}

.page .content.skinny {
	max-width: 900px;
}

.storylink {
	clear: left;
	display: block;
	margin-top: 20px;
}
.storylink a img.thumb {
	background: black;
	border: 1px solid black;
	float: left;
	height: 70px;
	margin: 0px;
	margin-bottom: 20px;
	margin-right: 15px;
	padding: 0px;
	width: 70px;
}
.storylink a:hover img.thumb {
	border: 1px solid rgb(38, 111, 173);
}
.storylink.bigger a img.thumb {
	display: block;
	height: 288px;
	margin-bottom: 10px;
	width: 520px;
}
.storylink.bigger a {
	clear: both;
}

.robot-features-right {
	background: url("../img2/standard/robot-features.jpg");
    background: -webkit-image-set(url("../img2/standard/robot-features.jpg") 1x, url("../img2/_2x/robot-features-hd.jpg") 2x) no-repeat;
    background: -moz-image-set(url("../img2/standard/robot-features.jpg") 1x, url("../img2/_2x/robot-features-hd.jpg") 2x) no-repeat;
	background-position: 0px -100px;
	height: 614px;
	position: absolute;
	right: -20px;
	top: 670px;
	width: 350px;
}

.hoverable {
 	background: linear-gradient(180deg, #191919, #2b2b2b);
 	display: relative;
}

.hoverable .hoveron {
	display: none;
}

.hoverable .leftHalf {
	display: block;
	height: 100%;
	left: 0px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	width: 55%;
}

.hoverable .leftHalf img {
	width: 181%;
}

.hoverable .leftHalf:hover .hoveron {
	animation: fadeIn 0.5s ease;
	display: block;
	left: 0px;
	position: absolute;
	top: 0px;
}

.hoverable .rightHalf {
	display: block;
	height: 100%;
	overflow: hidden;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 45%;
}

.hoverable .rightHalf img {
	width: 222%;
}

.hoverable .rightHalf:hover .hoveron {
	animation: fadeIn 0.5s ease;
	display: block;
	right: 0px;
	position: absolute;
	top: 0px;
}

@keyframes fadeIn {
	from{opacity: 0}
	to{opacity: 1)}
}

div.announcement {
	background: rgb(38, 111, 173);
	border-radius: 4px;
	color: white;
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2em;
	margin-top: 10px;
	padding: 0px;
	text-align: center;
	text-decoration: none;
	width: auto;
}

div.announcement span.label {
	padding-right: 20px;
	padding-top: 30px;
}

div.announcement a img:hover {
	background: #2579bc;
	color: white !important;
	text-decoration: none !important;
}

.segmentedControl {
	border-collapse: separate;
	margin: 0px auto 30px auto;
	width: auto;
}

.segmentedControl.shadowed {
	border-radius: 6px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}

.segmentedControl .segment {
	background-color: white;
	border: 0px;
	border-radius: 5px;
	color: rgb(38, 111, 173);
	cursor: pointer;
	font-size: 15px;
	font-weight: normal;
	margin-right: 4px;
	padding: 0px;
	text-align: center;
}

.segmentedControl .segment a,
.segmentedControl .segment a:visited {
	color: rgb(38, 111, 173);
	display: block;
	height: auto;
	padding: 10px 26px;
	text-decoration: none;
	width: auto;
}

.segmentedControl.bigger .segment {
	font-size: 22px;
	font-weight: bold;
}

.segmentedControl.bordered .segment {
	border: 1px solid rgb(38, 111, 173);
	border-right: 0px;
	border-radius: 0px;
}

.segmentedControl.bordered .segment:first-child {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.segmentedControl.bordered .segment:last-child {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-right: 1px solid rgb(38, 111, 173);
}

.segmentedControl .segment:hover {
	background-color: #e5f3fa;
}

.segmentedControl .segment.selected,
.segmentedControl .segment.selected a {
	background-color: rgb(38, 111, 173);
	color: white;
}

.segmentedControl.disabled {
	cursor: default;
	opacity: 0.4;
	pointer-events: none;
}

.gradientBackground {
	background: rgba(0,0,0,0.01);
	background: -moz-linear-gradient(top, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.6) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.01)), color-stop(100%, rgba(0,0,0,0.6)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.6) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.6) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.6) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.6) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}



.rolling {
	background: #1b1b1b;
}

.rolling h2 {
	color: rgb(9, 141, 248);
	font-size: 36px;
	font-weight: bold;
	text-align: center;
}

.rolling p.body-large {
	color: #a5a5a5;
	font-size: 24px;
	text-align: center;
}

.rolling .buttons {
	text-align: center;
}



@font-face {
    font-family: 'si';
    src: url('socicon.eot');
    src: url('socicon.eot?#iefix') format('embedded-opentype'),
         url('socicon.woff') format('woff'),
         url('socicon.ttf') format('truetype'),
         url('socicon.svg#icomoonregular') format('svg');
    font-weight: normal;
    font-style: normal;
 
}
 
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:si;
        src: url(socicon.svg) format(svg);
    }
}

.soc {
    display:inline-block;
    list-style:none;
    margin:0;
	margin-bottom: -11px;
	margin-right: 40px;
    overflow:hidden;
	padding:0;
	vertical-align: baseline;
}

.soc li {
    display:inline-block;
    *display:inline;
    zoom:1;
}

.soc li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;

    -o-transition:.1s;
    -ms-transition:.1s;
    -moz-transition:.1s;
    -webkit-transition:.1s;
    transition:.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-right: 4px;
    color: #888888;
    background-color: none;
}

.soc li a:hover {
    z-index: 2;
	background-color: #F27700;
	color: white;
	text-decoration: none;
}

.soc-icon-last{
    margin:0 !important;
}

.soc-twitter:before {
    content:'\e040';
}
.soc-facebook:before {
    content:'\e041';
}
.soc-linkedin:before {
    content:'\e049';
}
.soc-al:before {
	content:'\e062';
}
.soc-github:before {
	content:'\e030';
}

.yt-hd-thumbnail-inner-container{height:0;padding-top:56.25%;position:relative}.yt-hd-thumbnail-inner-container>a.yt-hd-thumbnail,.yt-hd-thumbnail-inner-container>iframe{display:block;position:absolute;top:0;left:0;right:0;bottom:0;border-width:0}.yt-hd-thumbnail-inner-container>a.yt-hd-thumbnail{z-index:2}.yt-hd-thumbnail-inner-container>a.yt-hd-thumbnail img{max-width:100%}.yt-hd-thumbnail-inner-container>a.yt-hd-thumbnail.yt-hd-thumbnail-darken:before{display:block;position:absolute;content:'';top:0;left:0;right:0;bottom:0;background-color:#000;opacity:.3;-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;transition:opacity .3s ease}.yt-hd-thumbnail-inner-container>a.yt-hd-thumbnail.yt-hd-thumbnail-darken:hover:before{opacity:0}.yt-hd-thumbnail-inner-container>a.yt-hd-thumbnail:after{display:block;position:absolute;content:'';background-image:url(youtube-play.svg);background-size:contain;background-repeat:no-repeat;background-position:center center;width:80px;height:80px;top:50%;left:50%;margin-left:-40px;margin-top:-40px;opacity:.5;-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;transition:opacity .3s ease}.yt-hd-thumbnail-inner-container>a.yt-hd-thumbnail:hover:after{opacity:.8}.yt-hd-thumbnail-inner-container>iframe{max-width:100%;opacity:0;-webkit-transition:opacity .3s ease .3s;-moz-transition:opacity .3s ease .3s;transition:opacity .3s ease .3s}.yt-hd-thumbnail-inner-container.yt-hd-thumbnail-clicked>a.yt-hd-thumbnail{display:none}.yt-hd-thumbnail-inner-container.yt-hd-thumbnail-clicked>iframe{opacity:1}


a.announcement {
	background: rgb(38, 111, 173);
	border-radius: 4px;
	color: white;
	display: block;
	font-size: 17px;
	font-weight: bold;
	margin-top: 10px;
	padding: 14px 20px;
	text-align: center;
	text-decoration: none;
	width: auto;
}

a.announcement:hover {
	background: #1367C2;
	color: white !important;
	text-decoration: none !important;
}

a.announcement.live {
	background: #02B142;
}

a.announcement.live:hover {
	background: #12812d;
}

.pop {
	animation: pop 0.2s ease;
	-webkit-animation: pop 0.2s ease;
}
@keyframes pop {
	from{transform:scale(1)}
	25%{transform:scale(1.05)}
	to{transform:scale(1)}
}
@-webkit-keyframes pop {
	from{-webkit-transform:scale(1)}
	25%{-webkit-transform:scale(1.05)}
	to{-webkit-transform:scale(1)}
}

a.xClose {
	background-color: #AAAAAA;
	border-radius: 30px;
	color: #FFFFFF;
	display: block;
	font-family: Sans-Serif;
	font-size: 27px;
	font-weight: normal;
	height: 24px;
	line-height: 24px;
	padding: 8px;
	position: absolute;
	right: 25px;
	text-align: center;
	text-decoration: none;
	top: 25px;
	width: 24px;
}

a.xClose:hover {
	background-color: #CC3333;
	color: #FFFFFF;
}

#site.white {
	background: white;
}

#site.white h3 {
	color: #666666;
}