body {
    color: #333;
}

#banner {
    height: 660px;
    background: url(img/header/img.jpg);
    background-size: cover;
    background-position-x: center;
    color: #fff;
    position: relative;
}

#banner h1 {
    text-shadow: 3px 2px rgb(0, 0, 0);
    top: inherit;
    margin-top: 200px;
    position: absolute;
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 10px;
    left: 20vw;
}

.special_offer {
    background: #f7f7f7;
}

.special_offer .middle_part {
    padding-bottom: 38px;
}

.special_offer .middle_part img {
    margin: 0 auto;
}

.special_offer .bottom_part_h2 {
    font-size: 34px;
}

.special_offer .bottom_part_h2.title-red {
    color: #fff;
    /* max-width: 900px; */
    margin: 5px auto 40px;
    cursor: pointer;
    line-height: 1.3;
}

.special_offer .bottom_part_text {
    font-size: 28px;
    font-weight: 500;
    max-width: 900px;
    margin: 30px auto 24px;
    line-height: 1.23;
}

.special_offer .top_part {
    background-color: #f7f7f7;
    padding: 50px 0;
    text-align: center;
}

.special_offer .top_part_title {
    font-size: 27px;
    color: #c92015;
    line-height: 1.2;
    margin: 0;
    font-weight: bold;
    /*margin-bottom: 30px;*/
}
.special_offer .top_part_title a{
    color: #c92015;
}
.check-in {
    background: #ae0c31;
    color: #fff;
    padding: 8px 26px;
    font-size: 18px;
    margin: 75px auto 0 auto;
    display: table;
    font-weight: bold;
}
.check-in:hover,.check-in:active,.check-in:focus{
    color: #fff;
}

.special_offer .bottom_part {
    padding: 50px 0;
    background: #333;
    color: #fff;
}

.special_offer_2 {
    background: #f7f7f7;
}

.special_offer_2 .bottom_part_h2 {
    font-size: 34px;
}

.special_offer_2 .bottom_part_text {
    font-size: 28px;
    font-weight: 500;
    max-width: 900px;
    margin: 30px auto 24px;
    line-height: 1.23;
}

.special_offer_2 .check-in {
    background: #ae0c31;
    color: #fff;
    padding: 8px 26px;
    font-size: 19px;
    margin: 0 auto;
    display: table;
    font-weight: bold;
}

.special_offer_2 .bottom_part {
    padding: 50px 0;
    background: #333;
    color: #fff;
}

.model-chooser {
    padding: 40px 0 70px;
}

.model-chooser h2 {
    text-align: center;
    margin-bottom: 30px;
}

.modeli:nth-child(odd) {
    padding: 50px 0;
    background: #dedede;
}

.modeli:nth-child(even) {
    padding: 50px 0;
    background: #cacaca;
}

.modeli h2 {
    line-height: 1;
    font-weight: bold;
    font-size: 32px;
    text-align: center;
    margin-bottom: 10px;
}

.modeli h3 {
    line-height: 1;
    font-weight: bold;
}

.modeli h4 {
    text-align: center;
    margin-bottom: 30px;
}

.modeli ul {
    padding-left: 20px;
    font-size: 18px;
}

.modeli ul li {
    padding-bottom: 5px;
    font-weight: bold;
}

.modeli ul li span {
    font-weight: normal;
    font-size: 14px;
}

.modeli h3 {
    margin: 29px 0;
    font-size: 25px;
}

.modeli p {
    font-size: 20px;
}

.modeli .left_part img {
    border-right: 2px solid #ae0c31;
    margin: 0 auto;
}

.modeli .right_part {
    padding: 45px;
}

#infotanment {
    padding: 50px 0;
    background: #333;
    color: #fff;
}

#infotanment h2 {
    margin: 0;
    line-height: 1;
    font-weight: bold;
    font-size: 32px;
}

#infotanment h3 {
    margin: 29px 0;
    font-size: 25px;
}

#infotanment p {
    font-size: 20px;
}

#infotanment .right_part {
    padding: 45px;
}

#infotanment .left_part img {
    border-right: 2px solid #ae0c31;
    margin: 0 auto;
}

#performance {
    background: #fff;
}

#performance .top {
    text-align: center;
    padding: 50px 0;
}

#performance .top_h2 {
    font-weight: bold;
}

#performance .top_title {
    font-weight: bold;
    font-size: 19px;
    margin: 20px 0 17px;
}

#performance .top_text {
}

#performance .midle_circle {
    width: 100px;
    height: 100px;
    line-height: 100px;
    border: 1px solid #ddd;
    border-radius: 50px;
    margin: 0 auto 20px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}

#performance .midle {
    display: flex;
    justify-content: center;
}

#performance .midle_engine {
    width: 20%;
    text-align: center;
}

#performance .bottom_box {
    display: inline-block;
}

#performance .bottom_img {
    margin-right: 30px;
    padding-bottom: 10px;
}

#performance .midle_title {
    font-size: 16px;
    line-height: 1.2;
    font-weight: bold;
}

#performance .midle_text {
    font-size: 12px;
    line-height: 2;
}

#performance .bottom {
    padding: 40px 0px;
}

#performance .bottom_left {
    border-right: 1px solid #ddd;
}

#performance .bottom-part {
    padding: 10px 30px;
}

#performance .bottom_text1 {
    font-size: 12px;
    line-height: 1.6;
    margin-bottom: 0;
}

#performance .bottom_text2 {
    font-size: 30px;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: 0;
}

.carousel-control,
.carousel-control:focus {
    color: #000;
    opacity: 0.35;
}

.carousel-control:hover {
    color: #000;
    opacity: 0.6;
}

.carousel-control.right {
    background: transparent;
}

.carousel-control.left {
    background: transparent;
}

.carousel-caption {
    color: #000;
    width: 31%;
    text-align: left;
    left: auto;
    right: 14.3%;
    top: 80px;
    padding: 0;
    text-shadow: none;
}

.carousel-caption h2 {
    font-size: 37.77px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 35px;
}

.carousel-caption p {
    font-size: 27px;
    line-height: 36px;
    word-spacing: 1px;
}

/* Modal */

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857143px;
    background: whitesmoke;
    color: #d72514;
    text-transform: uppercase;
}

.modal-content {
    border-radius: 0;
    border: none;
}

.modal-dialog {
    margin: 2% auto;
}

input[type="checkbox"].css-checkbox,
input[type="radio"].css-checkbox {
    position: absolute;
    z-index: -1000;
    top: -1000px;
}

input[type="checkbox"].css-checkbox + label.css-label,
input[type="checkbox"].css-checkbox + label.css-label.clr,
input[type="radio"].css-checkbox + label.css-label,
input[type="radio"].css-checkbox + label.css-label.clr {
    padding-left: 28px;
    height: 23px;
    display: inline-block;
    line-height: 23px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 23px;
    vertical-align: middle;
    cursor: pointer;
}

input[type="checkbox"].css-checkbox:checked + label.css-label,
input[type="checkbox"].css-checkbox + label.css-label.chk,
input[type="radio"].css-checkbox:checked + label.css-label,
input[type="radio"].css-checkbox + label.css-label.chk {
    background-position: 0 -23px;
}

label.css-label {
    /*background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_f8a327596255d62a510452310eaa1fce.png);*/
    background-image: url(img/fiat-check.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input[type="checkbox"].css-checkbox + label.css-label,
input[type="checkbox"].css-checkbox + label.css-label.clr,
input[type="radio"].css-checkbox + label.css-label,
input[type="radio"].css-checkbox + label.css-label.clr {
    padding-left: 28px;
    height: 23px;
    display: inline-block;
    line-height: 23px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 14px;
    vertical-align: middle;
    cursor: pointer;
}

.form-horizontal .checkbox {
    min-height: 27px;
    padding-left: 0;
    margin-bottom: 20px;
}

.checkbox span {
    display: block;
    font-size: 12px;
    color: grey;
    line-height: 14px;
}

.modal-dialog.modelProdaje {
    width: 930px;
}

.form-btn {
    height: 40px;
    border-radius: 0;
    background: #d72514;
    color: white;
    box-shadow: none;
    border: none;
    text-transform: uppercase;
    font-weight: 700;
    -webkit-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    transition: background-color 0.5s ease-out;
}

.form-btn:hover,
.form-btn:active,
.form-btn:focus {
    background: #bd1e14;
    color: white;
}

#katalog input {
    width: 400px;
    border-radius: 0;
    border: 3px solid lightgrey;
    height: 40px;
    box-shadow: none;
}

#katalog select {
    width: 400px;
    border-radius: 0;
    border: 3px solid lightgrey;
    height: 40px;
    box-shadow: none;
    color: #999999;
}

small {
    font-size: 10px;
    color: grey;
}

sup {
    color: #d72514;
}

div#myModal {
    z-index: 2148483647 !important;
}

/* Modal end */

.special_offer .bottom_part_h2 {
    margin-bottom: 50px;
}

/* Spisak dilera */

.dileri ul li {
    padding: 0 10px;
    border-bottom: 2px solid #c92015;
    list-style: none;
    font-size: 16px;
    background: white;
    -webkit-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    transition: background-color 0.5s ease-out;
}

.dileri ul li .click {
    padding: 20px 0;
    position: relative;
}

.dileri ul {
    padding: 0;
}

.telefon {
    color: #c92015;
    padding-bottom: 30px;
    display: block;
}
/* 
.dileri ul li:hover,
.dileri ul li:active,
.dileri ul li:focus {
    background: whitesmoke;
} */

.dileri ul li > .click > .collapse {
    background: whitesmoke;
}

.kontakt {
    color: lightgrey;
    font-size: 12px;
    margin-top: 3px;
    position: absolute;
    right: 20px;
    top: 10px;
    -webkit-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    transition: background-color 0.5s ease-out;
}

.click:hover .kontakt {
    color: #c92015;
}

.click:hover {
    cursor: pointer;
    /* background: whitesmoke;
    -webkit-transition: background-color .5s ease-out;
    -moz-transition: background-color .5s ease-out;
    -o-transition: background-color .5s ease-out;
    transition: background-color .5s ease-out; */
}

.dileri h2 {
    font-size: 34px;
    text-transform: uppercase;
    text-align: center;
}

section.dileri {
    padding: 40px 0 70px;
}

#banner small {
    position: absolute;
    bottom: 15px;
    right: 15px;
    color: #fff;
    font-size: 14px;
}

.banner {
    height: 660px;
    background-size: cover;
    background-position-x: center;
    color: #fff;
    position: relative;
}

.banner.fiat {
    background: url(img/header/img.jpg);
}

.table-bordered,
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
    border-color: #fff;
    border-width: 3px;
    font-weight: bold;
}
.table-bordered{
    margin-top: 29px;
}

.tablet, .mobile {
    display: none;
}



html {
	scroll-behavior: smooth;
}
.look{
    background: #AD0C31;
    color: #fff;
    padding: 10px 20px;
}
.look:hover{
  opacity: 0.8;  
}

.text-align-footer{
    text-align: center;
}
.text-align-footer span{
    color: #C92015;
    display:block;
    margin-bottom:20px;
}
.text-align-footer a {
    text-decoration:none;
}
.footer-logo{
    width: 150px;
}
/*    ===========================       Media Queries       ========================     */

@media screen and (max-width: 1440px) {
    .carousel-caption {
        top: 41px;
    }

    .carousel-caption p {
        font-size: 22px;
        line-height: 30px;
    }
}

@media screen and (max-width: 1282px) {
    .carousel-caption {
        top: 36px;
    }

    .carousel-caption h2 {
        font-size: 32px;
        margin-bottom: 14px;
    }

    .carousel-caption p {
        font-size: 19px;
        line-height: 28px;
        word-spacing: normal;
    }

    .desktop, .mobile {
        display: none;
    }
    .tablet {
        display: block;
    }
}

@media screen and (max-width: 992px) {
    .desktop, .tablet {
        display: none;
    }
    .mobile {
        display: block;
    }
    section.modeli .col-md-4 {
        margin-top: 30px;
    }

    .special_offer img {
        margin: 30px auto;
    }

    .modal {
        width: 100vw;
    }

    #katalog input {
        max-width: 100%;
    }

    #banner h1 {
        margin-top: 125px;
        left: 8vw;
    }

    .special_offer .middle_part img {
        margin-bottom: 6vw;
    }

    #performance .midle {
        flex-wrap: wrap;
    }

    #performance .midle_engine {
        width: 50%;
        margin-bottom: 5vw;
    }

    #carousel_section {
        margin-bottom: 225px;
    }

    .carousel-inner {
        overflow: visible;
        /* overflow-x: hidden; */
        /* overflow-y: hidden;  */
    }

    /* .carousel-inner {       
        overflow-x: hidden;
        overflow-y: hidden; 
    } */
    /* .carousel-inner .item {   
        overflow: hidden;
        overflow-y: hidden;     
    } */

    .carousel-inner .item.active {
        overflow: visible;
        /* overflow-x: visible; */
        /* overflow-y: visible;     */
    }

    .carousel-caption {
        width: 80%;
        text-align: center;
        left: 50%;
        transform: translateX(-50%);
        position: absolute;
        top: 80px;
        padding: 0;
        top: 100%;
    }

    .special_offer .bottom_part_text {
        font-size: 2.5vw;
    }

    .special_offer_2 .bottom_part_text {
        font-size: 2.5vw;
    }
}

@media screen and (max-width: 820px) {
    #banner h1 {
        margin-top: 12vh;
        left: 6vw;
        max-width: 40vw;
    }

    .special_offer .bottom_part {
        padding: 50px 3.5vw;
    }
}

@media screen and (max-width: 767px) {
    #banner {
        height: 352px;
        background: url(img/Canvas-320-767x380.jpg);
        background-position-x: center;
    }

    #banner h1 {
        font-size: 4vw;
        line-height: 4.5vw;
        margin-top: 10vh;
    }
}

@media screen and (max-width: 600px) {
    #banner h1 {
        font-size: 6vw;
        line-height: 6.5vw;
        max-width: 53vw;
    }

    .special_offer .top_part_title {
        font-size: 5.5vw;
    }

    .special_offer .bottom_part_h2 {
        font-size: 5vw;
        margin-bottom: 50px;
    }

    .special_offer .bottom_part_text {
        font-size: 3.7vw;
    }

    .special_offer_2 .top_part_title {
        font-size: 4.5vw;
    }

    .special_offer_2 .bottom_part_h2 {
        font-size: 5vw;
    }

    .special_offer_2 .bottom_part_text {
        font-size: 3.7vw;
    }
}

@media screen and (max-width: 480px) {
    #performance .midle_engine {
        width: 100%;
    }

    #performance .bottom_img {
        margin-right: 20px;
    }

    #performance .bottom_text2 {
        font-size: 26px;
    }

    .carousel-caption h2 {
        font-size: 28px;
    }

    .carousel-caption p {
        font-size: 17px;
        line-height: 24px;
    }

    .modeli h2 {
        font-size: 28px;
    }

    .modeli h3 {
        margin: 24px 0;
        font-size: 21px;
    }

    .modeli p {
        font-size: 17px;
    }

    #infotanment h2 {
        font-size: 28px;
    }

    #infotanment h3 {
        margin: 24px 0;
        font-size: 21px;
    }

    #infotanment p {
        font-size: 17px;
    }

    #carousel_section {
        margin-bottom: 261px;
    }

    #performance .top_h2 {
        font-size: 25px;
    }
}
