/**global**/

html,
body	{
	
}

.fa {
	padding-right: 5px;
}

.permalink	{
	color: #cacbcf;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: $grey;
}
::-moz-placeholder { /* Firefox 19+ */
  color: $grey;
}
:-ms-input-placeholder { /* IE 10+ */
  color: $grey;
}
:-moz-placeholder { /* Firefox 18- */
  color: $grey;
}

::disabled	{
	color: $grey;
}

:focus,
:active {
	outline: none;
}

form select {
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: 8px;
	border-radius: 0;
}


html	{
	font-size: 62.5%;
	background: #3c3c3c;
}

body	{
	color:#3c3c3c;
	font-family: "proxima-nova",sans-serif;
	font-weight: 400;
	line-height: 1.5;
	font-size: 1.6rem;
	margin: 0; 
	padding: 0;		
	background-color: transparent;
	position: relative;	
	word-wrap: break-word;
	font-smoothing: antialiased;
		-moz-font-smoothing: antialiased;
		-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	height: auto !important;
	overflow-x: hidden;
}

#outerWrapDiv {
	background: #fff;
}

a	{
	color: #00b4ef;
}

a:hover,
a:focus,
a:active	{
	outline: none;
	box-shadow: none;
	color: #07405e;
}


h1	{
	font-size: 4.4rem;
	font-weight: 700;
}

h2 {
	font-weight: 700;
	font-size: 4.2rem;
}

h3 {
	font-weight: 700;
	font-size: 3.2rem; 
}

h4 {
	font-weight: 700;
	font-size: 2.2rem;
}

h5 {
	font-weight: 700;
    font-size: 2.0rem;
}

h6 {
	font-weight: 700;
    font-size: 1.8rem;
}


p {  
	font-weight: 400;
}

p:last-of-type	{
	margin-bottom: 0;
	padding-bottom: 0;
}

ul, ol	{
	margin: 2.0rem 0;
	padding-left: 2.5rem;
}

li {    
    display: list-item;
    text-align: -webkit-match-parent;
    margin-bottom: 5px;
}

sup {
	vertical-align: super;
	font-size: .9rem;
}
sub {
	vertical-align: sub;
		font-size: .9rem;
}

.file-type	{
	font-size:.8em;
}

.new	{
	color: red;
	font-weight: bold;
	font-size:.8em;
	vertical-align: super;
}

img	{
	max-width: 100%;
}

/**header**/

.navbar .row	{
	padding: 0;
}

.navbar-default	{
	background:#ffffff;
	border-radius: 0;
	margin: 0 auto;
	border:0;
	border-bottom: 2px solid #f8f8f8;
}

.navbar-header	{
	padding: 0 15px;
	position: relative;
	text-align: center;
}

.navbar-brand	{
	position: relative;
	z-index: 100;	
	text-indent: -99999px;
	font-size: 0;
	color: #fff;
	transition: width 100ms, height 100ms;
	width: 188px;
	height: 60px;
	background: url('//static.jamasoftware.com/img/brand/jama-software-tag.svg') no-repeat 0;
	background-size: auto 58px;	
	display: inline-block;
	float: none;
	text-align: center;
}

.navbar-toggle	{
	border: none;
	font-size: 20px;
	position: absolute;
	left: 20px;
	color: #fff;
	border-right: 1px solid #fff;
	border-radius: 0;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 15px;
}

.navbar-toggle:hover,
.navbar-toggle:focus,
.navbar-toggle:active	{
	color: #fff;
	background: transparent !important;
	box-shadow: none;
}

.navbar-nav li a	{
		font-weight: 700;
		font-size: 1.6rem;
		position: relative;
		font-size: 1.6rem;
		font-weight: 700;
		padding: .5rem 2rem;
	}

@media screen and (min-width: 768px){
	
	.navbar-default{
		border: 0;
		min-height: 67px;
	}
	.navbar-header	{
		background: transparent;
		text-align: left;
	}
	
	.navbar-nav li {
		margin: 0;
	}
	
	.navbar-nav li a	{
		font-weight: 700;
		line-height: 2.2rem;
		font-size: 1.6rem;
		padding-top: 1.9rem;
		padding-bottom: 1.9rem;
		color: #3c3c3c;
	}
	
}

/** WHITE NAV **/

.white-nav.navbar-default {
	background: #fff;
	border-bottom: 2px solid #919291;
}

.white-nav #logo,
.white-nav .logo {
   display: inline-block;
    height: 68px;
    width: 50px;
    text-indent: -9999px;
    background: url(//static.jamasoftware.com/img/brand/jama-orange.svg) no-repeat left center;
    background-size: 48px 48px;
    padding: 0;*/
}

@media (min-width: 768px) {
	.white-nav #logo,
	.white-nav .logo {
	    display: inline-block;
	    height: 53px;
	    width: 188px;
	    text-indent: -9999px;
		background: url('//static.jamasoftware.com/img/brand/jama-software-tag.svg') no-repeat 0;
		background-size: auto 58px;	
	    padding: 0;
	}

}

/**footer**/

footer	{
	text-align: center;
	background: #3c3c3c;
	color: #ccc;
	font-size: 1.3rem;
	padding: 20px 0 15px 0;
}

footer .row	{
	padding: 0;
}

footer a	{
	color: #ccc;
	position: relative;
	padding-bottom: 5px !important;
	text-decoration: none;
}

footer a::after {
	background: #ccc;
	position: absolute;
	top: 100%;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	opacity: 0;

	transition: opacity 0.3s, transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
}

footer a:hover	{
	background: transparent !important;
	color: #fff;
	text-decoration: none;
}

footer a:hover::after,
footer a:hover::after {
	opacity: 1;

	transform: translateY(0px);
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
}

footer .copyright a	{
	display: inline-block;
}

footer .copyright .sep	{
	display: none;
}


footer .legal	{
	display: inline-block;
	width: auto;
	margin: 0 auto !important;

}

footer .legal li	{
	float: left;
	padding-left: 20px;
	font-size: 1.3rem;
}

footer .legal li:first-of-type	{
	padding-left: 0;
}

footer .legal li a	{
	padding:0;
}

@media screen and  (min-width: 450px){
		footer .copyright .sep	{
			display: inline;
			padding: 0 5px;
		}
}

@media screen and  (min-width: 768px){
	footer .copyright a	{
		display: inline;
	}
	
	footer .navbar-right {
		float:none !important;
	}
	
	footer .legal	{
		border: none;
		margin: 0;
	}
}

@media screen and  (min-width: 992px){
	footer	{
		text-align: left;
	}
	
	footer .navbar-right {
		float:right !important;
	}
	
}

.tracking	{
	height: 0 !important;
}

/**
***BUTTONS
**/

.button:focus,
.button:active,
button:focus,
button:active,
submit:focus,
submit:active,
input:focus,
input:active,
textarea:focus,
textarea:active  {
		outline: none;
}

.button, 
button	{	
	margin:0 auto 0 auto;
	font-size: 1.6rem;		
	padding:8px 50px;  
	color: #ffffff;
	border: none;
	font-family: "proxima-nova",sans-serif;
	font-weight: 400;
	display: inline-block;
	border-radius: 5px;
	background: #F16521;
	position: relative;
	z-index: 1;
	transition: all 0.3s;
	overflow: hidden;
}

	.button:before,
	button:before {
		content: '\f031';
	    position: absolute;
	    font-family: "JamaIcons";
	    height: 100%;
	    right: -25px;
		line-height: inherit;
	    -webkit-transition: right 0.3s;
	    -moz-transition: right 0.3s;
	    transition: right 0.3s;	
	}


.button:hover,
button:hover,
.button:focus,
button:focus,
.button:active,
button:active	{
	   outline: none;
	   color: #ffffff;
	   padding-left:25px;
	   padding-right: 75px;
}

	.button:hover:before,
	button:hover:before,
	.button:focus:before,
	button:focus:before,
	.button:active:before,
	button:active:before {
		 right: 25px;
	}	

.button.full	{
	width: 100%;
}

.button.large	{
	font-size: 2.2rem;
}

.button.outline,
button.outline {
	background: transparent;
	color: #3c3c3c;
	box-shadow: inset 0 0 0 2px #3c3c3c;
	
}

/*.button.grey	{
	background: #57575b;
	box-shadow: inset 0 -.4rem 0 0 #313134;
}

.button.grey:hover,
.button.grey:focus,
.button.grey:active	{
	box-shadow: inset 0 -.4rem 0 0 #57575b;	
}


.button.blue	{
	background: #015e8d;
	box-shadow: inset 0 -.4rem 0 0 #003253;
}

.button.blue:hover,
.button.blue:focus,
.button.blue:active	{
	box-shadow: inset 0 -.4rem 0 0 #015e8d;	
}

.button.orange	{
	background: #f2612b;
	box-shadow: inset 0 -.4rem 0 0 #b3481d;
}

.button.orange:hover,	
.button.orange:focus,
.button.orange:active {
	box-shadow: inset 0 -.4rem 0 0 #f2612b;
}

.button.outline	{
	background: #fff;
}

.button.outline.blue	{
	background: #ffffff;
	box-shadow: inset -.2rem 0 0 0 #015E8D, inset .2rem 0 0 0 #015E8D, inset 0 .2rem 0 0 #015E8D, inset 0 -.4rem 0 0 #015E8D;
	color:#015E8D;
}

.button.outline.blue:hover	{
	background: #015E8D;
	color:#fff;	
}

.button.outline.white	{
	background: rgba(255,255,255, .3);
	box-shadow: inset -.2rem 0 0 0 #ffffff, inset .2rem 0 0 0 #ffffff, inset 0 .2rem 0 0 #ffffff, inset 0 -.4rem 0 0 #ffffff;
	color:#ffffff;
}

.button.outline.white:hover	{
	background: #fff;
	color:#3c3c3c;	
}


button	{
	background: #c0c0c0;
	box-shadow: inset 0 -.4rem 0 0 #3c3c3c;
}


button:hover,
button:focus,
button:active	{
	box-shadow: inset 0 -.4rem 0 0 #c0c0c0;	
}*/

/**
*** SIDEBAR EMAIL FORM
**/

.mailinglist-signup	{
	text-align: center;
	border:2px solid #e8e7e6;
	padding: 10px;
}

.mailinglist-signup h4	{
	display: none;
}

.mailinglist-signup p	{
	font-weight: 400;
	font-size: 1.6rem;
	font-size: 16px;
	line-height: 1.5;
	padding: 0;
}

.mailinglist-signup form	{
	width: 100% !important;
	margin: 0;
	
}

/**
*** SECTION STYLES
**/

#main	{
	background: #fff;
}

.row	{
	padding-top: 40px;
	padding-bottom: 40px;
}

.hero	{
	border-bottom: 2px solid #47484b;
	padding-top: 20px;
	padding-bottom: 20px;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top:-2px;
}

.hero.simple	{
	border-bottom: 2px solid #e8e7e6;
	padding: 0;
	margin-bottom: 0px;
	color: #3c3c3c;
	text-align: left;
	background: #fff;
}

.short	{
	padding:30px 20px;
}

.med	{
	padding:60px 20px;
}

.tall	{
	padding:120px 20px;
}

/**
*** PAGE HEADER
**/

.page-header	{
	margin: 0 -15px;
    padding: 30px 20px;	
	border-bottom:2px solid #e8e7e6;
}

.page-title	{
	margin: 20px 0;
	font-size: 4.8rem;
}

.page-header h1 {
	margin-top: 0 !important;
	font-size: 3.6rem;
}

.page-header p {
	font-size: 2.0rem;
	
}


@media screen and  (min-width: 768px){	
	.page-header {
	  padding-top: 20px;
	  
	}
	
	.page-title {
	  margin-bottom: 0;
	}
	
	.page-header h1 {
		margin-top: 0 !important;
		font-size: 4.8rem;
	}
	
	.page-header p {
		font-size: 3.6rem;
	}
}

/** backgrounds **/

.white-bg	{
	background: #fff;
}

.grey-bg	{
	background: #f0f0f0;
}

.pattern-bg	{
	background-position: top left;
	color: #fff;
	border-top: 2px solid #323234;
	border-bottom: 2px solid #323234;
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #0a5c8b;
	background-image:url('http://static.jamasoftware.com/img/bg/www-blue-pattern.svg');
	background-repeat:repeat;
	background-size: 350px auto;
}

.pattern-bg  *	{
	color: #fff;
}

.blue.pattern-bg	{
	background-color: #0a5c8b;
	background-image:url('http://static.jamasoftware.com/img/bg/www-blue-pattern.svg');
	background-repeat:repeat;
	background-size: 350px auto;
}

.grey.pattern-bg,
.systems .pattern-bg	{
	background-color: #59585b;
	background-image:url('http://static.jamasoftware.com/img/bg/www-grey-pattern.svg');
	background-repeat:repeat;
	background-size: 350px auto;

}
.medical .pattern-bg	{
	background-color: #d72428;
	background-image:url('http://static.jamasoftware.com/img/bg/www-mds-red-pattern.svg');
	background-repeat:repeat;
	background-size: 350px auto;

}

.semi .pattern-bg	{
	background-color: #359e48;
	background-image:url('http://static.jamasoftware.com/img/bg/www-semi-pattern.svg');
	background-repeat:repeat;
	background-size: 350px auto;

}

.auto .pattern-bg	{
	background-color: #ffcc00;
	background-image:url('http://static.jamasoftware.com/img/bg/www-automotive-pattern.svg');
	background-repeat:repeat;
	background-size: 350px auto;

}

.pattern-bg .caption-text	{
	font-weight: 700;
}

.border-bottom.white-bg	{
	border-color:#b5b7b9;
}

.border-bottom	{
	border-width:0 0 3px 0;
	border-style: solid;
	border-color:#323234;
}

/** Content styles **/

@media (max-width: 767px) {
	.container {
	    width: 100%;
	}
}

.row .container	{
	margin: 50px auto;
}

.row .container:first-child	{
	margin:0 auto;
}

.row .container:last-child	{
	margin-bottom: 0;
}

.row .headline	{
	text-align: center;	
}

.row .headline h3	{
	font-weight: 500;
}

.row .headline h2,
.row .headline h3	{
	margin: 0;
}

.row .headline > div > *:last-child	{
	margin: 0;
}

.row ul,
.row ol {
    margin: 3rem 1.5rem 1.5rem 0;
    padding-left: 2rem;
}

.row ul:first-child,
.row ol:first-child {
    margin-top:0;
}

.row .nascar	{
	padding: 0;
	margin:40px auto 0 auto !important;
	text-align: center;
}



.row .nascar li	{
	padding: 0 15px;
	list-style: none;
	text-align: center;
}


@media (min-width: 768px) { 
	.row .nascar {
			display: flex;
			justify-content: center;
	}
}



.border-bottom	{
	border-style: solid;
	border-color:#b5b7b9;
	border-bottom-width: 3px;
}

.border-top	{
	border-top-width:3px;
	border-style: solid;
	border-color:#b5b7b9;
}

/**
*** TILES
**/

.cta-tiles .tile	{
	border:2px solid #47484b;
	background: #fff;
	padding: 25px 35px;
	text-align: center;
	position: relative;
	margin: 25px 0;
}


.cta-tiles .tile img	{
	max-width: 120px;
	height: 120px;
	margin-bottom: 25px;
}

.cta-tiles .tile .button	{
	text-align: center;
	width: 100%;
}

/** outlined table **/

.outlined-table {
	margin: 40px 0;
}

.outlined-table tr	{
	padding: 10px;
    border: 1px solid #3c3c3c;
	
}

.outlined-table td,
.outlined-table th	{
	padding:5px 10px;
}

.outlined-table tr > td:nth-of-type(1),
.outlined-table  tr > th:nth-of-type(1)	{
	border-right: 1px solid #3c3c3c;
	text-align: center;
}

.speakers {
	table-layout: fixed;
}

.speakers td	{
	width: auto;
	padding-right: 20px;
}

/** Speaker List **/
.speaker-list {
	margin: 20px 0;
	width: auto;
}

.speaker-list-item	{
	display: flex;
	align-items: center;
	margin-bottom: 20px;	
}



@media (min-width: 768px) { 
	
}


@media (min-width: 992px) { 

}


@media (min-width: 1200px) { 

}

.speaker-list-item .mktoText {
	flex-grow: 2; 
	padding: 20px;
}

.speaker-list img	{
	margin-bottom: 0px;
	display: block;
	/*width: 150px;
	height: auto;*/
}

.speaker-list p	{
	margin-bottom: 0px;
	font-size: 1.8rem;
}



@media (min-width: 768px) { 
	.speaker-list {
		display: inline-flex;
		width: auto;
	}
	
	.speaker-list-item {
		display: block;
		width: 180px;
		margin-right: 30px;
	}
	
	.speaker-list-item:last-child {
		margin-right: 0;
	}
	
	.speaker-list-item .mktoText {
		padding: 20px 0;
	}
}

.speaker-bio p {
	font-size: 1.6rem;
	
}
/**callout**/

.callout	{
	padding: 20px;
	background:  #c2f0ff;
	margin: 2.4rem auto;
}

.callout p	{
	font-size: 1.8rem;
}

/** SIDEBAR CTA **/
.sidebar-cta	{
	border:2px solid #3c3c3c;
	padding: 15px;
	margin-bottom: 20px;
}

.sidebar-cta .inner	{
	padding: 15px;
}

.sidebar-cta h4	{
	margin-bottom: 10px;
	font-size: 2.0rem;
}

.sidebar-cta p	{
	line-height: 1.3;
}

.sidebar-cta img	{
	text-align: center;
	margin:0 auto;
	display: block;
}

.sidebar-cta .button	{
	width: 100%;
	margin: 0 auto;
	max-width: 400px;
	text-align: center;
}

.sidebar-cta .svg	{
	max-width: 200px;
	text-align: center;
	margin: auto;
	display: inherit;
}

.sidebar-cta.bg	{
	text-align: center;
}

.sidebar-cta.bg *	{
	 color: #fff;
}

.sidebar-cta.bg h4	{
	font-size: 3.7rem !important;
}

.sidebar-cta.bg p	{
	font-size: 2.0rem;
}


.sidebar-cta.bg .sub	{
	margin-top: 18rem;
	margin-bottom: 1.3rem;
}

.sidebar-cta.bg.training	{
	background: url('//static.jamasoftware.com/img/www/cta-sm-elearning.png') no-repeat center center;
	background-size: cover;
}

.sidebar-cta.bg.community	{
	background: url('//static.jamasoftware.com/img/www/cta-sm-community.png') no-repeat center center;
	background-size: cover;
}

/**
*** IMAGES
**/
.screenshot	{
	padding: 10px !important;
	background: rgba(128,128,128,0.05);
	border:1px solid #b5b7b9;
	margin: 20px 20px;
	width: auto;
	border-radius: 4px;	
}

/**video embed **/

.wistia_embed	{
	    border: 1px solid #3c3c3c;
    box-sizing: content-box;
}

.pattern-bg .wistia_embed	{
	    border: none;
}


.wistia_embed.grey-border	{
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	border: 3px solid #cacbce;

}

/** NEW STYLES 2017 **/

@media (max-width: 991px) {
	.mini-form .container {
	   width: 100%; 
	}
}

/** Hero with Background **/

#hero.with-background {
	padding: 0;
	position: relative;
	overflow: hidden;
	text-align: center;

}

#hero .mktoImg {
	position: absolute;
	top: -50%; 
	left: -50%; 
	width: 200%; 
	height: 200%;
}

#hero .mktoImg img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
  overflow-x: hidden;
}

#hero .container {
	padding-top: 50px;
	padding-bottom: 50px;
	margin-bottom: 50px;
}


@media (min-width: 768px) { 
	#hero #bgImage img {

	}
	
	#hero .container {
		padding-top: 60px;
		padding-bottom: 60px;
	}
}



#hero .mktoText * {
	color: #fff;
}

#hero h1 {
	margin: 0 0 15px 0;
	font-weight: 700;
	font-size: 4.6rem;
	line-height: 1;
}

#hero h4	{
	margin: 0;
	text-transform: uppercase;
}

#hero p {
	font-size: 2.2rem;
	font-weight: 300;
	line-height: 1.1;
}

#hero a {
	font-size: 2.4rem;
	font-weight: 400;
}

#hero .form {
	min-height: auto;
	margin-bottom: 0;
}

/** inline form **/

.mktoForm.inline-form form {
	padding-bottom: 0;
}


.mktoForm.inline-form .confirm	{
	width: 100%;
	text-align: center;
	    padding: 15px;
	    background: rgba(0,0,0,.8) 
}

.mktoForm.inline-form .confirm p {
	color: #fff;
	font-weight: 700;
	text-align: center;
}

.mktoForm.inline-form fieldset {
	margin: 0 !important;
}

.mktoForm.inline-form form label	{
	display: none;
}

.mktoForm.inline-form .mktoFormCol {
	margin-bottom: 0 !important;
}


.mktoForm.inline-form form > .mktoFormRow {

}

.mktoForm.inline-form form input[type="email"] {
	border-width: 2px;
	margin-bottom: 0;
}

.mktoForm.inline-form form input[type="email"]:focus {
	border-color: #ccc;
}

.mktoForm.inline-form .mktoButtonRow {

}


@media (min-width: 768px) { 
	.mktoForm.inline-form form {
		display: flex;
		align-items: center;
	}
	
	.mktoForm.inline-form form > .mktoFormRow {
		width: 70%;
		display: inline-block;
	}
	
	.mktoForm.inline-form .mktoButtonRow {
		display: inline-block !important;
		width: 30% !important;
	}
	
	
	.mktoForm.inline-form .mktoFieldWrap {
		padding-right: 20px;
	}
}

/** general typography **/

#bodyHeadline h3	{
	font-weight: 900;
	margin-top: 0;
}

#bodyHeadline p	{
	margin-bottom: 2.5rem;
}

/** Icon List **/

.icon-list	{
	padding: 0;
}

.icon-list .icon-list-row {
	overflow: hidden;
	display: flex;
	align-items: center;
	margin: 15px 0;
}

.icon-list .icon-list-img div	{
	margin: auto;
	display: inline-block;
}

.icon-list .mktoImg {
	width:75px;	
}

.icon-list img {
	max-width: inherit;
}

.icon-list .icon-list-text	{
	width: auto;
	margin-left: 20px;
}

/** Fancy List **/
.fancy-list {
	    counter-reset: fancy-counter;
    padding-left: 0 !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}

.fancy-list li {
	   position: relative;
    list-style: none;
    padding-left: 55px;
    margin-bottom: 20px;
    min-height: 40px;

    width: 100%;
    align-items: center;
}

.fancy-list li:before {
	content: counter(fancy-counter);
    counter-increment: fancy-counter;
    position: absolute;
    text-align: center;
    left: 0;
    top: -6px;
    line-height: 45px;
    height: 45px;
    width: 45px;
    color: #fff;
    background: #f2612b;
    font-weight: 800;
    border-radius: 50%;
    font-size: 2.2rem;
}