* {
    box-sizing: border-box;
    margin: 0;
}
html{
    height: 100%;
}
body{
    font-family: "Montserrat";
    font-size: 16px;
    width: 100%;
    overflow-x: hidden;
    font-weight: 500;
    color: black;
    background-color: white;
}
header{
    padding: 80px 30px 30px;
    height: 100vh;
    background-color: rgb(0,233, 193);
    
}
section:focus{
    outline: none;
}
#intro{
    position: relative;
}
.quote-mobile{
    text-align: center;
    position: absolute;
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.quote-mobile p, .quote-desktop p{
    font-weight: 700;
    font-size: 1.5em;
    line-height: 1.1em;
}
.quote-mobile p span, .quote-desktop p span{
    font-size: .65em;
    font-weight: 400;
}
p, ul.specialties > li{
    font-size: .875em;
    line-height: 1.5em;
}
h1{
    font-size: 2em;
}
h2{
    font-size: 1.5em;
}
h3{
    font-size: 1.125em;
}
h4{
    font-size: .875em;
}
a:link,a:active,a:hover,a:visited{
    text-decoration: none;
}
a:focus{
    outline: none;
}
/*loader*/ 
.page-loader {
    height: 100vh;
    background: rgb(0,233, 193);
    z-index: 0;
    opacity: 0; 
}
.page-loader.start {
    opacity: 1;
    z-index: 500;
    transform: scale(1);
    position: relative;
}
.page-loader-circle {
    position: absolute;
    height: 250px;
    width: 250px;
    top: calc(50% - 125px);
    left: calc(50% - 125px);
    transform: rotate(-90deg);
}
.circle{
    stroke: rgb(255,255,255);
}
.percentage{
    stroke: rgb(0,0,0);
}

.page-loader .percentage {
    stroke-dasharray: 640;
    stroke-dashoffset: 640;
}
.page-loader img{
    position: absolute;
    width: 100px;
    top: calc(50% - 32px);
    left: calc(50% - 50px);
}
.page-loader .msg {
    display: none;
    text-align: center;
    color: #FFF;
    font-weight: 700;
    font-size: .8em;
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    margin-top: 30px;
    padding-left: 6px;
}
/*loader finish*/
#desktop{
    display: none;
}
.button_toggle{
    position: relative;
    height: 22px;
    width: 32px;
    margin-top: 8px;
    cursor: pointer;
    float: right;
    z-index: 300;
}
.button_toggle span{
    position: absolute;
    height: 4px;
    width: 26px;
    background-color: rgb(28, 28, 28);
    transition: all .35s ease;
}
.button_toggle span:nth-child(2n){
    top: calc(50% - 2px);
}
.button_toggle span:nth-child(3n){
    top: calc(100% - 4px);
}
.activate .top{
    background-color: white;
    transform: translateY(10px) translateX(2px) rotate(45deg);
}
.activate .middle{
    opacity: 0;
}
.activate .bottom{
    background-color: white;
    transform: translateY(-8px) translateX(2px) rotate(-45deg);
}
ul{
    list-style: none;
    padding: 0;
}
nav ul li{
    font-size: 1em;
    font-family: "Montserrat";
    font-weight: 400;
    /*text-transform: uppercase;*/
    text-align: center;
    color: white;
    background-color: rgb(28, 28, 28);
}
nav ul li a{
    color: white;
    transition: all .5s ease;
}
nav ul li a.active{
    color: rgb(0,233, 193);
}
#mobile{
    position: fixed;
    width: 100%;
    z-index: 300;
}
#mobile .container{
    height: 70px;
    width: 100%;
    padding: 16px;
    background-color: rgb(0,233, 193);
    /*box-shadow: 0px 0px 20px 8px rgba(28, 28, 28,.3);*/
}

.container_navbar{
    position: absolute;
    height: 100vh;
    z-index: 200;
    width: 100%;
    top: 0;
    opacity: 0;
    right: -100%;
    background-color: rgb(28, 28, 28);
    transition: all .5s ease;
}
#mobile .container img{
    height: 38px;
}
.open{
    right: 0%;
    opacity: 1;
}
.container_navbar ul{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}
.container_navbar ul li{
    flex: 0 1 auto;
    text-align: center;
    width: 50px;
    height: 33.33%;
    border-bottom: 1px solid rgb(0,233, 193);
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}
.container_navbar ul li:last-child{
    border-bottom: none;
}
.container_navbar ul li a{
    flex: 0 1 auto;
    text-align: center;
}
.category{
    position: absolute;
    display: none;
    height: 18px;
    width: 400px;
    top: calc(50% - 200px);
    left: -370px;
    transform: rotate(-90deg);
    transform-origin: 100%;
}
.category p{
    text-align: center;
    color: black;
    font-size: .875em;
}
.lang{
    height: 25%;
    width: 100%;
    background-color: rgb(28, 28, 28);
    display: flex;
    justify-content: space-evenly;
    align-items: center;

}
.lang div{
    width: 70px;
    height: 30px;
    border: 1px solid rgb(0,233, 193);
    flex: 0 1 auto;
    text-align: center;
}
.lang div a{
    color: rgb(0,233, 193);
    font-family: 'Montserrat';
    text-transform: uppercase;
    line-height: 28px;
}
section#about{
    background-color: rgb(0,233, 193);
    padding: 70px 0 0;
}
#about .title, #contact .title{
    text-align: center;
}
#about h1{
    display: inline-block;
    color: rgb(0,233, 193);
    margin: 0;
    padding: .5em 0;
    width: calc(100% - 2.75em);
    height: 68px;
    text-transform: uppercase;
    background-color: white;
    background-image: url('../img/about.png');
    background-size: 200px 50px;
    background-repeat: no-repeat;
    background-position: center center;
    font-family: 'Montserrat'
}
#about h5{
    font-weight: 700;
    line-height: 1em;
    padding: 1em 0 0;
}
.container_about{
    background-color: white;
    padding: 2.587em 16px 16px 16px;
    margin-top: -2.5em;
}
.container_about h3{
    display: inline-block;
    color: rgb(0,233, 193);
    padding: .5em 0;
    margin-top: 1em;
    border-bottom: 1px solid rgb(0,233, 193);
}
.container_about p{
    text-align: left;
    padding: 1em 0;
}
#about .col h3{
    text-align: left;
}
ul.specialties{
    padding: 1em 0;
}
.btn{
    width: 100%;
    height: 60px;
    max-width: 160px;
    border: 1px solid rgb(0,233, 193);
    padding: .5em;
    background-color: transparent;
    text-transform: uppercase;
    border-radius: 30px;
    font-size: 16px;
    overflow: hidden;
    color: rgb(0,233, 193);
    font-family: 'Montserrat';
    transition: all .5s ease;
    cursor: pointer;
}
.container_flex.social .item_flex > a{
    margin: 0 auto;
    display: block;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    text-align: center;
    border: 2px solid rgb(0,233, 193);
    transition: all .5s ease;
    line-height: 52px;
}
.container_flex.social .item_flex > a:hover{
    background-color: rgb(0,233, 193);
    
}
.container_flex.social .item_flex > a > svg{
    vertical-align: middle;
}
.container_flex.social .item_flex > a:hover > svg > path{
    fill: white;
}
.btn:hover{
    background-color: rgb(0,233, 193);
    color: white;
}
#portfolio{
    background-color: rgb(242,242,242);
    padding: 70px 1em 2em 1em;
}
#portfolio h1{
    text-align: center;
    font-family: 'Montserrat';
    margin-top: 16px;
    text-transform: uppercase;
}
.container_flex{
    display: flex;
    flex-flow: row wrap;
}
.container_flex .item_flex:last-child{
    margin-bottom: 0;
}
.item_flex{
    flex: 1 1 100%;
    padding-bottom: 1em;
    margin-bottom: 1em;
    background-color: white;
}
.linkedin{
    align-self: flex-start;
}
.linkedin img{
    transition: all 0.5s ease;
    margin-top: 32px;
    max-width: 317px;
}
.linkedin img:hover{
    filter: grayscale(1);
}
#portfolio .item_flex{
    border-bottom: 3px solid black;
    cursor: pointer;
    transition: all .5s ease;
    overflow: hidden;
}
#portfolio .item_flex img, #about .item_flex img{
    display: block;
    height: auto;
    width: 100%;
}
#project_contents .item_flex img, video{
    display: block!important;
    height: auto;
    width: 100%;
    margin: 0 auto;
    max-width: 1000px;
}
#portfolio .item_flex img:not(.seemore){
    transform: scale(1.05);
    transform-origin: center bottom;
    transition: all .5s ease;
}
#portfolio .item_flex img:not(.seemore):hover{
    transform: scale(1.05) translateX(-6px);
}
.item_flex > h3, h4{
    text-align: center;
    padding-top: .5em;
}
.item_flex h4{
    color: rgb(0,233, 193);
    font-family: 'Montserrat';
}
.seemore{
    width: 35px!important;
    margin: 0 auto;
    display: block;
    padding-top: 1em;
}
#contact{
    padding: 70px 1em 1em;
}
#contact h1{
    color: rgb(0,233, 193);
    text-align: center;
    text-transform: uppercase;
    font-family: 'Montserrat';
}
label{
    color: rgb(0,233, 193);
    display: block;
    text-align: center;
}
input:not([type='submit']), textarea{
    display: block;
    border: none;
    border-bottom: 2px solid rgb(0,233, 193);
    width: 100%;
    font-family: 'Montserrat'!important;
}
input:focus, textarea:focus{
    outline: none;
}
.scrollTop{
    height: 44px;
    width: 32px;
    margin: 0 auto;
    background-color: rgb(0,0,0);
    transition: all .5s ease;
}
.scrollTop:hover{
    height: 60px;
}

.scrollTop img{
    padding: 17px 8px;
}
form > label, input{
    margin-bottom: 1em!important;
}
input[type="submit"]{
    width: 100%;
    height: 3.125em;
    background-color: rgb(0,233, 193);
    font-family: 'Montserrat';
    font-weight: 700;
    border: none;
    margin-top: 1em;
    margin-bottom: 0!important;
    cursor: pointer;
}
address{
    width: 80%;
    margin: 0 auto;
    text-align: center;
    font-style: normal;
    font-weight: 700;
}
address p{
    border-top: 1px dotted rgb(0,233, 193);
    padding: .5em 0;
}
address p:last-child{
    border-bottom: 1px dotted rgb(0,233, 193);
}
address p > a {
    color: black;
}
address img{
    vertical-align: text-bottom;
    margin-right: .5em;
}
.container_flex.social, .container_flex.buttons{
    flex-flow: row;
    justify-content: space-evenly;
    align-items: center;
    height: 60px;
}
.social.container_flex .item_flex, .container_flex.buttons .item_flex{
    margin-bottom: 0;
    padding-bottom: 0;
}
footer p{
    color: black;
    text-align: center;
    line-height: 1.3em;
}
footer .copyright{
    background-color: rgb(0,233, 193);
    padding: 1em;
}
#slideshow{
    display: none;
}
.project{
    background-color: rgb(0,233, 193);
    padding: 30px 30px 45px;
    position: relative;
    /*background-image: url('../img/circle_page.svg');
    background-position: 50px 50px;
    background-repeat: no-repeat;*/
}
.project > p:first-child{
    font-size: 1em;
    font-weight: 700;
    color: white;
    text-align: center;
    margin-bottom: 1em;
}
.project h1, .project h3{
    text-align: center;
    margin: 0;
}
.project h3{
    font-weight: 400; 
    margin-bottom: 1em;
}
.project img.logo{
    display: block;
    margin: 0 auto;
    width: 80px;
}
.project .port{
    color: #FFF;
    font-family: 'Montserrat';
    text-align: center;
    font-size: 1.4em;
    font-weight: 700;
}
.load{
    position: absolute;
    bottom: -23px;
    right: calc(50% - 23px);
    height: 46px;
    width: 46px;
    border-radius: 50%;
    background-color: rgb(0,233, 193);
    border: 2px solid white;
    cursor: pointer;
    transition: all .5s ease;
}
.load:hover{
    background-color: rgb(0,0,0);
}
.rotate{
    transform: rotate(180deg);
}
.load img{
    position: absolute;
    top: calc(50% - 5px);
    left: calc(50% - 10px);
    max-width: 20px;
    transition: all .5s ease;
}
.loaded{
    display: none;
    overflow: hidden;
}
.loaded p{
    padding-top: 1em;
}
.project_contents{
    padding: 45px 30px 30px;
}
.project h1{
    margin-top: .5em;
}
.buttons .item_flex.prev, .buttons .item_flex.next{
    flex: 0 0 52px;
    height: 36px;
    opacity: .3!important;
    background-color: rgb(0,233, 193);
    box-shadow: 5px 5px 10px rgba(28, 28, 28,0);
    transition: all .5s ease;
    border: none;
    z-index: 2;
    position: relative;
    align-self: center;
}
.buttons .item_flex:nth-child(2), .social .item_flex:nth-child(2){
    align-self: flex-end;
}
.buttons .prev:hover, .buttons .next:hover{
    opacity: 1!important;
    box-shadow: 5px 5px 10px rgba(28, 28, 28,.3);
}
.prev img, .next img{
    padding: 8px 20px;
}
.container_navbar ul li:first-child{
    display: none;
}
.item_flex.two, .item_flex.three{
    flex: 1;
}
.close{
    position: absolute;
    top: 0;
    right: 20px;
    height: 100px;
    width: 50px;
    background-color: black;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    transition: all .5s ease;
}
.close:hover{
    height: 120px;
}
.close a{
    display: inline-block;
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translate(-50%);
}
.copy{
    width: 100%;
    text-align: center;
}
.navigation{
    display: none;
}
/*#portfolio .item_flex img:first-child{
    transition: all .5s ease;
}
#portfolio .item_flex:hover img:first-child{
    transform-origin: bottom;
    transform: scale(1.05);
    filter: grayscale(1);
}*/
.buttons.desktop{
    height: 60px;
    display: flex;
    display: none;
}
.buttons.desktop .scrollTop{
    align-self: flex-end;
}
#formDesktop{
    display: none;
}
#formMobile{
    display: block;
}
.col-hide{
    display: none;
}
@media only screen and (min-width: 1200px) {
    body{
        font-size: 20px;
    }
    #desktop{
        display: block;
        height: 0;
    }
    #mobile{
        display: none;
    }
    .category{
        display: block;
    }
    .container_navbar{
        left: initial;
        right: -250px;
        width: 250px;
        position: fixed;
    }
    .container_navbar ul li img{
        height: 50px;
    }
    .open{
        left: initial;
        right: 0%;
    }
    /*slideshow*/
    #slideshow {
        position: absolute;
        left: calc(50% - 275px);
        top: 50%;
        display: block;
        max-width: 550px;
        width: 100%;
        /*height: 450px;*/
        margin: 0;
        flex: 0 1 auto;
        transform: translateY(-50%);
    }
    .quote-mobile{
        display: none;
    }
    .quote-desktop{
        text-align: center;
        /*margin-top: -100px;*/
    }    
    #slideshow #slidewindow {
    position: relative;
    overflow: hidden;
    clip-path: circle(200px at 275px 200px);
    }
    .slidemask{
        position: absolute;
        height: 200px;
        width: 200px;
        background-color: rgb(0,233, 193);
        bottom: calc(50% - 65px);
        left: calc(50% - 100px);
        border-radius: 50%;
        z-index: 100;
    }
    
    #slideshow #slidewindow div {
    position: absolute;
    top: 0;
    width: 100%;
    transition: transform .5s ease;
    }
    
    #slideshow #slidewindow div img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 400px;
    margin-left: 75px;
    margin-bottom: 50px;
    }
    
    /* Controls */
    
    #slideshow #controls {
    text-align: center;
    transition: all 200ms ease-in-out;
    height: 50px;
    }
    
    #slideshow #controls #dots {
    margin: auto;
    display: inline-block;
    padding: 0;
    list-style-type: none;
    width: auto;
    }
    
    #slideshow #controls #dots li {
    display: inline-block;
    border: 2px solid white;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    cursor: pointer;
    margin: 8px 8px;
    }
    
    #slideshow #controls #dots .active {
    background: white;
    }
    
    #slideshow #controls #dots li:hover,#slideshow #controls #next:hover,#slideshow #controls #prev:hover {
    transform: scale(1.125);
    }
    
    #slideshow #controls #dots li:active,#slideshow #controls #next:active,#slideshow #controls #prev:active {
    transform: scale(1);
    }
    #about h1{
        width: 800px;
        height: 90px;
    }
    .container_about{
        padding-left: 30px;
        padding-right: 30px;
    }
    .container_about h3{
        text-align: right;
        display: block;
        width: 46%;
    }
    #portfolio .container_flex{
        justify-content: flex-start;
        width: 80%;
        margin: 0 auto;
    }
    #portfolio .item_flex{
        flex: 0 1 30%;
        margin-bottom: 36px;
    }
    #portfolio .item_flex:nth-child(3n+1),#portfolio .item_flex:nth-child(3n+2){
    margin-right: 5%;
    }
    address{
        width: 100%;
        margin: inherit;
        text-align: inherit;
        display: flex;
        justify-content: space-between;
    }
    address p{
        display: inline-block;
        flex: 0 1 auto;
    }
    address p, address p:last-child{
        border: none;
    }
    #map{
        width: 100%;
        height: 360px;
    }
    footer{
        position: relative;
    }
    footer p{
        text-align: inherit;
        font-size: .75em;
    }
    footer .logo{
        position: absolute;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        background-color: rgb(0,233, 193);
        left: calc(50% - 50px);
        top: calc(50% - 80px);
        background-image: url('../img/logo.png');
        background-repeat: no-repeat;
        background-size: 64px;
        background-position: center 22px;
    }
    footer .logo .circle{
        position: absolute;
        width: 84px;
        height: 84px;
        top: calc(50% - 42px);
        left: calc(50% - 42px);
        border: 3px solid rgb(0,0,0);
        border-radius: 50%;
    }
    #desktop a img{
        position: relative;
        top: 20px;
        left: 100px;
        height: 50px;
        z-index: 400;
    }
    .container_navbar ul li:first-child{
        display: flex;
        margin-top: 80px;
        width: 80px;
    }
    .button_toggle{
        position: fixed;
        right: 110px;
        top: 30px;
        z-index: 300;
    }
    .toggle_show{
        right: 60px;
    }
    .category p{
        font-size: .657em;
    }
    .item_flex.one{
        flex: 0 1 50%;
    }
    .item_flex.two{
        order: 3;
        flex: 0 1 50%;
    }
    .item_flex.three{
        order: 2;
        flex: 0 1 50%;
        align-self: center;
    }
    .linkedin img{
        display: block;
        margin: 0 auto;
    }
    .container_about h5{
        font-size: 23px;
    }
    .container_about p{
        font-size: 16px;
    }
    ul.specialties{
        margin-left: 54%;
        margin-top: -60px;
    }
    .btn{
        margin-left: 54%;
    }
    .mobile{
        display: none;
    }
    .project{
        padding: 30px calc(10% + 30px) 45px;
    }
    .project_contents .container_flex{
        width: 80%;
        margin: -50vh auto 0px;
    }
    .navigation{
        display: block;
        position: -webkit-sticky;
        position: sticky;
        top: 0px;
        width: 100%;
        height: calc(50vh + 41px);
    }
    .prev_btn, .next_btn{
        position: absolute;
        bottom: 0;
        height: 83px;
        width: 52px;
    }
    .next_btn{
        right: 1.5%;
        transform: rotate(180deg);
    }
    .prev_btn{
        left: 1.5%;
    }
    .close{
        right: calc(5% - 10px);
    }
    .navigation svg path{
        transition: all .5s ease;
    }
    .navigation svg:hover path:last-child{
        fill: rgb(0,233, 193);
    }
    .project_contents{
        padding: 45px 30px 60px;
    }
    .buttons.desktop{
        display: flex;
    }
    #formMobile{
        display: none;
    }

    /*form desktop*/
    #formDesktop{
        display: block;
        position: relative;
    }
    #formDesktop.item_flex{
        padding-bottom: 4em;
    }
    .bgFormDesktop{
        height: 350px;
        width: calc(100% + 4em);
        background-color: rgb(11,104,86);
        position: absolute;
        /*left: calc(0% + 1em);*/
        top: 50px;
        margin-left: -1em;
        margin-right: -1em;
    }
    .wizard {
        overflow: hidden;
        position: relative;
        width: 80%;
        margin: 0 auto 30px;
        color: white;
        background: rgb(11,104,86);
        height: 350px;
        z-index: 10;
        box-shadow: 0 10px 15px rgba(0,0,0,.3);
    }
    .message {
        display: none;
        overflow: hidden;
        position: relative;
        width: 80%;
        margin: 0 auto 30px;
        color: white;
        background: rgb(6,45,38);
        height: 350px;
        z-index: 10;
        box-shadow: 0 10px 15px rgba(0,0,0,.3);
    }
    .message p{
        text-align: center;
        line-height: 328px;
        margin: 0 auto;
        font-size: 1.5em;
    }
    .wizard h2{
        font-size: 2em;
    }
    .wizard label{
        font-size: 1.5em;
        color: white;
        text-align: left;
        padding: 10px 0;
        font-family: 'Montserrat';
    }
    .wizard input:not([type='submit']), .wizard textarea{
        font-size: 1.5em;
        background-color: transparent;
        color: rgb(0,233, 193);
    }
    .wizard textarea{
        resize: none;
    }
    .wizard input:not([type='submit'])::placeholder, .wizard textarea::placeholder{
        background-color: transparent;
        color: rgb(0,233, 193);
    }
    .btn-irv {
        transition: all 0.3s ease;
        background-color: transparent;
        border: none;
        cursor: pointer;
        height: 60px;
        width: 60px;
        background-image: url('../img/arrow_form.svg');
        padding: 0;
    }
    .btn-irv.prev{
        transform: rotate(180deg);
    }
    .btn-irv.submit{
        background-image: url('../img/form_enviar.svg');
        height: 60px;
        width: 120px;
        font-weight: 700;
        transition: all .3s ease;
    }
    .btn-irv.submit:hover{
        background-image: url('../img/form_enviar_ok.svg');

    }
    .btn-irv.next:hover{
        background-image: url('../img/form_ok.svg');
    }
    .btn-irv:hover, .btn-irv-default, .btn-irv-default:hover {
        background-color: transparent;
    }
    .btn-irv:focus{
        border: none;
        outline: none;
    }
    .wizard-header {
        width: 200px;
        margin: 0 auto;
        position: absolute;
        bottom: 45px;
        left: calc(50% - 100px);
    }
    .steps {
        text-align: center;

    }
    .wizard-step {
        border: 2px solid rgb(0,233, 193);
        width: 15px;
        height: 15px;
        display: inline-block;
        margin: 0 10px;
        border-radius: 50%;
        transition: all 0.5s ease;
    }
    .wizard-step.active {
        background-color: rgb(0,233, 193);
    }
    .wizard-body {
        position: relative;
        transition: all 0.3s cubic-bezier(0.68, -0.30, 0.37, 0.6);
    }
    .wizard-body .step {
    transition: all 0.5s ease;
    position: absolute;
    width: 100%;
    top: 0;
    right: -100%;
    opacity: 0;
    }
      
    .wizard-body .step.initial {
        position: relative;
    }
    .wizard-body .step.off {
        opacity: 0!important;
        right: 100%!important;
    }
    .wizard-body .step.active {
        right: 0;
        margin-left: 0;
        margin-top: 0;
        opacity: 1;
        transition: all 0.5s ease;
        transition-delay: 0.1s;
    }
    .wizard-footer {
        position: absolute;
        bottom: 30px;
        width: calc(100% - 60px);
        left: 30px;
    }
    #wizard-prev{
        position: relative;
        opacity: 0;
        transition: all .5s ease;
        visibility: hidden;
    }
    #wizard-next, #wizard-subm.btn-irv{
        visibility: hidden;
        position: relative;
        /*left: 60px;*/
        opacity: 0;
        float: right;
        transition: all .5s ease;
    }
    #wizard-next.show, #wizard-prev.show, #wizard-subm.btn-irv.show{
        visibility: visible;
        /*left: 0;*/
        opacity: 1;
    }
    #wizard-prev img{
        transform: rotate(180deg);
    }
    #wizard-subm.btn-irv{
        background-color: white;
        color: rgb(11,104,86);
        border-radius: 30px;
        font-family: 'Montserrat';
        font-size: 16px;
        text-transform: uppercase;
        padding: 21px;
    }
    .form-group1{
        background-color: rgb(11,104,86);
        height: 350px;
        padding: 30px;
    }
    .form-group2{
        background-color: rgb(13,86,72);
        height: 350px;
        padding: 30px;
    }
    .form-group3{
        background-color: rgb(12,68,57);
        height: 350px;
        padding: 30px;
    }
    .container_flex.social{
        padding-bottom: 2em;
        height: inherit;
    }
      
    
}