/* cmsms stylesheet: Motoraporter_2023 modified: poniedziałek, 25 marca 2024 16:44:41 */
html, body{
    margin:0;
    padding:0;
    min-height:600px;
    min-width: 1000px;
    color:#4c4949;
    font-family:lato, sans-serif;
    width:100%;
    overflow: auto;
}

#header{
    height:100px;
    background-color:#F2F2F2;
    position: fixed;
    width:100vw;
    display: block;
    clear: both;
    z-index:11;

}

a{
    color:#70c200;
    text-decoration: none;
}
a:hover, a:active{
    text-decoration: underline;

}

#hamburger-menu{
    display: none;
}
.content {
    padding-top: 100px;
    z-index:9;
    position: relative;
}


#logo{
    display:inline-block;
    float:left;
    margin-top:28px;
    margin-left:33px;
    color:#6AA234;
    text-decoration:none;
    font-size:calc(10px + 0.3vw);
    width:calc(360px + 5vw);
    font-weight:400;
}
#logo:hover, #logo:active{
    text-decoration:underline;
}
#logo img{
    margin-top:5px;
    display:block;
    float:left;
    margin-right:20px;

}
#header .menu{
    display: inline-block;
    float:right;
    margin:0;
    padding:0 15px 0 0;
    bottom:0;
    right:0;
    height:100px;
}
.menu li{
    float:left;
    display:inline-block;
    padding:60px 0.1vw 0 0.1vw;
    color:#575454;
    font-weight: bold;
    font-size:calc(12px + 0.3vw);
    height:100%;
    margin:-65px 1.1vw 0 1.1vw;
    line-height:120px;
    position:relative;
}
.menu li a{
    color:#575454;
    text-decoration: none;
    display: block;
    padding:0 3px;
    height:100%;


}
.menu > li > a:hover, .menu > li > a:active, .menu > li.currentpage > a:hover, .menu>  li.currentpage > a:active{
    border-bottom: 4px solid #70c200;
}

.menu > li.currentpage > a{
    border-bottom: 4px solid #575454;
}

ul.menu li ul{
    position:absolute;
    top: 145px;
    background-color: rgba(260, 260, 260, 1);
    padding-left:0;
    margin-left:0;
    padding-right: 10px;
    padding-bottom: 5px;
    display:none;
    overflow: hidden;
}
ul.menu li:active ul, ul.menu li:hover ul{
    display:block;
}
#header.activated ul.menu li:active ul, #header.activated ul.menu li:hover ul {
    top: 100px;
}


ul.menu li ul li{
    font-size:calc(12px + 0.3vw);
    line-height:30px;
    float:none;
    clear:both;
    padding-top:2px;
    margin:10px 0;
    white-space: nowrap;
    display:block;

}
ul.menu li ul li a{
    padding-left:20px;
}
ul.menu li ul li a:hover, ul.menu li ul li a:active{
    border-left: 4px solid #70c200;
}

#helpline{
    float:right;
    display: inline-block;
    background-color: #041434;
    height:100%;
    padding:0 40px 0 80px;
    color:#ffffff;
    text-align:right;
}
#helpline small{
    padding-top:20%;
    display: block;
    text-transform: uppercase;
    font-size:16px;
}
#helpline a{
    display: block;
    color:#ffffff;
    font-size:25px;
    font-weight:bold;
    text-decoration:none;
}
#helpline a:hover, #helpline a:active{
    text-decoration:underline;
}



#header.activated{
    height:50px;
}

#header.activated ul.menu > li{
    line-height:50px;
    height:50px;
}

#header.activated #helpline small{
    padding-top:5px;
    font-size:14px;
}

#header.activated #helpline a{
    font-size:20px;
}

#header.activated #logo{
    margin-top:5px;
}
.content{
    display: block;
    position: relative;
    width:100%;
    overflow:hidden;
}

.slider{
    width:100vw;
    overflow:hidden;
    display: block;

}
.slick-track{
}
.slider .one_element_slider img{
    float:right;
    width:50%;
}
.slider .one_element_slider p{
    width:90%;
    float:right;
    font-size:calc(22px + 1.0vw);
    line-height:calc(30px + 1.0vw);
    font-weight:500;
    text-align: left;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color:#4C4949;
    position: relative;
    margin:20px auto;

}
.slider .one_element_slider div.text_slider {
    position: absolute;
    top:0;
    left:0;
    width:50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-bottom:-400px;
    height:100%;
}
.slider .one_element_slider p strong{
    font-weight:800;
}

.slider .one_element_slider{
    width:100%;
    overflow: hidden;
    display: block;
    position: relative;
    display: flex;
    align-items: center;

}



.slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 84px;
    cursor: pointer;
    z-index:13;
    color: #575454;
}
.prev.slick-arrow {
    left: 15px;
}

.next.slick-arrow {
    right: 30px;

}

.quote{
    color:#dddddd;
    display:block !important;
    clear:both;
    float:none;
    margin:5px;
    font-size:30px !important;
}

.opinions .slick-track{
    display: flex;
    align-items: stretch;
}
.opinions .opinion p{
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #aaaaaa;
    display: block;
    padding:20px;
    position: relative;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom:25px;
}
.opinions .opinion p::after{
    content: '';
    position: absolute;
    bottom: -15px; /* połowa wysokości trójkąta */
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #70c200; /* kolor tła elementu */
}
.opinions .opinion img{
    margin:5px auto;
    display: block;
    position: relative;
    overflow: hidden;
    width:65px;
    height:65px;
    -webkit-border-radius: 33px;
    border-radius: 33px;
}
.opinions .opinion{
    width:31vw;
    text-align:center;
    float:left;
    margin:0 1vw;
    flex: 1;
    overflow: hidden;
}
.opinions-slick-active p{
    background: #70c200 !important;
    border: 1px solid #70c200 !important;
    color:#ffffff !important;
}

.opinions-slick-active p .quote{
    color:#ffffff;
    display:block !important;
    clear:both;
    float:none;
    margin:5px;
    font-size:30px !important;
}
.opinion_user{
    color:#222222;
}
.center-text{
    text-align:center;
    float:none;
    clear:both;
    display: block;
    width:100%;
}
.center{
    width:90%;
    max-width:1900px;
    margin:0 auto;
}
h2{
    font-weight: bold;
    font-size:calc(32px + 1.0vw);
    line-height:calc(40px + 1.0vw);
    color: #041434;

}

.video{
    display: block;
    position: relative;
    overflow: hidden;
    min-height:260px;
}

.video video{
    margin-top:-20px;
    margin-bottom:-80px;
    width: 100%;
}

.vin_info{
    position: absolute;
    top:20%;
    width:50%;
    padding:3vw 11vw;
    height:8vw;
    min-height:160px;
    margin-left:-35vw;
    left:50%;
    background-color: #041434;
    color: white;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.vin_info h3{
    font-size:24px;
    line-height:24px;
    margin-top:5px;
}
.vin_info h3 img{
    position: relative;
    top:3px;
    display: inline-block;
}
#VIN_form{
    display: flex;
    flex-direction: row; /* ustawia elementy w rzędzie */
    align-items: center; /* opcjonalnie, aby wyrównać elementy pionowo */
}

#VIN_form input{
    flex: 1; /* każdy input będzie miał tę samą szerokość */
    margin: 5px 0; /* opcjonalnie, aby dodać trochę przestrzeni między inputami */
}


#vin{
    margin:0;
    padding:0.8vw 1.6vw;
    font-size:calc(10px + 0.3vw);
    line-height:calc(10px + 0.3vw);
    background-color: #ffffff;
    color:#041434;
    border:#041434 1px solid;
    outline: none;
    float:left;
}
#vin:active, #vin:focus{
    border:#70c200 1px solid;

}
.button_polecane_zapytaj{
    background-color: #ff5a00;
    color:#ffffff;
    float:left;
    display: block;
    padding:30px 50px
}
#verifyButton{
    background-color: #ff5a00;
    color:#ffffff;
    float:right;
    display: block;
    padding:10px 20px;
    -webkit-border-radius: 5px;
    border-radius:5px;
    margin-top:15px;
    cursor: pointer;
}


.vin_info .button_min{
    background-color: #ff5a00;
    color:#ffffff;
    float:left;
    display: block;
}

body .formbuilderform .cms_submit.fbsubmit{
    margin-right:10px;
    background-color: #ff5a00;
    color:#ffffff;
    border:0;
    -webkit-border-radius: 5px;
    border-radius:5px;
    padding:calc(0.5vw + 2px) calc(2.6vw + 20px);
    display: inline-block;
    margin-top:0px;
    font-size:calc(10px + 0.3vw);
    line-height:calc(10px + 0.3vw) ;
    text-align:center;
    float:right;
    width:auto;

}
body .formbuilderform .cms_submit.fbsubmit:focus {
    background-color: #d74900;
    color:#ffffff;
}
body .contactFormFull .formbuilderform > div.submit{
    width:100%;
}

.btn_orange, .content-with-b-a-as-button strong a{
    background-color: #ff5a00;
    color:#ffffff;
}


.content-with-b-a-as-button strong{

}
.content-with-b-a-as-button strong a{
    display:inline-block !important;
    margin:10px auto;
}
.vin_info a{
    color:#fff;
    font-size:calc(12px + 0.4vw);
    line-height:calc(64px + 0.3vw);
    margin:0 20px;
}


.btn, .content-with-b-a-as-button strong a{
    margin:0;
    padding:10px 40px;
    display: block;
    font-weight: 400;

    border: 1px solid transparent;
    font-size:calc(10px + 0.3vw);
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    cursor: pointer;
    text-decoration:none;
}
.btn.btn_green{
    background-color: #70c200;
    border-color:#70c200;
    color:#ffffff;
}
.btn.btn_green:hover{
    background-color: #70c200;
    border-color:#70c200;
    color:#ffffff;
}

.vin_info .btn{
    -webkit-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0;
    padding:calc(0.8vw + 2px) calc(4.6vw + 20px);
    display: inline-block;
    margin-top:0px;
    font-size:calc(10px + 0.3vw);
    line-height:calc(10px + 0.3vw) ;
}
@media (max-width: 1600px) {
    body #logo {
        margin-left:20px;
        z-index:11;
        position: relative;
        width:auto;
        font-size:calc(8px + 0.4vw);
    }
    body #logo img{
        display:block;
        clear:both;
        float:none;
        margin-bottom:5px;
        margin-right:0.1vw;
    }
    body #header.activated{
        height:70px;
    }

    body .menu li{
        float:left;
        display:inline-block;
        padding:60px 0.1vw 0 0.1vw;
        color:#575454;
        font-weight: bold;
        font-size:calc(11px + 0.2vw);
        height:100%;
        margin:-65px 0.4vw 0 0.4vw;
        line-height:120px;
        position:relative;
    }

    body .how_its_work .column{
        flex-basis: calc(50% - 20px); /* Odejmujemy gap */
    }
    body .how_its_work .column p{
        font-size:calc(16px + 0.2vw);
        line-height: calc(22px + 0.2vw);
    }
    body .how_its_work .column i{
        font-size:calc(52px + 0.2vw);
        line-height: calc(40px + 1.0vw);
    }
    body .how_its_work .column img{
        width:auto;
    }
    body .what_we_checking .column {
        flex-basis: calc(33.33333% - 80px); /* Odejmujemy gap */
        -webkit-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid #aaaaaa;
        padding: 30px;
    }
}


@media (max-width: 1100px) {
    body #header .menu {
        display: none;
        position: absolute;
        top: 100px;
        left: 0;
        width: 100%;
        background-color: #F2F2F2;
        overflow:hidden;
    }

    body .menu li a{
        font-weight:bold;
        padding:0;
        display: inline-block;
    }
    body .menu li {
        font-weight:normal;
        float: none;
        padding: 15px 0;
        margin: 0;
        display:block;
        clear:both;
        height:auto;
        line-height: 20px;
        font-size: 26px;
        font-style: italic;
        height:auto;
    }
    body .menu li a{
        height:auto;
        font-style: normal;
    }
    #header .menu li ul {
        position: static;
        background-color: transparent;
        padding: 10px 0 0 0;
        display: block;
        font-size:20px;
        line-height:30px;
    }

    #header .menu li ul li {
        padding: 10px 0;
        margin: 0;
        font-size:20px;
        line-height:30px;

    }
    body #header.activated ul.menu > li{
        height:auto;
        padding:0;
    }

    .menu li ul li a {
        padding-left: 20px;
    }

    .menu li.currentpage a {
        border-bottom: none;
    }

    body #header .menu.visible {
        display: block;
        width:100vw;
        height:auto;
        position: fixed;
        top:0;
        padding-top:120px;
        padding-left:20px;
        left:0;
        z-index:9;
        overflow: visible;
        background:#F2F2F2;


    }

    #hamburger-menu {
        display: block;
        font-size: 35px;
        color: #575454;
        cursor: pointer;
        float: right;
        padding: 0;
        position:absolute;
        left:10px;
        top:10px;
        z-index:11;

    }
    body #logo {
        margin-left:100px;
        z-index:11;
        position: relative;
    }
    body #logo img{
        display:block;
        clear:both;
        float:none;
        margin-bottom:5px;
    }
    body #helpline{
        position: absolute;
        top:0;
        right:0;
        z-index:11;
    }

    ul.menu li a:hover, ul.menu li a:active{
        border-left: 4px solid #70c200;
        border-bottom: 0;
        padding-left: 10px;
    }
    #header .menu > li.currentpage > a{
        border-bottom: 0;
        border-left: 4px solid #575454;
        padding-left: 10px;

    }

    #header.activated #logo{
        height:70px;
        overflow: hidden;
        display: block;
        line-height:25px;
    }
    body .how_its_work .column{
        flex-basis: calc(100% - 20px); /* Odejmujemy gap */
    }
    body .how_its_work .column p{
        padding-top:50px;
        margin-top:50px;
        font-size:calc(22px + 0.2vw);
        line-height: calc(28px + 0.2vw);
    }
    body .how_its_work .column i{
        font-size:calc(52px + 0.2vw);
        line-height: calc(40px + 1.0vw);
    }
    body .how_its_work .column img{
        width:auto;
    }
    body .what_we_checking .column {
        flex-basis: calc(50% - 80px); /* Odejmujemy gap */
        -webkit-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid #aaaaaa;
        padding: 30px;
    }
    body .specials{
        flex-wrap: wrap;
    }
    body .specials .special{
        flex-basis: calc(50% - 10px);
    }

    body .slider .one_element_slider p{
        margin-top:10px;
        font-size:26px;
        line-height:40px;
    }

    body #VIN_form #vin{
        width:100%;
        display: block;
        margin:20px; auto;
    }
    body.vin_info{
        width:80%;
        margin:0 auto;
    }
    body .video video{
        width:100%;
        height:auto;
        min-height:400px;
    }
    body .with_input, body .with_textarea{
        width:calc(100% - 100px);
    }
    html body #form_raport_s_2{
        width:auto;
        min-width:1000px;
        margin:10px;
    }

    body .contactFormFull h1{
        display: block;
        clear: both;
        float: none;
        width: 100%;
    }
    body .contactFormFull .cms_form{
        width:100%;
        margin:0 auto;
    }
    body .contactFormInfo{
        width:100%;
        margin:0 auto;
        padding: 0;
    }

}

.specials{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    overflow: hidden;
}
.specials .special{
    display: block;
    float: left;
    flex: 1;
    text-align: center;
    overflow: hidden;
    position: relative;
    opacity: 0;

}
.specials .special.visible {
    animation-name: slideInUp;
    animation-duration: 0.5s; /* Czas trwania animacji, możesz dostosować według potrzeb */
    animation-timing-function: ease-out; /* Funkcja czasu animacji */
    animation-fill-mode: forwards; /* Pozostawienie animacji na końcowej klatce */
}
.specials .special .btn{
    text-transform: uppercase;
    font-weight: bold;
    min-width:60%;
    margin:0 auto;
}

.special_price{
    color: #ff5a00;
    font-size:calc(22px + 0.6vw);
    line-height:calc(42px + 0.3vw);
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 10px;
}

.frame{
    border-left:#F2F2F2 1px solid;
    border-right:#F2F2F2 1px solid;
    border-bottom:#F2F2F2 1px solid;
    margin:10px 5px;
    overflow: hidden;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    padding-bottom:15px;
}
.frame h3{
    font-size:calc(13px + 0.4vw);
    line-height:calc(24px + 0.4vw);
    font-weight: normal;
}
.frame p{
    margin:10px 30px;
    font-size:calc(11px + 0.3vw);
    line-height:calc(18px + 0.3vw);
}
.frame img{
    width:100%;
}
.specials {
    display: flex;
    justify-content: space-between;
}

.specials .special {
    display: flex;
    flex-direction: column;
    flex-basis: calc(25% - 10px); /* Odejmujemy margines, aby utrzymać odpowiednią odległość */
    margin: 0 5px;
    padding: 5px;
    box-sizing: border-box;
    text-align: center;
}

.frame {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.frame img {
    max-width: 100%;
    height: auto;
}


.btn {
    margin-top: 20px;
    white-space: nowrap;
}

@keyframes slideInUp {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}


footer {
    background-color: #041434;
    color: #fff;
    font-family: Arial, sans-serif;
    padding: 20px;
    width:calc(100% - 40px);
}

.footer-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 20px;
    padding-left:10vw;
}

.footer-section {
    flex: 1;
    margin: 10px;
}

.footer-section img {
    max-width: 100%;
}

.footer-section h3 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    color:#70c200;
}
.footer-section:first-child{
    margin-right:20vw;
}
.footer-section ul {
    list-style: none;
    padding: 0;
}

.footer-section ul li {
    margin-bottom: 15px;
}

.footer-section ul li a {
    color: #fff;
    text-decoration: none;
    text-transform: lowercase;
}

.footer-section ul li a:hover {
    text-decoration: underline;
}
.footer-section a {
    color: #fff;
    text-decoration: none;
    text-transform: lowercase;
}

.footer-section a:hover {
    text-decoration: underline;
}

.footer-bottom {
    border-top: 1px solid #162543;
    font-size: 11px;
    text-align: center;
}
.footer-bottom p {
    font-size: 11px;
}

.footer-bottom a {
    color: #fff;
    text-decoration: none;
}

.footer-bottom a:hover {
    text-decoration: underline;
}

.footer-bottom img {
    max-height: 20px;
    margin-left: 5px;
}

.partners-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding:40px 5vw;
}

.partners,
.technical-partners,
.campaign {
    padding: 10px;

    text-align: center;
    position: relative;
}

.partners {
    flex: 3;
    display: flex;
    flex-wrap: wrap;
}

.partner-logo {
    padding: 10px;
    flex-basis: 33.333%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

.partner-logo img {
    max-width: 100%;
    height: auto;
}

.technical-partners,
.campaign {
    flex: 1;
}

.technical-partners::before,
.campaign::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 1px;
    background-color: #ccc;
}


.partners-container div h4{
    display: block;
    clear: both;
    width:100%;
    color:#041434;
    font-size:calc(15px + 0.4vw);
    line-height:calc(28px + 0.4vw);
}

.showit img {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.showit img.visible {
    opacity: 1;
}

.offer{
    position: relative;
    border-collapse: collapse;
    margin:100px auto 0 auto;
}
.offer th{
    margin-top:10px;
    background-color: #F2F2F2;
    padding-top:60px;
    border:#DDDDDD 1px solid;
    color:#041434;
    font-size:120%;
}
.offer th:first-child{
    background-color: #FFF;
    width:26%;
    border:#DDDDDD 0px solid;
}
.offer .most{
    background:#041434;
    border:#041434 1px solid;
    color:#FFF;
    display: block;
    margin-top:-110px;
    width:100%;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    padding:10px 0;
    margin-bottom:40px;
    position:relative;
}

.offer th:last-child{
    box-shadow: -5px 0px 5px 0px rgba(166,166,166,0.5);
}
.offer td{
    border-left:#DDDDDD 1px solid;
    position: relative;
}
.offer tr:nth-of-type(2) td{
    border-top:#DDDDDD 1px solid;
    border-left:#DDDDDD 1px solid;
}
.offer tr td:first-child{
    border-left:#DDDDDD 0px solid;
}

.offer tr:nth-of-type(2n+1){
    background-color: #F2F2F2;
}
.offer tr td{
    text-align:center;
    font-size:calc(11px + 0.4vw);
    line-height:calc(18px + 0.4vw);
    font-weight: lighter;
}
.offer tr td:first-child{
    text-align:right;
    overflow: hidden;
}
.offer tr td{
    padding:15px 10px;
}
table.offer td:first-child span{
    position: relative;
    padding-right: 20px;
}
.offer tr td .price{
    font-size:calc(23px + 0.5vw);
    line-height:calc(38px + 0.61vw);
    font-weight:bold;
}
.offer tr td:first-child .price{
    font-size:calc(10px + 0.2vw);
    line-height:calc(18px + 0.41vw);
    display: block;
}
.offer tr td:first-child img{
    top:19px;
    right:6px;
    position: absolute;

}


.text-green{
    color:#70C200;
}
.text-big {
    font-size:120%;
}
.text-small {
    font-size:80%;
}
.text-semi-bold{
    font-weight: 400;
}
.text-bold{
    font-weight:bold;
}

.text-ligher{
    font-weight: 400;
}

.offer-container h1{
    color:#041434;
    font-size:calc(18px + 0.5vw);
    line-height:calc(38px + 0.61vw);
}
.offer-container strong{
    color:#041434;

}

.content p{
    font-size:calc(13px + 0.4vw);
    line-height:calc(18px + 0.51vw);
}

.content .offer-bar{
    background-color:#041434;
    color: #FFFFFF;
    text-align:center !important;
    font-weight:bold;
    font-size:calc(13px + 0.3vw);
    line-height:calc(28px + 0.61vw);
}

.content .offer-bar.green-bar{
    background-color: #448b00;
}
.price{
    color:#ff5a00;
}

input[type="submit"], .specials .special .btn_orange {
    border-radius: 5px;
    padding: 10px calc(32px + 0.51vw);
    border: 2px solid #ff5a00;
    color: #ff5a00;
    background-color: transparent;
    transition: background-color 0.3s ease, color 0.3s ease;
    font-size:calc(11px + 0.3vw);
    line-height:calc(20px + 0.51vw);
    font-weight: bold;
    cursor:pointer;
}

input[type="submit"]:hover, .specials .special .btn_orange:hover {
    background-color: #ff5a00;
    color: #ffffff;
}
.skontaktuj_sie{
    padding:10px 30px !important;
}

/* Ukryj standardowy checkbox */
.custom-checkbox input {
    position: absolute;
    left:0;
    top:0;
    opacity: 0;
    cursor: pointer;
    height: 50px;
    width: 100%;
    display: block;
    z-index:10;
    margin-top:-10px;
}

/* Stwórz nowy prostokątny box */
.custom-checkbox .checkmark {
    position: relative;
    top: 0;
    left: 0;
    height: 30px;
    width: 30px;
    background-color: #fff;
    border: 2px solid #888888;
    display: flex;
    justify-content: center;
    align-items: center;
    margin:0 auto;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    font-size:24px;
}

/* Ukryj "ptaszka" */
.custom-checkbox .fa-check {
    display: none;
    color: #70C200;
}

/* Pokaż "ptaszka" po zaznaczeniu */
.custom-checkbox input:checked ~ .checkmark .fa-check {
    display: block;
}

/* Zmiana kształtu i koloru boxa po zaznaczeniu */
.custom-checkbox input:checked ~ .checkmark {
    background-color: #fdfdfd;
    border-color: #bbbbbb;
}


table td span{
    position: relative;
    display: block;
}

.contactFormFull{
    width:80%;
    margin: 5vh auto;
    padding-bottom:5vh;
    overflow: hidden;
}
.opinionsFormFull.contactFormFull{
    padding-bottom:0.5vh;
}

.contactFormFull h1{
    width:40%;
    display:block;
    float:left;
    font-size:calc(31px + 1.9vw);
    line-height:calc(35px + 2.1vw);
    margin-top:5%;

}
.contactFormFull .cms_form{
    display:block;
    float:left;
    width:50%;
    overflow:hidden;
    position: relative;

}

.contactFormFull .formbuilderform > div{
    width:40%;
    margin:0;
    padding:0;
    overflow:hidden;
    float:left;
}
.contactFormFull .formbuilderform > div:nth-child(1),.contactFormFull .formbuilderform > div:nth-child(4){
    width:60%;
}
.contactFormFull .formbuilderform > div:nth-child(5){
    width:100%;
    height:200px;
}

.contactFormFull.opinionsFormFull .formbuilderform > div{
    width:60%;
}

.contactFormFull.opinionsFormFull .formbuilderform > div:last-of-type{
    width:100%;
    height:50px;
}


.contactFormFull .formbuilderform > div input, .contactFormFull .formbuilderform > div textarea{
    padding: 18px 22px;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    width:calc(100% - 72px);
    margin:10px auto 22px auto;
    display:block;
    font-size:16px;

}
.contactFormFull .formbuilderform > div input:focus, .contactFormFull .formbuilderform > div textarea:focus {
    color:#495057;
    background-color:#fff;
    border-color:#70c200;
    outline:0;
    box-shadow:none
}


.contactFormFull .formbuilderform > div textarea{
    height:calc(100% - 72px);
}

.contactFormFull h3{
    display:block;
    float: none;
    clear: both;
}
.opinions_text{
    width:100% !important;
}

.contactFormInfo{
    display: block;
    float: none;
    clear: both;
    padding-left:40%;
}
.contactFormInfoColumns {
    display: flex;
    justify-content: space-between;
}
.contactFormInfoColumns div{
    margin:5px 10px;
}
.contactFormInfoColumns div:nth-child(1) {
    width:30%
}
.contactFormInfoColumns div:nth-child(3) {
    width:44%
}
.CGBlog{
    width:80%;
    margin:30px auto;
}

.blogDate, .blogTitle{
    color:#041434;
    text-decoration: none;
}
.blogDate{
    margin:10px 0;
    color:#4c4949;
}

.blogTitle{
    font-size:calc(16px + 0.7vw);
    line-height:calc(18px + 1.0vw);
    font-weight: bold;
}
.CGBlog .read-more{
    font-weight: bold;
}
.CGBlog {
    display: flex;
}
.CGBlogSummary{
    clear:both;
    margin-bottom:80px;
}
.CGBlogSummary img{
    width:100%;
}
.CGBlogSummary a{
    display: block;
    overflow: hidden;
}
.CGBlogSummaryAll {
    flex: 0 0 70%;
    max-width: 70%;
}
.CGBlogRandom .CGBlogSummary{
    margin-bottom:20px;
}

.CGBlogRightColumn {
    flex: 0 0 30%;
    max-width: 30%;
}
.CGBlogRightColumn h2{
    margin:60px 0px 80px 20px;
}
.content ul li::before {
    content: "•";
    color: #70c200;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
.content ul{
    font-size: 21px;
    color: #4c4949;
    list-style: none;
}
.content ul li{
    margin:10px 0;
}
.content ul a{
    color: #4c4949;
}
.CGBlogRandom{
    overflow: hidden;
}
.CGBlogRandom img{
    width:100px;
    -webkit-border-radius: 160px;
    border-radius: 160px;
    display:block;
    float:left;
}


.CGBlogRandom .blogTitle{
    display: block;
    clear: both;
    float:none;
    margin:2px 10px;
    font-size:120%;
    line-height:110%;

}
.CGBlogRandom .blogDate{
    display: block;
    clear: both;
    float:none;
    margin:10px 10px;
}
.blogRandomTexts{
    float:left;
    width:calc(100% - 120px);
}

.CGBlogRandom .CGBlogSummary{
    margin:40px 10px;
    overflow: hidden;
}
.CGBlogRandom .CGBlogSummary > a:first-child{
    width:100px;
    display:block;
    float:left;
}

.float_left{
    float:left;
}

.polecane h1{
    margin-top:60px;
    margin-left:40px;
}
.polecane{
    border-bottom: #4c4949 1px solid;
    overflow: hidden;
    width:80%;
    margin:0 auto;

}

.polecane .polecane-one:first-of-type{
    margin-top:300px;
}
.polecane .polecane-one{
    overflow: hidden;
    width:100%;
    padding-top:50px;
    margin-top:30px;
    border-top:#aaaaaa 1px solid;
}
.polecane .polecane-one img{
    width:60%;
    float:left;
}
.polecane-one-info{
    width:25%;
    float: left;
    margin-left:130px;
}
.polecane-one-content{
    overflow: hidden;
    width:60%;
}
.polecane-one-info p{
    width:70%;
    margin-left:40px;
}
.polecane-one-info p strong{
    color: #041434;
}
.polecane-one-info p{
    margin: 40px 0;
}

.to_upper{
    text-transform: uppercase;
}
body #form_raport_s_2{
    width:70%;
    min-width:1000px;
    margin:10px auto;
}
#form_raport_s_2 h1 strong{
    font-weight: normal;
    color: #041434;
    font-size:calc(15px + 0.6vw);
    line-height:calc(21px + 1.0vw);
}
#form_raport_s_2 h1{
    font-weight: lighter;
    font-size:calc(14px + 0.5vw);
    line-height:calc(21px + 1.0vw);
    padding-bottom: 10px;
    border-bottom: #aaaaaa 1px solid;
}

hr{
    border:0;
    background-color: #aaaaaa;
    height:1px;
    margin:10px;
    display: block;
    width:calc(100% - 20px);
}

.with_input{
    display: block;
    float: left;
    width: 50%;
    overflow: hidden;
    margin:0;
    padding:0;
}
.with_textarea{
    display: block;
    float: left;
    width: 100%;
    overflow: hidden;
    margin:0;
    padding:0;
}
.with_checkbox{
    display: block;
    float: left;
    width: 100%;
    overflow: hidden;
    margin:0;
    padding:0;
}
.with_checkbox label{
    display:inline-block;
    float:right;
    width:calc(100% - 50px);
}


.with_input, .with_textarea {
    display: flex; /* Użycie Flexboxa */
    flex-direction: column; /* Elementy ułożone wertykalnie */
    width: 100%;
    margin-bottom: 10px; /* Dolny margines dla kontenera */
    padding: 0;
}



.with_input input, .with_textarea textarea {
    width: calc(100% - 80px); /* Odjęcie marginesów lewo i prawo */
    margin: 10px 10px 50px; /* Marginesy: góra 10px, prawa 10px, dół 50px, lewa 10px */
    padding: 10px 30px; /* Paddingi zachowane jak wcześniej */
    border: 1px solid #aaaaaa;
}
.with_textarea textarea {
    height:50px;
}

#form_raport_s_2 label{
    margin:0px 10px 10px 10px;
}
#bill_cont{
    display: block;
    overflow: hidden;
    float: left;
}
.payment_info{
    display: block;
    overflow: hidden;
    float: left;
    width:60%;
    margin:0;
    padding-right:14%;
}
.payment_info img{
    width:100%;
    margin:0 auto;
    display: block;
}
.small_phone{
    font-size:70%;
    display: block;
    float:none;
    margin-left:10px;
}

.summary .value_info{
    width:calc(50%);
    float:left;
    display: block;
    margin-bottom:10px;
    font-size:16px;
}
.summary .value{
    width:calc(50% - 5px);
    float:left;
    display: block;
    text-align:right;
    margin-bottom:10px;
    font-size:22px;
    font-weight:bold;

}
.summary{
    position: relative;
    overflow: hidden;
    width:25%;
    right:0;
    border-top:#aaaaaa 1px solid;
    padding-top:20px;
}
.summary .btn{
    margin:0 auto;
}
.summary_payment{
    padding-bottom: 40px;
    height:400px;
}
.debug{
    color:#cd0a0a;
}

.error {
    color: #cd0a0a;
    font-size:calc(10px + 0.3vw);
    line-height:calc(16px + 0.4vw);
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom:0;
}
form p, .with_input{
    position: relative;
    padding:5px;
    width: calc(50% - 10px);
    overflow: hidden;
}
.with_textarea{
    position: relative;
    padding:5px;
    width: calc(100% - 10px);
    overflow: hidden;
}
.formbuilderform div{
    position: relative;
    padding-bottom:5px;
}

#info_code.error{
    display:block;
    position:relative;
    float:left;
    text-align:right;
}

#info_code{
    display: block;
    float: none;
    width: 100%;
    clear: both;
    text-align:right;
    font-size:calc(10px + 0.6vw);
    line-height:calc(14px + 0.7vw);
}

#promo_code_container{
    width:30%;
    float:left;
    padding:10px 0 20px 66%;
    position:relative;
}

#promo_code{
    width: 35%;
    margin: 10px;
    padding: 10px 20px;
    display: block;
    float: right;
    font-size: calc(13px + 0.4vw);
    line-height: calc(18px + 0.51vw);
}

.old_value{
    text-decoration: line-through;
    text-decoration-color: red; /* Opcjonalnie, jeśli chcesz zmienić kolor linii */
    text-decoration-thickness: 4px; /* Zwiększ grubość linii do 2px */
}
.promo_value{
    color: green;             /* Ustaw kolor tekstu na czerwony */
    font-weight: bold;
    font-size: calc(16px + 0.4vw);
    line-height: calc(18px + 0.44vw);
    text-align:right;
    float:right;
    margin-bottom:20px;
}
.cgfeedback_summary_report{
    width:80%;
    margin:0 auto;
}
.rm_addcomment{
    border-bottom: 1px solid #aaaaaa;
    padding-bottom:10px;
    width:80%;
    margin:10px auto 40px auto;
    overflow: hidden;
}
body .rm_addcomment:last-of-type {
    border-bottom: 0px solid #ffffff;
}
.rm_addcomment div span{
    display: inline-block;
    float:left;
}
.rm_addcomment div{
    padding:5px;
}
.rm_addcomment div p{
    display: inline-block;
    float:left;
    margin: -5px 0 0 0;
    max-width:80%;
}
.rm_addcomment div label{
    display: inline-block;
    float:left;
    margin: 0 5px 0 0;
    width:15%;
    text-align:right;
}
.how_its_work {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 20px;
    margin:0 3vw;
}

.how_its_work .column {
    flex-basis: calc(25% - 20px); /* Odejmujemy gap */
    text-align: justify;
}

.how_its_work .column i {
    font-size: calc(30px + 1vw);
    line-height: calc(40px + 1vw);
    margin-bottom: 10px;
    display:block;
    width:50px;
    float:left;
    color:#70c200;
    position: relative;
    top:30px;
    left:10px;
}
.how_its_work .column p {
    border-top: 1px solid #70c200;
    display: block;
    clear: both;
    overflow: hidden;
    padding-top:30px;
}
.how_its_work .column img{
    position:relative;
    right: 0px;
    float: right;
    display: inline-block;
    margin-bottom: -20px;
    width: calc(100px + 6vw);
    max-width:200px;
}

.what_we_checking {
    display: flex;
    justify-content: space-around;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 20px;
    margin:0 3vw;
}

.what_we_checking .column {
    flex-basis: calc(25% - 80px); /* Odejmujemy gap */
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #aaaaaa;
    padding: 30px;
}

.what_we_checking .column h4 {
    margin-left:10px;
}
.what_we_checking .column p {
    display: block;
    clear: both;
    overflow: hidden;
    margin-top: auto;
    margin-bottom: auto;
    text-align: justify; /* Wyśrodkowanie tekstu w poziomie */
    margin-left:10px;
}
.what_we_checking .column img{
    position:relative;
    left: 10px;
    top:10px;
    clear:both;
    display: block;
    width: calc(50px + 4vw);
    max-width:120px;
}

.comment_date{
    float:right;
}
.comment_user{
    float: left;
}
.comment_title{
    clear:both;
    float:none;
    padding:0 5px;
    margin: 5px 0;
}
.comment_content p{
    margin:10px 0;
}
/* cmsms stylesheet: Motoraporter_2023_Report modified: środa, 10 stycznia 2024 18:31:31 */
.report2 .report{
    padding-left:350px;
    padding-right:100px;
    margin:0 auto;
    width:calc(100% - 550px);
}
.report2 .report .raport{
    overflow:hidden;
}

.report2 .report h2{
    font-size:20px;
}

.report2 .left_report_menu .visible{
    font-weight:bold;
}
.report2 .left_report_menu{
    background-color: #ffffff;
    padding-right: 20px;
}
.report2 .left_report_menu li{
    font-size:15px;
    line-height:18px;
}

.report2 .sticky{
    top:40px;
    position: fixed !important;
}
.margin_block{
    text-align:center;
    margin:20px;
}
.report2 .report table tr th {
    color: #fff;
    background: #041434;
}
.table-formated {
    width:100%;
}


.raport table {
    width:100%;
    margin-top:10px;
    border-collapse: collapse; /* Usuwa podwójne obramowania */
    border: 1px solid #111111; /* Ustawia szare obramowanie tabeli */
}

.raport table th, .raport table td {
    border: 1px solid #111111; /* Ustawia szare obramowanie dla komórek */
    padding: 8px; /* Dodaje odstęp wewnątrz komórek */
}

.raport h3 {
    font-size: 22px;
    color: #fff;
    background: #70C200;
    padding: 15px 30px 15px 30px;
    margin-bottom: 1rem;
}

.data-table1.comment, .data-table1.comment td, .data-table1.comment th{
    border:none;
}

.pass_form p{
    display:block;
    float:none;
}





body.lb-disable-scrolling {
    overflow: hidden;
}

.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: black;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    display: none;
}

.lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
    line-height: 0;
    font-weight: normal;
    outline: none;
}

.lightbox .lb-image {
    display: block;
    height: auto;
    max-width: inherit;
    max-height: none;
    border-radius: 3px;

    /* Image border */
    border: 4px solid white;
}

.lightbox a img {
    border: none;
}

.lb-outerContainer {
    position: relative;
    *zoom: 1;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    border-radius: 4px;

    /* Background color behind image.
       This is visible during transitions. */
    background-color: white;
}

.lb-outerContainer:after {
    content: "";
    display: table;
    clear: both;
}

.lb-loader {
    position: absolute;
    top: 43%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

.lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(https://2023.motoraporter.com/media/img/loading.gif) no-repeat;
}

.lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

.lb-container > .nav {
    left: 0;
}

.lb-nav a {
    outline: none;
    background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
    height: 100%;
    cursor: pointer;
    display: block;
}

.lb-nav a.lb-prev {
    width: 34%;
    left: 0;
    float: left;
    background: url(https://2023.motoraporter.com/media/img/prev.png) left 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.lb-nav a.lb-next {
    width: 64%;
    right: 0;
    float: right;
    background: url(https://2023.motoraporter.com/media/img/next.png) right 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    *zoom: 1;
    width: 100%;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
    content: "";
    display: table;
    clear: both;
}

.lb-data {
    padding: 0 4px;
    color: #ccc;
}

.lb-data .lb-details {
    width: 85%;
    float: left;
    text-align: left;
    line-height: 1.1em;
}

.lb-data .lb-caption {
    font-size: 13px;
    font-weight: bold;
    line-height: 1em;
}

.lb-data .lb-caption a {
    color: #4ae;
}

.lb-data .lb-number {
    display: block;
    clear: left;
    padding-bottom: 1em;
    font-size: 12px;
    color: #999999;
}

.lb-data .lb-close {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    background: url(https://2023.motoraporter.com/media/img/close.png) top right no-repeat;
    text-align: right;
    outline: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

#rating_cont {
    overflow: hidden;
    position: relative;
}
#rating_bg{
    width:100%;
    position: relative;
    margin-bottom:40px;
}
#rating_pointer{
    position: absolute;
    display: block;
    top:30px;
}
.report2{
    position: relative;
}
.left_report_menu{
    position:absolute !important;
}
/* cmsms stylesheet: jquery.light modified: środa, 27 grudnia 2023 14:51:11 */
.light_container {
	position:fixed;
	background-color:#333;
	background:rgba(51,51,51,0.9);
	top:0;
	left:0;
	right:0;
	bottom:0;
	text-align:center;
 z-index:55;
}

.light_container .light_inner {
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	display:inline-block !important;
	text-align:center;
	vertical-align:center;
	width:0;
	height:0;
}
.light_container .light_loading {
	background-color:#eee;
	border-radius:5px;
	padding:15px 30px;
	display:inline-block;
}
.light_container .light_error {
	background-color:#ffc4cb;
	border-radius:5px;
	padding:15px 30px;
	display:inline-block;
}
.light_container .light_close {
	width:28px;
	height:28px;
	font-size:0;
	background:url(https://2023.motoraporter.com/media/img/cross.png) no-repeat center;
	position:fixed;
	top:10px;
	right:10px;
}
.light_container .light_caption {
	bottom: 0;
	position: absolute;
	width: 100%;
	background-color: #333;
	background: rgba(53,53,53,0.8);
	color: #fff;
}
.light_container .light_caption .light_caption_inner {
	padding:10px;
}
.light_container .light_inner .light_nav {
    display:none;
	position: absolute;
	top: 45%;
	width: 100%;
}
.light_container .light_inner:hover .light_nav {
    display:block;
}
.light_container .light_inner .light_nav .light_prev {
    float: left;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
}
.light_container .light_inner .light_nav .light_next {
    float: right;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
}
.light_container .light_inner .light_nav a {
    background-color: #fff;
    background:rgba(255,255,255,0.5);
    display:inline-block;
    padding:10px;
    text-decoration:none;
    color:#000;
    font-size:15px;
}
.light_container .light_inner .light_nav a:hover {
    background:rgba(255,255,255,0.7);
}
@media screen and (max-width: 720px) {
	.light_container .light_inner .light_nav {
	    display:block !important;
	}
}