@charset "UTF-8";


.container{
max-width:900px;
margin:0 auto;	
}

/* .flow-step-col
------------------------------------- */
.flow-step-col{
margin:1em auto 0;
padding:0.5em;
text-align:center;
font-size:120%;
}

.flow-step-col li{
position:relative;
width:96%;
margin:0 auto;
margin-bottom:2em;
border:#999 solid 1px;
-webkit-border-radius:4px;
-moz-border-radius:4px; 
border-radius:4px;
background-color:#FEFFE6;
list-style-type:none;
}

.flow-step-col li:hover{
cursor:pointer;
}

.flow-step-col li a{
text-decoration:none;
color:#006;
}

.flow-step-col li a:after{
display:inline-block;
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
content:"\f0a9";
margin-left:5px;
color:#CC0000;
}

.flow-step-col li:hover a{
color:#06C;
}

.flow-step-col li:hover a:after{
color:#FF9900;
}


.flow-step-col li:last-child{
margin-bottom:0;
}


.flow-step-col li span{
display:block;
margin-bottom:0.5em;
font-size:100%;
font-weight:700;
padding:5px 10px;
-webkit-border-radius:4px 4px 0 0 / 4px 4px 0 0;
-moz-border-radius:4px 4px 0 0 / 4px 4px 0 0; 
border-radius:4px 4px 0 0 / 4px 4px 0 0;
background-color:#2A2856;
color:#FFF;
}

.flow-step-col li:hover span{
background-color:#3366CC;
}



div.triangle{
margin:0 auto;
}

div.triangle{
position:absolute;
left:47%;
bottom:-15px;
width:0;
height:0;
margin:0 auto -25px;
background:transparent;
border-top:15px solid #45B035;
border-left:15px solid transparent;
border-bottom:15px solid transparent;
border-right:15px solid transparent;  
}


/* .consultation-menu-btn
------------------------------------- */
.consultation-menu-btn{
position:static;
max-width:460px;
margin:20px auto 10px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
text-align:center;
}

.consultation-menu-btn a{
display:block;
padding:10px 0;
text-decoration:none;
color:#FFF;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
background-color:#E61B64;
}

.consultation-menu-btn a span{
margin:0 5px;
}

.consultation-menu-btn a span:after{
content:"\f061";
font-family:FontAwesome;
font-weight:normal;
font-size:120%;
}

.consultation-menu-btn a:hover, .consultation-menu-btn a:focus {
opacity:0.8;
}



@media all and (min-width:700px) {

/* .flow-step-col
------------------------------------- */
.flow-step-col{
margin:1em auto 0;
padding:0.5em;
text-align:center;
font-size:140%;
}

.flow-step-col li{
width:60%;
}

}