@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

.ymg {font-family: 'Montserrat', sans-serif;padding-right:20px;}
.ymg-white, .ymg-white a, .ymg-white h2 {color:#fff !important}

.logo {margin:30px auto;width:250px;}
.logo img{width:250px;height:116px;}
.intro{width:700px;text-align:center;margin:0 auto;line-height:200%;}
.tip{width:800px;text-align:center;margin:0 auto;margin-top:20px;margin-bottom:20px;background-color:#bdc3c7;border-radius:10px;padding:30px;transition: all .2s ease-in-out;}
.tip:hover { transform: scale(1.05); }
.tip h2{margin-top:0px;}
.find-out {text-align:center; display:block;margin-bottom:15px;}
hr {border: none; border-top: 1px solid #CCC; height: 1px;float:none;clear:both;margin:0;}

.workflow{width:100%;margin: 10px auto;text-align:center;}
.box{width:200px;height:280px;margin:10px;margin-top:5px;background-color:#f7f8f9;display:inline-table;padding: 20px;}
.box img{margin-top:15px;margin-bottom:10px;width:100px;display:inline-block;transition: all .2s ease-in-out;}
.box img:hover { transform: scale(1.25); }
.tip-text{font-size:larger;}

#step-2 .btn-next { visibility:hidden; }
.tour-backdrop{background-color: #666 !important;}
.popover{background-color:#fff !important;border:none; font-size:#000;font-family: 'Montserrat', sans-serif;max-width:325px !important;}
.btn{    background: #19a9e5 !important; cursor:pointer; overflow:auto;}
.btn-default{    display: inline-block;
    padding: 8px 22px !important;
    -webkit-border-radius: 25px !important;
    -moz-border-radius: 25px !important;
    border-radius: 25px !important;
    color: #fff !important;
    font-size: 14px !important;
    font-family: "Montserrat",sans-serif;
	border:none !important;
	text-decoration:none !important;
}
.btn-margin{margin:5px;}	


.btn-end{margin-left:10px;}

.btn-hover:after,.cta-stroke:after{position:relative;top:0;display:inline;margin-left:0;content:'❯';font-weight:100;font-size:0;line-height:1;opacity:0;-webkit-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s}

.btn-hover:hover:after,.btn-stroke:hover:after{margin-left:8px;font-size:14px;opacity:1}

.container {
	max-width:800px;
	width:100%;
	position:relative;
	z-index:100;
	margin:40px auto;
}


.va-slice{
	cursor:pointer;
	position:absolute;
	width:100%;
	left:0px;
	overflow:hidden;
}

.va-title{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:34px;
	margin-left:20px;
	color:#000;
    text-shadow: 0px 0px 5px #fff;
	line-height: 50px !important;
}
.va-content{
	display:none;
	margin-left:25px;
}
.va-slice p{
	font-size: 16px;
	font-style: italic;
	font-family:Georgia, serif;
	text-shadow: 0px 0px 5px #fff;
	color:#000;
	width:80%;
	background: rgba(255,255,255,0.8);
}
.va-slice ul{
	margin-top:20px;
}
.va-slice ul li{
	float:left;
	margin:0px 2px;
}
.va-slice ul li a{
	color:#000;
	background:#eede2f;
	padding:3px 6px;
	font-size:14px;
	font-family:'PT Sans', sans-serif;
	text-transform:uppercase;
}
.va-slice ul li a:hover{
	background:#000;
	color:#fff;
	text-shadow:none;
}
.va-nav span{
	width:40px;
	height:25px;
	position:absolute;
	top:-35px;
	left:50%;
	margin-left:-20px;
	text-indent:-9000px;
	opacity:0.7;
	cursor:pointer;
	display:none;
	z-index:100;
}
.va-nav span.va-nav-next{
	top:auto;
	bottom:-35px;
}
.va-nav span:hover{
	opacity:1.0;
}

.progressbar {
  counter-reset: step;
}

.progressbar li {
  list-style-type: none;
  width: 25%;
  float: left;
  font-size: 12px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  color: #7d7d7d;
}

.progressbar li:before {
  width: 30px;
  height: 30px;
  content: counter(step);
  counter-increment: step;
  line-height: 30px;
  border: 2px solid #7d7d7d;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  border-radius: 50%;
  background-color: white;
}

.progressbar li:after {
  width: 100%;
  height: 2px;
  content: '';
  position: absolute;
  background-color: #7d7d7d;
  top: 15px;
  left: -50%;
  z-index: -1;
}

.progressbar li:first-child:after {
  content: none;
}

.progressbar li.active {
  color: green;
}

.progressbar li.active:before {
  border-color: #55b776;
}

.progressbar li.active + li:after {
  background-color: #55b776;
}

.story-steps{
	width:90%;
	margin:0 40px;
	overflow:auto;	
}

.story-prev{
	float:left;
	width:5%;
	text-align:right;	
    margin-top: 12px;
}

.story-next{
	float:right;
	width:5%;	
	text-align:left;
    margin-top: 12px;
}

.support-left{
	float:left;
	width:45%;
}

.support-right{
	float:right;
	width:45%;
}

.support-left a{
	font-weight:bold;
	text-decoration:none;	
}

.step-click{
	cursor:pointer;	
}