.clique_mb{
    min-width: 258px;
    margin: 50px 0 20px 10px;
    padding: 22px 48px 24px;
    border-radius: 26px;
}
.oque_fazemos{
    font-size: 1.3em;
}
.quero_treinar_inscricao{

}


.hidden {
    display: none!important;
    visibility: hidden
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.clearfix::after,
.clearfix::before {
    content: " ";
    display: table
}

.clearfix::after {
    clear: both
}

.z6 .block {
    padding: 40px 40px 0 20px
}
/* NOTBOOK 1 */
@media (min-width:900x) and (max-width:1440px) {
  
    .upfitrail_home{

    }
}

@media (min-width:992px) and (min-height:778px) {
    .z6 .block {
        padding: 80px 20px 0
    }
}

.block__link {
    position: relative;
    display: inline-flex;
    font-size: 1.125rem;
    margin-top: 20px;
    color: #e9bd43;
    text-transform: uppercase
}

.block__link b {
    position: relative;
    align-self: center;
    padding-bottom: 5px;
    transition: all .3s cubic-bezier(.23, 1, .32, 1)
}

.block__link b:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    border-bottom: 2px solid #e9bd43;
    transition: all .3s cubic-bezier(.23, 1, .32, 1)
}

.block__link img {
    display: block
}

.block__link:focus,
.block__link:hover {
    outline: 0;
    color: #e9bd43
}

.block__link:focus b:after,
.block__link:hover b:after {
    border-bottom: 4px solid #dfab1a
}

.block--center,
.block--text-page {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-self: center;
    align-items: center;
    text-align: center
}

@media (min-width:992px) {
    .block--center,
    .block--text-page {
        min-height: 75vh
    }
    .z6 .block--center,
    .z6 .block--text-page {
        min-height: 90vh
    }
}

.block--text-page {
    justify-content: flex-start;
    width: 100%
}

@media (min-width:992px) {
    .block--text-page {
        padding-top: 160px
    }
}

@media (min-width:1220px) {
    .block--text-page {
        width: auto;
        min-width: 1100px;
        max-width: 1500px
    }
}

.block--text-page .block__head {
    white-space: pre;
    line-height: 1.2
}

.block--half {
    margin: 0!important;
    align-self: center;
    width: 100%
}

.block--half--last {
    padding: 0 50px 20px 20px
}

.block--half--right {
    padding: 40px 50px 0 20px
}

@media (min-width:992px) {
    .block--half {
        width: 50%;
        /* padding: 40px 0 40px 50px */
        font-size: 3em;
    }
    .block--half--last {
        padding: 220px 5% 20px 5%
    }
    .block--half--right {
        align-self: flex-end;
        padding: 10% 15% 40px 0
        
    }
    .block--half--last {
        padding: 121px 5% 20px 5%;
    }
}

@media (min-width:1840px) {
    .block--half--last {
        padding: 40px 10% 40px 5%
    }
}

.block--compact {
    background-color: #fff;
    z-index: 4;
    padding: 40px 40px 40px 20px
}

@media (min-width:992px) {
    .block--compact {
        padding: 40px 20px
    }
}

@media (min-width:992px) {
    .block--compact {
        padding: 0;
        width: 35%;
         background-color: transparent 
    }
}

@media (min-width:1220px) {
    .block--compact {
        width: 30%
    }
}

@media (min-width:1840px) {
    .block--compact {
        width: 25%
    }
}

@media (min-width:992px) {
    .block--compact .block__text {
        font-size: 1.14583vw
    }
}

@media (max-width:991px) {
    .block--compact:last-child {
        /* background-color: #3b222f */
    }
    .zone--light .block--compact:last-child .block__head,
    .zone--light .block--compact:last-child .block__text {
        color: #fff
    }
}

@media (min-width:992px) {
    .block--compact:last-child {
        opacity: 0
    }
}

.btn--reveal {
    display: none;
    position: absolute;
    width: 200px;
    color: #000;
    background: #fff;
    line-height: 1.25;
    height: 70px;
    padding: 12px 44px 13px 0;
    z-index: 11;
    text-align: center;
    -webkit-transform-origin: 130% 50%;
    transform-origin: 130% 50%
}

@media (min-width:992px) {
    .btn--reveal {
        display: block;
        top: 18%;
        right: 19%
    }
}

@media (min-width:1220px) {
    .btn--reveal {
        top: 11vw;
        right: 27%
    }
}

@media (min-width:1540px) {
    .btn--reveal {
        top: 12vw;
        right: 25%
    }
}

.btn--reveal span {
    display: block
}

.btn--reveal span:nth-child(2) {
    color: #e9bd43
}

.btn--reveal:focus,
.btn--reveal:hover {
    background-color: #fff;
    outline: 0
}

.btn--reveal:focus .btn__circle,
.btn--reveal:hover .btn__circle {
    -webkit-animation: circleHover 1s;
    animation: circleHover 1s;
    -webkit-animation-timing-function: cubic-bezier(.68, -.76, .34, 1.82);
    animation-timing-function: cubic-bezier(.68, -.76, .34, 1.82)
}

.btn--reveal:focus .btn__circle:after,
.btn--reveal:hover .btn__circle:after {
    -webkit-transform: translate3d(-105%, -50%, 0);
    transform: translate3d(-105%, -50%, 0)
}

.btn__plus {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 100%;
    background-color: #e9bd43;
    transition: background-color .2s cubic-bezier(.22, .61, .36, 1) .1s, -webkit-transform .3s cubic-bezier(.22, .61, .36, 1);
    transition: transform .3s cubic-bezier(.22, .61, .36, 1), background-color .2s cubic-bezier(.22, .61, .36, 1) .1s;
    transition: transform .3s cubic-bezier(.22, .61, .36, 1), background-color .2s cubic-bezier(.22, .61, .36, 1) .1s, -webkit-transform .3s cubic-bezier(.22, .61, .36, 1)
}

.btn__plus:after,
.btn__plus:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    content: "";
    background-color: #fff
}

.btn__plus:before {
    height: 2px;
    width: 12px
}

.btn__plus:after {
    width: 2px;
    height: 12px
}

.closed .btn__plus {
    background-color: transparent;
    -webkit-transform: translate3d(109px, 0, 0);
    transform: translate3d(109px, 0, 0)
}

.btn__circle {
    position: absolute;
    top: 50%;
    left: 100%;
    width: 86px;
    height: 86px;
    border-radius: 50%;
    background-color: rgba(233, 189, 67, .25);
    border: 1px solid #e9bd43;
    -webkit-transform: translate3d(50%, -50%, 0);
    transform: translate3d(50%, -50%, 0)
}

.btn__circle:after,
.btn__circle:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    content: "";
    background-color: #fff
}

.btn__circle:after {
    width: 100%;
    height: 1px;
    -webkit-transform: translate3d(-103%, -50%, 0);
    transform: translate3d(-103%, -50%, 0);
    transition: all .3s cubic-bezier(.22, .61, .36, 1)
}

.btn__circle:before {
    border-radius: 50%;
    width: 16px;
    height: 16px;
    border: 5px solid #e9bd43;
    transition: all .3s cubic-bezier(.22, .61, .36, 1)
}

.closed .btn__circle:after {
    width: 0;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.closed .btn__circle:before {
    width: 86px;
    height: 86px;
    border: 1px solid #e9bd43;
    background-color: #e9bd43
}

@-webkit-keyframes circleHover {
    0% {
        -webkit-transform: translate3d(50%, -50%, 0) scale(1);
        transform: translate3d(50%, -50%, 0) scale(1)
    }
    40% {
        -webkit-transform: translate3d(50%, -50%, 0) scale(1.2);
        transform: translate3d(50%, -50%, 0) scale(1.2)
    }
    100% {
        -webkit-transform: translate3d(50%, -50%, 0) scale(1);
        transform: translate3d(50%, -50%, 0) scale(1)
    }
}

@keyframes circleHover {
    0% {
        -webkit-transform: translate3d(50%, -50%, 0) scale(1);
        transform: translate3d(50%, -50%, 0) scale(1)
    }
    40% {
        -webkit-transform: translate3d(50%, -50%, 0) scale(1.2);
        transform: translate3d(50%, -50%, 0) scale(1.2)
    }
    100% {
        -webkit-transform: translate3d(50%, -50%, 0) scale(1);
        transform: translate3d(50%, -50%, 0) scale(1)
    }
}

.form {
    width: 100%;
    padding: 3vh 20px 1vh
}

@media (min-height:800px) {
    .form {
        padding: 40px 20px
    }
}

.form__wrap {
    max-width: 840px
}

@media (min-width:768px) {
    .form__wrap {
        display: flex
    }
}

@media (min-width:768px) and (min-width:768px) {
    .form__wrap .form__field {
        border-top: .5px solid #fff
    }
    .form__wrap .form__field+.form__field {
        border-left: .5px solid #fff
    }
}

.form__field {
    position: relative;
    border-bottom: .5px solid #fff
}

.form__field:first-child {
    border-top: .5px solid #fff
}

.form__field label {
    position: absolute;
    top: 17px;
    left: 16px;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    transition: all .3s cubic-bezier(.23, 1, .32, 1)
}

@media (min-width:992px) {
    .form__field label {
        top: 22px;
        left: 22px
    }
}

.form__field input,
.form__field textarea {
    display: block;
    width: 100%;
    color: #fff;
    line-height: 1.4;
    padding: 22px 15px 10px;
    background-color: transparent;
    border: 0
}

@media (min-width:992px) {
    .form__field input,
    .form__field textarea {
        padding: 28px 22px 12px
    }
}

.form__field input.has-text,
.form__field input:focus,
.form__field textarea.has-text,
.form__field textarea:focus {
    outline-color: #e9bd43
}

.form__field input.has-text+label,
.form__field input:focus+label,
.form__field textarea.has-text+label,
.form__field textarea:focus+label {
    opacity: .8;
    -webkit-transform: scale(.7) translate3d(0, -70%, 0);
    transform: scale(.7) translate3d(0, -70%, 0)
}

.sending .form__field {
    transition: opacity 1.6s cubic-bezier(.25, .46, .45, .94);
    opacity: .4!important
}

.form__checkbox-wrap {
    position: relative;
    margin-top: 20px
}

.form__checkbox-wrap input[type=checkbox] {
    position: absolute;
    opacity: 0;
    z-index: -1;
    margin: 0;
    height: 20px;
    top: 0;
    left: 0
}

.form__checkbox-wrap input[type=checkbox]+label {
    position: relative;
    line-height: 20px;
    font-size: 14px;
    display: inline-block
}

.form__checkbox-wrap input[type=checkbox]+label:before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 1px solid rgba(255, 255, 255, .5);
    margin-right: 10px;
    margin-bottom: -6px
}

.form__checkbox-wrap input[type=checkbox]+label:after {
    content: "";
    width: 6px;
    height: 12px;
    display: block;
    position: absolute;
    top: 2px;
    left: 7px;
    border-right: 2px solid #e9bd43;
    border-bottom: 2px solid #e9bd43;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity .15s
}

.form__checkbox-wrap input[type=checkbox]:checked+label:after {
    opacity: 1
}

.icon {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 50px
}

@media (min-width:768px) {
    .icon {
        max-width: none
    }
}

.icon--btn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #e9bd43
}

.icon--btn img,
.icon--btn svg {
    display: block;
    width: 100%;
    max-width: 50%;
    height: auto
}

@media (min-width:768px) {
    .icon--btn {
        width: 75px;
        height: 75px
    }
}

@media (min-width:992px) {
    .icon--btn {
        width: 100px;
        height: 100px
    }
}

@media (min-width:1840px) {
    .icon--btn {
        width: 138px;
        height: 138px
    }
}

.nav {
    display: flex;
    justify-content: center;
    min-height: 30px;
    z-index: 10;
    margin-top: 0px;
}

.nav ul {
    display: flex
}

.nav li,
.nav ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.nav__link {
    position: relative;
    display: block;
    min-height: 20px;
    min-width: 20px;
    margin-right: 10px;
    background-color: transparent;
    border: 0;
    cursor: pointer
}

.nav__link span {
    position: absolute;
    opacity: 0;
    padding-right: 5px;
    -webkit-transform: translate3d(-150%, -1px, 0);
    transform: translate3d(-150%, -1px, 0);
    transition: all .3s cubic-bezier(.25, .46, .45, .94);
    pointer-events: none
}

.nav__link:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: 1px solid transparent;
    background-color: #999;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    transition: all .4s cubic-bezier(.25, .46, .45, .94) .1s
}

.zone--light .nav__link:after {
    background-color: #000029
}

.nav--main .nav__link {
    padding-right: 20px;
    margin-bottom: 1.8vh;
    margin-right: 0
}

@media (min-width:768px) {
    .nav--main .nav__link {
        padding-right: 30px
    }
}

.nav--main .nav__link:after {
    right: 50%
}

.nav__link.showTitle span {
    opacity: 1;
    -webkit-transform: translate3d(-100%, -1px, 0);
    transform: translate3d(-100%, -1px, 0);
    transition: all .5s cubic-bezier(.86, 0, .07, 1)
}

@media (min-width:1220px) {
    .nav__link:hover span {
        opacity: 1;
        -webkit-transform: translate3d(-100%, -1px, 0);
        transform: translate3d(-100%, -1px, 0);
        transition: all .5s cubic-bezier(.86, 0, .07, 1)
    }
}

.nav__link.active {
    pointer-events: none
}

.nav__link.active:after {
    width: 12px;
    height: 12px;
    background-color: transparent;
    -webkit-transform: translate3d(-6px, -50%, 0);
    transform: translate3d(-6px, -50%, 0);
    border: 1px solid #e9bd43;
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275) 0s
}

.nav__link:focus,
.nav__link:hover {
    outline: 0
}

@media (min-width:1220px) {
    .nav__link:not(.active):hover:after {
        background-color: #e9bd43
    }
}

.nav__btn {
    display: none;
    position: absolute;
    right: 50%;
    bottom: 20px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid #e9bd43;
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
    opacity: 1;
    transition: all .8s cubic-bezier(.22, .61, .36, 1) .9s
}

@media (min-width:768px) {
    .nav__btn {
        display: block
    }
}

@media (min-height:440px) {
    .nav__btn {
        bottom: 80px
    }
}

.nav__btn:before {
    content: "";
    position: absolute;
    right: 20px;
    width: 1px;
    background-color: rgba(255, 255, 255, .3)
}

@media (min-height:580px) {
    .nav__btn:before {
        top: calc((5vh + 25px) * -1);
        height: 5vh
    }
}

@media (min-height:650px) {
    .nav__btn:before {
        top: calc((10vh + 25px) * -1);
        height: 10vh
    }
}

@media (min-height:800px) {
    .nav__btn:before {
        top: calc((13vh + 25px) * -1);
        height: 13vh
    }
}

.nav__btn:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-top: 4px solid #e9bd43;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.hide-nav-btn .nav__btn {
    opacity: 0;
    -webkit-transform: translate3d(50%, -20px, 0);
    transform: translate3d(50%, -20px, 0);
    transition: all .8s cubic-bezier(.22, .61, .36, 1) .2s
}

.nav--main {
    position: fixed;
    right: 5px;
    height: 100%;
    flex-direction: column;
    text-align: right;
    margin: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.nav--main ul {
    display: block
}

@media (min-width:768px) {
    .nav--main {
        right: 2.60417%
    }
}

.nav--main:after,
.nav--main:before {
    content: "";
    position: absolute;
    display: block;
    right: 50%;
    width: 1px;
    height: 20vh;
    background-color: rgba(153, 153, 153, .5);
    transition: -webkit-transform .7s cubic-bezier(.23, 1, .32, 1) .5s;
    transition: transform .7s cubic-bezier(.23, 1, .32, 1) .5s;
    transition: transform .7s cubic-bezier(.23, 1, .32, 1) .5s, -webkit-transform .7s cubic-bezier(.23, 1, .32, 1) .5s
}

@media (min-height:650px) {
    .nav--main:after,
    .nav--main:before {
        height: 26vh
    }
}

@media (min-width:320px) and (max-width:736px) and (orientation:landscape) {
    .nav--main:after,
    .nav--main:before {
        height: 10vh
    }
}

.nav--main:before {
    top: 0
}

.nav--main:after {
    display: none;
    bottom: 0;
    transition-delay: 1.5s
}

@media (min-width:768px) {
    .nav--main:after {
        height: 10vh;
        max-height: 55px
    }
}

@media (min-height:440px) {
    .nav--main:after {
        display: block
    }
}

.nav--hidden {
    visibility: hidden
}

.nav--hidden:before {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.nav--hidden:after {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.nav--hidden .nav__btn {
    opacity: 0;
    -webkit-transform: translate3d(50%, -50px, 0);
    transform: translate3d(50%, -50px, 0)
}

.nav--align-left {
    margin-top: 50px;
    justify-content: flex-start
}

[data-sal] {
    transition-duration: .5s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

[data-sal][data-sal-duration='200'] {
    transition-duration: .2s
}

[data-sal][data-sal-duration='250'] {
    transition-duration: .25s
}

[data-sal][data-sal-duration='300'] {
    transition-duration: .3s
}

[data-sal][data-sal-duration='350'] {
    transition-duration: .35s
}

[data-sal][data-sal-duration='400'] {
    transition-duration: .4s
}

[data-sal][data-sal-duration='450'] {
    transition-duration: .45s
}

[data-sal][data-sal-duration='500'] {
    transition-duration: .5s
}

[data-sal][data-sal-duration='550'] {
    transition-duration: .55s
}

[data-sal][data-sal-duration='600'] {
    transition-duration: .6s
}

[data-sal][data-sal-duration='650'] {
    transition-duration: .65s
}

[data-sal][data-sal-duration='700'] {
    transition-duration: .7s
}

[data-sal][data-sal-duration='750'] {
    transition-duration: .75s
}

[data-sal][data-sal-duration='800'] {
    transition-duration: .8s
}

[data-sal][data-sal-duration='850'] {
    transition-duration: .85s
}

[data-sal][data-sal-duration='900'] {
    transition-duration: .9s
}

[data-sal][data-sal-duration='950'] {
    transition-duration: .95s
}

[data-sal][data-sal-duration='1000'] {
    transition-duration: 1s
}

[data-sal][data-sal-duration='1050'] {
    transition-duration: 1.05s
}

[data-sal][data-sal-duration='1100'] {
    transition-duration: 1.1s
}

[data-sal][data-sal-duration='1150'] {
    transition-duration: 1.15s
}

[data-sal][data-sal-duration='1200'] {
    transition-duration: 1.2s
}

[data-sal][data-sal-duration='1250'] {
    transition-duration: 1.25s
}

[data-sal][data-sal-duration='1300'] {
    transition-duration: 1.3s
}

[data-sal][data-sal-duration='1350'] {
    transition-duration: 1.35s
}

[data-sal][data-sal-duration='1400'] {
    transition-duration: 1.4s
}

[data-sal][data-sal-duration='1450'] {
    transition-duration: 1.45s
}

[data-sal][data-sal-duration='1500'] {
    transition-duration: 1.5s
}

[data-sal][data-sal-duration='1550'] {
    transition-duration: 1.55s
}

[data-sal][data-sal-duration='1600'] {
    transition-duration: 1.6s
}

[data-sal][data-sal-duration='1650'] {
    transition-duration: 1.65s
}

[data-sal][data-sal-duration='1700'] {
    transition-duration: 1.7s
}

[data-sal][data-sal-duration='1750'] {
    transition-duration: 1.75s
}

[data-sal][data-sal-duration='1800'] {
    transition-duration: 1.8s
}

[data-sal][data-sal-duration='1850'] {
    transition-duration: 1.85s
}

[data-sal][data-sal-duration='1900'] {
    transition-duration: 1.9s
}

[data-sal][data-sal-duration='1950'] {
    transition-duration: 1.95s
}

[data-sal][data-sal-duration='2000'] {
    transition-duration: 2s
}

[data-sal][data-sal-delay='50'] {
    transition-delay: 50ms
}

[data-sal][data-sal-delay='100'] {
    transition-delay: .1s
}

[data-sal][data-sal-delay='150'] {
    transition-delay: .15s
}

[data-sal][data-sal-delay='200'] {
    transition-delay: .2s
}

[data-sal][data-sal-delay='250'] {
    transition-delay: .25s
}

[data-sal][data-sal-delay='300'] {
    transition-delay: .3s
}

[data-sal][data-sal-delay='350'] {
    transition-delay: .35s
}

[data-sal][data-sal-delay='400'] {
    transition-delay: .4s
}

[data-sal][data-sal-delay='450'] {
    transition-delay: .45s
}

[data-sal][data-sal-delay='500'] {
    transition-delay: .5s
}

[data-sal][data-sal-delay='550'] {
    transition-delay: .55s
}

[data-sal][data-sal-delay='600'] {
    transition-delay: .6s
}

[data-sal][data-sal-delay='650'] {
    transition-delay: .65s
}

[data-sal][data-sal-delay='700'] {
    transition-delay: .7s
}

[data-sal][data-sal-delay='750'] {
    transition-delay: .75s
}

[data-sal][data-sal-delay='800'] {
    transition-delay: .8s
}

[data-sal][data-sal-delay='850'] {
    transition-delay: .85s
}

[data-sal][data-sal-delay='900'] {
    transition-delay: .9s
}

[data-sal][data-sal-delay='950'] {
    transition-delay: .95s
}

[data-sal][data-sal-delay='1000'] {
    transition-delay: 1s
}

[data-sal][data-sal-easing=linear] {
    transition-timing-function: linear
}

[data-sal][data-sal-easing=ease] {
    transition-timing-function: ease
}

[data-sal][data-sal-easing=ease-in] {
    transition-timing-function: ease-in
}

[data-sal][data-sal-easing=ease-out] {
    transition-timing-function: ease-out
}

[data-sal][data-sal-easing=ease-in-out] {
    transition-timing-function: ease-in-out
}

[data-sal][data-sal-easing=ease-in-cubic] {
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

[data-sal][data-sal-easing=ease-out-cubic] {
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

[data-sal][data-sal-easing=ease-in-out-cubic] {
    transition-timing-function: cubic-bezier(.645, .045, .355, 1)
}

[data-sal][data-sal-easing=ease-in-circ] {
    transition-timing-function: cubic-bezier(.6, .04, .98, .335)
}

[data-sal][data-sal-easing=ease-out-circ] {
    transition-timing-function: cubic-bezier(.075, .82, .165, 1)
}

[data-sal][data-sal-easing=ease-in-out-circ] {
    transition-timing-function: cubic-bezier(.785, .135, .15, .86)
}

[data-sal][data-sal-easing=ease-in-expo] {
    transition-timing-function: cubic-bezier(.95, .05, .795, .035)
}

[data-sal][data-sal-easing=ease-out-expo] {
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

[data-sal][data-sal-easing=ease-in-out-expo] {
    transition-timing-function: cubic-bezier(1, 0, 0, 1)
}

[data-sal][data-sal-easing=ease-in-quad] {
    transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}

[data-sal][data-sal-easing=ease-out-quad] {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}

[data-sal][data-sal-easing=ease-in-out-quad] {
    transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}

[data-sal][data-sal-easing=ease-in-quart] {
    transition-timing-function: cubic-bezier(.895, .03, .685, .22)
}

[data-sal][data-sal-easing=ease-out-quart] {
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

[data-sal][data-sal-easing=ease-in-out-quart] {
    transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}

[data-sal][data-sal-easing=ease-in-quint] {
    transition-timing-function: cubic-bezier(.755, .05, .855, .06)
}

[data-sal][data-sal-easing=ease-out-quint] {
    transition-timing-function: cubic-bezier(.23, 1, .32, 1)
}

[data-sal][data-sal-easing=ease-in-out-quint] {
    transition-timing-function: cubic-bezier(.86, 0, .07, 1)
}

[data-sal][data-sal-easing=ease-in-sine] {
    transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}

[data-sal][data-sal-easing=ease-out-sine] {
    transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}

[data-sal][data-sal-easing=ease-in-out-sine] {
    transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}

[data-sal][data-sal-easing=ease-in-back] {
    transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

[data-sal][data-sal-easing=ease-out-back] {
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

[data-sal][data-sal-easing=ease-in-out-back] {
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

[data-sal|=fade] {
    opacity: 0;
    transition-property: opacity
}

[data-sal|=fade].sal-animate,
body.sal-disabled [data-sal|=fade] {
    opacity: 1
}

[data-sal|=slide] {
    opacity: 0;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform
}

[data-sal=slide-up] {
    -webkit-transform: translateY(15%);
    transform: translateY(15%)
}

[data-sal=slide-down] {
    -webkit-transform: translateY(-15%);
    transform: translateY(-15%)
}

[data-sal=slide-left] {
    -webkit-transform: translateX(15%);
    transform: translateX(15%)
}

[data-sal=slide-right] {
    -webkit-transform: translateX(-15%);
    transform: translateX(-15%)
}

[data-sal|=slide].sal-animate,
body.sal-disabled [data-sal|=slide] {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

[data-sal|=zoom] {
    opacity: 0;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform
}

[data-sal=zoom-in] {
    -webkit-transform: scale(.4);
    transform: scale(.4)
}

[data-sal=zoom-out] {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

[data-sal|=zoom].sal-animate,
body.sal-disabled [data-sal|=zoom] {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

[data-sal|=flip] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

[data-sal=flip-left] {
    -webkit-transform: perspective(2000px) rotateY(-91deg);
    transform: perspective(2000px) rotateY(-91deg)
}

[data-sal=flip-right] {
    -webkit-transform: perspective(2000px) rotateY(91deg);
    transform: perspective(2000px) rotateY(91deg)
}

[data-sal=flip-up] {
    -webkit-transform: perspective(2000px) rotateX(-91deg);
    transform: perspective(2000px) rotateX(-91deg)
}

[data-sal=flip-down] {
    -webkit-transform: perspective(2000px) rotateX(91deg);
    transform: perspective(2000px) rotateX(91deg)
}

[data-sal|=flip].sal-animate,
body.sal-disabled [data-sal|=flip] {
    -webkit-transform: none;
    transform: none
}

.slider {
    max-width: 900px;
    width: 100%;
    overflow: hidden;
    margin-top: 30px
}

@media (min-width:1540px) {
    .slider {
        max-width: 1200px
    }
}

.slider__wrap {
    position: relative;
    width: 100%;
    max-width: calc(100vw - 40px)
}

.slider__section {
    display: none
}

.slider__section.active {
    display: block
}

.slider--loaded .slider__section {
    position: absolute;
    width: 100%
}

.slider__text {
    max-width: 900px;
    color: #b3b3b3;
    margin: 0 auto
}

@media (min-width:1840px) {
    .slider__text {
        font-size: 1.25rem
    }
}

.slider__icons {
    display: flex;
    justify-content: space-between;
    width: 105%;
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    margin-top: 2.60417%
}

@media (min-width:480px) {
    .slider__icons {
        width: 100%
    }
}

@media (min-width:1840px) {
    .slider__icons {
        width: 110%
    }
}

.slider__icon {
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column
}

.slider__icon .icon--btn {
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    -webkit-transform: scale(1);
    transform: scale(1)
}

@media (min-width:768px) {
    .slider__icon {
        font-size: 1.25rem
    }
}

.slider__icon,
.slider__icon:visited {
    color: #fff;
    font-size: 1em;
    
}

.slider__icon.active,
.slider__icon:focus {
    outline: 0
}

.slider__icon.active .icon--btn,
.slider__icon:focus .icon--btn {
    border-width: 3px
}

.slider__icon.active:hover .icon--btn,
.slider__icon:focus:hover .icon--btn {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.slider__icon:hover {
    outline: 0
}

.slider__icon:hover .icon--btn {
    border-width: 2px;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

@media (min-width:992px) {
    .slider .block__head span {
        white-space: nowrap
    }
}

.spec {
    display: inline-flex;
    border-top: 1px solid rgba(255, 255, 255, .3);
    padding: 22px 5px 0px 0;
}


.spec:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, .3)
}

@media (min-height:800px) {
    .spec {
        border-bottom: 1px solid rgba(255, 255, 255, .3)
    }
    .spec+.spec {
        /* margin-top: 7.40741% */
    }
}

.spec__content {
    padding-left: 40px;
    width: 92%
}

.spec__content p {
    color: #b3b3b3;
    font-size: 15px;
    margin: 0
}

@media (min-width:992px) {
    .spec__content p {
        font-size: 12px;
        width: auto
    }
}

@media (min-width:1540px) {
    .spec__content p {
        font-size: .78125vw
    }
}

.spec__content h3,
.spec__content h4 {
    margin: 10px 0;
    line-height: 1.1
}

.spec--wide {
    display: flex
}

.spec--wide:first-child {
    border-top: 0
}

@media (min-width:992px) {
    .spec--wide:first-child {
        border-top: 1px solid rgba(255, 255, 255, .3)
    }
}

.zone.z1 .zone__image {
    position: absolute;
    opacity: 0;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 1s cubic-bezier(.25, .46, .45, .94);
    will-change: transform;
    background-position: 50% 50%;
    z-index: -1
}

@media (min-width:768px) {
    .zone.z1 .zone__image {
        position: fixed;
        background-position: 80% 50%
    }
}

@media (min-width:992px) {
    .zone.z1 .zone__image {
        background-position: 70% 50%
    }
}

@media (min-width:1540px) {
    .zone.z1 .zone__image {
        background-position: 30% 50%
    }
}

.zone.z1 .zone__image.image--loaded {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.zone.z1,
.zone.z2,
.zone.z4,
.zone.z6 {
    overflow: hidden
}

@media (min-width:992px) {
    .zone.z3 .btn {
        opacity: 0;
        transition: opacity .4s cubic-bezier(.19, 1, .22, 1)
    }
    .zone.z3 .btn .btn__circle {
        -webkit-transform: translate3d(50%, -50%, 0) scale(1.2);
        transform: translate3d(50%, -50%, 0) scale(1.2);
        transition: -webkit-transform .4s cubic-bezier(.68, -.76, .34, 1.82) 1.1s;
        transition: transform .4s cubic-bezier(.68, -.76, .34, 1.82) 1.1s;
        transition: transform .4s cubic-bezier(.68, -.76, .34, 1.82) 1.1s, -webkit-transform .4s cubic-bezier(.68, -.76, .34, 1.82) 1.1s
    }
    .zone.z3 .zone__image {
        background-position: -450px 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        transition: background-position 1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
        transition: transform 1s cubic-bezier(.19, 1, .22, 1), background-position 1s cubic-bezier(.19, 1, .22, 1);
        transition: transform 1s cubic-bezier(.19, 1, .22, 1), background-position 1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
        transition-delay: .2s
    }
    .zone.z3.sal-animate .zone__image {
        background-position: 0 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .zone.z3.sal-animate .btn,
    .zone.z3.sal-animate .btn:hover {
        opacity: 1;
        transition-delay: .7s
    }
    .zone.z3.sal-animate .btn .btn__circle,
    .zone.z3.sal-animate .btn:hover .btn__circle {
        -webkit-transform: translate3d(50%, -50%, 0) scale(1);
        transform: translate3d(50%, -50%, 0) scale(1)
    }
}

.zone.z5 {
    overflow: hidden
}

@media (min-width:992px) {
    .zone.z5 .zone__image {
        background-position: -350px 0;
        opacity: 0;
        transition: background-position .7s cubic-bezier(.25, .46, .45, .94), opacity .2s cubic-bezier(.25, .46, .45, .94)
    }
    .zone.z5.sal-animate .zone__image {
        background-position: -200px 0;
        opacity: 1;
        transition-delay: .1s
    }
}


/* NOTBOOK */
@media (min-width:800px) and ( max-width:1280px){
    .upfitrail_home{
        font-size: 5em !important;

    }
    .clique_mb {
        padding: 16px 0px 16px 0px !important;
        border-radius: 16px;
        min-width: 193px;
    }
    .desenvolvimento{
        font-size: 1.2em !important;
    }
    .oque_fazemos{
        font-size: 0.8em;
        margin-top: 35px;
    }
    .quero_treinar_inscricao{
        padding: 16px 0px 16px 0px !important;
        border-radius: 16px;
        min-width: 193px;
        margin-top: 72px !important;
    }
    .treinamentos_inscricao{
        font-size: 0.8em;
    }
    .text1_inscricao{
        font-size: 0.4em !important;
        color: #fff !important;
    }
    .saiba_mais_inscricao{
        padding: 16px 0px 16px 0px !important;
        border-radius: 16px;
        min-width: 193px;
        margin-top: 72px !important;
    }
    .proximo_inscricao{
        font-size: 0.7em;
    }
    .text2_inscricao{
        font-size: 0.4em !important;
        color: #fff !important;

    }
    .conhecer_inscricao{
        padding: 16px 0px 16px 0px !important;
        border-radius: 16px;
        min-width: 193px;
        margin-top: 72px !important;
    }
    .consultoria_inscricao{
        font-size: 0.8em;
    }
    .text3_inscricao{
        font-size: 0.4em !important;
        color: #fff !important;
    }
    .eventos_inscricao{
        padding: 16px 0px 16px 0px !important;
        border-radius: 16px;
        min-width: 193px;
        margin-top: 208px !important;
    }
    .cursos_inscricao{
        font-size: 0.7em;
    }
    .text4_inscricao{
        font-size: 0.4em !important;
        color: #fff !important;
    }
    .login_inscricao{
        padding: 16px 0px 16px 0px !important;
        border-radius: 16px;
        min-width: 193px;
        margin-top: 72px !important;
    }
    .area_inscricao{
        font-size: 0.7em;
    }
    .text5_inscricao{
        font-size: 0.4em !important;
        color: #fff !important;
    }
    .upfitrail_treinos{
        font-size: 0.8em;
    }
    .saiba_mais_treinos{
        padding: 16px 0px 16px 0px !important;
        border-radius: 16px;
        min-width: 193px;
        margin-top: 72px !important;
    }
   .quero_treinar{
    padding: 16px 0px 16px 0px !important;
    border-radius: 16px;
    min-width: 193px;
    margin-top: 72px !important;
   }
  .quero_treinar_treinos{
    padding: 16px 0px 16px 0px !important;
    border-radius: 16px;
    min-width: 193px;
    margin-top: 72px !important;
  }
  .consultoria{
    font-size: 3em !important;
  }
  .consultoria_text{
    font-size: 1.3em !important;
  }
  .bate_papo{
    padding: 16px 0px 16px 0px !important;
    border-radius: 16px;
    min-width: 193px;
    margin-top: 72px !important;
  }
  .upfitrail_eventos{
    font-size: 0.8em;
  }
  .eventos_text{
    font-size: 1.3em;

  }
  .vem_conhecer{
    padding: 16px 0px 16px 0px !important;
    border-radius: 16px;
    min-width: 193px;
    margin-top: 72px !important;
  }
  .upfitrail_treinamentos{
    font-size: 0.6em;
  }
  .continuar{
    padding: 16px 0px 16px 0px !important;
    border-radius: 16px;
    min-width: 193px;
    margin-top: 72px !important;
  }
  .contato{
      font-size: 3em;
  }
  .enviar_contato{
    padding: 16px 0px 16px 0px !important;
    border-radius: 16px;
    min-width: 193px;
    margin-top: 72px !important;
  }

}


@media (min-width:900px) and ( max-width:1440px){
    
    .upfitrail_home{
        font-size: 5em !important;

    }
    .clique_mb {
        padding: 10px 0px 10px 0px !important;
        border-radius: 16px;
        min-width: 176px;
        margin-top: 82px !important;
        font-size: 15px;
    }
    .desenvolvimento{
        font-size: 1.2em !important;
    }
    .oque_fazemos{
        font-size: 0.8em;
        margin-top: -41px;
    }
    .quero_treinar_inscricao{
        padding: 10px 0px 10px 0px !important;
        border-radius: 16px;
        min-width: 173px;
        margin-top: 21px !important;
        font-size: 15px;
        margin-bottom: 49px;
    }
    .treinamentos_inscricao{
        font-size: 28px;
    }
    .text1_inscricao{
        font-size: 0.3em !important;
        color: #fff !important;
    }
    .saiba_mais_inscricao{
        padding: 10px 0px 10px 0px !important;
        border-radius: 16px;
        min-width: 173px;
        margin-top: 16px !important;
        font-size: 15px;
    }
    .proximo_inscricao{
        font-size: 28px;
    }
    .text2_inscricao{
        font-size: 0.3em !important;
        color: #fff !important;

    }
    .conhecer_inscricao{
        padding: 10px 0px 10px 0px !important;
        border-radius: 16px;
        min-width: 172px;
        margin-top: 28px !important;
        font-size: 15px;
    }
    .consultoria_inscricao{
        font-size: 28px;
    }
    .text3_inscricao{
        font-size: 0.3em !important;
        color: #fff !important;
    }
    .eventos_inscricao{
        padding: 10px 0px 10px 0px !important;
        border-radius: 16px;
        min-width: 173px;
        margin-top: 57px !important;
        font-size: 15px;
        margin-bottom: 90px;
    }
    .cursos_inscricao{
        font-size: 28px;
    }
    .text4_inscricao{
        font-size: 0.3em !important;
        color: #fff !important;
    }
    .login_inscricao{
        padding: 10px 0px 10px 0px !important;
        border-radius: 16px;
        min-width: 173px;
        margin-top: 25px !important;
        font-size: 15px;
    }
    .area_inscricao{
        font-size: 28px;
    }
    .text5_inscricao{
        font-size: 0.3em !important;
        color: #fff !important;
    }
    .upfitrail_treinos{
        font-size: 0.8em;
    }
    .saiba_mais_treinos{
        padding: 10px 0px 10px 0px !important;
        border-radius: 16px;
        min-width: 176px;
        margin-top: 82px !important;
        font-size: 15px;
    }
   .quero_treinar{
    padding: 16px 0px 16px 0px !important;
    border-radius: 16px;
    min-width: 193px;
    margin-top: 72px !important;
   }
  .quero_treinar_treinos{
    padding: 10px 0px 10px 0px !important;
    border-radius: 16px;
    min-width: 176px;
    margin-top: 82px !important;
    font-size: 15px;
  }
  .consultoria{
    font-size: 3em !important;
  }
  .consultoria_text{
    font-size: 1.3em !important;
  }
  .bate_papo{
    padding: 10px 0px 10px 0px !important;
    border-radius: 16px;
    min-width: 176px;
    margin-top: 82px !important;
  }
  .upfitrail_eventos{
    font-size: 0.8em;
  }
  .eventos_text{
    font-size: 1.3em;

  }
  .vem_conhecer{
    padding: 10px 0px 10px 0px !important;
    border-radius: 16px;
    min-width: 176px;
    margin-top: 82px !important;
    font-size: 15px;
  }
  .upfitrail_treinamentos{
    font-size: 0.6em;
  }
  .continuar{
    padding: 10px 0px 10px 0px !important;
    border-radius: 16px;
    min-width: 176px;
    margin-top: 82px !important;
    font-size: 15px;
  }
  .contato{
      font-size: 3em;
  }
  .enviar_contato{
    padding: 10px 0px 10px 0px !important;
        border-radius: 16px;
        min-width: 176px;
        margin-top: 82px !important;
        font-size: 15px;
  }

}

@media (min-width:2560px){
    .upfitrail_home{
        font-size: 8em !important;

    }
    .clique_mb {
        padding: 16px 0px 16px 0px !important;
        border-radius: 16px;
        min-width: 193px;
    }
    .desenvolvimento{
        font-size: 2.2em !important;
    }
    .oque_fazemos{
        font-size: 1.3em;
        margin-top: -131px;
    }
    .quero_treinar_inscricao{
        padding: 16px 0px 16px 0px !important;
        border-radius: 16px;
        min-width: 193px;
        margin-top: 72px !important;
    }
    .treinamentos_inscricao{
        font-size: 0.8em;
    }
    .text1_inscricao{
        font-size: 0.4em !important;
        color: #fff !important;
    }
    .saiba_mais_inscricao{
        padding: 16px 0px 16px 0px !important;
        border-radius: 16px;
        min-width: 193px;
        margin-top: 72px !important;
    }
    .proximo_inscricao{
        font-size: 0.7em;
    }
    .text2_inscricao{
        font-size: 0.4em !important;
        color: #fff !important;

    }
    .conhecer_inscricao{
        padding: 16px 0px 16px 0px !important;
        border-radius: 16px;
        min-width: 193px;
        margin-top: 72px !important;
    }
    .consultoria_inscricao{
        font-size: 0.8em;
    }
    .text3_inscricao{
        font-size: 0.4em !important;
        color: #fff !important;
    }
    .eventos_inscricao{
        padding: 16px 0px 16px 0px !important;
        border-radius: 16px;
        min-width: 193px;
        margin-top: 88px !important;
    }
    .cursos_inscricao{
        font-size: 0.7em;
    }
    .text4_inscricao{
        font-size: 0.4em !important;
        color: #fff !important;
    }
    .login_inscricao{
        padding: 16px 0px 16px 0px !important;
        border-radius: 16px;
        min-width: 193px;
        margin-top: 72px !important;
    }
    .area_inscricao{
        font-size: 0.7em;
    }
    .text5_inscricao{
        font-size: 0.4em !important;
        color: #fff !important;
    }
    .upfitrail_treinos{
        font-size: 0.8em;
    }
    .saiba_mais_treinos{
        padding: 16px 0px 16px 0px !important;
        border-radius: 16px;
        min-width: 193px;
        margin-top: 72px !important;
    }
   .quero_treinar{
    padding: 16px 0px 16px 0px !important;
    border-radius: 16px;
    min-width: 193px;
    margin-top: 72px !important;
   }
  .quero_treinar_treinos{
    padding: 16px 0px 16px 0px !important;
    border-radius: 16px;
    min-width: 193px;
    margin-top: 72px !important;
  }
  .consultoria{
    font-size: 3em !important;
  }
  .consultoria_text{
    font-size: 1.3em !important;
  }
  .bate_papo{
    padding: 16px 0px 16px 0px !important;
    border-radius: 16px;
    min-width: 193px;
    margin-top: 72px !important;
  }
  .upfitrail_eventos{
    font-size: 0.8em;
  }
  .eventos_text{
    font-size: 1.3em;

  }
  .vem_conhecer{
    padding: 16px 0px 16px 0px !important;
    border-radius: 16px;
    min-width: 193px;
    margin-top: 72px !important;
  }
  .upfitrail_treinamentos{
    font-size: 0.6em;
  }
  .continuar{
    padding: 16px 0px 16px 0px !important;
    border-radius: 16px;
    min-width: 193px;
    margin-top: 72px !important;
  }
  .contato{
      font-size: 3em;
  }
  .enviar_contato{
    padding: 16px 0px 16px 0px !important;
    border-radius: 16px;
    min-width: 193px;
    margin-top: 72px !important;
  }

}

@media (min-width:1920px) {

    .upfitrail_home{
        font-size: 5em !important;

    }
    .clique_mb {
        padding: 10px 0px 10px 0px !important;
        border-radius: 16px;
        min-width: 176px;
        margin-top: 82px !important;
        font-size: 15px;
    }
    .desenvolvimento{
        font-size: 1.2em !important;
    }
    .oque_fazemos{
        font-size: 0.8em;
        margin-top: -41px;
    }
    .quero_treinar_inscricao{
        padding: 10px 0px 10px 0px !important;
        border-radius: 16px;
        min-width: 173px;
        margin-top: 92px !important;
        font-size: 15px;
    }
    .treinamentos_inscricao{
        font-size: 28px;
    }
    .text1_inscricao{
        font-size: 0.3em !important;
        color: #fff !important;
    }
    .saiba_mais_inscricao{
        padding: 10px 0px 10px 0px !important;
        border-radius: 16px;
        min-width: 173px;
        margin-top: 47px !important;
        font-size: 15px;
    }
    .proximo_inscricao{
        font-size: 28px;
    }
    .text2_inscricao{
        font-size: 0.3em !important;
        color: #fff !important;

    }
    .conhecer_inscricao{
        padding: 10px 0px 10px 0px !important;
        border-radius: 16px;
        min-width: 172px;
        margin-top: 50px !important;
        font-size: 15px;
    }
    .consultoria_inscricao{
        font-size: 28px;
    }
    .text3_inscricao{
        font-size: 0.3em !important;
        color: #fff !important;
    }
    .eventos_inscricao{
        padding: 10px 0px 10px 0px !important;
        border-radius: 16px;
        min-width: 173px;
        margin-top: 150px !important;
        font-size: 15px;
    }
    .cursos_inscricao{
        font-size: 28px;
    }
    .text4_inscricao{
        font-size: 0.3em !important;
        color: #fff !important;
    }
    .login_inscricao{
        padding: 10px 0px 10px 0px !important;
        border-radius: 16px;
        min-width: 173px;
        margin-top: 93px !important;
        font-size: 15px;
    }
    .area_inscricao{
        font-size: 28px;
    }
    .text5_inscricao{
        font-size: 0.3em !important;
        color: #fff !important;
    }
    .upfitrail_treinos{
        font-size: 0.8em;
    }
    .saiba_mais_treinos{
        padding: 10px 0px 10px 0px !important;
        border-radius: 16px;
        min-width: 176px;
        margin-top: 82px !important;
        font-size: 15px;
    }
   .quero_treinar{
    padding: 16px 0px 16px 0px !important;
    border-radius: 16px;
    min-width: 193px;
    margin-top: 72px !important;
   }
  .quero_treinar_treinos{
    padding: 10px 0px 10px 0px !important;
    border-radius: 16px;
    min-width: 176px;
    margin-top: 82px !important;
    font-size: 15px;
  }
  .consultoria{
    font-size: 3em !important;
  }
  .consultoria_text{
    font-size: 1.3em !important;
  }
  .bate_papo{
    padding: 10px 0px 10px 0px !important;
    border-radius: 16px;
    min-width: 176px;
    margin-top: 82px !important;
  }
  .upfitrail_eventos{
    font-size: 0.8em;
  }
  .eventos_text{
    font-size: 1.3em;

  }
  .vem_conhecer{
    padding: 10px 0px 10px 0px !important;
    border-radius: 16px;
    min-width: 176px;
    margin-top: 82px !important;
    font-size: 15px;
  }
  .upfitrail_treinamentos{
    font-size: 0.6em;
  }
  .continuar{
    padding: 10px 0px 10px 0px !important;
    border-radius: 16px;
    min-width: 176px;
    margin-top: 82px !important;
    font-size: 15px;
  }
  .contato{
      font-size: 3em;
  }
  .enviar_contato{
    padding: 10px 0px 10px 0px !important;
        border-radius: 16px;
        min-width: 176px;
        margin-top: 82px !important;
        font-size: 15px;
  }


}

    



/* Galax */
 @media (min-width:360px) and ( max-width:640px) {

    .text_treinos{
        font-size: 2.8em !important;
    }
    .semanais{
        font-size: 2.8em !important;

    }
    .outdoor{
        font-size: 2.8em !important;

    }

   .clique_mb {
   
        cursor: pointer;
        text-transform: uppercase;
        font-weight: 700;
        outline: 1px solid rgba(255,255,255,.1);
        outline-offset: 8px;
        margin: 33px 0 20px 8px;
        padding: 10px 29px 10px !important;
        background-color: #e9bd43;
        min-width: 160px;
        border-radius: 16px;
    
   }
   .saiba_mais_treinos{
    cursor: pointer;
    font-weight: 700;
    outline: 1px solid rgba(255,255,255,.1);
    outline-offset: 8px;
    margin: 42px 0 20px 8px;
    /* padding: 20px 30px 24px; */
    background-color: #e9bd43;
    min-width: 135px;
    margin-top: 22px !important;
    margin-bottom: 19px;
    margin-right: 0px !important;
    text-transform: none;
    margin-left: 0px !important;
    /* border-radius: 19px; */
    border-radius: 16px;
    padding: 3px 34px 8px;
   }
   .saiba_mais {
    cursor: pointer;
    font-weight: 700;
    outline: 1px solid rgba(255,255,255,.1);
    outline-offset: 8px;
    margin: 50px 0 20px 8px;
    padding: 20px 30px 24px;
    background-color: #e9bd43;
    min-width: 135px;
    margin-top: 0px !important;
    margin-right: 0px !important;
    text-transform: none;
    margin-left: 0px !important
}
.quero_treinar_treinos{
    cursor: pointer;
    font-weight: 700;
    outline: 1px solid rgba(255,255,255,.1);
    outline-offset: 8px;
    margin: 42px 0 20px 8px;
    padding: 20px 30px 24px;
    background-color: #e9bd43;
    min-width: 135px;
    margin-top: 22px !important;
    margin-bottom: 19px;
    margin-right: 0px !important;
    text-transform: none;
    margin-left: 0px !important;
    /* border-radius: 19px; */
    border-radius: 16px;
    padding: 3px 29px 0px !important;
}
.quero_treinar {
    cursor: pointer;
    font-weight: 700;
    outline: 1px solid rgba(255,255,255,.1);
    outline-offset: 8px;
    margin: 50px 0 20px 8px;
    padding: 20px 30px 24px;
    background-color: #e9bd43;
    min-width: 135px;
    margin-top: 0px !important;
    margin-right: 0px !important;
    text-transform: none;
    margin-left: 0px !important
}
.bate_papo{
    padding: 24px !important;
    margin-top: 49px !important;

}
.vem_conhecer{
        padding: 18px !important;
        margin-top: 0px !important;
}
.continuar{
    padding: 18px !important;
    margin-top: 0px !important;
}

} 




/* Galax */
@media (min-width:360px) and ( max-width:640px) {
    .saiba_mais {
     cursor: pointer;
     font-weight: 700;
     outline: 1px solid rgba(255,255,255,.1);
     outline-offset: 8px;
     margin: 50px 0 20px 8px;
     padding: 20px 30px 24px;
     background-color: #e9bd43;
     min-width: 135px;
     margin-top: 0px !important;
     margin-right: 0px !important;
     text-transform: none;
     margin-left: 0px !important
 }
 .quero_treinar {
     cursor: pointer;
     font-weight: 700;
     outline: 1px solid rgba(255,255,255,.1);
     outline-offset: 8px;
     margin: 50px 0 20px 8px;
     padding: 20px 30px 24px;
     background-color: #e9bd43;
     min-width: 135px;
     margin-top: 0px !important;
     margin-right: 0px !important;
     text-transform: none;
     margin-left: 0px !important
 }
 .bate_papo{
    padding: 10px !important;
    margin-top: 32px !important;
    border-radius: 16px;
 
 }
 .vem_conhecer{
    padding: 7px !important;
    margin-top: 0px !important;
    border-radius: 16px;
 }
 .continuar{
    padding: 5px !important;
    margin-top: 0px !important;
    border-radius: 16px;
 }
 .enviar_contato{
    padding: 5px !important;
    margin-top: 41px !important;
    border-radius: 16px;

 }
 
 } 
 
 /* IPHONE 6/7/8 */
 @media (min-width:360px) and ( max-width:640px){
 
     .block--compact {
         background-color: #fff;
         z-index: 4;
         padding: 14px 40px 40px 20px;
     }
 }
 
 
 
 /* IPAD */
 @media (min-width:768px) and ( max-width:1023px){
    .clique_mb {
        cursor: pointer;
        font-weight: 700;
        outline: 1px solid rgba(255,255,255,.1);
        outline-offset: 8px;
        /* margin: -13px 9px 28px 15px !important; */
        padding: 16px 0px 13px 0px !important;
        background-color: #e9bd43;
        min-width: 163px;
        margin-top: 22px !important;
        margin-right: 0px !important;
        text-transform: none;
        margin-left: 0px !important;
        border-radius: 16px;
    }
    .quero_treinar_inscricao{
        padding: 11px 0px 11px 0px;
        border-radius: 16px;
        margin-top: 49px !important;
        min-width: 160px;
    }
    
    .saiba_mais_inscricao{
        padding: 11px 0px 11px 0px;
        border-radius: 16px;
        margin-top: 26px !important;
        min-width: 160px;

    }
    .conhecer_inscricao{
        padding: 10px 0 10px 0px;
        border-radius: 16px;
        margin: 27px 3px 16px 9px !important;
        min-width: 160px;
    }
    .eventos_inscricao{
        padding: 10px 15px 10px 0px;
        border-radius: 16px;
        margin: 71px 0px 33px 0px !important;
        min-width: 160px;
    
    }
    .login_inscricao{
        padding: 10px 15px 10px 2px;
        border-radius: 16px;
        margin: 66px 0px 18px -2px !important;
        min-width: 160px;
    }
    .treinamentos_inscricao{
        font-size: 2em;
    }
    .text1_inscricao{
        font-size: 1.1em !important;
        color: #fff !important;

    }
    .proximo_inscricao{
        font-size: 2em;
    }
    .text2_inscricao{
        color: #fff !important;
        font-size: 1.1em !important;
    }
    .consultoria_inscricao{
        font-size: 2em;
    }
    .text3_inscricao{
        color: #fff !important;
        font-size: 1.1em !important;
        
    }
    .cursos_inscricao{
        font-size: 2em;
    }
    .text4_inscricao{
        font-size: 1.1em !important;
        color: #fff !important;
    }
    .area_inscricao{
        font-size: 2em;
        margin-top: 44px !important;
    }
    .text5_inscricao{
        font-size: 1.1em !important;
        color: #fff !important;
    }
    .eventos_text{
        font-size: 2em;
    }
 
     .contato {
         font-size: 3em;
         width: auto;
        margin-top: 157px;
     }
     .text_contato{
         font-size: 2em;
         color: #fff;
     }
     .text_contato1{
         font-size: 2em;

     }
     .desenvolvimento {
         max-width: none;
         font-size: 1.3em;
     }
     .programa_treinamento {
         font-size: 2rem;
         margin-top: -28px;
     }
     .upfitrail_treinos {
         font-size: 4em;
         margin-left: 103px;
     }
     .text-treinos{
        
         font-size: 1.1em;
         color: #fff;
         margin-left: 99px;
     
     }
     .saiba_mais_treinos{
        border-radius: 16px;
        padding: 15px 2px 12px 0px;
        margin: 61px 0px 0px 139px !important;
        min-width: 160px;
    
     }
     .quero_treinar_treinos{
        border-radius: 16px;
        padding: 10px 0px 10px 0px;
        margin: 64px 132px 0px 0px !important;
        min-width: 162px;
    

     }
     .bate_papo{
        border-radius: 16px;
        padding: 15px;
        min-width: 160px;
     }
     .vem_conhecer{
        padding: 16px 0px 16px 0px !important;
        border-radius: 16px;
        min-width: 160px;
     }
     .continuar{
        padding: 16px 0px 16px 0px !important;
        border-radius: 16px;
        min-width: 160px;
     }
     .container_contato{
        margin-top: 113px;
     }
   
   
     .enviar_contato{
        border-radius: 16px;
        padding: 10px 0 10px 0px;
        min-width: 145px;
    
     }
     .oque_fazemos {
        font-size: 2.2em;
    }
 }




 @media (min-width:769px) and ( max-width:1024px){


.upfitrail_home{
        font-size: 5em !important;

    }
    .clique_mb {
        padding: 10px 0px 10px 0px !important;
        border-radius: 16px;
        min-width: 176px;
        margin-top: 82px !important;
        font-size: 15px;
    }
    .desenvolvimento{
        font-size: 1.2em !important;
    }
    .oque_fazemos{
        font-size: 0.8em;
        margin-top: -41px;
    }
    .quero_treinar_inscricao{
        padding: 10px 0px 10px 0px !important;
        border-radius: 16px;
        min-width: 173px;
        margin-top: 92px !important;
        font-size: 15px;
    }
    .treinamentos_inscricao{
        font-size: 28px;
    }
    .text1_inscricao{
        font-size: 0.3em !important;
        color: #fff !important;
    }
    .saiba_mais_inscricao{
        padding: 10px 0px 10px 0px !important;
        border-radius: 16px;
        min-width: 173px;
        margin-top: 53px !important;
        font-size: 15px;
    }
    .proximo_inscricao{
        font-size: 28px;
    }
    .text2_inscricao{
        font-size: 0.3em !important;
        color: #fff !important;

    }
    .conhecer_inscricao{
        padding: 10px 0px 10px 0px !important;
        border-radius: 16px;
        min-width: 172px;
        margin-top: 50px !important;
        font-size: 15px;
    }
    .consultoria_inscricao{
        font-size: 28px;
    }
    .text3_inscricao{
        font-size: 0.3em !important;
        color: #fff !important;
    }
    .eventos_inscricao{
        padding: 10px 0px 10px 0px !important;
        border-radius: 16px;
        min-width: 173px;
        margin-top: 171px !important;
        font-size: 15px;
    }
    .cursos_inscricao{
        font-size: 28px;
    }
    .text4_inscricao{
        font-size: 0.3em !important;
        color: #fff !important;
    }
    .login_inscricao{
        padding: 10px 0px 10px 0px !important;
        border-radius: 16px;
        min-width: 173px;
        margin-top: 93px !important;
        font-size: 15px;
    }
    .area_inscricao{
        font-size: 28px;
    }
    .text5_inscricao{
        font-size: 0.3em !important;
        color: #fff !important;
    }
    .upfitrail_treinos{
        font-size: 0.8em;
    }
    .saiba_mais_treinos{
        padding: 10px 0px 10px 0px !important;
        border-radius: 16px;
        min-width: 176px;
        margin-top: 82px !important;
        font-size: 15px;
    }
   .quero_treinar{
    padding: 16px 0px 16px 0px !important;
    border-radius: 16px;
    min-width: 193px;
    margin-top: 72px !important;
   }
  .quero_treinar_treinos{
    padding: 10px 0px 10px 0px !important;
    border-radius: 16px;
    min-width: 176px;
    margin-top: 82px !important;
    font-size: 15px;
  }
  .consultoria{
    font-size: 3em !important;
  }
  .consultoria_text{
    font-size: 1.3em !important;
  }
  .bate_papo{
    padding: 10px 0px 10px 0px !important;
    border-radius: 16px;
    min-width: 176px;
    margin-top: 82px !important;
  }
  .upfitrail_eventos{
    font-size: 0.8em;
  }
  .eventos_text{
    font-size: 2.3em;

  }
  .vem_conhecer{
    padding: 10px 0px 10px 0px !important;
    border-radius: 16px;
    min-width: 176px;
    margin-top: 82px !important;
    font-size: 15px;
  }
  .upfitrail_treinamentos{
    font-size: 1.2em;
  }
  .continuar{
    padding: 10px 0px 10px 0px !important;
    border-radius: 16px;
    min-width: 176px;
    margin-top: 82px !important;
    font-size: 15px;
  }
  .contato{
      font-size: 3em;
  }
  .enviar_contato{
    padding: 10px 0px 10px 0px !important;
    border-radius: 16px;
    min-width: 176px;
    margin-top: 82px !important;
    font-size: 15px;
  }
  .text_contato1{
  font-size: 1.6em;
  }

}