@font-face {
    font-family: AvantGarITCDem;
    src: url(font/AvantGarITCDem.ttf);
}
@font-face {
    font-family: AvantGarITCBoo;
    src: url(font/AvantGarITCBoo.ttf);
}
@font-face {
    font-family: AvantGarMdITCBol;
    src: url(font/AvantGarMdITCBol.ttf);
}
@font-face {
    font-family: AvantGarMdITC;
    src: url(font/AvantGarMdITC.ttf);
}
@font-face {
    font-family: AvantGarExtLitITC;
    src: url(font/AvantGarExtLitITC.ttf);
}
@font-face {
    font-family: AllRoundGothic-XLig;
    src: url(font/AllRoundGothic-XLig.otf);
}
@font-face {
    font-family: AllRoundGothic-Medium;
    src: url(font/AllRoundGothic-Medium.otf);
}
@font-face {
    font-family: AllRoundGothic-Book;
    src: url(font/AllRoundGothic-Book.otf);
}
@font-face {
    font-family: AllRoundGothic-Demi;
    src: url(font/AllRoundGothic-Demi.otf);
}


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

.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;
}

#cookies-message{
    font-family: AvantGarITCBoo;
    border-radius: 20px;
    width: 1000px;
    right:50px;
    auto;
    padding: 10px 10px;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    position: fixed;
    bottom: 50px;
    background-color: #2785FF;
    z-index: 999;
}


#accept-cookies-checkbox{
    font-family: AvantGarMdITCBol;
    margin: 5px;
    background: #fff;
    border-radius: 30px;
    border-color: #2785ff;
    border-style: solid;
    border-width: 2px;
    padding: 5px 40px;
    color: #2785ff;
    font-size: 16px;
    font-family: AvantGarMdITCBol;
    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{
    border-color: #1579fb;
    background: #1579fb;
    color: #fff;
    text-decoration: none;
}

body.clogin{
    background: url("/static/gfx2/logowanie_drivemore.jpg") top center no-repeat;
    background-attachment: fixed;
    background-size:cover;
    color: #fff;
}

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

.ltext1{
    width:100%;
    margin:5px;
    font-size: 20px;
}

.clogin-box{
    margin-right: 0px;
    margin-left: auto;
    color: #2785ff;
    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: AvantGarMdITCBol;
}

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

.login_logo{
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;

}

.lfblue{
    border-radius: 10px;
    border-color: #2785ff;
    font-family: AvantGarITCBoo;
    width: 100%;
    text-align: center;
}

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

.loginbtn{
    margin-right: 0px;
    margin-left: auto;
    margin-bottom: 0px;
    background-color:#2785ff;
    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:#2785ff;
    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:#1579fb;
}

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

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

.login-slogan{
    margin-top: 110px;
    margin-left: 30px;
    font-size: 150px;
    font-family: 'AllRoundGothic-Book';
    text-transform: uppercase;
    line-height: 100%;
}

.password-login{
    font-size: 16px;
    font-family: AvantGarITCBoo;
}

.margin20{
    margin: 20px auto;
}

.margin50{
    margin: 50px auto;
}

.navbar{
    border-bottom: 1px solid #f0f0f0;
    text-transform: uppercase;
    background: #fff;
}

.site-logo{
    margin: 0px 20px 0px 20px;
}

.menu-img{
    margin: 5px;
}

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

nav .dropdown-menu{
    right:0;
    left:auto;
    font-size: 14px;
    font-family: AvantGarITCBoo;
    color: #fff;
    background: #2785ff;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.dropdown-item{
    color: #fff;
}

.dropdown-item:hover{
    color: #dbdbdb;
    background: none;
}

.menu-button{
    margin: 5px;
    border-radius: 30px;
    border-color: #2785ff;
    border-style: solid;
    border-width: 2px;
    padding: 10px 30px;
    color: #2785ff;
    font-size: 18px;
    font-family: AvantGarMdITCBol;
}

.menu-button:hover{
    color: #fff;
    background: #2785ff;
}

.csite-box{
    margin: 80px 0;
}

.car-class{
    text-align: center;
    width: 100%;
    font-size: 30px;
    font-family: AllRoundGothic-Medium, AvantGarITCBoo;
}

.car-class2{
    text-align: left;
    width: 100%;
    font-size: 30px;
    font-family: AllRoundGothic-Medium, AvantGarITCBoo;
}

.car-class-desc{
    text-align: center;
    width: 100%;
    font-size: 18px;
    font-family: AvantGarITCBoo;
    text-transform: lowercase;
}

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

.seven-cols{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1500px;

}

.csite-search-cars{
    width: 150px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 30px;
    border-color: #fff;
    border-style: solid;
    border-width: 2px;
    background: #fff;
}

.csite-search-cars:hover{
    border-radius: 30px;
    border-color: #2785ff;
    border-style: solid;
    border-width: 2px;
}

.csite-search-cars2{
    width: 100px;
    height: 100px;
    border-radius: 30px;
    border-color: #fff;
    border-style: solid;
    border-width: 2px;
    background: #fff;
}

.csite-search-cars2:hover{
    border-radius: 30px;
    border-color: #2785ff;
    border-style: solid;
    border-width: 2px;
}

.serach-img{
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    text-align: center;
}

.serach-img-text{
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    text-align: center;
    font-size: 20px;
    font-family: AvantGarITCBoo;
}

.serach-img-text2{
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    text-align: center;
    font-size: 13px;
    font-family: AvantGarITCBoo;
}

.search-chackbox{
    position: absolute;
    z-index:-100;
    top:50px;
}

.search-button{
    margin: 5px;
    background: #fff;
    border-radius: 30px;
    border-color: #2785ff;
    border-style: solid;
    border-width: 2px;
    padding: 5px 40px;
    color: #2785ff;
    font-size: 16px;
    font-family: AvantGarMdITCBol;
    text-transform: uppercase;
}

.search-button:hover{
    border-color: #1579fb;
    background: #1579fb;
    color: #fff;
}

.search-slider-text{
    font-family: AllRoundGothic-Book;
    color: #2785ff;
    font-size: 30px;
}

.line{
    border-bottom: 1px solid #f0f0f0;
}

.upper{
    text-transform: uppercase;
}


.slider-handle{
    background-image: url("/static/gfx2/slider_dot.png");
    width: 34px;
    height: 34px;
}

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

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

.slider.slider-horizontal .slider-selection{
    background: #2785ff;
}

.slider.slider-horizontal .slider-track-low,
.slider.slider-horizontal .slider-track-high {
    background: #cae1ff;
}

.car-list-item{
    position:relative;
    margin: 10px 0;
    padding: 0px;
    border: 0px solid;
    float: left;
    color: #000;
    width:100%;
    background: #f0f0f0;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
}

.car-list-item:hover{
    color: #fff;
    background: #2785ff;
}

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

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

.item-descr{
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    position:relative;
    width: 100%;
    height: 150px;
}

.item-descr-name{
    font-family: AvantGarITCDem;
    font-size: 22px;
    position: absolute;
    left: 15px;
    top: 20px;
}

.item-descr-type{
    font-family: AvantGarITCDem;
    font-size: 20px;
    position: absolute;
    left: 15px;
    top: 45px;
}

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

.item-descr-info{
    font-family: AvantGarITCBoo;
    font-size: 14px;
    position: absolute;
    left: 15px;
    top:110px;
}

.item-descr-price{
    font-family: AvantGarExtLitITC;
    font-size: 32px;
    position: absolute;
    right: 15px;
    top:20px;
}

.item-descr-price-info{
    font-family: AvantGarITCBoo;
    font-size: 15px;
    position: absolute;
    right: 15px;
    top:50px;
}

.custom-select{
    width:100%;
    border-color: #2785ff;
    border-radius: 10px;
}

.custom-select:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.cfilter{
    font-family: AvantGarITCDem;
    font-size: 18px;
    color: #2785ff;
    margin-top: 5px;
}

.form-control{
    width:100%;
    border-color: #2785ff;
    border-radius: 10px;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.select-img{
    width: 100%;
    padding-top: 35%;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.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 #80bdff;
}

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

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

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

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

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

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

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

}

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

}

.desc-text-blue{
    font-family: AvantGarMdITCBol;
    font-size: 20px;
    color: #2785ff;
    margin: 20px 0px;
    text-transform: uppercase;
}

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

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

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

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

.rezerwation-text{
    font-family: AvantGarITCBoo;
    font-size: 14px;
 }

.footer_area{
    margin-top: 50px;
    border-top: 1px solid #f0f0f0;
    font-family: AvantGarITCBoo;
    font-size: 14px;
}

.end-text{
    font-family: AllRoundGothic-Book, AvantGarITCBoo;
    font-size: 30px;
    color: #2785ff;
    text-transform: uppercase;
    margin: 10px;
}

.end-text-bold{
    font-family: AllRoundGothic-Demi, AvantGarITCDem;
    font-size: 30px;
    color: #2785ff;
    text-transform: uppercase;
    margin: 10px;
}

.short-line{
    border-bottom: 2px solid #dbdbdb;
    width: 40px;
    height: 2px;
    margin: 0 auto;
}

.end-text-top-box{
    width: 100%;
    height: 150px;
    background: url("/static/gfx2/login_bg.jpg") center center no-repeat;
    background-attachment: fixed;
    background-size:cover;
    color: #fff;
    position: absolute;
    padding-top: 30px;
}

.end-text-top{
    font-family: AllRoundGothic-Book, AvantGarITCBoo;
    font-size: 30px;
    text-transform: uppercase;
    margin: 15px;
    text-align: center;
}

.end-text-top-bold{
    font-family: AllRoundGothic-Demi, AvantGarITCDem;
    font-size: 30px;
    text-transform: uppercase;
    margin: 15px;
    text-align: center;
}

/*static site*/
.static-site{
    color: #414141;
    font-family: AvantGarITCBoo;
    font-size: 18px;
}

.static-site li::before {
    content: "●";
    font-size: 25px;
    color: #2785ff;
    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;
}

.ui-datepicker-trigger {
    margin-top:7px;
    margin-left: -30px;
    margin-bottom:0px;
    position:absolute;
    z-index:1000;
}
.datepicker-days .new{
    display: none;
}

.datepicker-dropdown{
    margin-top:80px;
}

.datepicker {
    border-radius: 10px !important;
    border: 1px solid #2785ff;
}

.form-text-blue{
    text-align: right;
    color: #2785ff;
}

.form-text-info{
    color: #414141;
    font-family: AvantGarITCBoo;
    font-size: 13px;
}

@media (min-width: 768px){
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
    width: 100%;
    max-width: 100%;
  }
}

@media (min-width: 992px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    max-width: 14.285714285714285714285714285714%;
  }
}

/**
 *  The following is not really needed in this case
 *  Only to demonstrate the usage of @media for large screens
 */
@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    max-width: 14.285714285714285714285714285714%;
  }
}

@media (min-width: 1600px) {
    .csite-search-cars2{
        width: 120px;
        height:120px;
    }
}

@media (min-width: 1900px) {
    .col-hd{
        width: 25%;
        max-width: 25%;
    }
    .csite-search-cars2{
        width: 140px;
        height:140px;
    }
}


@media screen and (max-width: 800px) {
    .login-slogan{
        margin-top: 110px;
        margin-left: 30px;
        font-size: 120px;
        font-family: 'AllRoundGothic-Book';
        text-transform: uppercase;
        line-height: 100%;
    }
    .no-mobile{
        display:none;
    }
}

@media screen and (max-width: 660px) {
  .login-slogan{
    margin-top: 30px;
    margin-left: 0px;
    font-size: 50px;
    font-family: 'AllRoundGothic-Book';
    text-transform: uppercase;
    line-height: 100%;
  }
  .no-mobile{
        display:none;
    }
}

.pdf table{
    width: 250mm;
}

.left{
    width:170mm;
}

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

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

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

.top-text-bb{
    font-family: AvantGarITCBoo;
    font-size: 20px;
    background: #2785ff;
    color: #fff;
    text-align: center;
    padding: 20px 0;
    text-transform: uppercase;
}

.pdf-select-img{
    width: 100%;
    height: 300px;
    position: relative;
    background-size: cover;
    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: AvantGarITCBoo;
    font-size: 26px;
    color: #414141;
    font-weight: bold;
}

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

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

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

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

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

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

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

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

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

.pdf li::before {
    content: "●";
    font-size: 10px;
    color: #2785ff;
    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;
}

.cci{
    margin-right: 15px !important;
}


.btn-login-lang{
    font-size:16px;
    margin-top: 4px;
    color: #fff;
    background-color: transparent;
    cursor:pointer;
    font-family: AvantGarITCDem;
    max-width: 20px;
}