@font-face {
    font-family: Poppins-Regular;
    src: url(font/Poppins-Regular.ttf);
}
@font-face {
    font-family: Poppins-Light;
    src: url(font/Poppins-Light.ttf);
}
@font-face {
    font-family: Poppins-Medium;
    src: url(font/Poppins-Medium.ttf);
}
@font-face {
    font-family: Poppins-Bold;
    src: url(font/Poppins-Bold.ttf);
}
@font-face {
    font-family: Poppins-SemiBold;
    src: url(font/Poppins-SemiBold.ttf);
}


.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1200px;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
}

body{
    background: linear-gradient(90deg, rgba(190,218,255,1) 50%, rgba(241,190,255,1) 50%);
}

.main_wrapper{
    /*max-width:1200px;*/
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}

.mobile {
    display:none;
}

/* disable auto-zoom on iphone input field focus */
@media screen and (-webkit-min-device-pixel-ratio:0) {

	select:focus,
	textarea:focus,
	input:focus {
		font-size: 14px;
	}
}

/* html element */
html {
    scroll-behavior: smooth;
}


input{
    font-family: Poppins-Regular;
}


input:hover, input:focus, input:active,
textarea:hover, textarea:focus, textarea:active,
select:hover, select:focus{
    box-shadow: none !important;
    border: none;
}

input[type='text']:focus,
input[type='number']:focus,
textarea:focus {
    font-size: 14px;
}

.input-group-text {
    white-space: nowrap;
    background: none;
    border: none;
    border-radius: 10px;
}

/*
input[type="text"].req::placeholder{
    background: url(" data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAA6GuKaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAuhJREFUeNpi/P//P8NQA0wMQxCMOnrU0YPF0e+FhM6/ZWS8D8NfS0pyyDGHha5BJCz8huH9ewN4iCkoPBj0Ic2ip3cJmc8sJ/do0DuaUVDwPRL3AZOg4IdB72j05MBiazv4Q5oJOTkwM/8bFKXHn1OnxPBaJiLyBpQsiM2EOM0DtT2ogX+uXm0CdNH999raWz+nplb9WrPGBJs6kBog/v/RyWkuutyfGzc4fsyb5wTS/05W9jBI7d+7d5nQ1VGtyPtz4QKoKFP4e/UqCHv9nD07lZGP7xOLldUxNg+PnSyWlseYhIXfwTMlJ+cPEP1r7VqTP8ePWwCx5e9jx6xAZqAE6tu3IgxKSq9oEtKffH0ng0IQHwbGApwNCsm3fHwXYSGPC/+YPduFZiH9//t3DiYxsVP///4FmWnE8PcvA8O/fxAMZAPFGYAxAFf/7/FjGwYmJlCIwzImA4gPxszM5xiZmf+AhP8+fiyHUXRSuz0NjGIpsCeAlv3/9InvHxD/f/JE5s+1a5q/d+1KQ8mYfHwM7LGxpQysrH8YZWSeAPmfQEmKUVb2EauV1TPcIUSl5EEIfykuzoFF+VsuLnj0/9q7V4lUs+ji4B8LFjjA0i7QwVe/5OcXvGFiugtL24PO0X/OnhWCFl+gkL3/JTe3CCT+XkLiOEzso4fH9EHlaFC5DU8WbGw34ckF6HikkuP+t8bGuEHhaGg6hhdpn7y9pyLLg5IKUvF2/9f69QYD6uifQAeglMHMzHd/bd+ugeIp1NAGp29sNSBdHP3n+nUOpHQMxh90dTdjUwtKMsjqPlpbLyVkPk1aeX+OHLFh+PWLjZGL6xq04rjHWVPTjE0tq7v7LkihDaxoeHmv/H/zRuTP1as8+GsyWqbpgoKCd+LiJ3GFMgj/PnpU6i0//8UP6uo7v/X0hAyacvrnypVmeMtxLO0LfJhxdFhs1NGjjh519KijRx096uhRR486etTRo44edfSgBwABBgC6efDqTjZ4OQAAAABJRU5ErkJggg==") left no-repeat;
  background-repeat: no-repeat;
  background-size: 15px 10px;
}
*/

.input-novalid input{
    border: 1px solid #EC0000 !important;
}

.combobox {
    border: none;
}

.combobox:hover, .combobox:focus {
    border: none;
    border-color: none !important;
    box-shadow: none !important;
}
.combobox-container{
    border:1px solid #414141;
    border-radius: 10px;
}
.combobox-container:hover, .combobox-container:focus-within{

    border:1px solid #cccccc;
    /*box-shadow: 0 0 1px 1px #414141;*/
}

.invalid + .combobox-container{
        border-color: red !important;
}
.typeahead-long {
    max-height: 300px;
    overflow-y: auto;
    width: 100%;
    color: #000000;
}

.typeahead-long li:hover {
    color: #414141;
    background-color: #F0F0F0 !important;
}
.typeahead-long li a, .typeahead-long li a:hover {
    color: #414141;
}


a {
    color: #2785ff;
}

a:hover{
    color: #ad3aff;
    text-decoration: none;
}


.a_empty {
    color: unset;
}
.a_empty:hover {
    color: unset;
}

table{
    line-height: 1.5;
}

p{
    margin-bottom: 0px !important;
}

    body {
        /*background: #f5f5f5;*/
        /*background: #ffffff;*/
        overflow-x: hidden;
        line-height: 1.5;
        font-family: Poppins-Regular;
    }

/*end html element*/
#endregion

/*form-control*/
    .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
                color: #cccccc;
                font-style: italic;
                opacity: 1; /* Firefox */
    }
    .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
                color: #cccccc;
                font-style: italic;
    }
    .form-control::-ms-input-placeholder { /* Microsoft Edge */
                color: #cccccc;
                font-style: italic;
     }

    .form-control:disabled, .form-control[readonly] {
        background-color: #f0f0f0;
        opacity: 1;
    }
    .form-control{
        width:100%;
        font-size: 14px;
        /*border-color: #ec0000;*/
        /*border-color: #414141;
        border-radius: 10px;*/
        border:none;
        cursor: pointer;
        font-family: Poppins-Regular;
        padding:8px 16px;
        background: none;/*#FFFFFF;*/
        border:none;
        border-radius: 30px;
    }

    .form-control-button:focus{
      outline: none !important;
      box-shadow: none !important;
    }

    .form-control:hover{
        outline: none;
        background: none;
        border:none;
        box-shadow: none;
        border-radius: 30px;
    }

    .form-control:focus, .form-control:active {
      /*color: #495057;
      background-color: #fff;
      border-color: #80bdff;
      outline: 0;
      box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);*/
        outline: none;
        background: none;
        border: none !important;/*1px #dbe7ed solid;*/
        box-shadow: none;
        border-radius: 30px;
    }

    .form-control-grey{
        background: #FFFFFF;
        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    }
    .form-control-grey:hover{
        outline: none;
        background: #f6fafc;
        border:none;
        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15) !important;
        border-radius: 30px;
    }
    .form-control-grey:focus{
        outline: none;
        background: #f6fafc;
        border: none !important;/*1px #dbe7ed solid;*/
        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15) !important;
        border-radius: 30px;
    }

    .form-control-invalid {
        border-color: red !important;
    }

    .custom-control-input:checked ~ .custom-control-indicator {
        color: #2785ff;
        background-color: #2785ff !important;
        border-color: #2785ff;
    }
    .custom-control-input:focus~.custom-control-indicator {
        -webkit-box-shadow: 0 0 0 1px #fff, 0 0 4px 1px #2785ff;
        box-shadow: 0 0 0 1px #fff, 0 0 4px 1px #2785ff;
        border-color: #2785ff;
    }
    .custom-checkbox .custom-control-input:checked~.custom-control-label::before{
      background-color:#2785ff;
        border-color: #2785ff;
    }
    .custom-control-input:focus~.custom-control-indicator {
        -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #2785ff;
        box-shadow: 0 0 0 1px #fff, 0 0 0 3px #2785ff;
        border-color: #2785ff;
    }
    .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: none;
        background-color: #fff;
        border-color: #2785ff !important;
    }
    .custom-control-input:active ~ .custom-control-label::before {
        background-color: #fff !important;
        border-color: #2785ff !important;
    }

    .input-novalid .custom-control-label::before{
        border: 1px solid #EC0000 !important;
    }
/*end form-control*/

/* btn */
    .btn.disabled, .btn:disabled {
        opacity: .45;
    }
/* end btn */

/* index baner */
    .csite-box-index-baner{
        max-width: 1280px;
        margin: 0px auto;
    }

    .index-baner{
        width: 100%;
        height: 600px;
        position: relative;
        background-size: center;
        background-repeat: no-repeat;
        background-position: top;
        background-image: url("/static/gfx2/index_banner.png"), url("/static/gfx2/index_banner_blur.png");
        transition: all 0.5s ease;
    }

    .index-baner-logo{
        position: absolute;
        top: 15px;
        left: 45px;
    }

    .index-baner-nav{
        position: absolute;
        top: 25px;
        right: 60px;
    }
    .index-baner-nav a{
        color: #FFFFFF;
        font-size: 18px;
        margin: 30px;
    }

    .index-baner-text{
        width:100%;
        position: absolute;
        text-align:center;
        color:#FFFFFF;
        font-size: 64px;
        bottom: 250px;
    }

    .index-baner-text2{
        width:100%;
        text-align:center;
        font-size: 18px;
        color:#FFFFFF;
    }


    .index-baner:focus-within{
        background-image: url("/static/gfx2/index_banner_blur.png");
    }

    .index-baner:focus-within .index-baner-text{
        opacity: 0.3;
    }


/* end index baner */

/* nav */
    .navbar{
        background: none;
        left: 50%;
        top:0px;
        margin-left:0;
        margin-right:0;
        padding: 0px 3%;
        /*max-width:1200px;*/
        max-width:1920px;
        height: 67px;
        width: 100vw;
        position: absolute;
        transform: translate(-50%, 0%);
        z-index:10;
        background: rgba(0, 0, 0, .5);
        /*background: rgba(0, 0, 0, .2);*/
    }
    .navbar.fixed-top{
        position: fixed;
        background: rgba(0, 0, 0, .7);
        z-index:10001
    }

    .navbar-brand{
        padding: 0px 21px;
    }

    .nav-link {
        display: block;
        background: none;
        text-align:center;
        font-size:15px;
        color:#000000 !important;
        margin: 0px 0px;
        padding: 7px 5px !important;
        border-radius:30px;
        font-family: Poppins-SemiBold;

    }

    .navbar-collapse{
        min-width:570px;
    }

    nav .menu-link{
        margin: 5px;
        color: #3d3d3d;
        font-size: 16px;
        font-family: Poppins-Regular;
    }

    nav .dropdown-menu{
        top: 50px;
        right:173px;
        /*right:20px;*/
        left:auto;
        font-size: 14px;
        font-family: Poppins-Regular;
        color: #fff;
        background: #ec0000;
        border-top-left-radius: 20px;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
    }

    .dropdown-item{
        font-size:16px;
        color: #fff;
    }

    .dropdown-item:hover{
        color: #dbdbdb;
        background: none;
        font-weight: bold;
    }
    .navbar-collapse .nav-item{
        display: flex;
        align-items: center;
    }
    .nav .dropdown-menu{
        top: 50px;
        right:173px;
        /*right:20px;*/
        left:auto;
        font-size: 14px;
        font-family: Poppins-Regular;
        color: #fff;
        background: #ffffff;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-color: #ec0000;
        border-style: solid;
        border-width: 1px;
    }

    .dropdown-item{
        font-size:16px;
        /*color: #ec0000;*/
        color: #000000;
    }

    .dropdown-item:hover{
        color: #ec0000;
        background: none;
        /*font-weight: bold;*/
        font-weight: normal;
    }

    .nav-tabs {
        color: #000000;
        /*background-color: #e9ebeb;*/
        border:0;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .nav-tabs {
        border-bottom: 0px solid transparent;
        color: #000000;
    }
    .nav-tabs .nav-link {
        border: 0px solid transparent;
        color: #000000;
    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        color: #000000;
        background-color: #fff;
        border:0;
    }

    .navbar-collapse {
      max-height: 500px;
      overflow: hidden;
      padding:10px;
      background: none;
    }

    .navbar-light .navbar-toggler-icon {
        background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M27.9993 10.6667H3.99935C3.26335 10.6667 2.66602 10.0693 2.66602 9.33333C2.66602 8.59733 3.26335 8 3.99935 8H27.9993C28.7353 8 29.3327 8.59733 29.3327 9.33333C29.3327 10.0693 28.7353 10.6667 27.9993 10.6667ZM27.9993 17.3333H3.99935C3.26335 17.3333 2.66602 16.736 2.66602 16C2.66602 15.264 3.26335 14.6667 3.99935 14.6667H27.9993C28.7353 14.6667 29.3327 15.264 29.3327 16C29.3327 16.736 28.7353 17.3333 27.9993 17.3333ZM27.9993 24H3.99935C3.26335 24 2.66602 23.4027 2.66602 22.6667C2.66602 21.9307 3.26335 21.3333 3.99935 21.3333H27.9993C28.7353 21.3333 29.3327 21.9307 29.3327 22.6667C29.3327 23.4027 28.7353 24 27.9993 24Z" fill="white"/></svg>');
    }
    .navbar-toggler-icon {
        display: inline-block;
        width: 32px;
        height: 32px;
        vertical-align: middle;
        content: "";
        background: no-repeat center center;
        background-image: none;
        background-size: auto;
        background-size: 100% 100%;
    }
    .navbar-light .navbar-toggler {
        color: rgba(0,0,0,.5);
        border: none;
    }


/* end nav */

/* topsearch */
    .topsearch{
        /*border: 1px solid #414141;*/
        /*margin: 2px 100px 0 0px;*/
        margin: 15px auto 0 auto;
        /*background: #ffffff;*/
        border-radius: 10px;
        padding: 0px 0px;
        font-size: 14px;
        max-width: 400px;
        position:relative;
    }
    .topsearch:hover, .topsearch:focus-within{
        /*border: 2px solid #414141;
        border: 1px solid #cccccc;*/
    }
    .indexbannersearchboxrow{
        position:relative;
        background:#FFFFFF;
        height:2px;
        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
        max-width: 1920px;
        margin: 0px auto;
    }
    .indexbannersearchbox{
        position: absolute;
        top: -40px;
        z-index: 3;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
        left: 0px;
        right: 0px;
        min-width:600px;
        border-radius: 46px;
        padding:12px 36px;
        background: linear-gradient(90deg, rgba(39,133,255,0.85) 10%, rgba(207,39,255,0.85) 60%);
        max-width:450px;
        display:flex;
        align-items: center;
    }
    .indexbannersearch{
        margin: 0px 0px;
        width:100% !important;
        background: #ffffff;
        text-align: center;
        border: none;
        padding: 12px 16px;
        font-size:18px !important;
        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
        border-radius: 46px;
        cursor: pointer;
    }
    .topsearchboxicon{
        padding:4px;
    }
    .topsearchinput{
        margin: 5px 0px;
        width:100% !important;
        height: 47px;
        background: #ffffff;
        text-align: center;
        border: none;
        padding: 8px 6px;
        display:inline;
        font-size:16px !important;
        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    }

    .topsearchinput:hover{
        outline: none;
        background: #f6fafc;
        border:none;
        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15) !important;
        border-radius: 30px;
    }

    .topsearchinput:focus{
        outline: none;
        background: #f6fafc;
        border: none !important;/*1px #dbe7ed solid;*/
        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15) !important;
        border-radius: 30px;
    }

    .topsearchbutton{
        background: none;
        border:none;
        /*display:inline;*/
        padding: 0px;
        top: 20px;
        right: 15px;
      cursor: pointer;
      position: absolute;
    }

    .topsearchbutton:hover, .topsearchbutton:focus{
        border:none;
        box-shadow:none !important;
    }



    #topsearchresult{
        display: none;
        position:absolute;
        width:100%;
    }

    #topsearchresultdetails{
        width:100%;
        min-width:300px;
        margin-top:0px;
        padding:0px 0px;
        display: none;
        color:#000000;
        font-size: 14px;
        background: rgba(255, 255, 255, 1);
        border: 1px solid rgba(255, 255, 255, 0.3);
        box-sizing: border-box;
        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
        border-radius: 12px;
    }

    #topsearchinput:focus + #topsearchresult, #topsearchresult:hover { display: block; }

    .topsearchresultlink:hover{
        background: #F0F0F0;
    }

    .topsearch-tab{
        width:100%;
        margin:0px;
        background:none;
        color:#000000 !important;
    }

    .topsearch-tab.active{
        background:none !important;
    }

    .topsearch .nav-item{
        border-bottom: 1px #767676 solid;
    }

    .topsearch .nav-item > .active{
        border-bottom: 3px #2785ff solid;
    }

    .topsearch a{
        color: #444444;
    }

/* endtopsearch */


/* topsearchpanelbox */
#topsearchpanel-box-container{
    display: none;
    z-index: 10001;
    position: fixed;
    top: 0px;
    /*left: 0px;*/
    width: 100%;
    height: 100%;
    background-color: transparent;
}

#topsearchpanel-box{
    /*border-radius: 4px;*/
    max-width: 1200px;
    margin: 0px auto;
    width:100%;
    height:100%;
    /*
    width: calc(100% - 48px);
    height: 90%;
    left: 50%;
    transform: translateX(-50%);
    bottom: 24px;
    */
    padding: 36px 36px 40px 36px;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    position: fixed;
    background-color: #ffffff;
    z-index: 1031;
    box-shadow: 0px 32px 32px -12px rgba(0, 0, 0, 0.16);
    max-height: 100%;
    /*max-height: 100hw;*/
    overflow-y: auto;
    text-align: left;
    background: linear-gradient(90deg, rgba(190,218,255,1) 30%, rgba(241,190,255,1) 70%);
    background:#fefefe;
    position:relative;
}

.topsearchpanel-box-input-bg{
    position: relative;
    background: linear-gradient(90deg, rgba(39,133,255,0.85) 10%, rgba(207,39,255,0.85) 60%);
    border-radius: 46px;
    margin: 24px 0px;
    padding: 10px 10px 10px 10px;
    display:flex;
    align-items: center;
}
.topsearchpanel-box-input{
    outline: none;
    margin: 0px 0px;
    font-style: normal;
    font-weight: 400;
    font-size: 24px !important;
    width: 100% !important;
    height: 50px;
    color:#767676;
    background: #ffffff;
    border: none;
    border-radius: 46px;
    padding: 0px 30px;
}
.topsearchpanel-box-input:hover, .topsearchpanel-box-input:focus{
    outline: none;
}
#topsearchpanel-result {
    width: 100%;
}
#topsearchpanel-resultdetails {
    width: 100%;
    margin-top: 0px;
    padding: 0px 0px;
    color: #000000;
    font-size: 14px;
    background: rgba(255, 255, 255, 1);
    box-sizing: border-box;
}


.topsearchpanel-result-tab{
    /*background:#F0F0F0;*/
    color:#000000 !important;
    /*padding: 4px 38px;*/
    padding: 4px;
    font-size:16px;
    font-weight: 700;
    cursor: pointer;
    width:100px;
    text-align:center;
    border-radius: 8px;
    width:100%;
    margin:0px;
}

#topsearchpanel-result .nav-tabs {
  border-bottom: none;
}
#topsearchpanel-result .nav-link{
    margin: 0px 0px;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #222222 !important;
    border:none !important;
}

#topsearchpanel-result .nav-item > .active{
    background: #FFFFFF;
    color: #137E84 !important;
    cursor: pointer;
    border-radius: 8px;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.12);
}

.topsearchpanel-result-nowyuzywany{
    float:right;
}
.topsearchpanel-result-details{
    display:block;
    padding: 16px 0px 0px 0px;
}
.topsearchpanel-result-details-mobile{
    display:none;
    padding: 16px 0px 0px 0px;
}

#topsearchpanel-result {
        width: 100%;
    }
#topsearchpanel-resultdetails {
    width: 100%;
    margin-top: 0px;
    padding: 0px 0px;
    color: #000000;
    font-size: 14px;
    background: rgba(255, 255, 255, 1);
    box-sizing: border-box;
}


.topsearchpanel-result-tab{
    /*background:#F0F0F0;*/
    color:#000000 !important;
    /*padding: 4px 38px;*/
    padding: 4px;
    font-size:16px;
    font-weight: 700;
    cursor: pointer;
    width:100px;
    text-align:center;
    border-radius: 8px;
    font-family: SantanderMicroText;
    width:100%;
    margin:0px;
}

#topsearchpanel-result .nav-item > .active{
    background: #FFFFFF;
    color: #137E84 !important;
    cursor: pointer;
    border-radius: 8px;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.12);
}

.topsearchpanel-result-nowyuzywany{
    float:right;
}
.topsearchpanel-result-details{
    display:block;
    padding: 16px 0px 0px 0px;
}
.topsearchpanel-result-details-mobile{
    display:none;
    padding: 16px 0px 0px 0px;
}

.topsearchpanel-resultdetails-row{
    border-bottom: 1px solid #DEEDF2;
    padding: 16px 0px;
    font-size: 16px;
    color: #444444;
    position: relative;
    display:flex;
    align-items: flex-start;
}
.topsearchpanel-resultdetails-price{
    font-family: Poppins-Regular;
    font-weight: bold;
    color: #000000;
    width: 100%;
    text-align: right;
    right: 10px;

    position:absolute;
    font-size:20px;
    line-height:30px;
    top: 10px;
    padding:0px;
}
.topsearchpanel-resultdetails-new{
    display: inline;
    font-size: 14px;
    vertical-align: top;
    padding:5px 10px;

}
.topsearchpanel-resultdetails-details-mobile{
    display:none;
}

.topsearchpanel-box-open-mobile{
    display:none;
}

@media (max-width: 1199px){
    #topsearchpanel-box {
      padding: 72px 70px 40px 70px;
    }
}
@media (max-width: 991px){
    .indexbannersearchboxrow {
        height: auto;
    }
    .indexbannersearchbox {
        position:static;
        max-width:100%;
        border-radius:0px
    }
}
@media (max-width: 767px){
    .topsearchpanellogo{
        display:none;
    }
    .topsearchpanel-box-input{
        font-size: 18px !important;
    }
    #topsearchpanel-box {
      padding: 72px 24px 40px 24px;
    }
    .topsearchpanel-result-nowyuzywany{
        display: inline-block;
        float:none;
    }
    .topsearchpanel-result-details{
        display:none;
    }
    .topsearchpanel-result-details-mobile{
        display:block;
    }
    .topsearchpanel-result-tab-text2{
        display:none;
    }
    .topsearchpanel-resultdetails-row{
        flex-wrap: wrap;
    }
    .topsearchpanel-resultdetails-price{
        position: static;
        display: flex;
        flex-flow: nowrap;
        align-items: flex-start;
        justify-content: right;
    }
    .topsearchpanel-resultdetails-new{
        margin-left: 20px;
    }
    .topsearchpanel-resultdetails-details-mobile{
        display:block;
    }
    .topsearchpanel-resultdetails-details-nomobile{
        display:none;
    }
}
@media (max-width: 600px){
    .topsearchpanelilosc{
        margin-left: 20px;
        margin-right: 20px;
    }
    .topsearchpanelicon{
        display:none;
    }
    #indexbannersearchboxlogo{
        display:none;
    }
    .indexbannersearchbox {
        min-width:300px
    }
    .topsearchpanel-box-open-mobile{
        display:block;
    }
    .topsearchpanel-box-open-nomobile{
        display:none;
    }
}
/* end topsearchpanelbox */




/* desctop-baner */
#desctop-banner{
    width:100%;
    max-width:1920px;
    background:#ffffff;
    text-align:center;
    position:relative;
    margin: 0px auto;
}

#desctop-banner-img{
    width:100%;
    max-width:1920px;
    min-height:200px;
    object-fit: cover;
}

#desctop-banner-text1{
    position:absolute;
    left:10%;
    bottom:40% ;
    font-size:46px;
    font-size: 4vw;
    color:#ffffff;
}

#desctop-banner-text1-nowy{
    position:absolute;
    left:10%;
    bottom:10% ;
    font-size:42px;
    color:#ffffff;
}

#desctop-banner-text2{
    position:absolute;
    left:10%;
    bottom:30%;
    font-size:32px;
    font-size: 3vw;
    color:#ffffff;
}

#desctop-banner-text3{
    position:absolute;
    left:10%;
    bottom:21.5%;
    font-size:20px;
    font-size: 1.7vw;
    color:#ffffff;
}

#desctop-banner-link{
    position:absolute;
    left:10%;
    bottom:10%;
    font-size:1vw;
    color:#000000;
    background:#ffffff;
    border-radius:30px;
    padding: 0.5vw 0.5vw 0.5vw 1vw;
}

#desctop-banner-link-svg{
    enable-background:new 0 0 512 512;
    background: #2785ff;
    border-radius:20px;
    padding:5px;
    margin-left:1vw;
    height:2vw;
    width:2vw;
}

/* end desktop baner */

/* switch */
    .barswitch{
        background: #000000;
        border-radius: 20px !important;
        margin: 0px 0px;
        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
        border-radius: 10px;
        font-family: Poppins-Medium;

    }

    .barswitch_btn, .barswitch_btn:hover{
        background:#000000;
        color:#FFFFFF;
        border-radius: 20px;
        padding: 9px 20px;
        font-size:14px;
        cursor: pointer;

    }
    .barswitch_btn_active, .barswitch_btn_active:hover{
        background: #FFFFFF;
        color:#ffffff;
        cursor: pointer;
    }
    .barswitch_btn_active .barswitch_btn_active_text, .barswitch_btn_active .barswitch_btn_active_text:hover{
        /*background: #ec0000;*/
        background: -webkit-linear-gradient(to right, #2785FF 0%, #cf27ff 100%);
        background: -moz-linear-gradient(to right, #2785FF 0%, #cf27ff 100%);
        background: linear-gradient(to right, #2785FF 0%, #cf27ff 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .barswitch_white{
        background: #FFFFFF;
        border-radius: 10px !important;
        margin: 0px 0px;
    }

    .barswitch_white_btn, .barswitch_white_btn:hover{
        background:#FFFFFF;
        color:#000000;
        border-radius: 10px;
        padding: 9px 20px;
        font-size:14px;
        cursor: pointer;

    }.barswitch_white_btn_active, .barswitch_white_btn_active:hover{
        /*background: #ec0000;*/
        background: #1BB3BC;
        color:#ffffff;
        cursor: pointer;
    }

    .inxswitch{
        margin: 25px auto 0px auto;
        background: #FFFFFF;
        border-radius: 10px;
        font-size:15px;
        padding: 2px 0px;
        display: inline-block;
        z-index: 100;
    }

    .inxswitch_btn, .inxswitch_btn:hover{
        background: #FFFFFF;
        border-radius: 10px;
        padding: 3px 20px;
        cursor: pointer;
    }

    .inxswitch_btn_active, .inxswitch_btn_active:hover{
        background: #ec0000;
        color:#ffffff;
        cursor: pointer;
    }
/* endswitch */

/* samochod kafelka */

.car-list-item-border {
    background: linear-gradient(to right bottom, #2785ff, #b038ff);
    border-radius: 16px;
    position: relative;
    margin: 12px 0px;
    width: 100%;
    height: 325px;
    padding: 3px;
}

.car-list-item{
    position: relative;
    width: 100%;
    height: 360px;
    left: 0px;
    top: 0px;
    background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #404B51;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    border: 2px #FFFFFF solid;
    border-radius: 16px;
    margin: 12px 0px;
}

.car-list-item:hover::after {
    position: absolute;
    top: -4px; bottom: -4px;
    left: -4px; right: -4px;
    background: linear-gradient(to right bottom, #2785ff, #b038ff);
    content: '';
    z-index: -1;
    border-radius: 16px;
}

.car-list-item:hover{
    /*color: #fff;
    background: #F0F0F0;*/
}

.car-list-item:hover td{
    /*color: #fff;
    transition: 0.6s;*/
}

.car-list-item-green{
    background: #B1FFB1; /*linear-gradient(0deg, #FFFFFF, #B1FFB1), #404B51;*/
}

.car-list-details-item{
    position:relative;
    /*margin: 10px 10px;*/
    margin: 10px 0px 10px 0px;
    padding: 0px;
    border: 0px solid;
    float: left;
    color: #777777;
    /*width:300px;*/
    /*width:100%;*/
    width:310px;
    min-width:310px;
    background: #ffffff;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    transition: 0.6s;
}

.car-list-details-head{
    float:right;
    margin: 20px 15px;
    color: #000000;
    font-family: Poppins-Regular;
    font-size: 20px;
}

.car-list-details-year{
    float:left;
    padding: 0px;
    margin-top: 20px;
    margin-left: 20px;
    color: #777777;
    font-size:16px;
    background: #e9ebeb;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    padding: 5px 35px;
}

.car-list-details-year-d{
    float:left;
    padding: 0px;
    margin-top: 20px;
    margin-left: 50px;
    color: #777777;
    font-size:16px;
    background: #e9ebeb;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    padding: 5px 35px;
}

.car-list-details-tab{
    margin: 0px 20px 10px; 20px;
    padding: 0px;
    color: #777777;
    width: 80%;
}

.car-list-details-price1{
    font-size:26px;
    color: #777777;
    float: left;
    padding: 15px 5px 15px 15px;
}

.car-list-details-price2{
    font-size:26px;
    font-weight:bold;
    color: #ec0000;
    float: right;
    padding: 15px 15px 15px 5px;
}

.car-list-details-item:hover{
    color: #ffffff !important;
    background: #ec0000;
}
.car-list-details-item:hover,
.car-list-details-item:hover td,
.car-list-details-item:hover .car-list-details-head,
.car-list-details-item:hover .car-list-details-tab,
.car-list-details-item:hover .car-list-details-price1,
.car-list-details-item:hover .car-list-details-price2,
.car-list-details-item:hover .percent-cena-search{
    color: #ffffff !important;
}

.item-img{
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
    width: 100%;
    height: 200px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.item-przebieg{
    font-family: Poppins-Regular;
    font-size: 16px;
    border-radius: 15px;
    position: absolute;
    right: 10px;
    top:10px;
    background: #f0f0f0;
    color: #000;
    padding: 3px 15px;
}

.item-petrol{
    font-family: Poppins-Regular;
    font-size: 20px;
    border-radius: 15px;
    position: absolute;
    right: 20px;
    top:20px;
    background: #f0f0f0;
    color: #000;
    padding: 3px 15px;
}

.item-img-info{
    font-family: Poppins-Regular;
    font-size: 12px;
    border-top-left-radius: 15px;
    position: absolute;
    right: 0px;
    top:232px;
    background: #f0f0f0;
    color: #000;
    padding: 0px 10px;
}

.item-descr-name{
    font-family: Poppins-SemiBold;
    font-size: 22px;
    font-weight: bold;
    color:#000000;
    margin: 0 20px;
    white-space: nowrap;
    /*position: absolute;
    left: 16px;
    top: 240px;*/
}

.item-descr-type{
    font-family: Poppins-SemiBold;
    font-size: 14px;
    color:#000000;
    margin: 0px 20px;
    /*position: absolute;
    left: 16px;
    top: 270px;*/
}

.item-descr-info{
    font-family: Poppins-Regular;
    font-size: 14px;
    color:#000000;
    margin: 5px 20px;
    line-height: 16px;
}

.item-descr-percent{
    font-family: Poppins-Regular;
    font-size: 24px;
    font-weight: bold;
    color:#ec0000;
    position: absolute;
    left: 16px;
    bottom:32px;
}

.item-descr-prod{
    font-family: Poppins-Regular;
    font-size: 16px;
    position: absolute;
    left: 15px;
    top: 80px;
}

.tab-price{
    line-height: 1;
    padding:1px;
    color:#000000;
}

.tab-price-dig{
    font-size:28px;
    font-weight: bold;
    color:#000000;
}
.tab-price-text{
    font-size:12px;
    padding-left: 5px !important;
    color:#000000;
}


.item-descr-price{
    font-family: Poppins-Regular;
    font-size: 28px;
    font-weight: bold;
    color:#000000;
    padding: 10px 20px;
    width:100%;
    text-align:right;
    position: absolute;
    right: 10px;
    bottom:10px;
}

.item-descr-price-info{
    font-family: Poppins-Regular;
    font-size: 12px;
    font-weight: normal;
    margin-top: -10px;
    color:#000000;
}

.item-descr-stan-nowy{
    font-family: Poppins-Regular;
    font-size: 12px;
    color:#000000;
    position: absolute;
    top: 16px;
    left: 0px;
    text-align:center;
    width: 64px;
    height:20px;
    background: url("../gfx2/icons/rec_nowe.png") no-repeat center;
	background-size: 64px 20px;
}

.item-descr-stan-uzywany{
    font-family: Poppins-SemiBold;
    font-size: 12px;
    color:white;
    position: absolute;
    top: 16px;
    left: 0px;
    text-align:center;
    width: 82px;
    height:20px;
    background: linear-gradient(90deg, rgba(39,133,255,0.85) 10%, rgba(207,39,255,0.85) 80%);
	background-size: 82px 20px;
	border-radius: 7px;
}
.compare_index_icon{
    position:absolute;
    top:20px;
    right: 20px;
    z-index:100;
    cursor: pointer;
	transition: 0.6s;
    content:url("/static/gfx2/compare2.svg");
    padding: 5px;
}

.compare_index_icon:hover{
    background: #ffffff;
    border: 1px solid #bd07f0;
    border-radius: 40px;
}

.compare_index_icon .tooltip-inner{
    font-size:18px;
}

.compare_search_icon{
    position:absolute;
    top:32px;
    left: 25px;
    width:30px;
    cursor: pointer;
	transition: 0.6s;
    content:url("/static/gfx2/compare_icon.png");
}

.compare_search_icon:hover{
    content:url("/static/gfx2/compare_icon_r.png");
}

/* end samochod kafelka */

/* podstrona samochod */

.select-img{
    width: 45%;
    /*padding-top: 500px;*/
    padding: 0px;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.select-img-ex{
    height: 65%;
    /*padding-top: 500px;*/
    padding: 0px;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.select-img-element{
    position:relative;
    top: -20px;
    bottom: 0;
}

.select-img-gallery{
    padding-bottom:25px;
}

.select-img-ill{
    width: 94px;
    height: 52px;
    color: #ffffff;
    opacity: 0.8;
    font-size: 8px;
    text-align:center;
    display: block;
    margin-bottom: .5rem;
    cursor: pointer;
}

.select-img-ill:hover, .select-img-ill:focus {
    opacity: 0.4;
}

.select-img-ill2{
    position: absolute;
    color: #ffffff;
    background: #000000;
    border-radius: 20px;
    opacity: 0.5;
    font-size: 8px;
    bottom: 20px;
    left: 40%;
    line-height: 8px;
    padding: 3px 30px;
}

.select-gallery-ill{
    width: 94px;
    height: 52px;
    opacity: 0.8;
    color:white;
    font-size: 10px;
    text-align:center;
    display: block;
    cursor: pointer;
    padding-top: 0px;
}

.select-gallery-ill:hover, .select-gallery-ill:focus {
    opacity: 0.4;
}

.select-img-loading{
    position:absolute;
    bottom: 200;
    left: 40%;
    width: 200px;
    height:200px;
    background: url("../gfx2/loader.gif") no-repeat center;
	background-size: 100px 100px;
}

.select-img-text-compare{
    position:absolute;
    color: #FFFFFF;
    font-size: 36px;
    top: 0;
    left: 50;
    font-family: Poppins-Regular;
}

.select-img-text{
    position:absolute;
    color: #FFFFFF;
    font-size: 36px;
    top: 100;
    left: 50;
    font-family: Poppins-Regular;
}
.select-img-text2{
    position:absolute;
    color: #FFFFFF;
    font-size: 24px;
    top: 160;
    left: 50;
    font-family: Poppins-Regular;
}

.select-img-one-color-desc{
    position:absolute;
    font-size:14px;
    left:10px;
    top: -20px;
    text-align:left;
    color:#444444;
    /*display: none;*/
    width: 300px;
}

.select-img-one-color-desc-hidden{
    display: none;
}


.select-img-one-color{
    /*border:2px #555555 solid;
    width: 25px;
    height:25px;
    border-radius: 20px;*/

    margin: 0px 5px;
    position: relative;
    display:inline-block;

    width: 80px;
    height: 60px;
    border: 2px solid #000000;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.12);
    border-radius: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.select-img-box-color > input{
    visibility: hidden;
    position: absolute;
}

.select-img-box-color > input + .select-img-one-color{
    cursor:pointer;
}


.select-img-box-color > input:checked + .select-img-one-color{
    width: 80px;
    height: 60px;
    border: 2px solid #FFFFFF;
    padding: 4px;
}

.select-img-colors{
    color: #ffffff;
    background: None;
    border-radius: 20px;
    font-size: 8px;
    line-height: 8px;
    /*margin: auto;*/
    height:20px;
    position: relative;
    width: auto;
    display: table;
}

.select-img-box{
    display: table;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: -100px;
    width: auto;
}

.select-minimg{
    border-radius: 30px;
    width: 120px;
    height: 50px;
    background: #ff0;
    margin: 10px;
    float: left;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.select-minimg:hover{
    border: 3px solid #ec0000;
}

.item-img-selectinfo{
    font-family: Poppins-Regular;
    font-size: 12px;
    border-top-left-radius: 15px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    background: #f0f0f0;
    color: #000;
    padding: 0px 10px;
}

.car-details-box{
    width:100%;
    max-width:1920px;
    margin: 0px auto;
    background: #000000;
}

.car-details-box-info{
    background: #000000;
}

.car-details-box-calc{

}

.select-galeria{
    margin-top:40px;
    display:flex;
    flex-wrap: wrap;
}
.select-galeria-img{
    width:50%;
}
@media (max-width: 1199px){
    .select-galeria{
        margin-top:64px;
    }
}
@media (max-width: 767px){
    .select-galeria{
        margin-top:48px;
    }
    .select-galeria-img100{
        width:100%;
    }
}



.desc-car{
    font-family: Poppins-Regular;
    font-size: 36px;
    color: #414141;
}

.desc-text{
    font-family: Poppins-Regular;
    font-size: 16px;
    color: #FFFFFF;
}

.desc-text2{
    font-family: Poppins-Regular;
    font-size: 16px;
    color: #444444;
    line-height: 2;
}

.desc-text-bold{
    font-family: Poppins-Bold;
    font-size: 16px;
    color: #FFFFFF;
}

.desc-text2 li::before {
  content: "• ";
  color: #1BB3BC;
  font-size: 20px;
}

.desc-text3{
    font-family: Poppins-Regular;
    font-size: 16px;
    color: #444444;
    line-height: 2;
}

.desc-text3-bold {
  font-weight: 700;
}

.desc-text3-dot{
    padding: 5px 25px;
    display: list-item;
    list-style-type: url('data:image/svg+xml; utf8, <svg width="8" height="22" viewBox="0 0 8 22" fill="none" xmlns="http://www.w3.org/2000/svg"><rect y="7" width="8" height="8" rx="4" fill="#222222"/></svg>');
    padding-inline-start:0px;
    padding-left:0px;
    font-size: 16px;
}


.desc-price1{
    font-family: Poppins-Regular;
    font-size: 50px;
    color: #414141;
    text-align: center;
    margin-bottom: 10px;
}

.desc-price2{
    font-family: Poppins-Regular;
    font-size: 24px;
    color: #414141;
    text-align: center;
}

.desc-price3{
    font-family: Poppins-Regular;
    font-size: 20px;
    color: #414141;
    text-align: center;
}

.desc-price-text{
    font-family: Poppins-Regular;
    font-size: 15px;
    color: #414141;
    text-align: center;
    margin: 0px 10px;
}

.desc-grey-box{
    color: #414141;
    width:100%;
    background: #FFFFFF;
    border-radius: 30px;
    padding: 0px 0;

}

.desc-grey-box2{
    color: #414141;
    width:100%;
    border-radius: 30px;
    padding: 20px 0;
    border: 3px solid #f0f0f0;

}

.desc-text-blue{
    font-family: Poppins-Regular;
    font-size: 20px;
    color: #ec0000;
    margin: 20px 0px;
    text-transform: uppercase;
}

.desc-text-grey{
    font-family: Poppins-Regular;
    font-size: 18px;
    color: #414141;
}

.desc-text-grey-bold{
    font-family: Poppins-Regular;
    font-size: 18px;
    color: #414141;
}

.desc-text-grey li::before {
    content: "●";
    font-size: 25px;
    color: #ec0000;
    display: inline-block;
    width: 1em;
}

.grey-dot li::before {
    content: "●";
    font-size: 15px;
    color: #dbdbdb;
    display: inline-block;
    width: 1em;
}

.select-calc-box{
    padding:0px;
    height:700px;
    width:100%;
    max-width: 480px;
    margin: 0px auto;
    position: relative;
}

.calc{
    position:absolute;
    margin-top:-42px;
    z-index:10;
    -webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.5);
    box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.5);
}

.calc-hidden {
  z-index: -99;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.calc-head{
    width:100%;
    border-radius: 15px 15px 0 0;
    padding: 10px 5px;
    color:#FFFFFF;
    font-size:16px;
    text-align:center;
    background: #000000;
}

.calc-head-kalk{
    width:100%;
    border-radius: 15px 15px 0 0;
    padding: 10px 5px;
    color:#FFFFFF;
    font-size:16px;
    text-align:center;
    background: linear-gradient(90deg, rgba(39,133,255,1) 10%, rgba(207,39,255,1) 80%);
}

.calcofferswitch{
    border-bottom: #F6F6F6 2px solid;
    font-size:18px;
    cursor: pointer;
}

.calcofferswitch-select{


    background: linear-gradient(90deg, rgba(39,133,255,1) 10%, rgba(207,39,255,1) 80%);
    background-size:100% 3px;
    background-position:bottom 0 left 0,bottom 5px left 0;
    background-repeat:no-repeat;

    font-weight:bold;
}



.calc-tooltip {
}

.calc-tooltip-i {
  position:absolute;
  top:-10px;
  right:0;
  border: 1px #000000 solid;
  border-radius:20px;
  padding:0 6px;
  cursor:pointer;
  font-size:10px;
}

.calc-tooltip .calc-tooltiptext {
  visibility: hidden;
  width: 240px;
  background-color: #2785ff;
  color: #FFFFFF;
  padding: 20px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  right: -15px;
  margin-left: -60px;
  text-align:left;
}

.calc-tooltip .calc-tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  right: 17px;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #2785ff transparent transparent transparent;
}

.calc-tooltip .serwis{
  right: -155px;
  margin-left: 0px;
}

.calc-tooltip .serwis::after {
  right: 157px;
}

.calc-tooltip .opony{
  right: -115px;
  margin-left: 0px;
}

.calc-tooltip .opony::after {
  right: 117px;
}

.calc-tooltip .ubezpieczenie{
  right: -55px;
  margin-left: 0px;
}

.calc-tooltip .ubezpieczenie::after {
  right: 57px;
}

.calc-tooltip:hover .calc-tooltiptext {
  visibility: visible;
}



.form-control-button-mod{
    padding: 18px;
    border-radius: 0 0 30px 30px;
}

.accept-button, .accept-button:focus, .accept-button:active{
    border-radius: 30px;
    padding: 10px 16px;
    font-size: 16px;
    font-family: Poppins-Regular;
    max-width:400px;
    width: 100%;
    transition: 0s;
    border: 2px #FFFFFF solid;
    color: #ffffff;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    margin-top: 0px;
    background: linear-gradient(90deg, rgba(39,133,255,1) 10%, rgba(207,39,255,1) 80%);
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.accept-button:hover{
    background: #000000;
    border: 2px #FFFFFF solid;
    border-radius: 30px;
    color: #ffffff;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
}


.porownaj-button, .porownaj-button:focus, .porownaj-button:active{
    border-radius: 30px;
    padding: 4px 16px;
    font-size: 16px;
    font-family: Poppins-Regular;
    width: 200px;
    transition: 0s;
    border: 2px #FFFFFF solid;
    color: #ffffff;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    margin-top: 0px;
    background: linear-gradient(90deg, rgba(39,133,255,1) 10%, rgba(207,39,255,1) 80%);
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.porownaj-button:hover{
    background: #000000;
    border: 2px #FFFFFF solid;
    border-radius: 30px;
    color: #ffffff;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
}

.porownaj-button-nb, .porownaj-button-nb:focus, .porownaj-button-nb:active{
    border-radius: 30px;
    padding: 4px 16px;
    font-size: 16px;
    font-family: Poppins-Regular;
    width: 200px;
    transition: 0s;
    border: 0px #FFFFFF solid;
    color: #ffffff;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    margin-top: 0px;
    background: linear-gradient(90deg, rgba(39,133,255,1) 10%, rgba(207,39,255,1) 80%);
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.porownaj-button-nb:hover{
    background: #000000;
    border: 0px #FFFFFF solid;
    border-radius: 30px;
    color: #ffffff;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
}

input.cb_korzysci {
  display: none;
}
input.cb_korzysci + label {
  border: 1px solid #ffffff;
  background: #F0F0F0;
  cursor: pointer;
  border-radius: 5px;
}
input.cb_korzysci:not(:checked) + label:hover {
  border: 1px solid #137E84;
  color: #137E84;
}
input.cb_korzysci + label:active,
input.cb_korzysci:checked + label {
  color: #FFFFFF;
  background: #137E84;
}

.switch-field {
	display: flex;
	overflow: hidden;
    font-family: Poppins-Regular;
	background-color: #000000;
	border-radius: 20px;
}

.switch-field label{
	margin: 0px;
}

.switch-field input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.switch-field label {
	background-color: #000000;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 1;
	text-align: center;
	padding: 10px 15px;
	margin-right: -1px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
	transition: all 0s ease-in-out;
}

.switch-field-clear label{
	border: none;
	box-shadow: none;
}

.switch-field label:hover {
	cursor: pointer;
}

.switch-field input:checked + label {
	background-color: #FFFFFF;
	color: #ffffff;
	box-shadow: none;
	border: 1px #000000 solid;
	border-radius: 20px;
}
.switch-field input:checked + label .switch-field-color {
        background: -webkit-linear-gradient(to right, #2785FF 0%, #cf27ff 100%);
        background: -moz-linear-gradient(to right, #2785FF 0%, #cf27ff 100%);
        background: linear-gradient(to right, #2785FF 0%, #cf27ff 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
}

.switch-field label:first-of-type {
	border-radius: 20px 0 0 20px;
}

.switch-field label:last-of-type {
	border-radius: 0 20px 20px 0;
}

.slider {
    width: 100%;
    margin: 0px auto;
}

.slick-slide {
  margin: 0px -10px 0px 10px;
}

.slider.slider-horizontal .slider-track {
    height: 5px;
    margin-top: -2px;
}

.slider-handle {
    /*background: #ec0000;*/
    background: rgba(207,39,255,1);
    width: 30px;
    height: 30px;
    radius: 30px;
    border: 2px #FFFFFF solid;
}

.slider-handle.round {
  border-radius: 100%;
}

.slider.slider-horizontal .slider-tick, .slider.slider-horizontal .slider-handle {
    margin-left: -15px;
    margin-top: -5px;
}

.slider.slider-horizontal {
  width: 100%;
  height: 20px;
}

.slider .tooltip.top {
    display: none;
}

.slider-tick{
    display: none;
}

.slider-tick-label{
    margin-top: 15px;
    font-size: 14px;
}

.slider.slider-horizontal .slider-selection {
  background: linear-gradient(90deg, rgba(39,133,255,1) 10%, rgba(207,39,255,1) 80%);
}

.slick-dots li button::before {
  font-size: 16px !important;
}

.car-details{
    margin: 30px 0 30px 0;
    color: #000000;
    font-size: 20px;
}

.sliderper{
    font-size: 14px;
    margin-top:-7px;
    width:60px;
    padding:8px 16px;
    background: #FFFFFF;
    border:none;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    border-radius: 12px;
}
.sliderper:hover{
    outline: none;
    background: #f6fafc;
    border:none;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15) !important;
    border-radius: 12px;
}
.sliderper:focus, .sliderper:active{
    outline: none;
    background: #f6fafc;
    border: 1px #dbe7ed solid;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15) !important;
    border-radius: 12px;
}
.sliderper-span{
}



.tooltip{
    /*display: none;*/
}

.tooltip > .tooltip-inner {
  background-color: #FFFFFF;
  color: #000;
  border: none;
  /*border-radius: 10px;
  border: 1px solid #ec0000;*/
  font-size:12px;
  max-width:150px;
  text-align:left;
-webkit-box-shadow: 0px 0px 9px 0px #aaaaaa;
box-shadow: 0px 0px 9px 0px #aaaaaa;

}

.tooltip .arrow {
    display: none;
}
/* end podstrona samochod */

/* strona */

.csite-box{
    margin: 0px auto 0px auto;
    /*background: #f5f5f5;*/
    max-width: 1280px;
}

#mobile-banner{
    display: none;
}

.main_bar-mobile{
    display: none;
}

.main_bar{
    width: 100%;
    background: none;
    padding: 0px 0 0px 0;
	color:#ffffff;
    font-family: Poppins-Regular;
}

.main_bar .col-md-1{
    padding-left: 5px;
    padding-right: 5px;
}

.main_bar_text{
    color:#ffffff;
    font-size:14px;
    text-align:right;
    padding-right:15px;
    /*padding-top: 8px;*/
    margin: auto;
	font-family: Poppins-Regular;
}

.main_bar_btn{
    background-color:#ec0000;
    border-radius: 10px;
	color: #ffffff;
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
	padding: 10px 16px;
	border: none;
	font-family: Poppins-Regular;
    transition: 0.6s;
    border: none;
    background: #ec0000;
    color: #ffffff;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    border-radius: 22px;
}

.main_bar_btn:hover, .main_bar_btn:focus{
    border:none !important;
    color:#ec0000;
    background-color:#ffffff;
    box-shadow: none !important;

    border: none;
    background: #cc0000;
    color: #ffffff;
}

.main_bar_form, .main_bar_form:hover, .main_bar_form:focus, .main_bar_form:active{
    border: 1px solid #ffffff !important;
    background-color: #2a2b2f !important;
    border-radius: 10px;
    width: 100%;
	font-size: 14px;
	padding: 3px 10px;
	color:#ffffff;
    font-family: Poppins-Regular;
    box-shadow: none !important;
    text-align: center;
    height:38px;
}

.main_bar_form:focus{
    background-color: #ffffff !important;
}

.text-center{
    text-align: center;
}

.margin20{
    margin: 20px auto;
}

.margin30{
    margin: 30px auto;
}

.margin50{
    margin: 50px auto;
}

.static-title{
    margin-left:0px;
    text-align: center;
    width: 100%;
    font-size: 30px;
    font-family: Poppins-SemiBold;
    color: #000000;
    margin: 30px auto;
}

.static-tilte-search{
    text-align:center;
    font-family: Poppins-Bold;
    color:#FFFFFF;
    font-size: 30px;
    width: 100%
}

.static-leasing-logos{
    display:inline;
    padding :10px;
}

.button_group_switch{
    width:100%;
    max-width:1200px;
    margin: 0px auto 40px auto;
}

.button_group_switch_search_table{
    margin:35px auto 0 auto;
}

.filter_row_search{
    padding: 10px 10px;
    color:#FFFFFF;
}

.margin_cena_filter{
    display: inline-block;
    width:48%;
}

.zdjecie_oferta{
    max-height: 210px;
    width: 350px;
}

.center{
    margin-left: auto;
    margin-right: auto;
}

.search_option{
    cursor: pointer;
    border:1px solid #F0F0F0;
    border-radius: 10px;
    padding: 5px 10px;
    font-size:13px;
    background: #ffffff;
    display: inline-block;
    float: center;
    white-space: nowrap;
    margin-top: 5px;
    font-family: Poppins-Regular;
}

.search_option_cross{
    background-image: url("../gfx2/desc_grey_cross.png");
    background-repeat: no-repeat;
    background-size: cover;
    width:11px;
    height:10px;
    display: inline-block;
    margin-left:5px;
    color:#CCCCCC;
}

.search_option_cross:hover{
    background-image: url("../gfx2/desc_red_cross.png");
    color:#EC0000;
}

.search_option:hover .search_option_cross{
    background-image: url("../gfx2/desc_red_cross.png");
    color:#EC0000;
}

.search-button{
    border-radius: 30px;
    padding: 10px 14px;
    font-size: 14px;
    font-family: Poppins-Regular;
    max-width:400px;
    width: 100%;
    transition: 0.6s;
    border: 2px #000000 solid;
    background: #454545;
    color: #ffffff;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    margin-top: 28px;
}

.search-button-color{
    background: linear-gradient(90deg, rgba(39,133,255,1) 10%, rgba(207,39,255,1) 80%)
}

.search-button:hover, .search-button:focus{
    background: #000000;
    border: 2px #FFFFFF solid;
    color: #ffffff;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
}

.search-button-mobile{
    border-radius: 22px;
    padding: 10px 16px;
    font-size: 16px;
    font-family: Poppins-Regular;
    max-width:400px;
    transition: 0.6s;
    background: #FFFFFF;
    color: #EC0000;
    border: 1.5px solid #EC0000;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
}

.search-button-mobile:hover{
    color: #CC0000;
    border: 1.5px solid #CC0000;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
}

.search-button-mobile:focus{
    color: #990000;
    border: 1.5px solid #990000;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
}

.menu-button{
    /*margin: 5px auto !important;
    border-radius: 10px !important;
    border-color: #ec0000;
    border-style: solid;
    border-width: 1px;
    padding: 7px 30px;
    color: #ec0000;
    font-size: 14px;
    font-family: Poppins-Regular;
    max-width:400px;*/
    transition: 0.6s;

    border: none;
    color: #FFFFFF;
    padding: 5px 5px;
    font-size: 16px;
    border-radius: 30px;
}

.menu-button:hover{
    background:#000000;
    color:#ffffff;
    border-radius: 30px;
    /*color: #000000;*/
}

.menu-button-green:hover{
    background:#000000;
    color:#88b03c;
    /*background:#51750d;
    color:#ffffff;*/
    border-radius: 30px;

    /*color: #000000;*/
}

.menu-infolinia{
    color: #FFFFFF;
    padding: 12px 5px;
    margin-left: 10px;
    font-size: 16px;
    font-family: Poppins-SemiBold;
}


/* end strona */

/* search html filtry */

.filter_bar_details{
    display:none;
}

.filter_element_desktop{
}

.filter_element_mobile{
    display:none;
}

.filter_bar-mobile{
    display:none;
}
.filter_bar_form_main_poz{
    display:flex;
    width:100%;
}

.filter_bar_form_main_poz_marka{
    width:60%;
    padding:6px 12px
}

.filter_bar_form_main_poz_model{
    width:100%;
    padding:6px 12px
}

.filter_bar_form_main_poz_cena{
    display:flex;
    min-width:400px;
    padding:6px 12px
}

.filter_bar_form_main_poz_cena_label{
    text-align:right;
    font-size:14px;
    padding:6px 12px
}

.filter_bar_form_poz{
    width:16.66666666%;
    flex:0 0 16.66666666%;
    padding:6px 12px
}

#show_details{
    cursor: pointer;
}

.combobox-container{
    background: #FFFFFF;
    border:none !important;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    border-radius: 30px;
}

.combobox-container:hover{
    outline: none;
    background: #f6fafc;
    border:none;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15) !important;
    border-radius: 30px;
}
.combobox-container:focus, .combobox-container:active{
    outline: none;
    background: #f6fafc;
    border: none;/*1px #dbe7ed solid;*/
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15) !important;
    border-radius: 30px;
}

.search-chackbox{
    display: none;
}

.serach-img-text2{
    padding: 10px 0;
}

.cfilter{
    margin: 10px 0px;
    font-size: 16px;
}

.cfilter-flex{
    padding: 0px 15px 0px 15px;
    margin: 10px 0px;
    font-size: 16px;
}

/* end search html filtry */

/* static site */
.static-site{
    color: #414141;
    font-family: Poppins-Regular;
    font-size: 16px;
}

.static-site li::before {
    content: "●";
    font-size: 25px;
    color: #ec0000;
    display: inline-block;
    width: 1em;
}

.static-site li li::before {
    content: "●";
    font-size: 25px;
    color: #dbdbdb;
    display: inline-block;
    margin-left: 30px;
    width: 1em;
}

.staticsite ul {
    display: block;
    list-style-type: disc;
    margin-top: ;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}

.static-site table{
    margin-left: auto;
    margin-right: auto;
}

.static-button{
    color:#000000;
    background: #FFFFFF;
    border: 1px #000000 solid;
    border-radius: 30px;
    padding: 10px 40px;
    font-size: 14px;
}

.static-button:hover, .static-button:focus{
    color:#FFFFFF;
    background: #000000;
    border: 1px #000000 solid;
}
.static-button-long{
    color:#000000;
    background: #FFFFFF;
    max-width:600px;
    width: 100%;
    display: block;
    margin: 0px auto;
    border-radius: 16px;
    border: none;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    border: 2px #FFF solid;
    font-size:18px;
}
.static-button-long:hover, .static-button-long:focus{
    color:#000000;
    background: #FFFFFF;
    max-width:600px;
    width: 100%;
    display: block;
    margin: 0px auto;
    border-radius: 16px;
    border: none;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    border: 2px #2785ff solid;
}
/*banery*/

.jtd-baner{
    width: 100%;
    height: 400px;
    position: relative;
    background-size: center;
    background-repeat: no-repeat;
    background-position: right;
    background-image: url("/static/gfx2/baner/baner-jtd-1.jpg");
}
.oferta-baner{
    width: 100%;
    height: 400px;
    position: relative;
    background-size: center;
    background-repeat: no-repeat;
    background-position: right;
    background-image: url("/static/gfx2/baner/baner-oferta-1.jpg");
}
.promocje-baner{
    width: 100%;
    height: 400px;
    position: relative;
    background-size: center;
    background-repeat: no-repeat;
    background-position: right;
    background-image: url("/static/gfx2/baner/baner-promocje-1.jpg");
}
.onas-baner{
    width: 100%;
    height: 400px;
    position: relative;
    background-size: center;
    background-repeat: no-repeat;
    background-position: right;
    background-image: url("/static/gfx2/baner/baner-onas-1.jpg");
}
.regulamin-baner{
    width: 100%;
    height: 400px;
    position: relative;
    background-size: center;
    background-repeat: no-repeat;
    background-position: right;
    background-image: url("/static/gfx2/baner/baner-regulamin-1.jpg");
}
.cookies-baner{
    width: 100%;
    height: 400px;
    position: relative;
    background-size: center;
    background-repeat: no-repeat;
    background-position: right;
    background-image: url("/static/gfx2/baner/baner-cookies-1.jpg");
}
.faq-baner{
    width: 100%;
    height: 400px;
    position: relative;
    background-size: center;
    background-repeat: no-repeat;
    background-position: right;
    background-image: url("/static/gfx2/baner/baner-faq-1.jpg");
}
@media (max-width: 1024px) {
    .promocje-baner{
        width: 100%;
        height: 400px;
        position: relative;
        background-size: center;
        background-repeat: no-repeat;
        background-position: right;
        background-image: url("/static/gfx2/baner/baner-promocje-3.jpg");
    }
    .onas-baner{
        width: 100%;
        height: 400px;
        position: relative;
        background-size: center;
        background-repeat: no-repeat;
        background-position: right;
        background-image: url("/static/gfx2/baner/baner-onas-3.jpg");
    }
    .regulamin-baner{
        width: 100%;
        height: 400px;
        position: relative;
        background-size: center;
        background-repeat: no-repeat;
        background-position: right;
        background-image: url("/static/gfx2/baner/baner-regulamin-3.jpg");
    }
    .faq-baner{
        width: 100%;
        height: 400px;
        position: relative;
        background-size: center;
        background-repeat: no-repeat;
        background-position: right;
        background-image: url("/static/gfx2/baner/baner-faq-3.jpg");
    }
    .baner-select{
        content:url("/static/gfx2/baner/baner-select-3.jpg");
    }
}
@media (max-width: 768px) {
    .jtd-baner{
        width: 100%;
        height: 400px;
        position: relative;
        background-size: center;
        background-repeat: no-repeat;
        background-position: right;
        background-image: url("/static/gfx2/baner/baner-jtd-4.jpg");
    }
    .oferta-baner{
        width: 100%;
        height: 400px;
        position: relative;
        background-size: center;
        background-repeat: no-repeat;
        background-position: right;
        background-image: url("/static/gfx2/baner/baner-oferta-4.jpg");
    }
    .promocje-baner{
        width: 100%;
        height: 400px;
        position: relative;
        background-size: center;
        background-repeat: no-repeat;
        background-position: right;
        background-image: url("/static/gfx2/baner/baner-promocje-4.jpg");
    }
    .onas-baner{
        width: 100%;
        height: 400px;
        position: relative;
        background-size: center;
        background-repeat: no-repeat;
        background-position: right;
        background-image: url("/static/gfx2/baner/baner-onas-4.jpg");
    }
    .regulamin-baner{
        width: 100%;
        height: 400px;
        position: relative;
        background-size: center;
        background-repeat: no-repeat;
        background-position: right;
        background-image: url("/static/gfx2/baner/baner-regulamin-4.jpg");
    }
    .faq-baner{
        width: 100%;
        height: 400px;
        position: relative;
        background-size: center;
        background-repeat: no-repeat;
        background-position: right;
        background-image: url("/static/gfx2/baner/baner-faq-4.jpg");
    }
    .baner-select{
        content:url("/static/gfx2/baner/baner-select-4.jpg");
    }
}


.oferta-baner-text {
  /*width: 100%;*/
  position: absolute;
  text-align: left;
  color: #FFFFFF;
  font-size: 48px;
  bottom: 64px;
  left:15px;
  right:15px;
}


.oferta-title{
    font-size:30px;
    color:#222222;
}

.oferta-title2{
    font-size:24px;
    color:#222222;
}

.redline{
    width: 40px;
    height: 0px;
    border: 3px solid #EC0000;
}

.oferta-table{
    width:100%;
    vertical-align: top;
    font-size: 16px;
    color: #444444;
}
.oferta-table td{
    vertical-align: top;
    padding: 12px 6px
}
.oferta-table .odd{
    background: #FCFEFE;
    border-top: 1px solid #DEEDF2;
    border-bottom: 1px solid #DEEDF2;
}
.oferta-table-row_title{
    font-weight: 600;
    font-size: 16px;
    color: #222222;
}
.oferta-table-col_title{
    font-size: 24px;
    color: #EC0000;
}
.oferta-table-col_more{
    font-size: 16px;
    color: #EC0000;
}

.oferta-box{
    height: 255px;
    background: #F2F8FA;
    margin: 0px 8px 24px 8px;
    position: relative;
    /*padding: 56px 20px 0px 20px;*/
}

.oferta-box-title{
    font-weight: 600;
    font-size: 24px;
    color: #222222;
    padding:50px 20px 0px 20px;
    position: relative;
}

.oferta-box-text{
    font-size: 16px;
    margin: 10px 0px;
    color: #222222;
    padding: 0px 20px 20px 20px;
}

.oferta-btn-show{
    font-weight: 600;
    font-size: 16px;
    color: #EC0000;
    padding: 10px 16px;
    background: #FFFFFF;
    border: 1.5px solid #EC0000;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    border-radius: 22px;
}

.jtd-text{
    margin: 20px 0px;
    font-size: 16px;
    line-height: 22px;
    color: #444444;
}

.jtd-text-dot{
  display: list-item;
  list-style-type: url('data:image/svg+xml; utf8, <svg width="8" height="22" viewBox="0 0 8 22" fill="none" xmlns="http://www.w3.org/2000/svg"><rect y="7" width="8" height="8" rx="4" fill="#222222"/></svg>');
  padding-inline-start:0px;
  margin-left:15px;
}

.jtd-stepimg{
    margin: 10px;
}

.promotion-box{
    height: 425px;
    background: #F2F8FA;
    margin: 0px 8px 24px 8px;
    position: relative;
    /*padding: 56px 20px 20px 20px;*/
}

.promotion-box-title{
    font-weight: 600;
    font-size: 24px;
    color: #222222;
    padding:50px 20px 20px 20px;
    position: relative;
}

.promotion-box-text{
    font-size: 16px;
    margin: 10px 0px;
    color: #222222;
    padding: 0px 20px 20px 20px;
}

.promotion-box-text-dot{
  display: list-item;
  list-style-type: url('data:image/svg+xml; utf8, <svg width="8" height="22" viewBox="0 0 8 22" fill="none" xmlns="http://www.w3.org/2000/svg"><rect y="7" width="8" height="8" rx="4" fill="#222222"/></svg>');
  padding-inline-start:0px;
  margin-left:15px;
}



.btn-faq{
    color: #414141;
    font-size: 18px;
    textweight: bold;
    text-decoration: none;
    border-bottom: 1px solid #DEEDF2;
    margin-top: 20px;
}

.btn-faq:hover, .btn-faq:focus{
    color: #ec0000;
    outline: none;
    box-shadow: none;
    color: #414141;
    text-decoration: none;
}
.faq-arrow{
    transition: all 0.4s ease;
    float:right
}
.collapsed .faq-arrow{
    transform: rotateZ(-180deg);
}

.faq-body{
    font-size: 14px;
    margin: 20px 60px 40px 60px;
}

.red_button{
    font-size: 16px;
    color: #ffffff;
    padding: 10px 20px;
    text-align:center;
    background: #EC0000;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    border-radius: 22px;
}

.red_button:hover{
    color: #ffffff;
    background: #CC0000;
    outline: none !important;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
}

.red_button:focus{
    color: #ffffff;
    background: #990000;
    outline: none !important;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
}

.white_button{
    font-size: 16px;
    color: #EC0000;
    padding: 10px 20px;
    text-align:center;
    background: #FFFFFF;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    border: 1.5px solid #EC0000;
    border-radius: 22px;
}

.white_button:hover{
    color: #CC0000;
    border: 1.5px solid #EC0000;
    outline: none !important;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
}

.white_button:focus{
    color: #990000;
    border: 1.5px solid #EC0000;
    outline: none !important;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
}

/* end static site */

/* login */
.clogin-box{
    margin-right: 0px;
    margin-left: auto;
    color: #ec0000;
    margin-top: 120px;
    background-color:#fcfcfc;
    padding: 25px;
    overflow: hidden;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
    width: 100%;
    max-width: 328px;
    text-align: center;
    font-family: Poppins-Regular;
    border: 1px solid #ec0000;
}

.clogin-box p{
    margin: 10px 0;
}

.login_logo{
    margin: 10px 20px 10px 0px;
}

.lfblue{
    border-radius: 10px;
    border-color: #ec0000;
    font-family: Poppins-Regular;
    width: 100%;
    text-align: center;
}

.lfgrey{
    border-radius: 10px;
    border-color: #f0f0f0;
    box-shadow: -2px -3px 10px 5px #f0f0f0;
    font-family: Poppins-Regular;
    width: 100%;
    text-align: center;
}


.loginbtn{
    margin-right: 0px;
    margin-left: auto;
    margin-bottom: 0px;
    background-color:#ec0000;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    width: 100%;
    max-width: 328px;
    height: 50px;
    background-image: url("/static/gfx2/white_dots.png");
    background-repeat: no-repeat;
    background-position: right center;
}

.loginbtn:hover{
    margin-bottom: 0px;
    background-color:#ec0000;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    width: 100%;
    height: 50px;
    background-image: url("/static/gfx2/white_dots.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-color:#ec0000;
}

.login-info{
    margin: 10px;
    width: 100%;
    text-align: center;
    color: #000;
    font-size:12px;
    font-family: Poppins-Regular;
}

.btn-login{
    font-size:22px;
    margin-top: 2px;
    color: #fff;
    background-color: transparent;
    cursor:pointer;
    font-family: Poppins-Regular;
}

.login-slogan{
    margin-top: 110px;
    margin-left: 30px;
    font-size: 130px;
    font-family: Poppins-Regular, Poppins-Regular, Poppins-Regular;
    text-transform: uppercase;
    line-height: 100%;
}

.password-login{
    font-size: 16px;
    font-family: Poppins-Regular;
}
/* end login */

/* call i toast */
.modal-dialog-call{
    max-width:800px;
    margin-top:10vh;
    border-radius: 30px;
}

.modal-content-call{
    border-radius: 30px;
    padding:20px;
    background:none;
    border:none;
}

.toast-box{
    padding: 10px 20px;
    /*width:300px;*/
    border-radius: 10px;
    background: #ffffff;
    position:fixed;/*absolute;*/
    display: none;
    top: 50vh;
    left: 50vw;
    margin-top: -150px;
    margin-left: -150px;
    z-index:1000
}

.toast-h{
    color:#000000;
    font-size:18px;
    text-align:center;
    font-weight: bold
}

.toast-t{
    color:#000000;
    font-size:14px;
    text-align:center;
    margin-top: 10px;
}

.call-tabs{
    width:150px;
    padding-top:35px;
    padding-bottom:25px;
    padding-left:30px;
    padding-right:30px;
    background:#fafafa;
}

.call-tabs-active{
    background:#ffffff;
}

.call-tabs-content{
    /*background:#ffffff;*/
    height:350px;
}

.call-header-text{
    font-size:24px;
    padding:20px 0px;
    font-family: Poppins-SemiBold;
}

.call-text{
    font-size:16px
}

.call-input-box{
    border: 1px #eeeeee solid !important;
    border-radius: 30px;
    padding: 8px;
    vertical-align: middle;
    text-align: center;
    max-width:225px;
    min-width:225px;
    margin: 10px auto;
	font-size:14px;
}

.call-input{
    border: none !important;
    font-size: 14px;
    margin: 0 5px;
    max-width:160px;
    outline: none;
}

.call-input:hover, .call-input:focus, .call-input:active{
    border: none !important;
    box-shadow: none !important;
    outline: none;
}

.call-textarea{
    border: none !important;
    font-size: 14px;
    width: 160px;
    height: 75px;
    resize: none;
}

.call-textarea:hover, .call-textarea:focus, .call-textarea:active{
    border: none !important;
    box-shadow: none !important;
    outline: none;
}


.call-btn {
    border-radius: 30px;
    padding: 10px 14px;
    font-size: 14px;
    font-family: Poppins-Regular;
    max-width:400px;
    width: 100%;
    background: #454545;
    color: #ffffff;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    margin-top: 10px;

}

.call-btn-color{
    background: linear-gradient(90deg, rgba(39,133,255,1) 10%, rgba(207,39,255,1) 80%);
    transition: color .0s
}

.call-btn:hover, .call-btn:focus {
    background: #000000;
    color: #ffffff;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
}

.call-discl {
    font-size: 14px;
}

.stony_paginacji{
    display:none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

.call-animation-m {
    top:15;
    left: calc(100vw - 120px) !important;
    width: 40px;
    height: 40px;
    position: fixed;
    margin: 0 auto;
    border-radius: 100%;
    /* animation: play-m 2s ease infinite;*/
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 998;
    background: none;
    display:none;
    cursor:pointer;
}

.no-desktop{
    display:none;
}

@keyframes play-m {
    0% {
        transform: scale(1);
    }
    15% {
        box-shadow: 0 0 0 1px rgba(207, 39, 255, 0.4);
    }
    25% {
        box-shadow: 0 0 0 3px rgba(207, 39, 255, 0.4), 0 0 0 5px rgba(207, 39, 255, 0.2);
    }
    35% {
        box-shadow: 0 0 0 5px rgba(207, 39, 255, 0.4), 0 0 0 7px rgba(207, 39, 255, 0.2);
    }
}
.call-img-m {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: none;
    }

.call-animation {
    bottom:40;
    left: calc(100vw - 120px) !important;
    left: 0;
    width: 56px;
    height: 56px;
    position: fixed;
    margin: 2em;
    border-radius: 100%;
    /*animation: play 3s ease infinite;*/
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 998;
    cursor:pointer;
}

.call-img {
    width: 56px;
    height: 56px;
    position:absolute;
    border-radius: 100%;
    animation: play 10s infinite linear;
    }
@keyframes play {
    0% {
        transform: scale(1);
    }
    3% {
        width: 61px;
        height: 61px;
    }
    6% {
        width: 62px;
        height: 62px;
    }
    9% {
        width: 63px;
        height: 63px;
    }
    12% {
        width: 64px;
        height: 64px;
    }
    15% {
        width: 63px;
        height: 63px;
    }
    18% {
        width: 62px;
        height: 62px;
    }
    21% {
        width: 61px;
        height: 61px;
    }
    50%  {-webkit-transform: rotate(0deg);}
    55% {-webkit-transform: rotate(30deg);}
    60% {-webkit-transform: rotate(-30deg);}
    65% {-webkit-transform: rotate(0deg);}
    70% {-webkit-transform: rotate(0deg);}
    75% {-webkit-transform: rotate(0deg);}
    80% {-webkit-transform: rotate(30deg);}
    85% {-webkit-transform: rotate(-30deg);}
    90% {-webkit-transform: rotate(0deg);}
}


/* end call i toast */

/* czat */


.czat-window {
    position: fixed;
    bottom:100;
    left: calc(100vw - 340px) !important;
    width: 300px;
    height: 400px;
    background: #cf27ff;
    border-radius: 10px;
    padding:10px;
    z-index:800;
    overflow-y: auto;
    }

.czat-window-box {
    width: 100%;
    height: 320px;
    overflow-y: auto;
    scrollbar-color: #777777 #cf27ff;
    scrollbar-width: thin;
    padding-right:10px;
    }

.czat-container {
  border: 2px solid #dedede;
  background-color: #f1f1f1;
  border-radius: 5px;
  padding: 10px;
  margin: 10px 0;
}

.czat-darker {
  border-color: #ccc;
  background-color: #ddd;
}

.czat-container::after {
  content: "";
  clear: both;
  display: table;
}

.czat-container img {
  float: left;
  max-width: 60px;
  width: 100%;
  margin-right: 20px;
  border-radius: 50%;
}

.czat-container img.right {
  float: right;
  margin-left: 20px;
  margin-right:0;
}

.czat-time-right {
  float: right;
  color: #aaa;
}

.czat-time-left {
  float: left;
  color: #999;
}

/* end czat */

/* footer */

.footer_area{
    /*margin-top: 50px;*/
    font-family: Poppins-Regular;
    font-size: 12px;
    color: #c7c7c7;
    width:100%;
    max-width:1920px;
    margin:0px auto;
}

.footer_p a{
    color: #ffffff;
}
.footer_p {
    color: #ffffff;
    line-height: 2.5;
}

.footer_top{
    border-top: 1px solid #484a4f;
    padding: 30px 60px;
    background: #313237;
}

.footer_head{
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    margin-top: 20px;
    margin-bottom: 20px;
}

.footer_middle{
    border-top: 1px solid #484a4f;
    padding: 30px 60px 0px 60px;
    background: #292a2e;
}

.footer_bottom{
    padding: 0px 60px 30px 60px;
    background: #292a2e;
}

/* end footer */

/* pdf */
.pdf table{
    width: 250mm;
}

.left{
    width:170mm;
}

.pdf-logo{
    width: 100%;
    text-align:right;
}

.top-text{
    font-family: Poppins-Regular;
    font-size: 26px;
    font-weight: bold;
    text-transform: uppercase;
}

.top-text-date{
    font-family: Poppins-Regular;
    font-size: 18px;
}

.top-text-bb{
    font-family: Poppins-Regular;
    font-size: 20px;
    background: #ec0000;
    color: #fff;
    text-align: center;
    padding: 15px 0;
    /*text-transform: uppercase;*/
}

.pdf-select-img{
    width: 100%;
    height: 300px;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.pdf-desc{
    text-align: left;
    vertical-align: top;
}

.pdf-desc p{
    margin: 5px;
}

.pdf-desc-car{
    font-family: Poppins-Regular;
    font-size: 26px;
    color: #414141;
    font-weight: bold;
}

.pdf-desc-text{
    font-family: Poppins-Regular;
    font-size: 16px;
    color: #414141;
}

.pdf-desc-text-bold{
    font-family: Poppins-Regular;
    font-size: 16px;
    color: #414141;
}

.pdf-desc-price1{
    font-family: Poppins-Regular;
    font-size: 36px;
    color: #414141;
    margin-bottom: 10px;
}

.pdf-desc-price2{
    font-family: Poppins-Regular;
    font-size: 20px;
    color: #414141;
    margin-top: 15px !important;
}

.pdf-desc-data{
    font-family: Poppins-Regular;
    font-size: 20px;
    color: #414141;
}

.pdf-desc-price-text{
    font-family: Poppins-Regular;
    font-size: 12px;
    color: #414141;
}

.pdf{
    color: #414141;
    font-family: Poppins-Regular;
    font-size: 18px;
}

.pdf-desc-text-grey{
    font-family: Poppins-Regular;
    font-size: 22px;
    color: #414141;
    margin: 10px 5px !important;
}

.pdf-desc-ctext-grey{
    font-family: Poppins-Regular;
    font-size: 24px;
    color: #414141;
    margin: 10px 5px !important;
}

.pdf li::before {
    content: "●";
    font-size: 10px;
    color: #ec0000;
    display: inline-block;
    width: 1em;
}

.pdf li li::before {
    content: "●";
    font-size: 10px;
    color: #dbdbdb;
    display: inline-block;
    margin-left: 30px;
    width: 1em;
}

.pdf ul {
    display: block;
    list-style-type: none;
    margin-top: ;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}
/* end pdf */

/* cookies */
    #cookies-message{
        font-family: Poppins-Regular;
        border-radius: 5px;
        width: 760px;
        right:50px;
        auto;
        padding: 20px 20px;
        font-size: 12px;
        line-height: 22px;
        text-align: center;
        position: fixed;
        bottom: 50px;
        background-color: #2785ff;
        z-index: 999;
        color: #FFFFFF;
    }
   #cookies-message table{
        color: #FFFFFF;
   }

    #accept-cookies-checkbox{
        color: #FFFFFF;
        background: #2785ff;
        border: 1px #FFFFFF solid;
        border-radius: 30px;
        padding: 10px 40px;
        font-size: 14px;
        font-family: Poppins-Regular;
        margin: 5px;
        font-family: Poppins-Regular;
        text-transform: uppercase;

        /*background-color: #00AFBF;
        padding: 5px 10px;
        color: #FFF;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        display: inline-block;
        margin-left: 10px;
        text-decoration: none;
        cursor: pointer;*/
    }

    #accept-cookies-checkbox:hover{
        color:#2785ff;
        background: #FFFFFF;
        border: 1px #FFFFFF solid;
        text-decoration: none;
    }
/* end cookies */


.menu_setter_ex {
    width:160px;
    text-align:center;
}

@media (max-width: 1200px) {
    .filter_bar_form_poz{
        width:20%;
        flex:0 0 20%;
    }

    .menu_setter_ex {
    width:180px;
    text-align:center;
    }
}
@media (max-width: 1024px) {
    .filter_bar_form_poz{
        width:25%;
        flex:0 0 25%;
    }
    .index-baner-text{
        font-size: 48px;
    }
    .compare_index_icon{
        display:none;
    }
    .menu_setter_ex {
    width:180px;
    text-align:center;
    }
}

@media (max-width: 992px) {
    .navbar-collapse {
      max-height: 500px;
      overflow: hidden;
      padding: 10px;
      background: rgba(0, 0, 0, .8);
    }
    .navbar-collapse .nav-link, .navbar-collapse .nav-link .menu-button, .menu-infolinia{
        width:100%;
        text-align:center;
    }

    .car-details-box{
        background: #ffffff;
    }

    .car-details-box-info{
        background: #000000;
    }

    .car-details-box-calc{
        padding: 0px 0px;
    }

    .calc{
        position: relative;
        margin: 10px auto 10px auto;
        max-width:500px;
    }

    .calc-hidden{
        height:0px;
    }

    .offer-calc{
        position: relative;
        margin: -60px auto 30px auto;
        max-width:500px;
    }

    .select-img-element{
        position:relative;
        top: -30;
        bottom: 0;
    }

    .menu_setter_ex {
    width:180px;
    text-align:center;
    }
}

@media (max-width: 768px) {

    .cfilter{
    margin: 3px 0px;
    font-size: 14px;
    }

    .cfilter-flex{
    margin: 3px 7px;
    font-size: 14px;
    }

    .button_group_switch{
    margin: -10px auto 10px auto;
    }


    .static-title{
        margin-left:0px;
        text-align: center;
        width: 100%;
        font-size: 20px;
        font-family: Poppins-SemiBold;
        color: #000000;
        margin: 10px auto;
    }

    .static-tilte-search{
        text-align:center;
        font-family: Poppins-Bold;
        color:#FFFFFF;
        font-size: 20px;
        width: 100%;
        margin: 5px auto;
    }

    .button_group_switch_search_table{
        margin:0px auto 0 auto;
    }


    .filter_row_search{
        padding: 10px 10px;
        color:#FFFFFF;
    }

    .margin_cena_filter_mob{
        margin-left:8px;
    }

    .zdjecie_oferta{
        max-height: 210px;
        width: 300px;
    }


    .main_bar{
        display:none;
    }
    .main_bar-mobile{
        padding: 0px;
        text-align:center;
        display: block;
    }

    .filter_bar{
        display: none;
        position: fixed;
        z-index: 1031;
        padding: 12px;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: #F5F9FB;
    }
    .filter_bar_details{
        display:block;
    }
    .filter_element_desktop{
        display:none;
    }

    .filter_element_mobile{
        display:block;
    }

    .filter_bar_form_main_poz{
        flex-wrap: wrap;
    }

    .filter_bar_form_main_poz_marka{
        width:100%;
    }

    .filter_bar_form_main_poz_model{
        width:100%;
    }

    .filter_bar_form_main_poz_cena{
        width:100%;
    }
    .filter_bar_form_poz{
        width:100%;
        flex:0 0 100%;
    }
    .filter_bar_form_main_poz{
        display:flex;
    }


    .call-tabs{
        font-size:12px
    }

    .call-header-text{
        font-size:16px;
    }

    .call-text{
        font-size:12px
    }

    .call-input-box{
        font-size:12px;
    }

    .call-input{
        font-size: 12px;
    }

    .call-textarea{
        font-size: 12px;
    }

    .call-btn {
        font-size: 12px;
    }
    .call-discl {
        font-size: 12px;
    }

    .promotion-details{
        display:none;
    }

    .promotion-details-mobile{
        display:block;
    }

	input[type='text'],
	input[type='number'],
	textarea {
		font-size: 12px !important;
	}

	input[type='text']:focus,
	input[type='number']:focus,
	textarea:focus {
		font-size: 12px !important;
	}

    .call-animation-m {
        display:block;
    }

    .no-desktop{
        display:block;
    }

    .stony_paginacji {
        display:block;
    }

    .call-animation {
        display:none;
    }
    #cookies-message {
        font-family: Poppins-Regular;
        border-radius: 5px;
        width: 100vw;
        right: 0px;
        auto: ;
        padding: 20px 20px;
        font-size: 10px;
        line-height: 22px;
        text-align: center;
        position: fixed;
        bottom: 0px;
        background-color: #2785ff;
        z-index: 999;
        color:#FFFFFF;
    }
    #cookies-message a{
        margin-top:10px;
    }

    .oferta-baner-text{
        font-size: 32px;
    }

    .index-baner-text{
        font-size: 32px;
    }
    .index-baner-text2{
        text-align:left;
    }

    .navbar-collapse{
        min-width:100px;
    }

    .select-img{
        margin-top: 20px;
        width: 100%;
    }

    .select-img-element{
        position:relative;
        top: -20;
        bottom: 0;
    }

    .select-img-text{
        position:absolute;
        color: #FFFFFF;
        font-size: 28px;
        top: 30;
        left: 30;
        font-family: Poppins-SemiBold;
    }
    .select-img-text2{
        color: #FFFFFF;
        font-size: 18px;
        top: 70;
        left: 30;
        font-family: Poppins-SemiBold;
    }

    .mobile {
        display: flex;
    }

    .no-mobile{
        display:none;
    }

    .oferta-box{
        margin: 20px;
        max-width:300px;
        min-width:300px;
    }
    .promotion-box{
        margin: 20px;
        max-width:300px;
        min-width:300px;
    }

    #desctop-banner-text1{
        position:absolute;
        left:10%;
        bottom:40% ;
        font-size:42px;
        font-size:5vw;
        color:#ffffff;
    }

    #desctop-banner-text2{
        position:absolute;
        left:10%;
        bottom:30%;
        font-size:26px;
        font-size:4vw;
        color:#ffffff;
    }

    #desctop-banner-text3{
        position:absolute;
        left:10%;
        bottom:13.0%;
        font-size:2.5vw;
        color:#ffffff;
        text-align:left;
    }

    #desctop-banner-link{
        position:absolute;
        left:10%;
        bottom:10%;
        font-size:2vw;
        color:#000000;
        background:#ffffff;
        border-radius:30px;
        padding: 0.5vw 1vw 0.5vw 1.5vw;
    }

    #desctop-banner-link-svg{
        enable-background:new 0 0 512 512;
        background: #2785ff;
        border-radius:20px;
        padding:5px;
        margin-left:1vw;
        height:3vw;
        width:3vw;
    }

    .menu_setter_ex {
    width:180px;
    text-align:center;
    }
}

@media (max-width: 450px) {
    .select-img{
        margin-top: 50px;
        width: 100%;
    }

    .select-img-text{
        position:absolute;
        color: #FFFFFF;
        font-size: 20px;
        top: 30;
        left: 10;
        font-family: Poppins-SemiBold;
    }
    .select-img-text2{
        color: #FFFFFF;
        font-size: 12px;
        top: 60;
        left: 10;
        font-family: Poppins-SemiBold;
    }

    .filter_bar_form_main_poz_cena{
        flex-wrap: wrap;
        width: 100%;
        min-width:220px;
    }
    .filter_bar_form_main_poz_cena_label{
        min-width: 110px;
    }

    .filter_bar_form_main_poz_cena_price{
        width: 100%;
    }

    .filter_bar_form_main_poz_cena div{
        margin:3px;
    }

    .select-img-element{
        position:relative;
        top: -10;
        bottom: 0;
    }

    .menu_setter_ex {
    width:180px;
    text-align:left;
    }

}

/*
.csite-search-cars2{
    border-radius: 10px;
    border-color: #fff;
    border-style: solid;
    border-width: 2px;
    background: #fff;
}
*/


.csite-search-cars2:hover{
    opacity: 0.6;
    cursor: pointer;
}


.breadcrumb{
    background:none;
    padding: 0px;
}

.breadcrumb-item, .breadcrumb-item a{
    font-family: Poppins-Light;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
}

.breadcrumb-item.active {
  color: #FFFFFF;
}

.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-top: 2px;
  padding-right: .5rem;
  color: #6c757d;
  content:url("/static/gfx2/bc_arrow.svg");
}

.breadcrumb-item_black + .breadcrumb-item::before {
  display: inline-block;
  padding-top: 2px;
  padding-right: .5rem;
  color: #6c757d;
  content:url("/static/gfx2/bc_arrow_black.svg");
}


.car-list-item-red{
    position: relative;
    width: 100%;
    height: 325px;
    left: 0px;
    top: 0px;

    /*background: rgba(207,39,255,1);*/
/*
    background: rgb(39,133,255);
    background: linear-gradient(90deg, rgba(39,133,255,1) 30%, rgba(207,39,255,1) 70%);
*/
    /* Shadow 01 */
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    border-radius: 16px;

    margin: 12px 0px;
}

.car-list-item-red-text1{
    font-family: Poppins-SemiBold;
    font-weight: 500;
    font-size: 30px;
    line-height: 41px;
    letter-spacing: -0.01em;
    padding: 24px 16px 0px 16px;
}

.car-list-item-red-text2{
    font-family: Poppins-SemiBold;
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
    padding: 16px;
}

.car-list-item-red-button{
    position: absolute;
    bottom: 24px;
    left: 24px;
    right: 24px;
    background: #FFFFFF;
    border: 1.5px solid #EC0000;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    border-radius: 22px;
    color: #EC0000;
    font-weight: 600;
    font-size: 16px;
    padding: 10px;
    text-align: center;

}


.modal-content-findCarForMe{
    border-radius: 30px;
    padding: 10px 0px;
    background:none;
    border:none;
}

.findCarForMe-text1{
    font-family: Poppins-SemiBold;
    font-weight: 400;
    font-size: 24px;
    line-height: 33px;
    text-align: center;
    color: #222222;
    padding: 48px 24px 0px 24px;
}

.findCarForMe-text2{
    font-family: Poppins-SemiBold;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #444444;
    padding: 16px 24px 0px 24px;
}

.findCarForMe-form{
    padding: 0px 24px 24px 24px;
}

.findCarForMe-form-text{
    font-family: Poppins-SemiBold;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #767676;
    margin: 20px 5px 2px 5px;
    text-align:left;
}


.link_color {
    color: #2785ff;
    cursor: pointer;
}

link_color :hover{
    color: #ad3aff;
    cursor: pointer;
    text-decoration: none;
}


.page-item.active .page-link {
    z-index: 3;
    font-family: Poppins-SemiBold;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    background-color: #cf27ff;
    border-color: #cf27ff;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #cf27ff;
    background-color: #fff;
    border: 1px solid #dee2e6;
    font-family: Poppins-SemiBold;
    font-weight: 700;
    font-size: 14px;
}

.page-link:hover {
    color: white;
    background-color: #cf27ff;
}


#show_details {
    cursor: pointer;
}

#show_details img {
   height: 20px;
   width: 30px;
}

/*slider-loop*/
.slider-loop .wrapper{
    width: 100%;
    height: 120px;
    overflow-x: hidden;
    margin-top: 20px;
}

.slider-loop .box{
    position: relative;
    margin: 20px;
    z-index: -1;
    background: none;
    height:80px;
}

.slider-loop .boxes {
    width: 2000px;
    margin-top: 0px;
    position:relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* Nowy filtr */
.tlo_ciemny_gradient{
    /*background: rgb(39,133,255);*/
    /*background: linear-gradient(90deg, rgba(39,133,255,1) 30%, rgba(207,39,255,1) 70%);*/
}

.filtr_text_sekcja{
    background:#ffffff;
    width:100%;
    padding: 15px 15px 0 15px;
    color:#000000;
    font-size:20px;
    text-align:center;
}


.filter-conf{
    position:absolute;
    z-index:10;
    -webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.5);
    box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.5);
}


.filter-head{
    width:100%;
    border-radius: 15px 15px 0 0;
    padding: 10px 5px;
    color:#FFFFFF;
    /*font-size:16px;*/
      font-family: Poppins-SemiBold;
      font-style: normal;
      font-size: 24px;
      line-height: 32px;
    text-align:center;
    /* background: #000000; */
    background: linear-gradient(90deg, rgba(39,133,255,1) 10%, rgba(207,39,255,1) 80%);
}


.filter-text-label {

    width:100%;
    padding: 15px 16px;
    color:#000000;
    font-size:18px;
    line-height: 1.5;
    font-family: Poppins-Regular;
    text-align:center;

}

.filter-bottom-mod{
    border-radius: 0 0 30px 30px;

}

.cb_search-filter-select {
    display:none;
}

.search-filter-select{
    font-family: Poppins-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #444444;
    padding-left:30px;
}

.cb_search-filter-select + label
{
    background-image: url('/static/gfx2/square-regular.svg');
    background-repeat: no-repeat;
    background-position: left 0px top 0px;
    margin-bottom: 16px;
}

.cb_search-filter-select:checked + label
{
    background-image: url('/static/gfx2/check-square-regular.svg');
    background-repeat: no-repeat;
    background-position: left 0px top 0px;
}

.search-filter-column-inner{
    margin-top:0px;
}


.accordionFilter-btn{
    font-family: Poppins-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #444444;
    padding: 12px 9px 12px 16px;
}

.accordionFilter-btn:hover, .accordionFilter-btn:focus{
    outline: none;
    box-shadow: none;
    font-family: Poppins-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #444444;
    text-decoration: none;
}
.accordionFilter-btn2{
    font-family: Poppins-Regular;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #222222;
    padding: 16px 16px 16px 16px;
}

.accordionFilter-btn2:hover, .accordionFilter-btn2:focus{
    outline: none;
    box-shadow: none;
    font-family: Poppins-Regular;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #222222;
    text-decoration: none;
}

.accordionFilter-body{
    padding: 4px 16px 16px 16px;
}

.accordionFilter-btn-arrow{
    transition: all 0.6s ease;
    float:right;
    z-index: 30;
    position:relative;
    transform: rotateZ(-180deg);
    margin-left:8px;
}
.collapsed .accordionFilter-btn-arrow{
    transform: rotateZ(0deg);
}
.search-filter-space{
    height:24px;
}

/* filter barswitch*/


.filter-search-barswitch{
    width:100%;
    padding-bottom:43px;
}

.filter-barswitch-white-bg{
    background: #E8F8F9;
    border-radius: 30px !important;
    padding: 4px;
}

.filter-barswitch-white{
    background: #E8F8F9;
    border-radius: 30px !important;
    margin: 0px 0px;
}

.filter-barswitch_btn, .filter-barswitch_btn:hover{
    padding: 6px 0px;
    cursor: pointer;
    width:248px;
    text-align:center;
    border-radius: 30px;
    margin:10px;
    color:#B5B5B5;

}
.filter-barswitch_btn-text{
    font-family: Poppins-Regular;
    font-style: normal;

    font-size: 24px;
    line-height: 32px;
    text-align:left;
    margin:0px auto;
    display:inline-block;
}
.filter-barswitch_btn-text2{
    font-family: Poppins-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.filter-barswitch_btn2-text{
    font-family: Poppins-Regular;
    font-style: normal;

    font-size: 16px;
    text-align:left;
    line-height: 24px;
    margin:0px auto;
    display:inline-block;
    color:#B5B5B5;
}

.filter-barswitch_btn2-text2{
    font-family: Poppins-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color:#B5B5B5;
}

.filter-barswitch_btn_active, .filter-barswitch_btn_active:hover{

    background: linear-gradient(90deg, rgba(39,133,255,1) 10%, rgba(207,39,255,1) 80%);
    cursor: pointer;
    box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.22);

}

.filter-barswitch_btn_active .filter-barswitch_btn2-text, .filter-barswitch_btn_active:hover .filter-barswitch_btn2-text,
.filter-barswitch_btn_active .filter-barswitch_btn2-text2, .filter-barswitch_btn_active:hover .filter-barswitch_btn2-text2{
    color: #ffffff;
}

@media (max-width: 992px) {


    .filter-conf{
        position: relative;
        margin: 10px auto 10px auto;
        max-width:500px;
    }

}

@media (max-width: 1199px){
    .filter-barswitch_btn-text{
        font-family: Poppins-Regular;
        font-style: normal;

        font-size: 16px;
        line-height: 24px;
    }
    .filter-barswitch_btn-text2{
        font-family: Poppins-Regular;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
    }

    .search-result-column-filters-showmore {
        margin-bottom: 60px;
    }
}
@media (max-width: 767px){
    .filter-barswitch_btn, .filter-barswitch_btn:hover{
        padding: 0px 0px;
     }

    .filter-barswitch_btn-text2{
        font-family: Poppins-Regular;
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
    }
    .filter-barswitch_btn-text2-mobile-hide{
        display:none;
    }

    .search-result-column-filters-showmore {
        margin-bottom: 36px;
    }
}
/* end barswitch */

/* spiner indicator */

.my-indicator{
    display:none;
}
.htmx-request .my-indicator{
    display:inline;
}
.htmx-request.my-indicator{
    display:inline;
}


/* filtrowoanie mmarek i modeli */

.filter_hide_div{
    height: 0px;
    position:relative;
}


/* box z sortuj wg. + chipsami wyszukiwania */

.search-oferty-box{
    margin-top: 0px;
    margin-bottom:21px;
}
.search-filter-oferty{
    text-transform: capitalize;
    font-family: Poppins-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #222222;
    display:none;
    margin-bottom:52px;
}
.search-filter-oferty-nazwa{
    font-family: Poppins-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #222222;
    display:inline;
}

.search-oferty-box-oferty{
    text-transform: capitalize;
    padding: 0px 16px 12px 0px;
    float:left;
    font-family: Poppins-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
    color: #ffffff;
    /* padding-left: 20px; */
}
.search-oferty-box-oferty-nazwa{
    text-transform: capitalize;
    font-family: Poppins-SemiBold;
    font-style: normal;

    font-size: 20px;
    line-height: 32px;
    color: #ffffff;
    display:inline;
}

.oferty_ilosc{
    color: #ffffff;
}

.sort_select_box{
    font-family: Poppins-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    width:240px;
    overflow:hidden;
    float:right;
    cursor:pointer;
    margin-top:-8px;
    padding: 12px 16px 12px 16px;
}

.sort_select_box_shadow{
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.7);
}

.sort_select_dropdown{
    margin-top:12px;
    border-top: 1px #404B51 solid;
    border-bottom: 1px #404B51 solid;
    position:absolute;
    z-index: 101;
    background:#FFFFFF;
    width:240px;
    display:none;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.12);
    margin-left: -16px;
    border-bottom-left-radius: 16px 16px;
    border-bottom-right-radius: 16px 16px;
}
.sort_select_item{
    padding: 12px 16px;
}
.sort_select{
    display:none;
}
.sort_select_label{
    cursor:pointer;
    margin:0px;
    color: #444444;
}


.search-result-column-filters-showmore{
    margin-bottom:35px;
}

.search-result-column-filters-element{
    padding: 6px 8px 6px 12px;
    background: #F6F6F6;
    border: 1px solid #C7C7C7;
    border-radius: 16px;
    font-size: 14px;
    color: #444444;
    display:inline-block;
    margin-right: 8px;
    margin-bottom: 8px;
    cursor:pointer;
}


/* Filtruj wg budrzetu*/

.filtruj-wg-budzetu-info-text{
    font-family: Poppins-Regular;
    font-style: normal;
    font-size: 12px;
    line-height: 16px;
    color: #767676; text-align: justify;
    margin-bottom:15px;
    color: grey;
}


#slider_row{
    font-family: Poppins-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #444444;
    padding: 0px 24px 16px 16px;
    border-bottom: 1px solid #DEEDF2;
}
.slider_row{
    font-family: Poppins-Regular;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #444444;
    padding: 0px 24px 6px 16px;
}