*{
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
	
	overflow-wrap: break-word;
  word-wrap: break-word;

  /*-ms-word-break: break-word;*/
	
	word-break: break-word;
	
	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	  -ms-hyphens: none;
	  -moz-hyphens: none;
	  -webkit-hyphens: none;
	  hyphens: none;
}

html,body{
	font-family: "ArtifaktElement","Helvetica Neue",Helvetica,Arial,sans-serif;
	background-color:#fff;
	font-size:16px;
	overflow-y:default;
	color:#666;
	margin:0px;
	padding:0px;
	text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
	-webkit-text-size-adjust: 100%;
	min-width:300px;
	line-height: 1.42857;
}

img{
	
	vertical-align:bottom;
	border:none;
}

table{
	border-collapse:collapse;
}

h1{
	font-family: "ArtifaktElement","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:41px;
	color:#0096D4;
	margin-top:0px;
	font-weight:500;
	margin-bottom:20px;
}

h2{
	font-size:28px;
	font-weight:500;
	margin-top:0px;
	margin-bottom:6px;
}

h3{
	color:#333;
	font-size:18px;
	font-weight:300;
}

h4{
	color:#1e2021;
	font-weight:bold;
	font-size:20px;
	margin-bottom:11px;
	margin-top:0px;
}

p{
	margin-top:10px;
	margin-bottom:20px;
	color:#666;
	font-size:22px;
}

p pre{
	margin-top:10px;
	margin-bottom:20px;
	color:#666;
	font-size:22px;
}

p a{
	color:#0096D4;
}

a{
	color:#0096D4;
	text-decoration:none;
}

span.fake-link{
	color:#0096D4;
	text-decoration:none;
	cursor:pointer;
}

a:hover, span.fake-link:hover{
	color:#000;
}

p a:hover{
	color:#000;
}

div#outer-wrapper{
	width:100%;
	position:relative;
}

div.inner-wrapper{
	margin-right:auto;
	margin-left:auto;
	background-color:transparent;
	position: relative;
	width:1140px;
	padding-right:-20px;
}

div.inner-wrapper.learning-tutorial-wrapper{
}

span.glyph{
	font-family:'GlyphiconsHalflings';
}

div.centered-spans{
	display:table;
}

div.centered-spans span{
	display:table-cell; 
	vertical-align: middle;
}

div.v-center-outer{
	display:table;
	height:100%;
	width:100%;
}

div.v-center-inner{
	display:table-cell; 
	vertical-align: middle;
	height:100%;
	width:100%;
}

div.centered{
	margin-right:auto;
	margin-left:auto;
}


div#header-thin-top{
	height:40px;
	box-sizing:border-box;
}

div#header-thin-top-logo{
	float:left;
	margin-top:4px;
}

div#header-thin-top-right-menu{
	float:right;
}

div#header-thin-top-right-menu div.header-thin-top-right-menu-item{
	float:left;
	color:#fff;
	text-transform:uppercase;
	font-size:12px;
	margin-left:10px;
	height:35px;
	padding-top:10px;
}

div#header-thin-top-right-menu div.header-thin-top-right-menu-item a{
	color:#fff;
}

div#header-thin-top-right-menu div.header-thin-top-right-menu-item a:hover{
	color:#0096D4;
}


div#header-top{
	height:45px;
	margin-top:20px;
	box-sizing:border-box;
	padding-bottom:10px;
}

div#header-logo{
	float:left;
	height:35px;
}

div#header-search{
	float:right;
	margin-right:20px;
}

div#header-login{
	float:right;
}

div#header-right-menu{
	float:right;
}

div#header-right-menu div.header-right-menu-item{
	float:left;
	color:#fff;
	text-transform:uppercase;
	font-size:14px;
	margin-left:20px;
	height:35px;
}

div#header-right-menu div.header-right-menu-item a{
	color:#fff;
	display:inline-block;
	margin-top:10px;
}

div#header-right-menu div.header-right-menu-item a:hover{
	color:#0096D4;
	text-decoration:none;
}

div#header-right-menu div.header-right-menu-item.selected a{
	color:#0096D4;
	text-decoration:none;
}

div#header-hamburger-icon{
	display:none;
}

div#mobile-search-wrapper{
	display:none;
}

div#hamburger-menu{
	display:none;
}

div#header-menu{
	overflow:visible;
	width:100%;
}

ul#header-menu{
	list-style-type:none;
	font-size:14px;
	padding:0px;
	margin:0px;
	background-color:#fff;
	margin-top:10px;
	text-align:center;
	overflow:visible;
}

ul#header-menu > li{
	position:relative;
	display:inline-block;
}

ul#header-menu > li > a{
	padding-right:24px;
	padding-left:24px;
	font-weight: 600;
    text-transform: uppercase;
	padding-top:20px;
	padding-bottom:20px;
	display:block;
	color:#666;
}

ul#header-menu > li:hover > a{
	color:#0096D4;
}

ul#header-menu > li.selected > a{
	color:#0096D4;
}

ul#header-menu  > li.header-menu-divider{
	font-family: "FrutigerNext","Helvetica Neue",Helvetica,Arial,sans-serif;
	color:#0096D4;
	font-size:20px;
}

div.header-sub-menu{
	font-size:16px;
	position:absolute;
	display:none; 
	background-color:#fff;
	z-index:2000;
	margin-top:8px;
	left:30px;
	top:47px;
	border:1px solid #ddd;
	white-space: nowrap;
}
div.header-sub-menu:before{
	content:"";
	height:20px;
	width:100%;
	margin:0 auto;
	position:absolute;
	top:-20px;
	left:0px;
}

div.header-sub-menu  ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
}

ul#header-menu > li:hover div.header-sub-menu{
	display:block;
}

ul#header-menu div.header-sub-menu:hover  + a{
	background-color:#fff;
	color:#000;
}

div.header-sub-menu  ul > li{
	display:block;
}

div.header-sub-menu  ul > li > a{
	font-weight: 600;
	padding-top:10px;
	padding-bottom:10px;
	display:block;
	color:#666;
	width:100%;
	padding-left:14px;
	padding-right:14px;
	box-sizing: border-box;
	font-size:14px;
	text-align:left;
}


div.header-sub-menu  ul > li:hover > a{
	color:#0096D4;
}

div.header-sub-menu > div.border-sub-sub-menu{
	display:inline-block;
	border-right:1px solid #ddd;
	margin-right: -5px;
	vertical-align:top;
	width:140px;
	font-size:14px;
}

div.header-sub-menu > div.border-sub-sub-menu:last-child{
	border-right:none;
	margin-right: 0px;
}

div.header-sub-menu div.sub-menu-title{
	font-size:20px;
	color:#0096D4;
	background-color:#fff;
	padding-left:14px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:left;
}

div.header-sub-menu > div.sub-sub-menu{
	display:inline-block;
	margin-right: -5px;
	vertical-align:top;
	width:200px;
	font-size:14px;
}

div.header-sub-menu > div.sub-sub-menu:last-child{
	margin-right: 0px;
}


div.header-sub-menu span.jut-out{
	background-image:url("/resources/images/layout/jut_out.png");
	background-repeat:no-repeat;
	height:100%;
	left:10px;
	max-height:10px;
	position:absolute;
	top:-8px;
	width:25px;
}

div#header-industry-menu{
	height:40px;
	display:table;
	width:100%;
	padding-right: 0px;
    padding-left: 0px;
}

div#header-industry-menu div.header-industry-menu-item{
	display:table-cell;
	width:25%;
	text-align:center;
	color:#fff;
	vertical-align:middle;
	height:40px;
	text-transform:uppercase;
	border:1px solid #777;
	box-sizing: border-box;
	cursor:pointer;
	font-size:14px;
	position:relative;
}

div#header-industry-menu div.header-industry-menu-item a{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

div#header-industry-menu div.header-industry-menu-item:hover{
	color:#0096D4;
}

div#header-industry-menu div.header-industry-menu-item.selected{
	color:#0096D4;
}

div#header-industry-menu div#design-viz{
	display:none;
}

div#scroll-header{
	width:100%;
	height:45px;
	background-color:rgba(0, 0, 0, 0.6);
	position:fixed;
	top:0;
	border-bottom:1px solid rgba(255, 255, 255, 0.6);
	z-index:9999;
	opacity:0;
	display:none;
	transition:all .40s ease;
}

div#scroll-header.show{
	opacity:1;
}

div#scroll-header div#header-top{
	height:35px;
	margin-top:10px;
	box-sizing:border-box;
}

div#scroll-header div#header-logo{
	float:left;
	height:21px;
	padding-right:50px;
	opacity:0.8;
}

div.scroll-header-menu-option{
	display:inline;
	padding-left:20px;
	padding-right:20px;
	font-size:0.9em;
	font-weight:bolder;
	position:relative;
	opacity:0.9;
}

div.scroll-header-menu-option a{
	color:white;
}

div.scroll-header-menu-option.selected a{
	color:#0096D4;
}

div.scroll-header-menu-option a:hover{
	color:#0096D4;
	cursor:pointer;
}

div.scroll-header-sub-menu{
	font-size:16px;
	position:absolute;
	display:none; 
	background-color:#fff;
	z-index:99999;
	margin-top:-20px;
	left:5px;
	top:47px;
	border:1px solid #ddd;
	white-space: nowrap;
	opacity:2;
}
div.scroll-header-sub-menu:before{
	content:"";
	height:15px;
	width:100%;
	margin:0 auto;
	position:absolute;
	top:-15px;
	left:0px;
}

div.scroll-header-sub-menu  ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
}

div.scroll-header-menu-option:hover div.scroll-header-sub-menu{
	display:block;
}

div.scroll-header-sub-menu:hover {
	display:block;
}

div.scroll-header-menu-option div.scroll-header-sub-menu:hover  + a{
	background-color:#fff;
	color:#000;
}

div.scroll-header-sub-menu  ul > li{
	display:block;
}

div.scroll-header-sub-menu  ul > li > a{
	font-weight: 600;
	padding-top:10px;
	padding-bottom:10px;
	display:block;
	color:#666;
	width:100%;
	padding-left:14px;
	padding-right:14px;
	box-sizing: border-box;
	font-size:14px;
}


div.scroll-header-sub-menu  ul > li:hover > a{
	color:#0096D4;
}

div.scroll-header-sub-menu > div.border-sub-sub-menu{
	display:inline-block;
	border-right:1px solid #ddd;
	margin-right: -5px;
	vertical-align:top;
	width:140px;
	font-size:14px;
}

div.scroll-header-sub-menu > div.border-sub-sub-menu:last-child{
	border-right:none;
	margin-right: 0px;
}

div.scroll-header-sub-menu div.sub-menu-title{
	font-size:20px;
	color:#0096D4;
	background-color:#fff;
	padding-left:14px;
	padding-top:5px;
	padding-bottom:5px;
}

div.scroll-header-sub-menu > div.sub-sub-menu{
	display:inline-block;
	margin-right: -5px;
	vertical-align:top;
	width:200px;
	font-size:14px;
}

div.scroll-header-sub-menu > div.sub-sub-menu:last-child{
	margin-right: 0px;
}


div.scroll-header-sub-menu span.jut-out{
	background-image:url("/resources/images/layout/jut_out.png");
	background-repeat:no-repeat;
	height:100%;
	left:10px;
	max-height:10px;
	position:absolute;
	top:-8px;
	width:25px;
}

div#footer-logo{
	float:right;
}

div#footer-wrapper{
	border-top:1px solid #ddd;
	padding-top:20px;
	background-color:#fff;;
}

div#footer{
	margin-left:20px;
	margin-right:20px;
}

div#footer-text{
	margin-top:20px;
	font-size:10px;
	color:#909090;
	text-align:right;
	padding-bottom:10px;
}

div#footer-text a{
	color:#909090;
}

div#footer-text ul{
	margin:0px;
	padding:0px;
}

div#footer-text ul li{
	margin-right:3px;
	margin-left:3px;
	display:inline-block;
}

div#footer-text a:hover{
	text-decoration:underline;
}

div#body{
	background-color:transparent;
	min-height:600px;
}

div.button{
	border-radius: 2px;
	border:1px solid #c2c2c2;
	text-transform: none;
	padding-left:12px;
	padding-right:12px;
	padding-top:8px;
	padding-bottom:8px;
	color:#777;
	cursor:pointer;
	position:relative;
	display:inline-block;
}

div.button:hover{
	background-color:#0096D4;
	color:#fff;
	border-color:#0096D4;
}



input[type="submit"].button{
	border-radius: 2px;
	border:1px solid #c2c2c2;
	text-transform: none;
	padding-left:12px;
	padding-right:12px;
	padding-top:8px;
	padding-bottom:8px;
	color:#777;
	cursor:pointer;
	position:relative;
	display:inline-block;
}

input[type="submit"].button:hover{
	background-color:#0096D4;
	color:#fff;
	border-color:#0096D4;
}

.button.button-blue:disabled, .button.button-blue.disabled{
	background-color:#ccc;
	border:1px solid #ccc;
	cursor:not-allowed;
}

.button.button-blue.disabled a{
	cursor:not-allowed;
}

.button.button-blue:disabled:hover, .button.button-blue.disabled:hover{
	background-color:#ccc;
	border:1px solid #ccc;
}

div.button.button-blue, input[type="submit"].button-blue, button.button-blue{
	background-color:#0095D2;
	border:1px solid #0095D2;
	color:#fff;
	font-family: "ArtifaktElement","Helvetica Neue",Helvetica,Arial,sans-serif;
}

div.button.button-blue:hover, input[type="submit"].button-blue:hover, button.button-blue:hover{
	background-color:#146395;
}

div.button.button-green, input[type="submit"].button-green, button.button-green{
	background-color:#87bc40;
	border:1px solid #87bc40;
	color:#fff;
	font-family: "ArtifaktElement","Helvetica Neue",Helvetica,Arial,sans-serif;
}

div.button.button-green:hover, input[type="submit"].button-green:hover, button.button-green:hover{
	background-color:#4D7D0A;
}

div.button.button-white, input[type="submit"].button-white, button.button-white{
	background-color:#fff;
	border:1px solid #c2c2c2;
	color:#000;
	font-family: "ArtifaktElement","Helvetica Neue",Helvetica,Arial,sans-serif;
}

div.button.button-white:hover, input[type="submit"].button-white:hover, button.button-white:hover{
	background-color:#eee;
	border-color:#c2c2c2;
}


div.button a{
	top:0px;bottom:0px;left:0px;right:0px;
	position:absolute;
}

div.button.sign-in{
	padding-right:20px;
	background-image:url("/resources/images/layout/sign_in_icon.png");
	background-repeat:no-repeat;
	background-position:90% center;
	background-size: 12px 12px;
	text-transform:uppercase;
	padding-left:10px;
	padding-right:20px;
	padding-top:4px;
	padding-bottom:4px;
	color:#0096D4;
}

div.button.sign-in:hover{
	background-color:#e6e6e6;
	color:#333;
	border-color:#adadad;
}

div.footer-social-icons{
	float:left;
}

div.footer-social-icons ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

div.footer-social-icons ul li{
	height:32px;
	width:32px;
	background-image:url("/resources/images/layout/social_icons.png");
	display:inline-block;
	margin-right:6px;
	position:relative;
}

div.footer-social-icons ul li a{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
}


div.footer-social-icons ul li.facebook{
	background-position:0px 0px;
}
div.footer-social-icons ul li.facebook:hover{
	background-position:0px 32px;
}

div.footer-social-icons ul li.twitter{
	background-position:-32px 0px;
}
div.footer-social-icons ul li.twitter:hover{
	background-position:-32px 32px;
}

div.footer-social-icons ul li.youtube{
	background-position:-64px 0px;
}
div.footer-social-icons ul li.youtube:hover{
	background-position:-64px 32px;
}

div.footer-social-icons ul li.linkedin{
	background-position:-96px 0px;
}
div.footer-social-icons ul li.linkedin:hover{
	background-position:-96px 32px;
}

div.footer-social-icons ul li.vimeo{
	background-position:-128px 0px;
}
div.footer-social-icons ul li.vimeo:hover{
	background-position:-128px 32px;
}

div.footer-social-icons ul li.instagram{
	background-position:-160px 0px;
}
div.footer-social-icons ul li.instagram:hover{
	background-position:-160px 32px;
}

div.row{
	margin-bottom:15px;
}

div.row label{
	margin-bottom:5px;
	display:block;
	font-weight:bold;
}

div.row span.required-field{
	color:#a94442;
}


input[type="text"], input[type="number"], input[type="email"], textarea, select{
	height:22px;
	height:22px;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:8px;
	padding-right:8px;
	border:1px solid #c2c2c2;
	border-radius:2px;
	width:420px;
	font-family: "ArtifaktElement","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:16px;
	box-sizing:border-box;
	height:40px;
}

input[type="checkbox"]:checked, input[type="checkbox"]:not(:checked){
	position: absolute;
    left: -9999px;
}

input[type="checkbox"] + label{
	padding-left:30px;
	position: relative;
	cursor:pointer;
	display:inline;
}

input[type="checkbox"]:checked + label:before, input[type="checkbox"]:not(:checked) + label:before{
	border:1px solid #c2c2c2;
	border-radius:2px;
	content: '';
	position: absolute;
	left: 0; top: 0;
	width:20px;
	height:20px;
}

input[type="checkbox"]:checked + label:after, input[type="checkbox"]:not(:checked) + label:after{
	border:none;
	content: '\2714';
	position: absolute;
	left: 3px; top: 1px;
	width:20px;
	height:20px;
	font-size:20px;
	line-height:20px;
	transition: all .2s;
}

[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

select:required:invalid { 
	color: grey; 
}

option{
	color:#000;
}

div.input-group{
	display:table;
	border-collapse: separate;
}

div.input-group input{
	display:table-cell; 
	width:240px; 
	box-sizing:border-box; 
	height:40px;
}

div.input-group span.input-group-addon{
	display:table-cell; 
	padding:7px 0px; 
	border:1px solid #ccc; 
	line-height:1; 
	width:108px; 
	text-align:center;
	background-color:#F3F4F5;
	border-left:0px;
	border-radius:2px;
	border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

div.input-group input:first-child{
	border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

form div.error{
	color:#ff0000;
}

ul.button-bar{
	padding:0px;
	margin:0px;
}

ul.button-bar > li{
	position:relative;
	float:left;
	margin-bottom:10px;
	border-radius: 0px;
	border:1px solid #c2c2c2;
	border-left:none;
	padding-left:10px;
	padding-right:10px;
	padding-top:8px;
	padding-bottom:8px;
	color:#777;
	cursor:pointer;
	text-transform:uppercase;
	list-style-type:none;
}

ul.button-bar > li:hover{
	background-color:#0096D4;
	color:#fff;
	border-color:#0096D4;
}

ul.button-bar.button-bar-blue > li{
	background-color:#0096D4;
	color:#fff;
	border-color:#0072A1;
}

ul.button-bar.button-bar-blue > li:hover{
	background-color:#0072A1;
}

ul.button-bar.button-bar-lower > li{
	text-transform:none;
}

ul.button-bar > li.selected{
	background-color:#0096D4;
	color:#fff;
	border-color:#0096D4;
}


ul.button-bar > li:nth-of-type(1){
	border-radius: 2px 0px 0px 2px;
	border-left:1px solid #c2c2c2;
}

ul.button-bar > li:nth-last-of-type(1){
	border-right:1px solid #ccc;
	border-radius: 0px 2px 2px 0px;
}

ul.button-bar > li.dropdown-button{
	background-image:url("/resources/images/layout/down_arrow.png");
	background-repeat:no-repeat;
	background-position:90% center;
	padding-right:40px;
}

ul.button-bar > li.dropdown-button:hover{
	background-image:url("/resources/images/layout/down_arrow_hover.png");
}


ul.button-bar div.dropdown-menu{
	font-size:16px;
	position:absolute;
	display:none;
	background-color:#fff;
	z-index:200;
	margin-top:10px;
	left:0px;
	top:26px;
	border:1px solid #c2c2c2;
	border-top:none;
	white-space: nowrap;
}

ul.button-bar > li.dropdown-button:hover div.dropdown-menu{
	display:block;
}

ul.button-bar div.dropdown-menu  ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
}

ul.button-bar div.dropdown-menu  ul > li{
	display:block;
	padding-top:10px;
	padding-bottom:10px;
	display:block;
	color:#777;
	width:100%;
	padding-left:14px;
	padding-right:14px;
	box-sizing: border-box;
	border:none;
	position:relative;
}

ul.button-bar   a{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
}

ul.white-button-bar li{
	background-color:#fff;
	font-size:20px;
}

ul.button-bar div.dropdown-menu  ul > li:hover{
	background-color:#0096D4;
	color:#fff;
}

ul.button-bar li.selected{
	background-color:#0096D4;
	color:#fff;
}



ul.button-bar div.dropdown-menu span.jut-out{
	background-image:url("/resources/images/layout/jut_out.png");
	background-repeat:no-repeat;
	height:100%;
	left:10px;
	max-height:10px;
	position:absolute;
	top:-8px;
	width:25px;
}

input[type="text"].search-box{
	
}

span.search-button{
	background-image:url("/resources/images/layout/search_icon.png");
	background-repeat:no-repeat;
	position:absolute;
	height:16px;
	width:16px;
	display:inline-block;
	top:10px;
	right:10px;
	cursor:pointer;
}

ul.tags{
	padding:0px;
	margin:0px;
}

ul.tags > li{
	position:relative;
	float:left;
	background-color:#fff;
	border-radius: 20px;
	border:1px solid #c2c2c2;
	padding-left:12px;
	padding-right:12px;
	padding-top:8px;
	padding-bottom:8px;
	color:#777;
	cursor:pointer;
	text-transform:none;
	list-style-type:none;
	font-size:14px;
	line-height:14px;
	margin-right:10px;
	margin-bottom:10px;
}

ul.tags > li span.glyph{
	color:#ccc;
}

ul.tags > li:hover, ul.tags > li.selected:hover{
	color:#0096D4;
	border-color:#0096D4;
	background-color:#F1F2F3;
}



ul.tags > li.selected{
	background-color:#0096D4;
	border-color:#0096D4;
	color:#fff;
}

ul.tags li a{
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
}


div.white-box{
	background-color:#fff;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}

div.error-message{
	color:#FF0000; 
	font-size:14px; 
	background:#fce1e1; 
	padding:5px; 
	border:1px solid #ff0000; 
	margin:0px 0px 5px 0px; 
	text-align:center
}

div.success-message{
	color:#12c000; 
	font-size:14px; 
	background-color:#d9fcd1; 
	padding:5px; 
	border:1px solid #12c000; 
	margin:0px 0px 5px 0px; 
	text-align:center
}

div.warning-message{
	color:#000; 
	font-size:14px; 
	background:#FFEBC1; 
	padding:5px; 
	border:1px solid #FFC342; 
	margin:0px 0px 5px 0px; 
	text-align:center
}

a.inflated-link{
	position:absolute;
	top:0pc;
	left:0px;
	right:0px;
	bottom:0px;
}

div.comments-container{
	padding-top:40px;
	padding-bottom:40px;
}
div.comments-container form textarea{
	width:100%;
	font:inherit;
	padding:7px 13px;
	box-sizing: border-box;
	border: 1px solid #c2c2c2;
    border-radius: 2px;
	font-size:16px;
	display: block;
	background-image: none;
	white-space: pre-wrap;
    word-wrap: break-word;
	-webkit-tap-highlight-color: transparent;
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	background-image:none;
	background-color:#fff;
}
div.comments-container form textarea:focus{
	-webkit-box-shadow: 0 0 8px rgba(68, 68, 68, 0.6);
    box-shadow: 0 0 8px rgba(68, 68, 68, 0.6);
	border: 1px solid #444;
	outline: 0 none;
	
}

div.comment-text{
	clear: both;
	width:inherit;
    display: inline-block;
	overflow:hidden;
	word-wrap:break-word;
}

.text-box{
	display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    background-color:#f3f4f5;
    border: 1px solid #ccc;
    white-space: nowrap;
    padding: 8px 12px;
    font-size: 16px;
    line-height: 1.42857;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.button{
	display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 7px 13px;
    font-size: 16px;
    line-height: 1.42857;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.button.disabled{
	cursor:not-allowed;
	border-color: #ccc;
	background-color:#ccc;
}

.button.loding{
	cursor:wait;
	border-color: #ccc;
	background-color:#ccc;
}

.button.disabled:hover{
	border-color: #ccc;
	background-color:#ccc;
}

div.blue-button{
	background-color: #0096d4;
    border-color: #0084bb;
    color: #fff;
}

div.blue-button:hover{
	background-color: #0072A1;
	border-color: #00597d;
}


.button-small{
	border-radius: 1px;
    font-size: 14px;
    line-height: 1.5;
    padding: 3px 7px;
}

span.external-icon::before{
	content:'\xe164';
}

span.chevron::before{
	border-style: solid;
	border-width: 2px 2px 0 0;
	content: '';
	display: inline-block;
	height: 8px;
	position: relative;
	transform: rotate(-45deg);
	width: 8px;
	vertical-align:middle;
	top:-2px;
}

span.chevron.right::before{
	transform: rotate(45deg);
}

span.chevron.left::before{
	transform: rotate(-135deg);
}

span.chevron.bottom::before{
	transform: rotate(135deg);
}

div.comment-edit-controls{
	float:right;
}

div.comment-edit-controls a{
	font-size:12px;
}

div.like-count{
	display:inline-block;
	border:1px solid #282f33;
	color:#282f33;
	padding-top:7px;
	padding-bottom:6px;
	padding-left:6px;
	padding-right:6px;
	margin-right:10px;
}

div.like-count.light{
	color:#c2c2c2;
	border-color:#c2c2c2;
}

div.like-button{
	display:inline-block;
	border: 1px solid #0084bb;
	background-color:#0096d4;
	padding-top:6px;
	padding-bottom:6px;
	color:#fff;
	padding-left:4px;
	padding-right:4px;
	cursor:pointer;
}

div.like-button:hover{
	background-color: #0072A1;
	border-color: #00597d;
}

div.liked-button{
	display:inline-block;
	border: 1px solid #777;
	background-color:#777;
	padding-top:6px;
	padding-bottom:6px;
	color:#fff;
	padding-left:4px;
	padding-right:4px;
	cursor:pointer;
}

div.liked-button:hover{
	background-color: #555;
	border-color: #555;
}

div.likes-and-comments-wrapper span.tile-like-button{
	
}

div.likes-and-comments-wrapper span.tile-like-button.liked{
	color:#0096D4;
	font-weight:bold;
	cursor:pointer;
}

div.likes-and-comments-wrapper span.tile-like-button:hover, span.tile-comment-button:hover{
	color:#0096D4;
	font-weight:bold;
	cursor:pointer;
}

div#account-menu{
	position:absolute; 
	top:36px; 
	right:0px; 
	background-color:#fff;
	border-radius: 2px;
	border:1px solid #c2c2c2;
	min-width:220px;
	z-index:500;
}

ul.dropdown-menu{
	list-style:none;
	margin:0px;
	font-size: 16px;
	padding: 5px 15px 10px;
}

ul.dropdown-menu li{
	font-size:14px;
}

ul.dropdown-menu li.title{
	border-bottom: 1px solid #dddddd;
    color: #444444;
    font-size: 14px;
    font-weight: 600;
    margin: 5px 0;
    padding: 3px 0;
	font-weight:600;
}

ul.dropdown-menu > li > a {
    clear: both;
    color: #444444;
    display: block;
    font-weight: normal;
    line-height: 1.42857;
    padding: 3px 0px;
    white-space: nowrap;
}

ul.dropdown-menu > li > a:hover {
	background-color:#f5f5f5;
}

.embed-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.embed-container iframe, .embed-container object, .embed-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

div.social-icons ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

div.social-icons ul li{
	height:32px;
	width:32px;
	background-image:url("/resources/images/layout/social_icons.png");
	display:inline-block;
	margin-right:4px;
	position:relative;
}

div.social-icons ul li a{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
}

div.social-icons ul li.facebook{
	background-position:0px 0px;
}
div.social-icons ul li.facebook:hover{
	background-position:0px 32px;
}

div.social-icons ul li.twitter{
	background-position:-32px 0px;
}
div.social-icons ul li.twitter:hover{
	background-position:-32px 32px;
}

div.social-icons ul li.linkedin{
	background-position:-96px 0px;
}
div.social-icons ul li.linkedin:hover{
	background-position:-96px 32px;
}

div.social-icons ul li.rss{
	background-position:-192px 0px;
}
div.social-icons ul li.rss:hover{
	background-position:-192px 32px;
}

div.social-icons ul li:last-of-type{
	margin-right:0px;
}

div.multi-select-list div.list-row{
	margin-top:10px; 
	padding-top:10px; 
	border-top:1px solid #c2c2c2;
}

div.multi-select-list div.list-row div.name{
	float:left; 
	margin-top:4px;
}

div.multi-select-list div.list-row div.remove-button{
	float:right;
}

div.multi-select-list div.list-row div.remove-button div.button{
	padding:2px 8px;
}

table { 
	width: 100%; 
	border-collapse: collapse; 
}

tr:nth-of-type(even) { 
	background:#F5F5F5; 
}
th { 
	background:#fff; 
	color:#666; 
	font-weight:bold; 
}
td, th { 
	padding:10px; 
	border-bottom:1px solid #ccc; 
	text-align:left; 
}

blockquote.quote{
	padding:11px 20px;
	margin: 0 0 22px;
	border-left:5px solid #c2c2c2;
	font-size:20px;
}

div.tutorial-link-button{
	text-align:center; 
	padding:20px; 
	background-color:#E9E9E9;
	margin-bottom:20px;
}

div.html-content img{
	max-width:100%;
	height:auto;
}

div.html-content img{
	display:block;
    margin:auto;
	margin-bottom: 22px;
}

div.html-content h1, .html-content h2, .html-content h3{
    margin-top: 22px;
    margin-bottom: 11px;
}

div.html-content h4, .html-content h5, .html-content h6{
    margin-top: 22px;
    margin-bottom: 11px;
}

div.html-content h1, .html-content h2, .html-content h3, .html-content h4, .html-content h5{
	font-weight: 500;
    line-height: 1.1;
}

div.html-content h3 {
    font-size: 28px;
	margin-bottom: 11px;
    margin-top: 22px;
}

div.html-content h4 {
    font-size: 20px;
	margin-bottom: 11px;
    margin-top: 11px;
}

div.html-content hr {
    margin-top: 22px;
    margin-bottom: 22px;
    border: 0;
    border-top: 1px solid #c2c2c2;
}

div.html-content a{
	color: #999;
	text-decoration: none;
}

div.html-content a:hover, .html-content a:focus{
	color: #777;
	text-decoration: underline;
}

div.html-content b, .html-content strong {
    font-weight: bold;
}

div.html-content div.iframe-wrapper{
	float: none;
	clear: both;
	width: 100%;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
	margin-bottom:40px;
}


div.html-content div.iframe-wrapper iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:none;
}

div.column-1, div.column-2, div.column-3, div.column-4, div.column-5{
	padding-right:10px;
	padding-left:10px;
	box-sizing:border-box;
}

div.columns-2 > div.column-1{
	width:50%;
	float:left;
	box-sizing:border-box;
	margin-top:0px;
}

div.columns-2 > div.column-1:nth-of-type(2n){
	margin-right:0px;
}

div.columns-2.small > div.column-1{
	width:50%;
	float:left;
	box-sizing:border-box;
	margin-top:0px;
}

div.columns-3 > div.column-1{
	width:33.33%;
	float:left;
	box-sizing:border-box;
	margin-top:0px;
}

div.columns-3.small > div.column-1{
	width:33.33%;
	float:left;
	box-sizing:border-box;
	margin-top:0px;
}

div.columns-3 > div.column-1:nth-of-type(3n){
	width:33.33%;
}


div.columns-3 > div.column-1:nth-of-type(3n){
	margin-right:0px;
}

div.columns-3 > div.column-2{
	width:66.33%;
	float:left;
	box-sizing:border-box;
	margin-top:0px;
}

div.columns-4 > div.column-1{
	width:25%;
	float:left;
	box-sizing:border-box;
}


div.columns-4 > div.column-3{
	width:75%;
	float:left;
	box-sizing:border-box;
	margin-top:0px;
}

div.columns-5 > div.column-1{
	width:20%;
	float:left;
	box-sizing:border-box;
}

div.columns-5 > div.column-1{
	width:20%;
	float:left;
}

div.columns-5 > div.column-2{
	width:40%;
	float:left;
}

div.columns-5 > div.column-3{
	width:60%;
	float:left;
}

div.columns-5 > div.column-4{
	width:80%;
	float:left;
}

div.columns-5 > div.column-5{
	width:100%;
	float:left;
}

div.columns-6 > div.column-1{
	width:16%;
	float:left;
	box-sizing:border-box;
}

div.columns-6 > div.column-2{
	width:33%;
	float:left;
	box-sizing:border-box;
	margin-top:0px;
}

div.columns-6 > div.column-4{
	width:64%;
	float:left;
	box-sizing:border-box;
	margin-top:0px;
}

div.columns-6 > div.column-5{
	width:83%;
	float:left;
	box-sizing:border-box;
	margin-top:0px;
}

div.iframe-wrapper{
	float: none;
	clear: both;
	width: 100%;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}

div.iframe-wrapper span.mce-preview-object.mce-object-iframe{
	display:block;
	float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

div.iframe-wrapper iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

span.mce-preview-object.mce-object-iframe{
	top: 0;
	left: 0;
	height: 100%;
}

div#arnold-header{
	position:relative; 
	background-image:url('/resources/images/arnold/subscription/banner.jpg'); 
	background-size: cover; 
	background-position:center; 
	height:600px;
}

div#arnold-header-title{
	padding-top:260px;
}

div#arnold-header-title h1{
	color:#fff;
	font-size: 60px;
	font-weight: 300; 
	text-align: center; 
	text-transform: uppercase;
}

div.video video{
	width:100%;
}


div#min-footer{
	background-color:#fff;
	height:80px;
	width:100%;
	overflow:hidden;
	padding-top:30px;
}

div#min-footer div#footer-links{
	float:left;
	font-size:11px;
	margin-top:20px;
}

div#min-footer div#footer-links ul{
	padding-left:0px;
}

div#min-footer div#footer-links ul li:first-of-type{
	margin-left:0px;
}

div#min-footer div#footer-links ul li{
	list-style:none;
	display:inline-block;
	margin-right:4px;
	margin-left:4px;
}

div#min-footer div#footer-links a{
	color:#666;
	text-decoration:none;
}

div#min-footer div#footer-links a:hover{
	text-decoration:underline;
}

div#min-footer div#footer-logo{
	float:right;
	margin-top:14px;
}


div#min-footer.dark div#footer-links a{
	color:#fff;
	text-decoration:none;
}

.ellipsis-overflow{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Pagination related */

.page-list{
	margin:0 auto;
	display:inline-block;
	height:auto;
	
}

.page-list-wrapper{
	font-size:1.1em;
	display:block;
	text-align:center;
}

.page-list-element{
	float:left;
	padding:3px;
	display:block;
}

.page-list-element.number{
	float:left;
	min-width:25px;
	min-height:25px;
	border:1px solid rgba(0, 0, 0, 0.3);
	border-radius:2px;
	position:relative;
	text-align:center;
}

.page-list-element.number a{
	position:absolute;
	top:0; left:0; bottom:0; right:0;
}

.page-list-element.number.selected, .page-list-element.number:hover{
	background-color:rgba(0, 160, 202, 0.2);
}

.page-list-element + .page-list-element{
	margin-left:10px;
}

div.social-header {
	top:0px;
	left:0px;
	width:100%;
	min-height:45px;
	overflow:hidden;
	z-index:10;
}

div.social-header.with-bg-img {
	position:absolute;
}

div.social-header div.page-path{
	margin-top:12px;
	float:left;
	margin-left:0px;
	display:inline;
}

div.social-header div.social-container{
	float:right;
	display:inline;
	margin-right:0px;
}

span.chevron{
	margin-right:5px;
}

div.social-mobile-clear{
	clear:none;
}

/*
	----------------- COLORS -----------------
	DARK:	rgba(0,0,0,0.8);	rgba(255,255,255,0.8);
	MID:	rgba(0,0,0,0.5);	rgba(255,255,255,0.5);
	LIGHT:	rgba(0,0,0,0.1);	rgba(255,255,255,0.1);
*/

div.social-header div.page-path a:hover{
	text-decoration:underline;
}

/* DARK STYLE */
div.social-header.dark {
	background-color:rgba(0,0,0,0.8);
}

div.social-header.dark div.page-path{
	color:rgba(255,255,255,0.5);
}

div.social-header.dark div.page-path a{
	color:rgba(255,255,255,0.8);
}

div.social-header.light div.like-count{
	color:rgba(255,255,255,0.5);
	border-color:rgba(255,255,255,0.5);
}

/* MID STYLE */
div.social-header.mid {
	background-color:rgba(0,0,0,0.5);
}

div.social-header.mid div.page-path{
	color:rgba(255,255,255,0.5);
}

div.social-header.mid div.page-path a{
	color:rgba(255,255,255,0.8);
}

div.social-header.light div.like-count{
	color:rgba(255,255,255,0.5);
	border-color:rgba(255,255,255,0.5);
}

/* LIGHT STYLE */
div.social-header.light {
	background-color:rgba(0,0,0,0.1);
}

div.social-header.light div.page-path{
	color:rgba(0,0,0,0.5);
}

div.social-header.light div.page-path a{
	color:rgba(0,0,0,0.8);
}

div.social-header.light div.like-count{
	color:rgba(0,0,0,0.8);
	border-color:rgba(0,0,0,0.8);
}

iframe.instagram-media{
	max-width:658px;
	width:100%;
}

object[type="application/x-shockwave-flash"] {
	display:none;
}

div.generic-popup-outer{
	background-color: rgba(0,0,0,0.5);
    bottom: 0; top:0; left:0; right:0;
    display: block;
    position: fixed;
    z-index: 10000;
	display:none;
	height:100%;
	width:100%;
}

div.generic-popup{
	background-color: #fff;
    border: 1px solid #c2c2c2;
    border-radius: 2px;
    box-shadow: 1px 1px 5px #999;
	padding:20px;
	padding-top:5vh;
	padding-bottom:5vh;
	display:block;
	max-height:90vh;
	overflow-y:scroll;
}

div.generic-popup div.close-button{
	float:right;
	cursor:pointer;
	margin-bottom:10px;
}

div.generic-popup div.close-button img{
	height:26px;
}

/*shared social header style*/

div.story-social-separator {
	margin-top:10px;
    width: 100%;
    padding-bottom: 10px;
}

div.story-social-separator div.social-icons {
    display: inline-block;
}

div.story-social-separator ul li:nth-of-type(n+2) {
    margin-left: 10px;
}

div.story-social-separator div.like-wrapper {
    display: inline-block;
    padding-left: 20px;
    margin-top: 0px;
    position: absolute;
}

div.article-header div.image-credit {
    text-shadow: 1px 1px 2px rgba(0,0,0,0.68);
    color: #fff;
    position: absolute;
    font-size: 14px;
    right: 10px;
    bottom: 10px;
}