@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Medium.otf');
    font-weight: 500;
}

@font-face {
    font-family: 'ITCFranklinGothicStd-BkCp';
    src: url('../fonts/ITCFranklinGothicStd-BkCp.otf');
    font-weight: 200;
}

@font-face {
    font-family: 'ITCFranklinGothicStd-BkCp';
    src: url('../fonts/ITCFranklinGothicStd-DmCp.otf');
    font-weight: 400;
}

@font-face {
    font-family: 'ITCFranklinGothicStd-BkCp';
    src: url('../fonts/ITCFranklinGothicStd-DmCpIt.otf');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'ITCFranklinGothicStd-BkCp';
    src: url('../fonts/ITCFranklinGothicStd-DmCd');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'TradeGothicLT-CondEighteen';
    src: url('../fonts/TradeGothicLT-CondEighteen.ttf');
    font-weight: 400;
}

@font-face {
    font-family: 'TradeGothicLT-BoldCondTwenty';
    src: url('../fonts/TradeGothicLT-BoldCondTwenty.ttf');
    font-weight: 700;
}

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

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

@font-face {
    font-family: 'BrandonText';
    src: url('../fonts/BrandonText-Regular.otf');
    font-weight: 400;
}

@font-face {
    font-family: 'BrandonText';
    src: url('../fonts/BrandonText-Bold.otf');
    font-weight: 700;
}


html, body {
    padding: 0;
    margin: 0;
}

body {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% center;
    background-color: #FFF;
    position: relative;
    background-attachment: fixed;
}

body.inside.win #layout-content {
    display: grid;
}

body.inside.lose #layout-content {
    display: grid;
}

body.inside:not(.end) #full-wrapper .main-image {
    display: none;
}

body.end.win #full-wrapper .main-image {
    display: none;
}

body.end.lose #full-wrapper .main-image {
    display: none;
}

body.inside:not(.end) .info-text {
    display: none;
}

body.end.win .info-text {
    display: none;
}

body.end.lose .info-text {
    display: none;
}

body.inside.end .main-image {
    display: block;
}

body.inside.end.win .main-image {
    display: none;
}

body.inside.end.lose .main-image {
    display: none;
}

body.inside:not(.end) #full-wrapper .main-text {
    display: none;
}

body.end.win #full-wrapper .main-text {
    display: none;
}

body.end.lose #full-wrapper .main-text {
    display: none;
}

.background-layer {
    position: absolute;
    /*width: 100%;
    height: calc(100vh + 40px);*/
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background-color: rgba(0,0,0,0.85);*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% center;
    background-image: url('../images/background_layer.png');
    z-index: 1;
    display: none;
}

/*body.inside .background-layer {
    display: block;
}*/

body.inside.end .background-layer {
    display: block;
}

body.inside.end.win .background-layer {
    display: none;
}

body.inside.end.lose .background-layer {
    display: none;
}

body.end .background-layer {
    /*height: 100vh;*/
}

body.win .background-layer {
    display: none;
}

body.lose .background-layer {
    display: none;
}

body.inside.end #main-content {
    /*background-image: url('../images/background.png');*/
}

/*
body.inside.lose #main-content {
    background-image: none;
}

body.inside.win #main-content {
    background-image: none;
}
*/

#finished {
    position: /*fixed;*/ absolute;
    /*overflow-y: auto;*/
    top: 0;
    left: 0;
    width: 100%;
    height: /*100%;*/ calc(100vh - 130px);
    z-index: 10;
    background-color: transparent; /*#FFF;*/

    /*background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% center;
    background-image: url('../images/background_layer.png');*/

    display: none;
}

/*body.finished {
    overflow-y: hidden;
}*/

body.finished #main-content {
    min-height: 350px;
    height: calc(100vh - 130px);
}

#finished .image {
    width: 100%;
    height: 100%;
    background-size: contain; /*cover;*/
    background-repeat: no-repeat;
    background-position: 50% center;
    /*background-image: url('../images/finish.png');*/
}

#finished .background-layer-finished {
    position: absolute;
    width: 100%;
    height: 100%; /*100vh;*/
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% center;
    background-image: url('../images/background_layer.png');
    z-index: 1;
}

#finished img.finish_text {
    /*position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    height: 200px; 
    margin-top: -100px; */
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

#finished .image .table {
    height: 100%;
    width: 100%;
    text-align: center;
}

#finished .finish_image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 450px; /*350px; /*295px; /*520px;*/
    margin-top: 120px; /*20px;*/
    margin-bottom: 120px; /*20px;*/
    position: relative;
    z-index: 1;
}

body.finished .logo {
    z-index: 15;
}

/*body.finished #full-wrapper {
    display: none;
}*/

body.finished #finished {
    display: block;
}

body {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% center;
    /*background-image: url('../images/background2_adaptado2.png');*/
}

/*body.inside {
    background-image: url('../images/background1.png');
}

body.finished {
    background-image: url('../images/background1.png');
}*/

/*body.end.win {
    background-image: none;
    background-color: #F0DFD1;
}

body.end.lose {
    background-image: none;
    background-color: #F0DFD1;
}*/

#main-content > .container {
    height: 100%; /*calc(100vh - 130px);*/
    position: relative;
}

#main-content > .container.hidden {
    display: none;
}

body.inside.win #main-content > .container.hidden, body.inside.lose #main-content > .container.hidden {
    display: block;
}

header {
    position: absolute;
    z-index: 2;
    padding-top: 35px;
    width: 100%;
    /*display: none;*/
}

header .header-wrapper {
    display: flex;
    justify-content: space-between;
}

header .left {
    width: 235px;
    height: auto;
}

header .left.black {
    display: none;
}

body.inside header {
    display: none;
}

.black-logo-end {
    width: 235px;
    margin-bottom: 50px;
    display: none;
}

body.win .black-logo-end {
    display: inline
}

body.lose .black-logo-end {
    display: inline
}

#end-clauses {
    display: none;
    font-family: ITCFranklinGothicStd-BkCp, sans-serif;
    font-size: 12px; /*14px;*/
    font-weight: 200;
    color: #000;
    margin-top: 20px;
    margin-bottom: 20px;
    position: absolute;
    bottom: 0;
    /*left: 15px;*/
    max-width: calc(100% - 30px);
    z-index: 2;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}

body.inside.win #end-clauses {
    display: block;
    width: 100%;
}

body.inside.lose #end-clauses {
    display: block;
    width: 100%;
}

#left-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    height: calc(100vh - 130px);
    /*padding-left: 15px;
    padding-right: 15px;

    /*border: 1px solid blue;*/
}

body.inside:not(.end) #left-wrapper {
    height: calc(100vh - 230px);
}

body.inside:not(.end) #left-wrapper {
    /*padding-top: 175px;*/
}

body.inside:not(.end) #right-wrapper {
    /*padding-top: 175px;*/
}

body.inside.end.win #left-wrapper {
    width: 100%;
}

body.inside.end.lose #left-wrapper {
    width: 100%;
}

body.inside.end.win #left-wrapper {
    height: calc(100vh - 200px);
}

body.inside.end.lose #left-wrapper {
    height: calc(100vh - 200px);
}


/*body.inside.end.win #left-wrapper {
    background-color: #F4F2E9;
    border-right: 12px solid #D9CBA7;

    left: -50%;
    width: 100%;
}*/

/*body.inside.end.lose #left-wrapper {
    background-color: #F4F2E9;
    border-right: 12px solid #D9CBA7;

    left: -50%;
    width: 100%;
}*/

/*body.inside.end.win #right-wrapper {
    border-left: 12px solid #D9CBA7;
}*/

/*body.inside.end.lose #right-wrapper {
    border-left: 12px solid #D9CBA7;
}*/

#left-wrapper .table {
    height: 100%;
}

#left-wrapper .left-image {
    width: 100%;
    height: auto;
    max-width: none; /*400px;*/
    max-height: 600px; /*515px;*/
    position: relative;
    top: 5px; /*25px;*/
}

#right-wrapper {
    position: absolute;
    /*right: 0;*/
    top: 0;
    left: 50%;
    /*height: calc(100vh - 130px);*/
    width: 50%;
    /*border: 1px solid red;*/
}

body.inside.end.win #right-wrapper {
    height: calc(100vh - 200px);
}

body.inside.end.lose #right-wrapper {
    height: calc(100vh - 200px);
}

#right-wrapper img.right-image {
    display: none;
}

body.inside:not(.end) #right-wrapper img.right-image {
    display: block;
    position: relative;
    /*bottom: 50px;*/
    margin-top: 170px;
}

body.inside:not(.end) #full-wrapper > .table > .table-cell.align-middle {
    vertical-align: bottom;
}

/*body.inside.win #right-wrapper img {
    display: block;
}

body.inside.lose #right-wrapper img {
    display: block;
}*/

#full-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: /*100%;*/ calc(100% - 30px);
    height: calc(100vh - 130px); /* 247px */
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    /*border: 1px solid green;*/
}

body.end.win #full-wrapper {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

body.end.win #full-wrapper {
    width: 100%;
    padding-left: 0;
    padding-right: 0;   
}

body.inside:not(.end) #full-wrapper {
    /*padding-left: 0;
    padding-right: 0;*/
    position: relative;
}

body.inside:not(.end) #full-wrapper {
    /*min-height: 900px;*/
    min-height: 850px; /*700px;*/
}

body.inside #full-wrapper > .table {
    height: 100%;
} 

#full-wrapper .main-image {
    max-width: 520px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    /*margin-bottom: 275px;*/
    margin-top: 40px; /*25px;*/
    margin-bottom: 25px;
}

#full-wrapper .main-image.mobile {
    display: none;
}

body.finished #full-wrapper .main-image {
    display: none;
}

body.finished #full-wrapper .main-text {
    display: none;
}

#full-wrapper .main-text {
    font-family: BrandonText;
    font-weight: 400;
    font-size: 25px;
    line-height: 28px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 715px;

}

#full-wrapper .main-text .important {
    font-weight: 600;
}

#full-wrapper .info-text {
    color: #0B0407;
    font-size: 26px;
    font-weight: 600;
    font-family: Montserrat;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 222px;
}

body.finished #full-wrapper .info-text {
    display: none;
}

#full-wrapper .logo {
    max-width: 200px; /*250px;*/
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 40px; /*20px;*/
    margin-top: 0; /*25px;*/
    /*margin-bottom: 17px;*/
    margin-left: auto;
    margin-right: auto;
}

body.inside:not(.end) #full-wrapper .logo {
    position: absolute;
    top: 0; /*25px;*/
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

body.inside #full-wrapper .logo {
    display: none;
}

body.end #full-wrapper .logo {
    display: none;
}

/*body.inside.win #full-wrapper .logo {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 175px;
    height: auto;
}

body.inside.lose #full-wrapper .logo {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 175px;
    height: auto;
}*/

.main-image-mobile-wrapper {
    display: none;
    padding-top: 25px;
    padding-bottom: 25px;
}

.main-image-mobile-wrapper img {
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.main-image-mobile-wrapper img:first-child {
    margin-bottom: 40px;
}

.main-image-message {
    color: #757575;
    margin-top: 5px;
    font-family: ITCFranklinGothicStd-BkCp, sans-serif;
    font-size: 14px;
    font-weight: 200;
}

body.inside.end.win #full-wrapper {
    position: relative;
    min-height: calc(100vh - 130px);
    height: auto;
}

body.inside.end.lose #full-wrapper {
    position: relative;
    min-height: calc(100vh - 130px);
    height: auto;
}

body.inside.win #full-wrapper .table {
    height: calc(100vh - 130px);
}

body.inside.lose #full-wrapper .table {
    height: calc(100vh - 130px);
}

#full-wrapper .start-information {
    width: 100%;
    max-width: 480px;
    height: auto;
}

#right-wrapper .table {
    height: 100%;
}

#full-wrapper .table {
    height: 100%; /*calc(100vh - 130px);*/
    width: 100%;
}

body.inside:not(.end) #left-wrapper .table {
    height: calc(100vh - 230px);
}

#right-wrapper img {
    max-width: 100%;
}

#left-wrapper .table {
    width: 100%;
}

#result-wrapper > img {
    margin-left: auto;
    margin-right: auto;
}

body.inside #right-wrapper .begining-image {
    /*display: none;*/
}

body.end.win #left-wrapper .left-image {
    display: none;
}

body.end.lose #left-wrapper .left-image {
   display: none;
}

body.end.win #right-wrapper .begining-image {
    display: none;
}

body.end.lose #right-wrapper .begining-image {
    display: none;
}

#main-content {
    min-height: calc(100vh - 130px);
    /*background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% center;*/
    /*background-image: url('../images/seguraviuda_background.png');*/
    /*background-attachment: fixed;*/
    position: relative;

    /*background-size: 100%;
    background-image: url('../images/new_york_edificios.png');
    background-position: center bottom -2px;
    background-repeat: no-repeat;*/
    background-color: #F4F2E9;
}

.table {
    display: table;
}

.table-cell {
    display: table-cell;
}

.align-middle {
    vertical-align: middle;
}

.align-top {
    vertical-align: top;
}

.align-bottom {
    vertical-align: bottom;
}

/* footer */
footer {
    height: 130px; /*115px;*/
    background-color: #F4F2E9;
    position: relative;
    z-index: 1;
}

body.inside footer {
    background-color: #FFF;
}

body.lose footer {
    background-color: #FFF;
}

body.win footer {
    background-color: #FFF;
}

body.finished footer {
    background-color: #FFF;
}

footer .footer-wrapper {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1;
    height: 100%;
}

footer .footer-wrapper .table {
    height: 130px; /*115px;*/
}

footer .right ul {
    list-style-type: none;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
}

footer .right ul li {
    display: inline-block;
    margin-right: 22px; /*20px;*/
}

footer .right ul li img {
   width: 35px; /*30px; */
   height: auto;
}

footer .right ul li:last-child {
    margin-right: 0;
}

footer .right .title {
    font-family: TradeGothicLT-CondEighteen, sans-serif; /*ITCFranklinGothicStd-BkCp, sans-serif;*/
    font-weight: 700; /*200;*/
    color: #000;
    font-size: 15px; /*17px;*/
    margin-bottom: 10px;
    /*letter-spacing: 1px;*/
}

footer .center ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
    padding-bottom: 22px;
    max-width: 460px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    /* fix whitespace */
    font-size: 0;
}

footer .center ul li {
    display: inline-block;
    margin-right: 15px; /*25px;*/
}

footer .center ul li:last-child {
    margin-right: 0;
}

footer .center ul li a {
    color: #000;
    font-size: 11px; /*14px;*/
    font-family: TradeGothicLT-CondEighteen, sans-serif; /*ITCFranklinGothicStd-BkCp, sans-serif;*/
    font-weight: 700; /*200;*/

    text-decoration: none;
}

footer .center .question-wrapper {
    margin-bottom: 20px;
    padding-top: 25px;
    text-align: center;
}

footer .center .question-wrapper .question {
    display: inline-block;
    font-family: TradeGothicLT-CondEighteen, sans-serif; /*ITCFranklinGothicStd-BkCp, sans-serif;*/
    font-weight: 700; /*400;*/
    font-size: 25px; /*22px;*/
    color: #FFF;
    margin-right: 65px;
}

footer .center .question-wrapper ul.options {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 0;
}

footer .center .question-wrapper ul.options li a {
    color: #FFF;
    font-family: TradeGothicLT-CondEighteen, sans-serif; /*ITCFranklinGothicStd-BkCp, sans-serif;*/
    font-weight: 700; /*400;*/
    font-size: 25px; /*22px;*/
    text-decoration: underline;
    cursor: pointer;
}

footer .center .info {
    font-family: TradeGothicLT-CondEighteen, sans-serif; /*ITCFranklinGothicStd-BkCp, sans-serif;*/
    font-size: 11px; /*12px;*/
    font-weight: 200; /*700;*/
    color: #000;
    padding-top: 5px;
    margin-bottom: 40px;
    display: none;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}

body.inside  footer .center .info {
    display: block;
}

body.finished  footer .center .info {
    display: block;
}

footer .left img {
    width: 135px; /*150px;*/
    height: auto;
}

body.inside  footer .center .question-wrapper {
    /*visibility: hidden;*/
    display: none;
}

footer .container {
    position: relative;
}
/* fin footer */

.container {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;

    height: 100%;
}

#main-logo {
    position: absolute;
    top: 50%;
    margin-top: -140px; /*-106px; /*-76.5px;*/
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;

    width: 610px;
}

body.inside #main-logo {
    display: none;
}

#user-form {
    max-width: 530px; /*500px; /*470px;*/
    margin-left: auto;
    margin-right: auto;
    display: none;

    position: absolute;
    height: 683px; /*697px;*/
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 50%;
    margin-top: -342px; /*-349px;*/

    /*padding-left: 15px;
    padding-right: 15px;*/
    z-index: 2;

    /*padding-top: 60px;*/

    /*padding-top: 170px;*/

    /* es necesario si están las cláusulas */
    max-width: 1170px;
    /*position: static;*/
    height: auto;
    top: 0;
    margin-top: 25px;
}

#user-form .user-form-wrapper {
    /*max-width: 530px;*/
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2;
}

#user-form .clauses, #user-form-clauses, #user-form-clauses-mobile {
    font-family: TradeGothicLT-CondEighteen, sans-serif; /*ITCFranklinGothicStd-BkCp, sans-serif;*/
    font-size: 14px;
    font-weight: 200;
    color: #1D1D1B; /*#FFF;*/
    margin-top: 20px;
    padding-bottom: 20px;
    position: relative;
    z-index: 2;
    text-align: center;
}

#user-form-clauses, #user-form-clauses-mobile {
    display: none;
    /*position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;*/
}

body.inside:not(.end) #user-form-clauses {
    display: block;
}   


#user-form .clauses a, #user-form-clauses a, #user-form-clauses-mobile a {
    color: #1D1D1B; /*#000;*/
}

body.inside #user-form {
    display: block;
}

body.end #user-form {
    display: none;
}

#user-form .title, #user-form-title {
    font-family: ITCFranklinGothicStd-BkCp, sans-serif;
    font-size: /*14px;*/ /*21px;*/ 23px;
    font-weight: 200; /*600;*/ /*700;*/ /*400;*/
    color: #000; /*#35AB52; /*#000;*/
    text-align: center;
    margin-bottom: 30px;
    /*padding-left: 15px;
    padding-right: 15px;*/
    max-width: 615px;
}

#user-form-title {
    /*position: absolute;*/
    /*top: 125px; /*75px; /*0;*/
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    display: none;
    /*font-size: 35px;
    line-height: 35px;*/
}

#user-form .title .important, #user-form-title .important {
    font-family: ITCFranklinGothicStd-BkCp, sans-serif;
    font-weight: 500;
}

body.inside:not(.end) #user-form-title {
    display: block;
}

#user-form form {
    padding-left: 45px;
    padding-right: 45px;
    max-width: 530px;
    margin-left: auto;
    margin-right: auto;
}

#user-form form .form-group {
    display: flex;
    align-items: center;
    margin-bottom: 20px;

    align-items: start; /*baseline;*/
    text-align: left;
}

#left-wrapper .form-group {
    padding-right: 18px;
}

#right-wrapper .form-group {
    padding-left: 18px;
}

#user-form form .form-group.align-bottom {
    align-items: end;
}

#user-form form .form-group.no-margin-bottom {
    margin-bottom: 0;
}

#user-form form .form-group.block {
    display: block;
    margin-bottom: 10px;
}

#user-form form .form-group.margin-left {
    margin-left: 18px;
}

#user-form form .form-group.block input[type='checkbox'] {
    display: inline;
    vertical-align: middle;
    margin-right: 10px;
    position: relative;
    bottom: 2px;
}

#user-form form .form-group.block label {
    display: inline;
    vertical-align: middle;
}

#user-form form .form-group .status-wrapper {
    width: 21px;
    height: 21px; /*14px; /* 15px; */
    position: relative;
}

#user-form form .form-group .status.ok, #user-form form .form-group .status.ko {
    display: none;
}

#user-form form .form-group.invalid .status.ok {
    display: none;
}

#user-form form .form-group .status.ok {
    width: 11px;
    height: auto;
}

#user-form form .form-group.invalid .status.ko {
    display: inline;
}

#user-form form .form-group.valid .status.ok {
    display: inline
}

#user-form form .form-group.valid .status.ko {
    display: none;
}

/*#user-form form .form-group.invalid .status.ok {
    display: none;
}*/

/*#user-form form .form-group.invalid .status.ko {
    display: inline;
}*/

#user-form form .form-group .status {
    /*vertical-align: middle;*/
    /*margin-right: 10px;*/
    position: absolute;
    /*top: 4px;*/
    top: 50%;
    margin-top: -5px; /*-4px;*/
}

/*#user-form form .form-group .status.top {
    position: relative;
    bottom: 15px;
}*/

/*#user-form form .form-group .status.ok {
    width: 11px;
    height: 9px;
}*/

#user-form form .form-group .status.ko {
    /*width: 8px;
    height: 8px;*/
    display: none;
}

#user-form form label {
    font-family: ITCFranklinGothicStd-BkCp, sans-serif;
    font-size: 16px; /*13px;*/
    font-weight: /*400;*/ 200;
    color: #000;
    display: inline-block;
    margin-right: 10px; /*30px;*/

    /*min-height: 17px;*/
    /*line-height: 18px;*/
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 1px solid transparent;
}

#user-form form label.small {
    /*font-size: 10px; /*13px; /*14px;*/
}

#user-form form label.small-margin-right {
    margin-right: 15px;
}

#user-form form label .important {
    font-weight: 400;
}

#user-form form .date-wrapper {
    flex: 2;
    /* fix whitespace */
    font-size: 0;

    display: flex;
    justify-content: space-around;
}

#user-form form .date-wrapper label {
    /*width: 47px;
    margin-right: 0;
    display: inline;*/
    margin-right: 3px; /*10px;*/
}

#user-form form .label-group {
    /*display: inline-block;
    width: 33.33%;
    vertical-align: middle;*/
    display: flex;
    padding-right: 10px;
}

#user-form form .label-group:last-child {
    padding-right: 0;
}

#user-form form input[type=text], #user-form form input[type=email], #user-form form input[type=tel] {
    border: 0;
    outline: none;
    background-color: transparent;
    border-bottom: 1px solid #000;
    font-family: /*TradeGothicLT-BoldCondTwenty, sans-serif;*/ ITCFranklinGothicStd-BkCp, sans-serif;
    font-weight: /*400;*/ 200;
    color: #000;
    flex: 2;
    font-size: 16px; /*13px;*/

    padding-top: 0;
    padding-bottom: 0;
    /*height: 11px;*/
}

#user-form form input[type=number] {
    border: 0;
    outline: none;
    background-color: transparent;
    border-bottom: 1px solid #000;
    font-family: ITCFranklinGothicStd-BkCp, sans-serif;
    font-weight: /*400;*/ 200;
    color: #000;
    font-size: 16px; /*13px;*/
    width: 100%;

    padding-bottom: 0;
    /*height: 11px;*/
}

#user-form form select {
    flex: 2;
    outline: none;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #000;
    font-family: ITCFranklinGothicStd-BkCp, sans-serif;
    font-weight: /*400;*/ 200;
    color: #000;
    font-size: 16px; /*13px;*/

    moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    appearance: none;

    background: url(../images/select-arrow.png) no-repeat right transparent;
    background-position-x: 100%;
    background-size: 12px;

    padding-bottom: 0;
    /*height: 11px;*/
    width: 100%;
}

#user-form form select option {
    background-color: #FFF;
    color: #000;
}

#user-form form input[type=file] {
    display: none;
}

#user-form form .custom-file-upload {
    border: 1px solid #000;
    padding: 3px 10px;
    margin-right: 0;
    cursor: pointer;

    /*height: 11px;*/
}

#user-form form .button-wrapper {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 20px;
}

#user-form form .button-wrapper button {
    font-size: /*18px;*/ 16px;
    color: #FFF; /*#000;*/
    background-color: #000; /*#35AB52; /*#FFF;*/
    font-family: TradeGothicLT-BoldCondTwenty, sans-serif; /*ITCFranklinGothicStd-BkCp, sans-serif;*/
    font-weight: 600; /*700; /*400;*/
    outline: none;
    border-radius: 8px;
    padding: 4px 10px;
    padding-top: 4px;
    cursor: pointer;
    border: 0;
}

#user-form form .warning-message {
    font-size: 16px; /*13px;*/
    font-family: /*TradeGothicLT-BoldCondTwenty, sans-serif;*/ ITCFranklinGothicStd-BkCp, sans-serif;
    font-weight: /*700;*/ 200;
    color: #E30613; /*#C21E1D; /*#F7EB1C; /*#E01817;*/
    text-align: left; /*center;*/
    /*display: none;*/

    margin-top: 25px;
    /*text-align: center;*/
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
    margin-bottom: 25px;
}

/*img.end {
    position: absolute;
    left: 0;
    right: 0;
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
    top: 70%;
    transform: translateY(-70%);
    display: none;
}*/

#result-wrapper {
    display: none;
    /*margin-top: 100px;*/
    /*padding-left: 15px;
    padding-right: 15px;*/

    padding-top: 20px;
    padding-bottom: 20px;
}

#result-wrapper #winner-image {
    width: 100%;
    max-width: 730px; /*630px; /*750px; /*450px; /*430px; /*750px; /*400px; /*500px;*/
    display: none;
    z-index: 1;
    position: relative;

    /*margin-left: 56%;
    margin-right: 0;*/
    /*margin-top: 75px;*/
}

#result-wrapper #lose-image {
    width: 100%;
    max-width: 700px; /*460px; /*750px; /*450px; /*430px; /*750px; /*400px; /*500px;*/
    display: none;
    z-index: 1;
    position: relative;

    /*margin-left: 56%;
    margin-right: 0;*/
    /*margin-top: 75px;*/
}

body.win #result-wrapper #winner-image.mobile {
    display: none;
}

body.lose #result-wrapper #lose-image.mobile {
    display: none;
}

#result-wrapper #lose-image > img {
    max-width: 100%;
}


body.win #result-wrapper #winner-image {
    display: block;
}

body.lose #result-wrapper #lose-image {
    display: block;
}

body.win #result-wrapper {
    display: block;
}

body.lose #result-wrapper {
    display: block;
}

#result-wrapper img.x {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 260px;
    width: 100%;
    margin-top: 25px;
}

#winner-note, #loser-note {
    color: #FFF;
    font-size: 18px;
    font-family: ITCFranklinGothicStd-BkCp, sans-serif;
    font-weight: 200;
    position: absolute;
    left: 0;
    right: 0;
    /*bottom: 20%;*/
    top: 80%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    display: none;
}

#loser-note {
    top: 87%;
}

body.win #winner-note {
    display: block;
}

body.lose #loser-note {
    display: block;
}

/* captcha */
.g-recaptcha > div {
    margin-left: auto;
    margin-right: auto;
}
/* fin captcha */

body.home {
    /*min-height: 800px;*/
    height: 100vh;
    _background-attachment: scroll;
}

body.inside.end {
    /*min-height: 800px;*/
    height: 100vh;
}

body.finished {
    /*min-height: 800px;*/
    height: 100vh;
}

body.finished .table {
    height: 100%;
    width: 100%;
}

body.home #main-content {
    min-height: 600px;
    height: calc(100vh - 130px); /*100vh;*/
    background-attachment: scroll;
}

body.inside.end #main-content {
    min-height: 600px;
    height: calc(100vh - 130px); /*100vh;*/
    background-attachment: scroll;
}

body.home footer {
    /*padding-top: 0;*/
    /*position: absolute;
    bottom: 0;
    width: 100%;*/
}

body.finished footer {
    /*padding-top: 0;*/
    /*position: absolute;
    bottom: 0;
    width: 100%;*/
}

body.end footer {
    /*position: absolute;
    bottom: 0;
    width: 100%;*/
}

#finished .finish_text {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 40px;
    color: #1D1D1B;
    text-align: center;

    padding-bottom: 30%;
}

.g-recaptcha {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* age gate */
#age-gate {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0
    right: 0;
    width: 100%;
    background-color: rgba(177, 177, 177, 0.7);
    z-index: 2;
    display: none;
}

#age-gate .table {
    height: 100%;
    width: 100%;
    text-align: center;
}

#age-gate .age-gate-window {
    display: table;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFF;
    padding: 30px 0px; /* 50px; */
    /*padding-top: 0;*/
    /*border: 1px solid #1D1D1B;*/
    max-width: 330px;
    width: 100%;

    height: 159px;
    box-sizing: border-box;
}

#age-gate .age-gate-window .ribete {
    background-color: #1D1D1B;
    height: 4px;
    margin-bottom: 30px;
}

#age-gate .age-gate-window .question {
    font-family: TradeGothicLT-CondEighteen, sans-serif;
    font-weight: 700;
    font-size: 28px;
    color: #000; /*#FFF;*/
    margin-bottom: 20px;
}

#age-gate .age-gate-window .answers ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 0;
    /* fix whitespace*/
    font-size: 0;
}

#age-gate .age-gate-window .answers ul li {
    display: inline-block;
    margin-right: 45px;
}

#age-gate .age-gate-window .answers ul li:last-child {
    margin-right: 0;
    padding-right: 0;
}

#age-gate .age-gate-window .answers ul li a {
    color: #000; /*#FFF;*/
    font-family: TradeGothicLT-CondEighteen, sans-serif;
    font-weight: 700;
    font-size: 28px;
    text-decoration: underline;
    cursor: pointer;
}

#age-gate .age-gate-window .disclaimer {
    color: #FFF;
    font-family: TradeGothicLT-CondEighteen, sans-serif;
    font-weight: 400;
    font-size: 20px;
    padding-left: 15px;
    padding-right: 15px;
    display: none;
}

body.home footer .center .question-wrapper {
    display: none;
}

body.home footer .center .info {
    display: block;
}

body.finished footer .center .question-wrapper {
    display: none;
}

body.finished footer .center .info {
    display: block;
}
/* fin age gate */

@media (max-width: 1250px) {
    #left-wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    #finished img.finish_text {
        /*height: 4vw;
        margin-top: -2vw;*/
    }
}

@media (max-width: 1200px) {
    /*#main-content {
        background-size: contain;
    }*/

    footer .right .title {
        font-size: 15px;
    }

    footer .right ul li {
        margin-right: 10px;
    }

    footer .right {
        min-width: 136px;
    }

    #image-top-left {
        top: 10px;
        left: 0; /*15px;*/
        width: 18vw; /*20vw; /*21vw;*/
    }

    #image-bottom-left {
        top: 15px;
        right: 15px;
        left: auto;
        width: 10vw; /*13vw;*/
    }

    /*body.inside.end.win #left-wrapper {
        left: 0;
        width: 100%;
    }*/

    body.inside.end.lose #left-wrapper {
        left: 0;
        width: 100%; /*50%;*/
    }

    /*body.inside.end.win #full-wrapper {
        left: -15px;
        width: calc(100% + 30px);
    }

    body.inside.end.lose #full-wrapper {
        left: -15px;
        width: calc(100% + 15px);
    }*/

    #result-wrapper #winner-image {
        margin-left: auto;
        margin-right: auto;
    }

    #result-wrapper #lose-image {
        margin-left: auto;
        margin-right: auto;
    }

    /*#main-content > .container {
        padding-left: 0;
        padding-right: 0;
    }*/

    #main-content {
        /*background-position: 81% center;*/
    }

    #end-clauses {
        /*max-width: calc(100% - 15px);*/
    }
}

@media (max-width: 1150px) {
    body.inside:not(.end) #user-form {
        padding-top: 0;
        padding-bottom: 0;
    }

    body.inside:not(.end) #user-form form {
        padding-right: 0;
    }

    body.inside:not(.end) #left-wrapper {
        height: auto;
        position: relative;
        padding-top: 0; /*50px;*/
        min-width: 500px;
    }

     body.inside:not(.end) #right-wrapper {
        height: auto;
        position: relative;
        left: 0;
        margin-left: auto;
        margin-right: auto;
        padding-top: 0;
        min-width: 500px;
    }

    body.inside:not(.end) #full-wrapper {
        min-height: 0;
        height: auto;
    }

    body.inside:not(.end) #full-wrapper > .table {
        height: 0;
    }

    body.inside:not(.end) #user-form-title {
        position: relative;
        top: 0;
    }

    body.inside:not(.end) #right-wrapper img.right-image {
        margin-top: 0;
    }

    body.inside:not(.end) #user-form-clauses {
        display: none;
    }

    body.inside:not(.end) #user-form-clauses-mobile {
        display: block;
        margin-top: 0;
    }

    body.inside:not(.end) #full-wrapper .table {
        height: auto;
        /*padding-bottom: 20px;*/
    }

    #right-wrapper .form-group {
        padding-left: 0;
    }

    body.inside:not(.end) #full-wrapper .logo {
        position: static;
        margin-top: 15px;
    }

    body.inside:not(.end) #user-form {
        position: static;
    }

     #user-form-title {
        margin-bottom: 25px;
    }

    body.inside:not(.end) #user-form-clauses-mobile {
        /*padding-bottom: 130px;*/
    }

    #legal-wrapper.table {
        display: block;
    }

    #legal-wrapper.table .table-cell {
        display: block;
    }

    #user-form form .warning-message {
        text-align: center;
    }
}

@media (max-width: 1070px) {
    /*body {
        background-color: red;
    }*/

    footer .center .info {
        margin-bottom: 25px;
    }
}

/*@media (max-height: 800px) {
    body.home #full-wrapper .logo {
        margin-top: 15px;
    }

    body.end #full-wrapper .logo {
        margin-top: 15px;
    }

    body.end.win #full-wrapper .logo {
        position: static; 
    }

    body.end.lose #full-wrapper .logo {
        position: static;
    }
}*/

@media (max-height: 950px) {
    body.home #full-wrapper .logo {
        position: static;
        margin-top: 15px;
    }
}

@media (max-height: 750px) {
    /* fix */
    #full-wrapper .info-text {
        margin-bottom: 0;
    }

    body.home #full-wrapper .logo {
        position: static;
        margin-top: 15px;
    }
}

@media (max-width: 992px) {
    /*footer .center .info {
        margin-bottom: 15px;
    }*/

    #finished img.finish_text {
        /*height: 5vw;
        margin-top: -2.5vw;*/
    }

    /*#full-wrapper {
        position: relative;
    }*/

    body.home .main-image {
        /*display: none;*/
    }

    body.home .main-image-mobile-wrapper {
        display: block;
    }

    body.home #left-wrapper {
        position: relative;
        height: auto;
        display: none;
    }

    body.home #right-wrapper {
        position: relative;
        height: auto;
        display: none;
    }

    body.home #full-wrapper {
        position: relative;
        /*height: auto;*/
        /* fix */
        min-height: calc(100vh - 130px); /*calc(100vh - 272px);*/
    }

    body.home #main-content {
        height: auto;
        min-height: 0;
    }

    body.inside.end #main-content {
        /*height: auto;*/
        min-height: 0;
    }

    body.home footer {
        position: relative;
    }

    body.end footer {
        position: relative;
    }

    body.inside.end #full-wrapper {
        position: relative;
    }

    #full-wrapper {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    /*body.home #full-wrapper .logo {
        margin-top: 0;
    }*/

    /*body.end #full-wrapper .logo {
        margin-top: 0;
    }*/

    #full-wrapper .info-text {
        /* fix */
        margin-bottom: 222px;
    }

}

@media (max-width: 850px) {
    /*#layout-content {
        background-position: 60px center;
    }*/
}

@media (max-width: 810px) {
    /*footer .right ul li {
        margin-right: 15px;
    }*/

    footer .center ul li {
        margin-right: 8px;
    }


}

/*@media (max-height: 850px) {
    body.end.lose #main-content {
        min-height: 700px;
    }

    body.end.win #main-content {
        min-height: 700px;
    }
}*/

/*@media (max-height: 880px) {
    #main-content {
        min-height: 744px;
    }

    #left-wrapper {
        min-height: 744px;
    }

    #right-wrapper {
        min-height: 744px;
    }

    #full-wrapper {
        min-height: 744px;
    }
}*/

@media (max-width: 768px) {
    body.home #main-content {
        min-height: 460px; /*400px; /* 790px; */
    }

    body.inside.end #main-content {
        height: auto;
    }

    body.inside.end #full-wrapper {
        height: auto;
    }

    #main-content {
        /*background-position: 88% center;*/
    }

    body.inside.end.win #main-content {
        background-attachment: scroll;
    }

    body.inside.end.lose #main-content {
        background-attachment: scroll;
    }

    #user-form {
        max-width: 100%;
        position: relative;
        height: auto;
        top: 0;
        /*margin-top: 0;*/

        padding-top: 30px; /*80px; /*15px;*/
        padding-bottom: 20px;
    }

    #user-form form {
        padding-left: 0;
        padding-right: 0;
    }

    #user-form form label {
        margin-right: 15px;
    }

    #main-logo {
        width: 300px;
        margin-top: -96px;
    }

    #end-clauses {
        position: static;
        padding-bottom: 20px;
        margin-bottom: 0;
        /*max-width: calc(100% - 30px);*/
    }

    body.inside.end.win #left-wrapper {
        height: auto;
    }

    body.inside.end.lose #left-wrapper {
        height: auto;
    }

    body.inside.end.win #right-wrapper {
        height: auto;
    }

    body.inside.end.lose #right-wrapper {
        height: auto;
    }

    /* footer */
    footer {
        height: auto;
        text-align: center;
        padding-top: 15px;
        padding-bottom: 15px;

        /*min-height: 295px;*/
        overflow-y: hidden;
    }

    /*body.inside.end footer {
        min-height: 310px;
    }*/

    footer .footer-wrapper {
        /*display: block;*/
        display: flex;
        flex-direction: column;
    }

    footer .footer-wrapper .left {
        order: 2;
    }

    footer .footer-wrapper .center {
        order: 1;
    }

    footer .footer-wrapper .right {
        order: 3;
        padding-top: 11px; /*25px;*/
    }

    footer .center .question-wrapper {
        padding-top: 0;
    }

    footer .center ul {
        padding-bottom: 11px;
    }



    footer .footer-wrapper .table {
        height: auto;
        width: 100%;
    }

    footer .center .question-wrapper .question {
        margin-right: 30px;
    }
    /* fin footer */

    header .header-wrapper {
        justify-content: center;
    }

    header .left {
        width: 200px;
    }

    body.inside:not(.end) header {
        position: relative;
        margin-bottom: 15px;
    }

    body.inside.end.win header {
        position: relative;
    }

    body.inside.end.lose header {
        position: relative;
    }

    .background-layer {
        height: 100%;
    }

    #label-supermercados {
        max-width: 180px!important;
    }

    #layout-content {
        min-height: 0;
    }

    #user-form form .button-wrapper button {
        width: 100%;
    }

    #user-form form .custom-file-upload {
        width: 100%;
        text-align: center;

        flex: 2;
    }

    body.end .background-layer {
        /*height: 100%;*/
    }

    img.end {
        max-width: 100%;
        /*top: 30%;
        transform: none;*/
        top: 50%;
        transform: translateY(-50%);
        position: absolute;

        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
    }

    body.win #result-wrapper #winner-image {
        max-width: 450px;
    }

    body.lose #result-wrapper #lose-image {
        max-width: 450px;
    }

    #winner-note {
        top: 87%; /*60%;*/
    }

    #loser-note {
        top: 91%; /*90%;*/
    }

    /*#user-form form .form-group .status.top-mobile {
        position: relative;
        bottom: 8px;
    }*/

    #left-wrapper {
        left: 0;
        right: 0;
        height: auto;
        min-height: calc(100vh - 340px); /* 325px */ /*440px;*/
        position: absolute;
    }

    #full-wrapper {
        height: calc(100vh - 340px); /* 325px */
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    #full-wrapper {
        position: relative;
        height: calc(100vh - 325px);

        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    /*body.inside #full-wrapper {
        height: auto;
    }*/

    /*body.inside:not(.end) .float-logo {
        position: relative;
        top: 0;
        margin-bottom: 20px;
        padding-top: 35px;
    }*/

    /*body.inside.end #full-wrapper {
        position: relative;
        height: calc(100vh - 340px);

        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }*/

    #full-wrapper .table {
        height: 100%; /*auto; /*calc(100vh - 325px);*/
    }

    body.inside.end.win #full-wrapper {
        /*min-height: calc(100vh - 430px);*/
        height: auto;
        min-height: 0;
    }

    body.inside.end.win #full-wrapper .table {
        /*min-height: calc(100vh - 430px);*/
        height: 100%;
    }

    body.inside.end.lose #full-wrapper {
        /*min-height: calc(100vh - 430px);*/
        height: auto;
        min-height: auto;
    }

    body.inside.end.lose #full-wrapper .table {
        /*min-height: calc(100vh - 430px);*/
        height: 100%;
    }

    #full-wrapper .logo {
        /*width: 200px;
        margin-bottom: 30px;
        position: absolute;
        top: 30px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;*/
    }

    #left-wrapper .left-image {
        margin-top: 30px;
    }

    #left-wrapper .left-wrapper-container {
        min-height: 325px;
    }

    #left-wrapper img.logo {
        margin-bottom: 30px;
    }

    #left-wrapper img.estohayquecelebrarlo {
        margin-bottom: 30px;
    }

    #left-wrapper img.awards {
        margin-bottom: 30px;
    }

    #left-wrapper img.money {
        position: relative;
    }

    #main-content #left-wrapper .left-wrapper-container div.fourth {
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        bottom: 0;
        height: 102px;
    }

    body.inside #left-wrapper, body.inside #left-wrapper .left-wrapper-container {
        min-height: 0;
    }

    /*body.inside.win #left-wrapper, body.inside.win #left-wrapper .left-wrapper-container, body.inside.lose #left-wrapper, body.inside.lose #left-wrapper .left-wrapper-container {
        min-height: 440px;
    }*/

    footer .center ul li:nth-child(2) {
        margin-bottom: 15px;
    }

    /*body.inside footer .center .question-wrapper, body.win footer .center .question-wrapper, body.lose footer .center .question-wrapper, body.end footer .center .question-wrapper {
        margin-bottom: 0;
        padding-top: 0;
    }*/

    footer .right ul li {
        margin-right: 20px;
    }

    footer .center ul li {
        margin-right: 25px;
    }

    #left-wrapper .table {
        width: 100%;
        height: 100%;
    }

    #left-wrapper {
        text-align: center;
    }

    #layout-content {
        /*background-position: 75% center;*/
    }

    footer .right .title {
        font-size: 15px; /*17px;*/
    }

    #main-content {
        min-height:  calc(100vh - 340px); /* 325px */
    }

    body.end.lose #main-content {
        /*min-height: calc(100vh - 430px); /* 325px */
        height: auto;
    }

    body.end.win #main-content {
        /*min-height: calc(100vh - 430px); /* 325px */
        height: auto;
    }

    #result-wrapper {

    }

    /*#left-wrapper {
        position: relative;
    }*/

    img.end {
        position: relative;
        top: 0;
        transform: none;
    }

    #result-wrapper {
        /*margin-top: 30px; /*35px;*/
        /*padding-top: 30px;*/
    }

    #main-content > .container {
        height: auto;
    }

    #result-wrapper {
        /*padding-right: 0;*/
    }

    .float-logo {
        top: 30px;
    }

    #left-wrapper {
        position: relative;
        width: 100%;
        height: 100%; /*auto;*/
        min-height: 0;
        padding-left: 0;
        padding-right: 0;
    }

    #right-wrapper {
        position: relative;
        width: 100%;
        height: auto;
        min-height: 0;
    }

    body.inside #left-wrapper {
        /*display: none;*/
        position: absolute;
    }

    body.inside.end #left-wrapper {
        /*position: relative;*/
    }

    body.inside #right-wrapper {
        /*display: none;*/
    }

    body.inside.end.win #left-wrapper {
        display: block;
        width: 100%;
        position: relative;
        margin-bottom: 0; /*15px; /*60px; /*30px;*/
        border-right: 0;
        padding-bottom: 10px;
        /*border-bottom: 12px solid #D9CBA7;*/
    }

    body.inside.end.lose #left-wrapper {
        display: block;
        width: 100%;
        position: relative;
        margin-bottom: 0; /*15px; /*15px; /*50px; /*30px;*/
        border-right: 0;
        padding-bottom: 10px;
        /*border-bottom: 12px solid #D9CBA7;*/
    }

    body.inside.end.win #right-wrapper {
        display: block;
        width: 100%;
        margin-bottom: 0; /*15px;*/
    }

    body.inside.end.lose #right-wrapper {
        display: block;
        width: 100%;
        margin-bottom: 0; /*15px;*/
    }

    /*body.inside.end #layout-content {
        min-height: 660px;
    }*/

    #left-wrapper .left-image {
        max-height: none;
        max-width: 381px;
        top: 0;
        margin-bottom: 15px;
    }

    body.win #image-top-left {
        position: static;
        margin-top: 10px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 232px;
    }

    body.win #image-bottom-left {
        position: static;
        margin-top: 20px;
        margin-bottom: 10px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 135px;
    }

    body.lose #image-top-left {
        position: static;
        margin-top: 10px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 232px;
    }

    body.lose #image-bottom-left {
        position: static;
        margin-top: 20px;
        margin-bottom: 10px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 135px;
    }

    body.inside {
        /*background-position: calc(50% - 270px) center;*/
    }

    #finished img.finish_text {
        /*height: 180px;
        margin-top: -90px;*/
    }

    #finished .finish_text {
        padding-bottom: 50%;
    }

    /*body.finished {
        overflow-y: hidden;
    }*/

    /*body.inside.end.win #full-wrapper {
        left: -15px;
        width: calc(100% + 30px);
    }

    body.inside.end.lose #full-wrapper {
        left: -15px;
        width: calc(100% + 30px);
    }*/

    #finished .finish_image {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    body.finished #main-content {
        height: calc(100vh - 297px);
    }

    #finished .background-layer-finished {
        height: calc(100vh - 297px);
    }

    body.finished #finished .table {
        height: calc(100vh - 297px); /*auto;*/
        min-height: 450px;
    }

    body.inside:not(.end) #left-wrapper {
        min-width: 100%;
    }

    body.inside:not(.end) #right-wrapper {
        min-width: 100%;
    }

    body.end.win #full-wrapper .logo {
        position: /*absolute;*/ relative;
    }

    body.end.lose #full-wrapper .logo {
        position: /*absolute;*/ relative;
    }

    #full-wrapper .info-text {
        font-size: 20px;
        margin-bottom: 140px;
    }

    body.home #full-wrapper .logo {
        max-width: 165px;
    }

    #result-wrapper #winner-image {
        /*margin-top: 0;*/
    }

    #result-wrapper #lose-image {
        /*margin-top: 0;*/
    }

    body.home #full-wrapper {
        min-height: calc(100vh - 310px); /*calc(100vh - 286px);*/
    }

    body.home footer {
        min-height: 286px;
        box-sizing: border-box;
        height: 310px;
    }
    /* Gerard */

    body.win #result-wrapper #winner-image.desktop {
        display: none;
    }

    body.win #result-wrapper #winner-image.mobile {
        display: block;
    }

    body.lose #result-wrapper #lose-image.desktop {
        display: none;
    }

    body.lose #result-wrapper #lose-image.mobile {
        display: block;
    }
}

@media (max-width: 576px) {
    /*#winner-note {
        top: 55%;
    }*/

    #user-form form .label-group {
        padding-right: 5px;
    }

    #user-form .title > div {
        display: inline;
    }

    #finished .image {
        /*background-size: 200%;*/
    }

    #full-wrapper .main-image.desktop {
        display: none;
    }

    #full-wrapper .main-image.mobile {
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding-left: 5%;
        padding-right: 5%;
        width: 90%;
    }

    #main-content {
        background-size: 155%;
        /*background-position: -5% bottom;*/
        background-position-x: -5%;
        background-position-y: bottom -2px;
    }

    #full-wrapper .info-text {
        font-size: 16px;
    }
}

/*@media (max-height: 900px) {
    #user-form {
        position: relative;
        height: auto;
        top: 0;
        margin-top: 0;
    }

    #user-form > .title  {
        padding-top: 15px;
    }

    #result-wrapper {
        margin-top: 30px;
    }
}*/

@media (max-height: 970px) {
    /*body.inside.end.win #left-wrapper .table .table-cell.align-middle {
        vertical-align: top;
    }

    body.inside.end.lose #left-wrapper .table .table-cell.align-middle {
        vertical-align: top;
    }*/
}

@media (max-height: 900px) {
    .float-logo {
        top: 30px;
    }

    body.inside.end.win #full-wrapper {
        /*height: calc(100vh - 130px);
        min-height: 770px;*/
    }

    /*body.inside.end.win #left-wrapper {
        padding-top: 15px;
    }*/

    body.inside.end.lose #full-wrapper {
        /*height: calc(100vh - 130px);
        min-height: 770px;*/ 
    }

    /*body.inside.end.lose #left-wrapper {
        padding-top: 15px;
    }*/

    body.inside.end.win {
        /*min-height: 900px;*/
    }

    body.inside.end.lose {
       /*min-height: 900px;*/
    }
}

@media (max-height: 650px) {
    #full-wrapper .logo {
        /*position: static;
        margin-bottom: 0;
        margin-top: 0;*/
    }

    #full-wrapper {
        /*min-height: 300px;*/
    }
}

@media (max-width: 768px) {
    body.inside.end.win #full-wrapper {
        height: calc(100vh - 298px); /*calc(100vh - 325px);*/
        min-height: 400px;

        /*height: calc(100vh - 325px);*/
    }

    body.inside.end.lose #full-wrapper {
        height: calc(100vh - 298px); /*calc(100vh - 325px);*/
        min-height: 400px;

        /*height: calc(100vh - 325px);*/
    }

    body.inside.end.win #left-wrapper {
        padding-top: 0;
    }

    body.inside.end.lose #left-wrapper {
        padding-top: 0;
    }

    /*body.finished #finished {
        height: calc(100vh - 325px);
    }*/

    body.inside.end.win footer, body.inside.end.lose footer {
        min-height: 268px; /* 298 - 30px */
        box-sizing: border-box;
        min-height: 298px;
    }

    body.finished footer {
        box-sizing: border-box;
        min-height: 272px; 
    }

    body.finished #full-wrapper {
        height: calc(100vh - 272px);
        min-height: 0; /*300px;*/
    }

}