.bg-cnhlightbox,
.cnhlightbox {
    display: none
}

.bg-cnhlightbox {
    background: #000;
    height: 100%;
    opacity: .75;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.cnhlightbox {
    position: fixed;
    top: 50%;
    color: transparent;
    left: 50%;
    width: 560px;
    margin: -331px 0 0 -280px;
    height: 644px;
    z-index: 99999
}

.cnhlightbox .close {
    cursor: pointer;
    display: block;
    height: 20px;
    position: absolute;
    z-index: 99999;
    right: -106px;
    top: 122px;
    width: 18px;
    opacity: 1;
}

.cnhlightbox .newsletter label {
    float: left;
    margin: 0;
    display: table;
    font-size: 0;
    font-weight: 100;
    color: transparent;
    height: 34px;
    width: auto
}

.cnhlightbox .newsletter input[type=text] {
    background: #fff
}

.cnhlightbox .newsletter .first {
    position: absolute;
    width: 145%;
    height: 100%;
    /* background-image: url('https://triumph.vteximg.com.br/arquivos/TRIU_20-03-05_triumph_layover-final%20(1).png')!important; */
    background-image: url('https://triumph.vteximg.com.br/arquivos/Triumph-POPUP-Desconto--Desk.jpg')!important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    right: -125px;
}

.cnhlightbox .newsletter .first a {
    width: 250px;
    /* background: red; */
    height: 38px;
    position: absolute;
    top: 418px;
    right: 82px;
    cursor: pointer;
}
.cnhlightbox .newsletter .first form {
    display: none;
    position: absolute;
    left: 309px;
    margin-top: 365px;
    width: 212px
}

.cnhlightbox .newsletter .first form #cnhnewsletterEmail {
    background: #fff;
    height: 31px;
    width: 100%;
    margin: 0 auto;
    padding-left: 7px;
    display: block;
    color: #000;
    border: 1px solid #6e6e6e;
    border-radius: 0
}

.cnhlightbox .newsletter .first form #newsletterbtns {
    width: 100%;
    display: block;
    background-color: #dab49f;
    color: #fff;
    margin: 8px auto 0;
    height: 31px;
    border: 2px solid #dab49f;
    outline: 0;
    font-size: .9em;
    line-height: 1;
    font-weight: 600
}

.cnhlightbox .newsletter .second {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url('https://triumph.vteximg.com.br/arquivos/TRIU_20-03-05_triumph_layover2.png')!important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: none
}

.cnhlightbox .newsletter .second form {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 257px!important;
    width: 72%
}

.cnhlightbox .newsletter .second form label {
    margin: 0;
    font-size: 14px;
    font-weight: 100;
    float: left;
    text-align: right;
    color: #000;
    height: 34px;
    width: 80px;
    line-height: 28px
}

.cnhlightbox .newsletter .second input,
.cnhlightbox .newsletter .second select {
    padding: 0 0 0 7px;
    color: #000;
    margin-left: 5px;
    border: 1px solid #a5a5a5;
    margin-bottom: 17px;
    line-height: 20px;
    height: 24px;
    width: 122px;
    float: left;
    display: block
}

.cnhlightbox .newsletter .second label[for=newsletterSname],
.cnhlightbox .newsletter .second label[for=newsletterState] {
    margin-left: 6%
}

.cnhlightbox .newsletter .second label[for=newsletterDtn] {
    width: 52px;
    line-height: initial
}

.cnhlightbox .newsletter .second label[for=newsletterName] {
    width: 52px
}

.cnhlightbox .newsletter .second #newsletterbtns {
    background: #d9b49e;
    text-align: center;
    margin: 0 auto;
    position: relative;
    height: 34px;
    width: 213px;
    float: unset;
    padding: 4px 0 0;
    outline: 0;
    text-transform: capitalize;
    border: unset;
    font-weight: 600;
    color: #fff
}

.cnhlightbox .newsletter .second .discount-value {
    font-size: 35px;
    margin-top: 57px;
    width: 100%;
    color: transparent
}

.cnhlightbox .newsletter .third {
    background-image: url('https://triumph.vteximg.com.br/arquivos/TRIU_20-03-05_triumph_layover3.png');
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    display: none
}

.cnhlightbox .newsletter .third .discount-value {
    color: transparent;
    font-size: 45px;
    margin-top: 375px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

#cnhSecondForm label {
    display: none
}

#cnhSecondForm #newsletterDtn,
#cnhSecondForm #newsletterName {
    float: left;
    margin-left: 42px
}

#cnhSecondForm #newsletterSname {
    float: right
}

#cnhSecondForm #newsletterState {
    float: right;
    margin-right: 0;
    background: linear-gradient(to left, #dab49f 17%, transparent 17%)
}