.btn-your-project{
    position:fixed;
    z-index:10;
    bottom:0;
    right:0;
    padding:8px 15px;
    padding-left:14px;
    background-color:#6d3a5d;
	line-height:30px;
    font-size:1.3em;
    text-transform:uppercase;
    color:#fff;
	font-weight:700;
}
@media screen and (min-width:500px){
    .btn-your-project{
        padding:8px 13px;
        padding-left:60px;
        font-size:2em;
        top:50%;
        bottom:auto;
        -webkit-transform:translateY(-50%);
        -moz-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        -o-transform:translateY(-50%);
        transform:translateY(-50%)
    }
}
@media screen and (min-width:1000px){
    .btn-your-project{
        padding:10px 20px;
        padding-left:65px;
        font-size:1.3em
    }
}
@media screen and (min-width:1300px){
    .btn-your-project{
        padding:10px 30px;
        padding-left:30px;
        font-size:1.3em
    }
}
@media screen and (max-width:500px){
    .btn-your-project br{
        display:none
    }
}
.btn-your-project:hover{
    background-color:#e74260;
    color:#fff
}
.btn-your-project::before{
    font-family:'fontello-projeto';
    top:50%;
    left:15px;
    position:absolute;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%)
}
@media screen and (min-width:500px){
    .btn-your-project::before{
        left:10px
    }
}
@media screen and (min-width:1000px){
    .btn-your-project::before{
        left:15px
    }
}
@media screen and (min-width:500px){
    .btn-your-project small{
        font-size:.93em
    }
}
#your-project .triangles-bg{
    height:auto;
    padding-bottom:3.5em
}
@media screen and (max-width:500px){
    #your-project .triangles-bg .contact-title-wrapper{
        padding-bottom:80px
    }
}
@media screen and (min-width:500px){
    #your-project .triangles-bg:before,#your-project .triangles-bg:after{
        content:" ";
        display:table
    }
    #your-project .triangles-bg:after{
        clear:both
    }
}
#your-project .steps{
    width:100%;
    padding:4em 0 5em;
    position:relative;
    float:left
}
@media screen and (min-width:1000px){
    #your-project .steps{
        width:86%;
        margin-left:7%;
        padding:3.5em 0 6em
    }
}
@media screen and (min-width:1300px){
    #your-project .steps{
        width:74%;
        margin-left:13%;
        padding:3.5em 0 7em
    }
}
#your-project .steps ul{
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
#your-project .steps li{
    width:33.33%;
    padding:0 4%;
    position:relative;
    float:left
}
@media screen and (max-width:500px){
    #your-project .steps li{
        width:100%
    }
}
@media screen and (max-width:500px){
    #your-project .steps li:nth-child(2)::after,#your-project .steps li:nth-child(2)::before{
        content:'\e80c';
        width:100%;
        margin:30px 0;
        text-align:center;
        font-family:"fontello";
        font-size:2em;
        color:#6d3a5d;
        display:block;
        -webkit-transform:rotate(90deg);
        -moz-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        -o-transform:rotate(90deg);
        transform:rotate(90deg)
    }
}
@media screen and (min-width:501px){
    #your-project .steps li:nth-child(2)::after,#your-project .steps li:nth-child(2)::before{
        content:'\e80c';
        top:50%;
        margin:0;
        font-family:"fontello";
        font-size:1.5em;
        color:#6d3a5d;
        position:absolute
    }
    #your-project .steps li:nth-child(2)::before{
        left:0;
        -webkit-transform:translate(-50%, -50%);
        -moz-transform:translate(-50%, -50%);
        -ms-transform:translate(-50%, -50%);
        -o-transform:translate(-50%, -50%);
        transform:translate(-50%, -50%)
    }
    #your-project .steps li:nth-child(2)::after{
        right:0;
        -webkit-transform:translate(50%, -50%);
        -moz-transform:translate(50%, -50%);
        -ms-transform:translate(50%, -50%);
        -o-transform:translate(50%, -50%);
        transform:translate(50%, -50%)
    }
}
@media screen and (min-width:1001px){
    #your-project .steps li:nth-child(2)::after,#your-project .steps li:nth-child(2)::before{
        font-size:2em
    }
}
#your-project .steps li strong{
    font-weight:bold;
    font-size:1.1em;
    margin-bottom:.7em;
    display:block;
    text-transform:uppercase
}
@media screen and (max-width:500px){
    #your-project .steps li strong{
        font-size:1.1em
    }
}
@media screen and (max-width:1000px){
    #your-project .steps li strong{
        font-size:.9em
    }
}
#your-project .steps li div{
    margin-top:2em
}
@media screen and (max-width:500px){
    #your-project .steps li div{
        margin-top:2em
    }
}
@media screen and (max-width:1000px){
    #your-project .steps li div{
        margin-top:1.5em
    }
}
#your-project .step-icon{
    border-radius:50%;
    background-color:#f6f6f6;
    margin-bottom:2em;
    text-align:center;
    display:block;
    margin:0 auto;
    width:10em;
    height:10em;
    line-height:10em;
    position:relative
}
@media screen and (min-width:500px){
    #your-project .step-icon{
        width:8em;
        height:8em;
        line-height:8em
    }
}
@media screen and (min-width:1000px){
    #your-project .step-icon{
        width:10em;
        height:10em;
        line-height:10em
    }
}
@media screen and (min-width:1300px){
    #your-project .step-icon{
        width:13em;
        height:13em;
        line-height:13em
    }
}
#your-project .step-icon::before{
    font-family:'fontello-projeto';
    font-size:5em;
    line-height:inherit;
    margin:0
}
@media screen and (max-width:1300px){
    #your-project .step-icon::before{
        font-size:3.5em
    }
}
#your-project .step-icon i{
    background-color:#ababab;
    border-radius:50%;
    top:0;
    left:0;
    width:2em;
    height:2em;
    line-height:2em;
    text-align:center;
    font-style:normal;
    font-size:1.2em;
    color:#fff;
    position:absolute
}
@media screen and (min-width:500px){
    #your-project .step-icon i{
        font-size:1em
    }
}
@media screen and (min-width:1000px){
    #your-project .step-icon i{
        font-size:1.2em
    }
}
@media screen and (min-width:1300px){
    #your-project .step-icon i{
        font-size:1.35em
    }
}
#your-project .select-field{
    position:relative
}
#your-project .select-field select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer
}
#your-project .select-field:after{
    content:'';
    background-image:url('../img/arrow-down.svg');
    right:.83em;
    top:50%;
    width:.8em;
    height:1em;
    margin-top:-10px;
    font-size:1.5em;
    position:absolute;
    pointer-events:none;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    background-size:contain;
    -webkit-background-size:contain;
    -moz-background-size:contain;
    -o-background-size:contain;
    background-repeat:no-repeat;
    background-position:center
}
#your-project .outer-form-wrapper .contact-white-wrapper{
    top:0 !important
}
#your-project .curriculum,#your-project .file-field,#your-project .btn{
    padding-bottom:0 !important
}
#your-project .file-field{
    position:relative;
    cursor:pointer
}
#your-project .file-field span{
    background-image:url('../img/paper-clip.svg');
    top:50%;
    right:.83em;
    width:.8em;
    height:1em;
    margin-top:-10px;
    font-size:1.5em;
    display:block;
    cursor:pointer;
    position:absolute;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    background-size:contain;
    -webkit-background-size:contain;
    -moz-background-size:contain;
    -o-background-size:contain;
    background-repeat:no-repeat;
    background-position:center
}
#your-project .file-field .file-path-wrapper{
    overflow:hidden
}
#your-project .file-field input.file-path{
    width:100%
}
#your-project .file-field input[type=file]{
    position:absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
    width:100%;
    margin:0;
    padding:0;
    cursor:pointer;
    opacity:0;
    filter:alpha(opacity=0);
    z-index:1
}
/*# sourceMappingURL=styles.css.map */