@charset "UTF-8";
/* CSS Document */

/*----------------
Media Query in ordine alfabetico-----------------*/


@media only screen and (min-width : 320px) {
    
@-moz-keyframes FadeStroke {
  to { stroke-opacity: 0; }
}

@-webkit-keyframes FadeStroke {
  to { stroke-opacity: 0; }
}
    
@keyframes FadeStroke {
  to { stroke-opacity: 0; }
}
    
@-moz-keyframes DrawLine {
  to { stroke-dashOffset: 0; }
}   

@-webkit-keyframes DrawLine {
  to { stroke-dashOffset: 0; }
}   
    
@keyframes DrawLine {
  to { stroke-dashOffset: 0; }
}    
    
@-moz-keyframes FillIn {
  from { fill-opacity: 0; }
  to { fill-opacity: 1; }
}

@-webkit-keyframes FillIn {
  from { fill-opacity: 0; }
  to { fill-opacity: 1; }
}
    
@keyframes FillIn {
  from { fill-opacity: 0; }
  to { fill-opacity: 1; }
}
    
.Animate-Draw {
  fill-opacity: 0;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-name: DrawLine, FadeStroke, FillIn;
  animation-duration: 5s, 1.5s, 1.5s;
  animation-delay: 0s, 2s, 2s;
  stroke-dashArray: 900;
  stroke-dashoffset: 900; 
}
    
.groupNextStep { 
	position: relative; 
	margin-top: 30px; 
    width: calc(100% - 25px);
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
}
    
.iconOrange {
    fill: #e96105;
    width: 11px;
    height: auto;
    cursor: pointer;
    margin-right: 10px;
}   
    
.iconWhite {
    fill: #ffffff;
    width: 11px;
    height: auto;
    margin-left: 10px;
}
    
.iconCtaNew {
    fill: #ffffff;
    width: 12px;
    height: auto;
    margin-left: 10px;
}
    
.marginBottom{
    margin-bottom: 5px;
}
    
.nextStepActive{
    font-size: 13px;
    margin-right: 5px;
    padding: 8px 5px 8px 12px;
    background-color: #e96105;
    color: #ffffff;
    font-family: 'Oswald', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    width: 34%;
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: -0.5px;
}
    
.prevStepNew{
    font-family: 'Oswald', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    color:#e96105;
    font-weight: bold;
    margin-right: 25px;
    cursor: pointer;
}    
    
.prevStep:hover{
    text-decoration: underline;
}
    
.registerTitle{
    display: none;
}
    
.registerTitleMobile{
    width: 75%;
    height: auto;
    display: block;
    padding: 10px;
}
    
.rocket{
    stroke: #999999;
    stroke-miterlimit: 9;
    width: 30px;
    height: auto;
    margin: 5px;
}
    
.textBannerVert{
    font-family: 'Oswald', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2d3844;
    font-size: 15px;
    width: 100%;
    text-align: center;
    display: block;
}
    
}


/*XS*/
@media only screen and (min-width : 480px) {
    
.iconCtaNew {
    width: 15px;
}
    
.rocket{
    width: 40px;
}    
    
}


/*SM*/
@media (min-width: 768px) { 
    
.iconCtaNew {
    width: 17px;
}
    
.registerTitle{
    display: block;
    width: 75%;
    height: auto;
}
    
.registerTitleMobile{
    display: none;
}
    
.rocket{
    width: 25px;
} 

}


/*MD*/
@media (min-width: 992px) {
    
.groupNextStep { 
	position: relative; 
	margin-top: 45px; 
    width: calc(100% - 35px);
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
}
    
.iconOrange {
    width: 13px;
}   
    
.iconWhite {
    width: 13px;
}    
    
.iconCtaNew {
    width: 18px;
    position: absolute;
    right: 4%;
    margin-left: 0px;
}
    
.nextStepActive{
    font-size: 18px;
    letter-spacing: -0.3px;
}
    
.prevStepNew{
    font-size: 18px;
    margin-right: 35px;
}  
    
.registerTitle{
    width: 75%;
}
    
.rocket{
    width: 32px;
    margin: 10px;
}
    
}


/*LG*/
@media (min-width: 1500px) { 
  
.registerTitle{
    width: 85%;
}    
    
.rocket{
    width: 40px;
    margin: 20px;
}

}