﻿.tv-spot a:not(.btn) {
    color: #fff;
}

.tv-spot a:not(.btn):active, .tv-spot a:not(.btn):focus, .tv-spot a:not(.btn):hover {
    color: #fff;
    /*opacity: 0.8;*/
}

body.homepage.tv-spot-white.version-2 .top, body.homepage.tv-spot-white.version-3 .top, body.homepage.tv-spot-white.coupon .top, body.homepage.tv-spot-white.student .top {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
}

body.homepage .top .container{
    margin-left: 50px;
}

body.homepage.tv-spot .navbar-brand {
    content: url(../images/homepage-logo-white.svg);
    width: 180px;
}

body.homepage.tv-spot #front-page-header {
    /*background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 70%, rgba(0, 0, 0, 0) 100%);*/
    background-color: #202020;
    border: none;
    box-shadow: 0px -3px 8px 6px;
}

body.homepage.tv-spot .top .container{
    float: left;
    flex: 2;
    max-width: 1170px;
    /*background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #000000 46.77%);*/
    padding-left: 5vw;
    padding-bottom: 50px;
}

/*body.homepage.tv-spot-white .top .container {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #000000 46.77%);
}*/
/*.coupon .representational-example .first-loan-column*/
body.homepage.white-version.coupon .calcRow, .coupon #linkZadost, body.homepage .couponBackground, .coupon .representational-example .first-loan-header-column {
    display: none;
}


.coupon .representational-example table td, .coupon .representational-example table th {
    width: auto;
}

body.homepage.tv-spot-white.rychla-pujcka.white-version.coupon .top .container {
    margin: auto;
}

body.homepage.tv-spot-white.rychla-pujcka.white-version.coupon #sectionTop.top {
    background-image: none !important;
    padding-right: 0;
    padding-top: 150px;
}
body.homepage.coupon #slider-calculator .couponImage {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: auto;
    background-image: url(../images/kamali-k-group-1.svg), url(../images/kamali-k-group-2.svg);
    background-position-x: right, left;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 0 100px;
}
@media (min-width: 479px) {
    body.homepage.tv-spot-white.rychla-pujcka.white-version.coupon.version-2 .top .container {
        max-width: 70%;
    }
    body.coupon.version-2 .calculatorBox .peopleLeft{
        margin-left: -30%;
    }
    body.homepage.coupon.version-2 #slider-calculator .couponImage {
        left: -30%;
        position: relative;
        margin: auto;
    }
    body.homepage.homepage-version-1.rychla-pujcka.coupon.version-2 #slider-calculator .landing-page-top-buttons {
        width: 120%;
        margin-left: -10%;
        gap: 10px;
    }
    body.coupon.version-2 .representational-example {
        position: absolute;
        left: -10%;
        top: 100px;
        width: 120%;
    }
/*    body.coupon.version-2 .representational-example table{
        margin: auto;
    }*/
    body.coupon.version-2 .calculatorBox .peopleLeft .subtitle {
        max-width: 600px;
        margin: auto;
    }
    body.homepage.tv-spot-white.rychla-pujcka.white-version.coupon.version-2 #sectionTop.top {
        /*        background-image: url(../images/homepage-coupon-bg.png) !important;
        background-size: cover;
        background-position-y: center;
        background-position-x: 70%;
        padding-bottom: 0;
        overflow: visible;*/
        background-image: url(../images/homepage-tv-spot-background-v4.webp) !important;
        margin-top: 90px;
        background-size: 50%;
        background-position-x: right;
        background-position-y: top;
        padding-top: 60px;
        padding-bottom: 0;
        overflow: visible;
    }
    body.homepage.tv-spot-white.coupon.version-2 #sectionPaydayLoans {
        margin-top: 300px;
    }
}
@media (min-width: 479px) and (max-width: 991px) {
    body.coupon.version-2 .calculatorBox .peopleLeft {
        padding-left: 80px;
    }
}
@media (min-width: 479px) and (max-width: 1550px) {
    body.coupon.version-2 .calculatorBox .peopleLeft {
        padding-left: 80px;
    }
    body.homepage.tv-spot-white.rychla-pujcka.white-version.coupon.version-2 #sectionTop.top {
        background-position-y: 70px;
        background-size: 50%;
    }
    body.coupon.version-2 .calculatorBox .peopleLeft .subtitle {
        max-width: 400px;
    }
}
@media (min-width: 479px) and (max-width: 767px) {
    .homepage-version-1.rychla-pujcka.white-version.coupon .calculatorBox {
        background: none;
        box-shadow: none;
    }

    body.coupon.version-2 .calculatorBox .peopleLeft {
        padding: 0 50px;
        /*width: 100%;*/
        font-size: 80%;
        /*margin-left: -25%;*/
        width: 80%;
        margin-left: -20%;
    }

    body.coupon.version-2 #slider-calculator .title {
        font-size: 2.3rem;
    }

    body.coupon.version-2 .calculatorBox .peopleLeft .js-title br {
        display: none;
    }

    body.homepage.coupon.version-2 #slider-calculator .couponImage {
        padding: 0;
        left: 0;
    }
}
body.homepage.tv-spot-white.coupon .headImage, body.homepage #slider-calculator .landing-page-top-buttons {
    display: none;
}

/*ody.homepage.homepage-version-1.coupon #slider-calculator .landing-page-top-buttons, body.homepage.tv-spot-white.coupon #slider-calculator .landing-page-top-buttons {
    display: block;
}*/

.homepage-version-1.rychla-pujcka.coupon #slider-calculator{
    margin-top: 0px;
}
body.homepage.homepage-version-1.rychla-pujcka.coupon #slider-calculator .landing-page-top-buttons {
    display: flex;
    justify-content: center;
    margin: 0;
}
.homepage-version-1.rychla-pujcka.coupon #sectionTop .col {
    padding: 30px 20px 0px;
    width: auto;
    flex-grow: 1;
    font-size: 90%;
    flex: 1;
    min-height: 150px; 
}

.coupon .representational-example td{
    position: relative;
}
.coupon .js-calculator-slider-amount-total, .coupon .js-calculator-slider-rpsn, .coupon .js-calculator-slider-loan-fee {
    visibility: hidden;
}
.coupon .js-calculator-slider-amount-total:after, .coupon .js-calculator-slider-rpsn:after, .coupon .js-calculator-slider-loan-fee:after {
    visibility: visible;
    display: block;
    position: absolute;
    top: 4px;
    color: #79ab16;
}

.coupon .js-calculator-slider-amount-total:after {
    content: '15 000 K\010D';
}

.coupon .js-calculator-slider-rpsn:after {
    content: '0 %';
}

.coupon .js-calculator-slider-loan-fee:after {
    content: '0 K\010D';
}

/*.coupon .first-loan-header-column + th {
    color: #79ab16;
}*/

.coupon .couponGreen {
    color: #79ab16 !important;
}

body.homepage.coupon .hideCoupon {
    display: none !important;
}
.homepage-version-1.rychla-pujcka.white-version.coupon .calculatorBox {
    padding-top: 0;
}
.homepage-version-1.rychla-pujcka.coupon .representational-example {
    display: block;
}
body.homepage.tv-spot-white.coupon #sectionPaydayLoans{
    padding-top: 0;
}
body.homepage.tv-spot:not(.rychla-pujcka) #calc1, body.homepage.tv-spot-white:not(.rychla-pujcka) #calc1 {
    margin-left: 0;
}

@media (min-width: 1200px) {
    body.homepage.tv-spot-white.version-2 #calc1 {
        margin-left: 8.33333333%;
    }
}


body.homepage.tv-spot .calcRow {
    padding: 0 10%;
    min-height: 120px;
}

body.homepage.tv-spot #sectionTop.top, body.homepage.tv-spot-white #sectionTop.top {
    /*background-image: url(../images/homepage-tv-spot-background-v2-desktop.webp);*/
    background-image: url(../images/homepage-tv-spot-background.webp);
    background-size: cover;
    /*background-position-x: center;*/
    background-position-y: 40px;
    top: -90px;
    display: flex;
    margin-bottom: -90px;
    background-repeat: no-repeat;
    /*    box-shadow: #000 0px 20px 50px 20px;
    -webkit-box-shadow: #000 0px 20px 50px 20px;*/
}

body.homepage.tv-spot-white #sectionTop.top {
    margin-bottom: -120px;
    background-size: contain;
    background-position-x: right;
    background-position-y: bottom;
    margin-top: 100px;
    box-shadow: none;
    -webkit-box-shadow: none;
    /*background-image: url(../images/homepage-tv-spot-background-full.webp);*/
    background-image: url(../images/homepage-tv-spot-background-v2-desktop.webp);
}

body.homepage.tv-spot-white #sectionTop.top.has-background {
    background-position-y: top;
}

body.homepage.tv-spot-white.version-2 #sectionTop.top {
    background-image: url(../images/homepage-tv-spot-background-v2_1.webp);
    background-position-x: calc(100% - 15%);
    background-size: contain;
}

body.homepage.tv-spot-white.version-3 #sectionTop.top {
    background-image: url(../images/homepage-tv-spot-background-v4.webp);
    background-position-y: top;
    /*background-position-y: 30px;*/
    /*    background-position-x: calc(100% - 15%);
    background-size: contain;*/
}

body.homepage.tv-spot-white.student #sectionTop.top {
    background-image: url(../images/homepage-student.webp);
    background-size: contain;
    background-position-y: top;
}

.homepage-version-1.student #slider-calculator .btn{
    margin-bottom: 0;
}

@media (min-width: 1200px) and (max-width: 1500px) {
    body .homepage.tv-spot-white.version-2 #sectionTop.top {
        background-position-x: right;
    }
    body.homepage.tv-spot-white.student #sectionTop.top {
        background-size: 50%;
    }
}

@media (min-width: 1200px) {
    body.homepage.tv-spot-white.version-2 #sectionTop.top {
        background-position-y: bottom;
        margin-top: 100px;
    }
}

@media (max-width: 1199px) {
    body.homepage.tv-spot #sectionTop.top/*, body.homepage.tv-spot-white #sectionTop.top*/ {
        background-position-x: center;
    }
}


@media (max-width: 1750px) {
    body.homepage.tv-spot-white #sectionTop.top {
        background-size: 50%;
        background-position-y: 100px;
    }
}

@media (min-width: 1750px) {
    body.homepage.tv-spot-white.version-3 #sectionTop.top {
        background-size: 50%;
    }
}

@media (min-width: 1501px) {
    body.homepage.tv-spot-white.student #sectionTop.top {
        background-position-x: 80%;
    }
}

/*@media (min-width: 2000px) {
    body.homepage.tv-spot-white.version-3 #sectionTop.top {
        background-position: 40vw top;
        background-size: contain;
    }
}*/

body.homepage.tv-spot-white #sectionPaydayLoans {
    position: relative;
    padding-top: 100px;
    background-color: var(--primary-gray-background);
}

/*    body.homepage.tv-spot-white #sectionPaydayLoans:before {
        content: '';
        height: 200px;
        position: absolute;
        top: -30px;
        background-image: url(../images/homepage-tv-spot-wave.svg);
        width: 100%;
        background-size: cover;
        background-repeat: no-repeat;
    }*/
/*.homepage-version-1.tv-spot .paydayLoans .col, .homepage-version-1.tv-spot-white .paydayLoans .col {
    margin: 0 0.4%;
    width: 32.5%;
}*/
@media (min-width: 992px) {
    .homepage-version-1.tv-spot .col, .homepage-version-1.tv-spot-white .col {
        margin: 0 0.4%;
        width: 32.5%;
    }
}

@media (min-width: 768px) {
    body.homepage.tv-spot-white .top .container {
        padding-bottom: 0;
        float: left;
        /*margin: inherit;*/
    }
    body.homepage.tv-spot-white .top.has-background .container {
        margin: auto;
    }
}

/*@media (min-width: 1600px) {
    body.homepage.tv-spot-white .top .container {
        padding-left: 10%;
    }
}*/

/*@media (min-width: 1770px) and (max-width: 2370px) {
    body.homepage.tv-spot #sectionTop.top, body.homepage.tv-spot-white #sectionTop.top {
        background-size: contain;
        background-position-x: right;
    }
    body.homepage.tv-spot-white #sectionTop.top{
        margin-top: 60px;
    }
}*/

.homepage-version-1.tv-spot #slider-calculator .title, .homepage-version-1.tv-spot h3 {
    background: none;
    color: #fff;
    -webkit-text-fill-color: unset;
}

body.homepage.tv-spot .HPOrder, body.homepage.tv-spot-white .HPOrder {
    display: none;
}

body.homepage.tv-spot .HPOrder img, body.homepage.tv-spot-white .HPOrder img {
    content: none;
}

body.homepage.tv-spot #slider-calculator .js-slider, body.homepage.tv-spot-white #slider-calculator .js-slider{
    margin-bottom: 0;
}

.homepage-version-1.tv-spot #slider-calculator .js-slider .slider-button, .homepage-version-1.tv-spot #slider-calculator .js-slider .handle .inner {
    box-shadow: none;
    border-color: transparent;
    border-radius: 50px;
}

.homepage-version-1.tv-spot #slider-calculator .js-slider .rail .line .fill {
    background-color: #333;
}

.homepage-version-1.tv-spot #slider-calculator .js-slider .rail .line{
    background-color: #444;
}

.homepage-version-1.tv-spot #slider-calculator .js-slider .label, .homepage-version-1.tv-spot-white #slider-calculator .js-slider .label {
    color: #A9A9A9;
}

.homepage-version-1.tv-spot .representational-example {
    border: none;
    color: #fff;
    padding: 0 20px;
}

.homepage-version-1.tv-spot .representational-example table .divider:before, .homepage-version-1.tv-spot-white .representational-example table .divider:before {
    display: none;
}

.homepage-version-1.tv-spot #slider-calculator .js-slider .handle .tooltip, .homepage-version-1.tv-spot-white #slider-calculator .js-slider .handle .tooltip {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 70%, rgba(0, 0, 0, 0) 100%);
    color: #bdbdbd;
}

.homepage-version-1 .tv-spot-top-box, .homepage-version-1 .tv-spot-top-box-mobile {
    display: none;
}

.homepage-version-1.tv-spot .tv-spot-top-box{
    display: block;
    flex: 1;
    align-self: flex-end;
    margin-bottom: 20vh;
}

.homepage-version-1.tv-spot .tv-spot-top-box span, .homepage-version-1.tv-spot-white .tv-spot-top-box span, .homepage-version-1.tv-spot .tv-spot-top-box-mobile span, .homepage-version-1.tv-spot-white .tv-spot-top-box-mobile span {
    font-weight: 700;
    font-size: 56px;
    line-height: 106px;
    display: block;
    color: #FFFD00;
    text-shadow: rgb(114, 58, 131) 4px 0px 0px, rgb(114, 58, 131) 3.87565px 0.989616px 0px, rgb(114, 58, 131) 3.51033px 1.9177px 0px, rgb(114, 58, 131) 2.92676px 2.72656px 0px, rgb(114, 58, 131) 2.16121px 3.36588px 0px, rgb(114, 58, 131) 1.26129px 3.79594px 0px, rgb(114, 58, 131) 0.282949px 3.98998px 0px, rgb(114, 58, 131) -0.712984px 3.93594px 0px, rgb(114, 58, 131) -1.66459px 3.63719px 0px, rgb(114, 58, 131) -2.51269px 3.11229px 0px, rgb(114, 58, 131) -3.20457px 2.39389px 0px, rgb(114, 58, 131) -3.69721px 1.52664px 0px, rgb(114, 58, 131) -3.95997px 0.56448px 0px, rgb(114, 58, 131) -3.97652px -0.432781px 0px, rgb(114, 58, 131) -3.74583px -1.40313px 0px, rgb(114, 58, 131) -3.28224px -2.28625px 0px, rgb(114, 58, 131) -2.61457px -3.02721px 0px, rgb(114, 58, 131) -1.78435px -3.57996px 0px, rgb(114, 58, 131) -0.843183px -3.91012px 0px, rgb(114, 58, 131) 0.150409px -3.99717px 0px, rgb(114, 58, 131) 1.13465px -3.8357px 0px, rgb(114, 58, 131) 2.04834px -3.43574px 0px, rgb(114, 58, 131) 2.83468px -2.82216px 0px, rgb(114, 58, 131) 3.44477px -2.03312px 0px, rgb(114, 58, 131) 3.84068px -1.11766px 0px, rgb(114, 58, 131) 3.9978px -0.132717px 0px;
}

/*.homepage-version-1.tv-spot #slider-calculator .gray, .homepage-version-1.tv-spot-white #slider-calculator {
    color: #fff;
}*/

.homepage-version-1.tv-spot-white #slider-calculator{
    margin-top: 50px;
}

body.landingPage.homepage-version-1.tv-spot .sectionA, body.landingPage.homepage-version-1.tv-spot .graph, body.landingPage.homepage-version-1.tv-spot .twoSteps {
    /*background-color: #202020;*/
    padding-top: 100px;
    color: #fff;
    /*    background-image: url(../images/homepage-tv-spot-background-lights.png);
background-size: cover;
background-repeat: no-repeat;
background-position-x: center;
background-attachment: fixed;*/
}

body.landingPage.homepage-version-1.tv-spot #sectionPaydayLoans.sectionA {
    padding-top: 0;
}

body.landingPage.homepage-version-1.tv-spot .sectionA .headline, body.landingPage.homepage-version-1.tv-spot .sectionA .title, body.landingPage.homepage-version-1 #sectionGraph .headline, .homepage-version-1.tv-spot .pink {
    color: #fff;
}

body.landingPage.homepage-version-1.tv-spot-white #sectionGraph .headline {
    color: #d7007f;
}

body.homepage.homepage-version-1.tv-spot .download-block {
    .tv-spot
}

body.homepage.homepage-version-1.tv-spot .homepage-qr {
    content: url(../images/homepage-tv-spot-qr.svg);
    height: 90px;
    filter: none;
    margin-top: -47px;
    margin-left: 10px;
}

.homepage-version-1.tv-spot .col {
    box-shadow: none;
    -webkit-box-shadow: none;
    backdrop-filter: blur(70px);
    background-color: rgba(0, 0, 0, 0.32);
}

body.homepage.homepage-version-1.tv-spot .graph .item .bar {
    background: rgba(0, 0, 0, 0.32);
}

body.homepage.homepage-version-1.tv-spot .graph .item .bar {
    height: 40px;
    line-height: 40px;
    font-size: 18px;
}

body.homepage.homepage-version-1.tv-spot .guarantee .box {
    box-shadow: none;
    -webkit-box-shadow: none;
    backdrop-filter: blur(70px);
    background-color: rgba(0, 0, 0, 0.22);
    color: #fff;
}

body.homepage.homepage.homepage-version-1.tv-spot .graph .box .boxTitle {
    color: #DCDC00;
    -webkit-text-fill-color: #DCDC00;
}

body.homepage.homepage-version-1.tv-spot .graph .infoText {
    color: #fff;
}

body.homepage.homepage-version-1.tv-spot .graph .picture img {
    max-width: 90px;
}

body.homepage.homepage-version-1.tv-spot .graph .picture.viasms img {
    content: url(../images/homepage-tv-spot-viasms.png);
}

body.homepage.homepage-version-1.tv-spot .graph .picture.zaplo img {
    content: url(../images/homepage-tv-spot-zaplo.png);
}

body.homepage.homepage-version-1.tv-spot .graph .picture.credit img {
    content: url(../images/homepage-tv-spot-credit.png);
}

body.homepage.homepage-version-1.tv-spot .graph .picture.ferratum img {
    content: url(../images/homepage-tv-spot-ferratum.png);
}

body.homepage.homepage-version-1.tv-spot .clovekvtisni-svg-img {
    content: url(../images/homepage-tv-spot-clovek-v-tisni.png);
    max-width: 100%;
}

body.homepage.homepage-version-1.tv-spot .twoSteps table, body.homepage.homepage-version-1.tv-spot .fairSafely .inner {
    background-color: transparent;
}

body.homepage.homepage-version-1.tv-spot .fairSafely .inner {
    backdrop-filter: blur(70px);
    box-shadow: none;
    -webkit-box-shadow: none;
    background-color: rgba(0, 0, 0, 0.22);
    border-radius: 15px;
}

    body.homepage.homepage-version-1.tv-spot .fairSafely .inner .text {
        color: #fff;
    }

body.homepage.homepage-version-1.tv-spot .twoSteps table td .bubbleBox {
    box-shadow: none;
    -webkit-box-shadow: none;
}

body.homepage.homepage-version-1.tv-spot #callMeBack {
    margin: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    padding-left: 20%;
    padding-right: 20%;
    position: relative;
}

body.homepage.homepage-version-1.tv-spot #callMeBack .callMeBackImgBox {
    margin: 0 0 -55px;
}

body.homepage.homepage-version-1.tv-spot-white #callMeBack {
    position: relative;
}

body.landingPage.homepage-version-1.tv-spot #callMeBack .box.boxPink {
    background-color: transparent;
}

body.landingPage.homepage-version-1.tv-spot .box.boxPink .checkbox a {
    color: #fff;
    text-decoration-color: transparent;
}

body.homepage.homepage-version-1.tv-spot .twoSteps table td {
    backdrop-filter: blur(70px);
    background-color: rgba(0, 0, 0, 0.22);
    border-radius: 15px;
    margin-right: 5px;
}

body.homepage.homepage-version-1.tv-spot .twoSteps table tr td:first-child {
    backdrop-filter: none;
    background: none;
}

body.homepage.homepage-version-1.tv-spot .twoSteps table:before {
    width: 3px;
    z-index: 1;
    height: 79%;
}

body.homepage.homepage-version-1.tv-spot #mobilePhone2 {
    background-color: #1C1C1C;
    border: none;
    color: #fff;
}

body.landingPage.homepage-version-1.tv-spot .box.boxPink .validationMessage {
    max-width: 300px;
    margin: 20px auto;
    backdrop-filter: blur(70px);
    background-color: rgba(0, 0, 0, 0.22);
    color: white;
    border: none;
}

body.landingPage.homepage-version-1.tv-spot #mobilePhoneSpan {
    color: #fff;
}

body.landingPage.homepage-version-1.tv-spot .box.boxPink .smallTooltip {
    background-color: rgba(114, 58, 131, 0.93);
    border-radius: 15px;
    color: rgb(255, 255, 255);
    padding: 10px 25px;
    backdrop-filter: blur(7px);
    background-color: rgba(0, 0, 0, 0.22);
}

body.landingPage.tv-spot .box.boxPink .bigTooltip {
    background-color: rgba(114, 58, 131, 0.93);
    backdrop-filter: blur(7px);
    background-color: rgba(0, 0, 0, 0.22);
}

    body.landingPage.tv-spot .box.boxPink .bigTooltip p {
        color: #fff;
    }

        body.landingPage.tv-spot .box.boxPink .bigTooltip p span.title {
            font-weight: 700;
        }

body.landingPage.tv-spot .tooltip .linkIcon:before {
    color: #fff;
    line-height: 19px;
    border-width: 3px;
}

body.homepage.homepage-version-1.tv-spot #callMeBack > img, body.homepage.homepage-version-1.tv-spot-white #callMeBack > img {
    position: absolute;
    top: 20px;
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);
}

body.homepage.homepage-version-1.tv-spot .callMeBackContainer {
    /*backdrop-filter: blur(70px);*/
    padding: 30px 50px 50px;
    border-radius: 15px;
    border: solid 1px transparent;
    background-color: rgba(0, 0, 0, 0.22);
}

#wrapper {
    position: relative;
}

/*body.landingPage.homepage-version-1.tv-spot #pageFooter {
    position: relative;
    box-shadow: #d7007f 0px -20px 35px 20px;
}*/

body.homepage.homepage-version-1.tv-spot #parallax {
    /*background-color: #202020;*/
    /*background-image: url(../images/homepage-tv-spot-background-big.png);*/
    /*background-image: url(../images/homepage-tv-spot-light-3.svg), url(../images/homepage-tv-spot-light-1.svg), url(../images/homepage-tv-spot-light-2.svg);*/
    /*background-size: 120%;*/
    /*background-repeat: no-repeat;*/
    /*background-position-x: center;*/
    /*background-attachment: fixed;*/
    /*background-position: 90% 20%, 40% 60%, -25% 75%;*/
    /*    margin-top: -160vh;
    padding-top: 160vh;*/
    /*content: '';*/
    background-repeat: no-repeat;
    background-position: center;
    height: 100vh;
    width: 100vw;
    position: fixed;
    z-index: -10;
    background-image: url(../images/homepage-tv-spot-light-3.svg), url(../images/homepage-tv-spot-light-1.svg), url(../images/homepage-tv-spot-light-2.svg);
    /*background-position: 59.99% -20.61%, 48.33% 77.87%, 30.165% 50.935%;*/
    background-position: 90% 20%, 40% 60%, -25% 75%;
    background-size: 120%;
    top: 0;
    left: 0;
    background-color: #202020;
}

/*body.homepage.homepage-version-1.tv-spot #parallax:before {
    content: '';
    background-repeat: no-repeat;
    background-position: center;
    height: 100vh;
    width: 100vw;
    position: fixed;
    z-index: -10;
    background-image: url(../images/homepage-tv-spot-light-3.svg), url(../images/homepage-tv-spot-light-1.svg), url(../images/homepage-tv-spot-light-2.svg);
    background-position: 90% 20%, 40% 60%, -25% 75%;
    background-size: 120%;
    top: 0;
    left: 0;
}*/

body.homepage.homepage-version-1.tv-spot section {
    background-color: transparent;
}

.homepage-version-1.tv-spot #slider-calculator .lds-default, .homepage-version-1.tv-spot-white #slider-calculator .lds-default{
    margin-top: 10px;
}

body.homepage.homepage-version-1.tv-spot .calcRow, body.homepage.homepage-version-1.tv-spot-white .calcRow {
    margin-bottom: 20px;
}

body.coupon .representational-example table {
    margin: 50px auto 0;
}

@media (max-width: 767px) {
    body.homepage.tv-spot #sectionTop.top, body.homepage.tv-spot-white #sectionTop.top {
        display: inherit;
        padding-top: 150px;
        background-image: url(../images/homepage-tv-spot-background-small.webp);
        top: -20px;
        background-size: contain;
        background-position-y: unset;
    }

    body.homepage.tv-spot-white #sectionTop.top {
        top: 0;
        padding-top: 200px;
        margin-top: 0;
    }

    body.homepage.tv-spot-white #sectionTop.top {
        background-image: url(../images/homepage-tv-spot-background-v2-mobile.webp);
    }

    body.homepage.tv-spot-white.version-2 #sectionTop.top {
        background-image: url("../images/homepage-tv-spot-background-v2_1.webp");
    }

    body.homepage.tv-spot .top .container {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 26.77%);
        /*box-shadow: 0px 10px 20px #000;*/
        box-shadow: 0px 13px 10px 0px #000;
        padding-left: 15px;
        padding-right: 20px;
    }

    .homepage-version-1.tv-spot .tv-spot-top-box, .homepage-version-1.tv-spot-white .tv-spot-top-box {
        display: none;
    }

    .homepage-version-1.tv-spot .tv-spot-top-box-mobile {
        display: block;
    }

    .homepage-version-1.tv-spot .tv-spot-top-box-mobile span, .homepage-version-1.tv-spot-white .tv-spot-top-box-mobile span {
        font-size: 27px;
        line-height: 42px;
    }

/*    .homepage-version-1.tv-spot #front-page-header #info, .homepage-version-1.tv-spot-white #front-page-header #info {
        padding-top: 10px;
    }*/

    body.homepage.tv-spot .navbar-brand, body.homepage.tv-spot-white .navbar-brand {
        max-width: 150px;
    }

    body.homepage.tv-spot, body.homepage.tv-spot-white {
        background-color: #202020;
    }

    body.homepage.tv-spot-white section {
        background-color: #fff;
    }

    body.homepage.homepage-version-1.tv-spot #parallax {
        background-size: 220%;
        background-position: 99.99% -1000.61%, 48.33% 907.87%, 30.165% -500.935%;
    }

    body.homepage.homepage-version-1.tv-spot .col {
        box-shadow: none;
        -webkit-box-shadow: none;
    }

/*    body.homepage.homepage-version-1.tv-spot .js-equalizer, body.homepage.homepage-version-1.tv-spot-white .js-equalizer {
        padding: 0 20px;
    }*/

    body.homepage.homepage-version-1.tv-spot .graph .item .bar, body.homepage.homepage-version-1.tv-spot-white .graph .item .bar {
        font-size: 15px;
    }

    body.landingPage.homepage-version-1.tv-spot #sectionThreeSteps.sectionA, body.landingPage.homepage-version-1.tv-spot-white #sectionThreeSteps.sectionA {
        padding-left: 50px;
        padding-right: 50px;
    }

    body.homepage.homepage-version-1.tv-spot #callMeBack, body.homepage.homepage-version-1.tv-spot-white #callMeBack {
        padding-left: 15px;
        padding-right: 20px;
        margin: 0;
        border-radius: 0;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    body.homepage.homepage-version-1.tv-spot #slider-calculator, body.homepage.homepage-version-1.tv-spot-white #slider-calculator {
        padding-top: 20px;
    }

    body.homepage.homepage-version-1.tv-spot #callMeBack .box.boxPink .inner, body.homepage.homepage-version-1.tv-spot-white #callMeBack .box.boxPink .inner {
        margin: auto;
    }

    body.homepage.homepage-version-1.tv-spot .callMeBackContainer, body.homepage.homepage-version-1.tv-spot-white .callMeBackContainer {
        padding: 50px 20px 0;
        box-shadow: 5px 5px 25px rgb(200 200 200 / 50%);
        -webkit-box-shadow: 5px 5px 25px rgb(200 200 200 / 50%);
        /*margin-top: -50px;*/
        border-radius: 15px;
    }

    body.homepage.homepage-version-1.tv-spot .callMeBackContainer {
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    .homepage-version-1.tv-spot .col, .homepage-version-1.tv-spot-white .col {
        margin: 0 0 5px;
        width: auto;
    }

    .homepage-version-1.tv-spot #callMeBack > div > div > div:nth-child(1) > h2, .homepage-version-1.tv-spot-white #callMeBack > div > div > div:nth-child(1) > h2 {
        margin: 0;
    }
/*    .coupon .js-calculator-slider-amount-total:after, .coupon .js-calculator-slider-rpsn:after, .coupon .js-calculator-slider-loan-fee:after {
        top: 20px;
    }*/
    .coupon .representational-example .hidden-xs {
        display: block !important;
    }
    .coupon .representational-example .visible-xs {
        display: none !important;
    }
}

@media (max-width: 479px) {
    .homepage-version-1.tv-spot #slider-calculator .js-slider, .homepage-version-1.tv-spot-white #slider-calculator .js-slider {
        margin-top: 0px;
    }

    body.homepage.tv-spot #sectionTop.top, body.homepage.tv-spot-white #sectionTop.top {
        background-size: auto;
    }

    body.homepage.homepage-version-1.tv-spot #parallax {
        background: none;
    }

    body.homepage.homepage-version-1.tv-spot #parallax:before {
        content: '';
        background-repeat: no-repeat;
        background-position: center;
        height: 100vh;
        width: 100vw;
        position: fixed;
        z-index: -10;
        background-image: url(../images/homepage-tv-spot-light-3.svg), url(../images/homepage-tv-spot-light-1.svg), url(../images/homepage-tv-spot-light-2.svg);
        background-position: 59.99% -20.61%, 48.33% 77.87%, 30.165% 50.935%;
        top: 0;
        left: 0;
    }
    body.landingPage.homepage-version-1.tv-spot #sectionPaydayLoans.sectionA{
        padding-top: 100px;
    }
    body.homepage.homepage-version-1.tv-spot .calcRow, body.homepage.homepage-version-1.tv-spot-white .calcRow {
        margin-top: 50px;
        min-height: 60px;
    }
    body.homepage.homepage-version-1.tv-spot-white #callMeBack .callMeBackImgBox {
        margin: 0 0 -55px;
    }
    body.homepage.tv-spot .navbar-brand, body.homepage.tv-spot-white .navbar-brand {
        width: 120px;
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
    }
    body.homepage.tv-spot-white #slider-calculator .title {
        font-size: 1.7rem;
        font-weight: 700;
        margin-top: 70px;
    }

    .homepage-version-1.rychla-pujcka.coupon #sectionTop .col {
        padding: 20px 5px 0px;
        font-size: 80%;
    }
    body.homepage.homepage-version-1.rychla-pujcka.coupon #slider-calculator{
        margin-top: 50px;
    }
    body.homepage.tv-spot-white.rychla-pujcka.white-version.coupon #sectionTop.top {
        padding-top: 30px;
    }
    body.homepage.tv-spot-white.coupon #slider-calculator .title {
        font-size: 1.6rem;
    }
    body.homepage.coupon #slider-calculator .couponImage {
        padding: 0;
        position: relative;
    }
    body.homepage.version-2.coupon #slider-calculator .couponBackground {
        display: block;
        right: -5%;
        position: relative;
        width: 105%;
        height: auto;
        margin-top: -20px;
        margin-bottom: -200px;
    }
/*    body.coupon .representational-example table {
        margin: 50px auto 0;
    }*/
}

@media (min-width: 480px) {
/*    .tv-spot-white .representational-example table td.first-loan-column {
        padding-left: 20px;
        padding-right: 0;
        border-left: 1px solid #bdbdbd;
        border-right: 1px solid #bdbdbd;
        margin-right: 15px;
        display: block;
        width: auto;
    }*/
/*    .tv-spot-white .representational-example table .first-loan-header-column {
        padding-left: 20px;
    }*/
}

@media (min-width: 480px) and (max-width: 990px) {
    body.homepage.tv-spot .calcRow, body.homepage.tv-spot-white .calcRow {
        padding: 0 50px;
    }

    body.homepage.tv-spot .slider-container, body.homepage.tv-spot-white .slider-container {
         margin-top: 30px; 
         margin-bottom: 30px;
    }

    body.homepage.tv-spot .top .container, body.homepage.tv-spot-white .top .container {
        padding-left: 15px;
    }

    .homepage-version-1.tv-spot .tv-spot-top-box, .homepage-version-1.tv-spot-white .tv-spot-top-box {
        padding-right: 20px;
    }

    .homepage-version-1.tv-spot #slider-calculator, .homepage-version-1.tv-spot-white #slider-calculator {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    body.homepage.tv-spot #sectionTop.top, body.homepage.tv-spot-white #sectionTop.top {
        -webkit-box-shadow: 0px 20px 20px 15px rgb(0 0 0);
        -moz-box-shadow: 0px 20px 20px 15px rgb(0 0 0);
        box-shadow: 0px 20px 20px 15px rgb(0 0 0);
    }

    body.homepage.tv-spot-white #sectionTop.top{
        margin-top: 0;
    }

    body.homepage.tv-spot #slider-calculator .representational-example, body.homepage.tv-spot-white #slider-calculator .representational-example {
        padding: 0 50px;
    }
}



@media (max-width: 1199px){
    body.homepage.tv-spot-white #sectionTop.top {
        background-image: none !important;
        padding-top: 0;
        margin-top: 0;
        top: 0;
        display: block;
    }

    body.homepage.tv-spot-white .headImage {
        max-width: 100%;
        margin-top: 20px;
        max-height: 45vh;
        display: block;
        padding: 0 20px;
        margin-right: 35px;
        position: relative;
        right: -15px;
        margin-bottom: -20px;
    }

    body.homepage.tv-spot-white.version-2 .headImage {
        float: none;
        margin: 10px auto -20px;
    }

    body.homepage.homepage-version-1.tv-spot-white #slider-calculator {
        padding-top: 0;
        margin-top: 0;
    }
    body.homepage.tv-spot-white #slider-calculator .title{
        margin-top: 20px;
    }
    body.homepage.tv-spot .top .container, body.homepage.tv-spot-white .top .container {
        margin: auto;
        float: initial;
    }
}

@media (min-width: 480px) and (max-width: 1199px) {
    body.homepage.tv-spot-white .headImage {
        content: url("../images/homepage-tv-spot-background-v2.webp");
        margin: 20px auto -20px;
        display: block;
        float: initial;
        max-height: 40vh;
    }
/*    body.homepage.tv-spot-white.version-3 .headImage {
        content: url("../images/homepage-tv-spot-background-v3.webp");
    }*/
}
@media (max-width: 1199px) {
    body.homepage.tv-spot-white.version-3 .headImage {
        content: url("../images/homepage-tv-spot-background-v4.webp");
        margin-bottom: -50px;
    }
    body.homepage.tv-spot-white.student .headImage {
        display: none;
    }
    body.homepage.tv-spot-white.student #slider-calculator .studentBackground {
        display: block;
        width: 70%;
        height: auto;
        overflow: hidden;
        margin-bottom: -100px;
        margin-left: auto;
        margin-right: auto;
        max-width: 350px;
    }
    body.homepage.homepage-version-1.tv-spot-white.student .calcRow {
        background: white;
        position: relative;
    }
}
@media (min-width: 1200px) {
    body.homepage.tv-spot-white .headImage {
        display: none;
    }
    body.homepage.tv-spot-white .top .container {
        max-width: 60%;
    }
}

body.homepage.tv-spot-white.version-2 .headImage {
    content: url("../images/homepage-tv-spot-background-v2_1.webp");
}