display-flex,.display-flex,.display-flex-center {
    display: flex;
    display: -webkit-flex
}

list-type-ulli {
    list-style-type: none;
    margin: 0;
    padding: 0
}

@font-face {
    font-family: montserrat;
    font-style: normal;
    font-weight: 400;
    src: url(../plugins/fonts/montserrat/Montserrat-Regular.ttf)
}

@font-face {
    font-family: montserrat;
    font-style: normal;
    font-weight: 500;
    src: url(../plugins/fonts/montserrat/Montserrat-Medium.ttf)
}

@font-face {
    font-family: montserrat;
    font-style: normal;
    font-weight: 600;
    src: url(../plugins/fonts/montserrat/Montserrat-SemiBold.ttf)
}

@font-face {
    font-family: montserrat;
    font-style: normal;
    font-weight: 700;
    src: url(../plugins/fonts/montserrat/Montserrat-Bold.ttf)
}

.fw-900 {
    font-weight: 900;
}

.text-justify {
    text-align: justify;
}

.shadow-30 {
    box-shadow: 0px 0px 30px var(--color-green);
}

a:focus,a:active {
    text-decoration: none;
    outline: none;
    transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -webkit-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s
}

input,select,textarea {
    outline: none;
    appearance: unset!important;
    -moz-appearance: unset!important;
    -webkit-appearance: unset!important;
    -o-appearance: unset!important;
    -ms-appearance: unset!important
}

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {
    appearance: none!important;
    -moz-appearance: none!important;
    -webkit-appearance: none!important;
    -o-appearance: none!important;
    -ms-appearance: none!important;
    margin: 0
}

input:focus,select:focus,textarea:focus {
    outline: none;
    box-shadow: none!important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    -o-box-shadow: none!important;
    -ms-box-shadow: none!important
}

input[type=checkbox] {
    appearance: checkbox!important;
    -moz-appearance: checkbox!important;
    -webkit-appearance: checkbox!important;
    -o-appearance: checkbox!important;
    -ms-appearance: checkbox!important
}

input[type=radio] {
    appearance: radio!important;
    -moz-appearance: radio!important;
    -webkit-appearance: radio!important;
    -o-appearance: radio!important;
    -ms-appearance: radio!important
}

body {
    line-height: 1.8;
    font-weight: 400;
    /*background-image: url("../img/signup-bg.jpg");*/
    /*background-repeat: no-repeat;*/
    /*background-size: cover;*/
    /*-moz-background-size: cover;*/
    /*-webkit-background-size: cover;*/
    /*-o-background-size: cover;*/
    /*-ms-background-size: cover;*/
    /*background-position: center center;*/
    /*background-image: -moz-linear-gradient(to left,#74ebd5,#9face6);
    background-image: -ms-linear-gradient(to left,#74ebd5,#9face6);
    background-image: -o-linear-gradient(to left,#74ebd5,#9face6);
    background-image: -webkit-linear-gradient(to left,#74ebd5,#9face6);
    background-image: linear-gradient(to left,#74ebd5,#9face6);*/
    /*background-color: #0093E9;*/
    /*background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 55%);*/
    /*background-attachment: fixed;*/
}

.layout-api {
    background-color: #9face6;
    background-image: linear-gradient(160deg, #9face6 0%, #80D0C7 55%);
    background-attachment: fixed;
}

.container-box {
    width: 660px;
    position: relative;
    margin: 0 auto
}

.display-flex {
    justify-content: space-between;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    -o-justify-content: space-between;
    -ms-justify-content: space-between;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
    -ms-align-items: center
}

.display-flex-center {
    justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
    -ms-align-items: center
}

.position-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%)
}

.signup-content,
.confirmation-content,
.validation-content{
    background: #fff;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    padding: 50px 65px;
    /*margin: 45px 0 25px;*/
}

.form-group {
    overflow: hidden;
    margin-bottom: 20px
}

.form-input {
    width: 100%;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    padding: 17px 20px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 500;
    color: #222
}

.form-input::-webkit-input-placeholder {
    color: #999
}

.form-input::-moz-placeholder {
    color: #999
}

.form-input:-ms-input-placeholder {
    color: #999
}

.form-input:-moz-placeholder {
    color: #999
}

.form-input::-webkit-input-placeholder {
    font-weight: 500
}

.form-input::-moz-placeholder {
    font-weight: 500
}

.form-input:-ms-input-placeholder {
    font-weight: 500
}

.form-input:-moz-placeholder {
    font-weight: 500
}

.form-input:focus {
    border: 1px solid transparent;
    -webkit-border-image-source: -webkit-linear-gradient(to right,#9face6,#74ebd5);
    -moz-border-image-source: -moz-linear-gradient(to right,#9face6,#74ebd5);
    -o-border-image-source: -o-linear-gradient(to right,#9face6,#74ebd5);
    border-image-source: linear-gradient(to right,#9face6,#74ebd5);
    -webkit-border-image-slice: 1;
    border-image-slice: 1;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    background-origin: border-box;
    background-clip: content-box,border-box
}

.form-input:focus::-webkit-input-placeholder {
    color: #222
}

.form-input:focus::-moz-placeholder {
    color: #222
}

.form-input:focus:-ms-input-placeholder {
    color: #222
}

.form-input:focus:-moz-placeholder {
    color: #222
}

.form-submit {
    width: 100%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    padding: 17px 20px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    border: none;
    background-image: -moz-linear-gradient(to left,#74ebd5,#9face6);
    background-image: -ms-linear-gradient(to left,#74ebd5,#9face6);
    background-image: -o-linear-gradient(to left,#74ebd5,#9face6);
    background-image: -webkit-linear-gradient(to left,#74ebd5,#9face6);
    background-image: linear-gradient(to left,#74ebd5,#9face6)
}

input[type=checkbox]:not(old) {
    width: 2em;
    margin: 0;
    padding: 0;
    font-size: 1em;
    display: none
}

input[type=checkbox]:not(old)+label {
    display: inline-block;
    margin-top: 7px;
    margin-bottom: 25px
}

input[type=checkbox]:not(old)+label>span {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 15px;
    margin-bottom: 3px;
    border: 1px solid #ebebeb;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    background: #fff;
    background-image: -moz-linear-gradient(white,white);
    background-image: -ms-linear-gradient(white,white);
    background-image: -o-linear-gradient(white,white);
    background-image: -webkit-linear-gradient(white,white);
    background-image: linear-gradient(white,white);
    vertical-align: bottom
}

input[type=checkbox]:not(old):checked+label>span {
    background-image: -moz-linear-gradient(white,white);
    background-image: -ms-linear-gradient(white,white);
    background-image: -o-linear-gradient(white,white);
    background-image: -webkit-linear-gradient(white,white);
    background-image: linear-gradient(white,white)
}

input[type=checkbox]:not(old):checked+label>span:before {
    content: '\f26b';
    display: block;
    color: #222;
    font-size: 11px;
    line-height: 1.2;
    text-align: center;
    font-family: material-design-iconic-font;
    font-weight: 700
}

.label-agree-term {
    font-size: 12px;
    font-weight: 600;
    color: #555
}

.term-service {
    color: #555
}

.field-icon {
    float: right;
    margin-right: 17px;
    margin-top: -32px;
    position: relative;
    z-index: 2;
    color: #555
}

.is-invalid {
    border: 1px solid #b60000 !important;
}

.alert-response-success,
.alert-response-danger{
    display: none;
}

@media screen and (max-width: 768px) {
    .container-box {
        width:calc(100% - 40px);
        max-width: 100%
    }
}

@media screen and (max-width: 480px) {
    .signup-content,
    .confirmation-content,
    .validation-content{
        padding:50px 25px
    }
}

.section-logotipo {
    /*background-color: #FFFFFF;*/
}