/* first for IE 4–8 */

/*
@font-face {
    font-family: DINWebPro;
	font-weight: normal;
    src: url("DINWebPro.eot");
}*/

@font-face {
    font-family: DINWebPro;
	font-weight: 500;
    src: url("DINWebPro-Medium.eot");
}

@font-face {
	font-family: DINWebPro;
	font-weight: bold;
	src: url("DINWebPro-Bold.eot");
}




/* then for WOFF-capable browsers */

/*
@font-face {
    font-family: DINWebPro;
	font-weight: normal;
    src: url("DINWebPro.woff") format("woff");
}*/

@font-face {
    font-family: DINWebPro;
	font-weight: 500;
    src: url("DINWebPro-Medium.woff") format("woff");
}

@font-face {
	font-family: DINWebPro;
	font-weight: bold;
	src: url("DINWebPro-Bold.woff") format("woff");
}

.separator.blue{
	float:left;
	opacity:.35;
}

span.menu-current{
	color: #c0dae7;
	display: block;
	float: left;
	font-family: DINWebPro;
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
	margin: 35px 18px 5px 0;
}

.landing{
	height:auto;
}

.landing > .container{
	background:url("../images/outcomes/landing_banner.jpg") no-repeat 0 150px;
}

.landing .row{
	margin-left:-20px;
}

.landing .landing-title {
	color: #FFFFFF;
	font-family: DINWebPro;
	font-size: 30px;
	font-weight: 500;
	left: 9px;
	line-height: 38px;
	text-shadow: 0 1px #173D58;
	margin-top: 133px;
	margin-bottom:7px;
	z-index: 100;
	text-align:center;
}

.landing .landing-description {
	color:#173d58;
	font-size:14px;
	line-height:22px;
	text-align:center;
}

.landing .points{
	height:36px;
	display:block;
	margin-top:290px;
	background:url("../images/outcomes/points.png") no-repeat center
}
.landing .points-text{
	display:block;
	position:relative;
	font-size:14px;
	color:#1e4763;
	margin-top:7px;
	line-height:20px
}

.landing .points-text .point1{
	position:relative;
	left:154px;
	top:0;
	float:left;
	text-align:center;
}

.landing .points-text .point2{
	position:relative;
	left:213px;
	top:0;
	float:left;
	text-align:center;
}

.landing .points-text .point3{
	position:relative;
	left:470px;
	top:0;
	float:left;
	text-align:center;
}

.landing .modules {
	margin-top:45px;
	margin-bottom:20px;
}

.landing .modules .span4{
	background:#fff;
	min-height:137px;
	-webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.65);
	moz-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.65);
	box-shadow:0px 1px 1px rgba(0, 0, 0, 0.65);
}

.landing .modules .span4 .module-title{
	font-family: DINWebPro;
	font-weight:bold;
	color:#c93041;
	font-size:18px;
	line-height:25px;
	padding:20px 20px 6px;
}

.landing .modules .span4 .module-content{
	padding:0 20px 20px;
	line-height:22px;
}

.landing .cta{
	text-align:center;
	margin-bottom:30px;
}
.landing .cta .cta-text{
	color:#fff;
	line-height:22px;
	margin-bottom:15px;
	font-size:14px;
}
.landing .cta .action-button{
	display:inline-block;
	margin:0 auto;
}

.landing .intro .intro_inner{
	margin-bottom:10px;
}

.landing .intro .intro_title{
	color: #173d58;
	font-family: DINWebPro;
	font-size: 30px;
	font-weight: bold;
	left: 9px;
	line-height: 38px;
	z-index: 100;
	text-align:center;
	margin-top:16px;
	margin-bottom:5px;
}

.landing .intro .intro_description{
	text-align:center;
	margin-bottom:45px;
	font-size:14px;
	line-height:22px;
}

.landing .intro .intro_column {
	padding-top:50px;
	background:url("../images/outcomes/2.png") no-repeat;
	width:300px;
	margin-left:10px;
	margin-right:10px;
}

.landing .intro .intro_column.first{
	background:url("../images/outcomes/1.png") no-repeat;
}

.landing .intro .intro_column.last{
	background:url("../images/outcomes/3.png") no-repeat;
}

.landing .intro .intro_column p{
	margin-top:0;
	line-height:22px;
}

.landing .intro .intro_column span{
	font-size:18px;
	color:#173d58;
	line-height:22px;
	min-height:55px;
	font-family: DINWebPro;
	font-weight:bold;
}

.landing .intro .triangle{
	width:0px;
	height:0px;
	border-style:solid;
	border-width:0 12.5px 13px 12.5px;
	border-color:transparent transparent #173d58 transparent;
	margin:-25px auto 0;
}

/*
.landing .screenshots{
	background:#173d58;
}
*/

.landing .screenshots .triangle{
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 13px 12.5px 0 12.5px;
	border-color: #173d58 transparent transparent transparent;
	margin:0 auto;
}

.landing .screenshots .overlay{
	position:relative;
	height:564px;
}

.landing .screenshots .back1{
	background:url("../images/outcomes/screen_1.jpg") no-repeat;
	width:619px;
	height:300px;
	display:block;
	position:absolute;
	top:58px;
	left:0;
	-webkit-box-shadow:-1px 2px 5px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:-1px 2px 5px rgba(50, 50, 50, 0.5);
	box-shadow:-1px 2px 5px rgba(50, 50, 50, 0.5);
}

.landing .screenshots .back2{
	background:url("../images/outcomes/screen_2.jpg") no-repeat;
	width:619px;
	height:338px;
	display:block;
	position:absolute;
	top:238px;
	left:360px;
	-webkit-box-shadow:-1px 2px 5px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:-1px 2px 5px rgba(50, 50, 50, 0.5);
	box-shadow:-1px 2px 5px rgba(50, 50, 50, 0.5);
}

.landing .screenshots .screenshots-cta{
	text-align:center;
	padding:30px 0;
	margin-top:20px;
}

.landing .screenshots .screenshots-cta > span{
	display:inline-table;
	height:37px;
	line-height:37px;
	vertical-align:top;
	color:#fff;
	font-size:14px;
}

.landing .screenshots .screenshots-cta > span a{
	text-decoration:underline;
	color:#589ec4;
}

.landing .screenshots .screenshots-cta .action-button{
	display:inline-block;
}

.landing .screenshots .markers{
	height:564px;
	display:block;
	margin-top:-564px;
	position:relative;
	z-index:2;
}

.landing .screenshots .markers .marker{
	background:url(../images/outcomes/pin_down.png) no-repeat;
	width:28px;
	height:28px;
	display:block;
	position:absolute;
}

.landing .screenshots .markers .marker.tip-left{
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
}

.landing .screenshots .markers .marker.tip-rightdown{
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

.landing .screenshots .markers .marker.tip-leftdown{
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}

.landing .screenshots .markers #m1{
	top:70px;
	left:580px;
}

.landing .screenshots .markers #m2{
	top:90px;
	left:240px;
}

.landing .screenshots .markers #m3{
	top:90px;
	left:290px;
}

.landing .screenshots .markers #m4{
	top:90px;
	left:390px;
}

.landing .screenshots .markers #m5{
	top:280px;
	left:13px;
}

.landing .screenshots .markers #m6{
	top:163px;
	left:483px;
}

.landing .screenshots .markers #m7{
	top:243px;
	left:228px;
}

.landing .screenshots .markers #m8{
	top:340px;
	left:590px;
}

.landing .screenshots .markers #m9{
	top:380px;
	left:588px;
}

.landing .screenshots .markers #m10{
	top:443px;
	left:930px;
}


.landing .time{
	/* background:#173d58; */
	padding-bottom:20px;
}

.landing .time .container{
	background:#fff;
	padding-top:35px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:50px;
}

.landing .time .triangle{
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 13px 12.5px 0 12.5px;
	border-color: #fff transparent transparent transparent;
	margin:0 auto;
}

.landing .time .time_title{
	color: #173d58;
	font-family: DINWebPro;
	font-size: 30px;
	font-weight: bold;
	left: 9px;
	line-height: 38px;
	z-index: 100;
	text-align:center;
}

.landing .time .time_description{
	text-align:center;
	padding-bottom:35px;
	border-bottom:1px solid #d7d7d7;
	margin-bottom:27px;
	color:#4c4c4c;
	margin-top:2px;
	font-size:14px;
	line-height:22px;
}

.landing .time .span3.first{
	padding-top:66px;
	background:url("../images/outcomes/4.png") no-repeat -5px 0;
	position:relative;
}

.landing .time .span3.first:before, .landing .time .span3.second:before, .landing .time .span3.third:before{
	content:'';
	background:url("../images/outcomes/arrow.png") no-repeat;
	width:155px;
	height:14px;
	display:block;
	position:absolute;
	top:20px;
	left:55px;
}

.landing .time .span3.second{
	padding-top:66px;
	background:url("../images/outcomes/5.png") no-repeat -15px 0;
	position:relative;
}

.landing .time .span3.third{
	padding-top:66px;
	background:url("../images/outcomes/6.png") no-repeat;
	position:relative;
}

.landing .time .span3.last{
	padding-top:66px;
	background:url("../images/outcomes/7.png") no-repeat;
}

.landing .time .module-title{
	font-size:18px;
	color:#393939;
	line-height:22px;
	font-family: DINWebPro;
	font-weight:bold;
	margin-bottom:10px;
}

.landing .time .module-content{
	line-height:22px;
}

.landing .bottom-cta {
	/* background:#173d58; */
	padding-bottom:10px;
	text-align:center;
}

.landing .bottom-cta .cta-title{
	color: #FFFFFF;
	font-size: 24px;
	font-weight: bold;
	left: 9px;
	line-height: 22px;
	text-shadow: 0 1px #173D58;
	z-index: 100;
	text-align:center;
}

.landing .cta-content{
	color:#fff;
	font-size:14px;
	line-height:22px;
	margin:10px 0 20px;
	text-align:center;
}

.landing .cta-content a, .landing .cta-content a:visited, .landing .cta-content a:active,.landing .cta-content a:link {
    color: #ffffff; 
	text-decoration: underline;
}

.landing .bottom-cta .action-button{
	display:inline-block;
	margin:10px auto;
}