.bg-header{
    width:100%;
    background-color:#1d1d1d;
    height:82px;
}

.container{
    max-width: 1010px;
}

.logo{
    display:block;
    margin-top:1px;
    margin-left:10px;
}

.navbar-default {
    background-color: transparent;
    border: none;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #218c08;
    color: #ffffff;
}

.navbar-nav > li > a {
    padding-bottom: 7px;
    padding-top: 30px;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 18px;
    font-family: "Raleway";
    color: #929292;
    height:82px;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.navbar-default .navbar-nav > li > a {
    color: #929292;
}

.navbar-default .navbar-nav > li > a:hover {
    background-color: #115004;
    color: #ffffff;
}

.navbar-collapse {
    padding-left: 0px;
    padding-right: 0px;
    overflow-x:hidden;
}

.navbar {
    margin-bottom: 0px;
    min-height: 0px;
    position: relative;
}

.navbar-header{
    margin-top:10px;
}

.header-form{
    background-image: url("../img/bg-header-form.jpg");
    min-height:309px;
    background-repeat: no-repeat;
    width:100%;
}


#form-cauta-masina label{
    /*color:#ffffff; */
    color:#000000;
    font-weight:500;
    font-family: "Raleway";
    margin-left:10px;
    margin-top:27px;
    font-size: 20px;
}

#form-cauta-masina input.form-control, select.form-control{
    border-radius: 0px;
    height:44px;
}

.alege-masina{
    width:240px;
    height:51px;
    background-image: url("../img/alege-masina.png");
    border:none;
    background-color:transparent;
    font-family:"Oswald";
    font-size:21px;
    color:#ffffff;
    padding-left:65px;
    cursor:pointer;
    transition: transform 0.2s ease, filter 0.2s ease;
}

.alege-masina:hover,
.alege-masina:focus{
    filter:brightness(1.08);
    transform:translateY(-2px);
}

.bg-center{
    width:100%;
    background-color:#efefef;
    height:94px;
}

.bg-arrow-right{
    max-width:998px;
    height:93px;
    background:linear-gradient(106deg, #ffd84d 0%, #ffd84d 58%, #218c08 58.3%, #218c08 100%);
    padding-top:0px;
}

.contact-center-text{
    /* color:#ff8416; */
    color:#115004;
    font-family: "Raleway";
    font-size:19px;
    float:left;
    margin-top:30px;
}

.phone-center{
    float:left;
    margin-left:20px;
    margin-top:27px;
    margin-right:10px;
    color:#115004;
    font-size:28px;
}

.telefon-center-text{
    color:#115004;
    font-family: "Raleway";
    font-size:35px;
    float:left;
    margin-top:17px;
    margin-left:10px;
}

.contact-facebook{
    font-family: "Raleway";
    font-size:27px;
    font-weight:700;
    color:#ffffff;
    margin-top:29px;
    margin-left:0;
    white-space:nowrap;
}

.whatsapp-center{
    width:38px;
    height:38px;
    margin-right:8px;
    vertical-align:-10px;
}

.bg-arrow-right a,
.bg-arrow-right a:hover,
.bg-arrow-right a:focus{
    text-decoration:none;
}

.whatsapp-floating{
    display:none;
}

@media screen and (min-width: 762px) and (max-width: 991px) {
    .bg-header .row > .col-sm-12:nth-child(1) {
        width:28%;
        float:left;
    }

    .bg-header .row > .col-sm-12:nth-child(3) {
        width:62%;
        float:left;
    }

    .bg-header .row > .col-sm-12:nth-child(4) {
        width:10%;
        float:left;
    }

    .bg-header .logo {
        width:175px;
        height:auto;
        margin-top:5px;
        margin-left:0;
    }

    .bg-header .navbar-header {
        display:none;
    }

    .bg-header .navbar-nav > li > a {
        padding:30px 10px 7px;
        font-size:17px;
    }

    .bg-header .col-sm-12:last-child {
        padding-left:0;
        padding-right:0;
    }

    .bg-center,
    .bg-arrow-right {
        height:144px;
    }

    .bg-arrow-right {
        background:linear-gradient(to bottom, #ffd84d 0%, #ffd84d 50%, #218c08 50%, #218c08 100%);
    }

    .bg-arrow-right > .col-sm-12 {
        height:72px;
        display:flex;
        align-items:center;
        justify-content:center;
        padding:0;
    }

    .bg-arrow-right .phone-center,
    .bg-arrow-right .contact-center-text,
    .bg-arrow-right .telefon-center-text,
    .bg-arrow-right .contact-facebook {
        float:none;
        margin-top:0;
        margin-bottom:0;
    }

    .bg-arrow-right .phone-center {
        margin-left:0;
        margin-right:8px;
    }

    .bg-arrow-right .contact-center-text {
        width:100px;
        margin-right:8px;
        font-size:17px;
        line-height:1.2;
        flex-shrink:0;
    }

    .bg-arrow-right .telefon-center-text {
        margin-left:0;
        font-size:22px;
        line-height:1.2;
        white-space:nowrap;
        flex-shrink:0;
    }

    .bg-arrow-right .contact-facebook {
        margin-left:0;
    }

    .bg-arrow-right .clearfix {
        display:none;
    }

}

@media screen and (max-width: 761px) {
    #form-top{
        margin-top:0;
    }

    .header-form{
        background-image:url("../img/bg-header-form.jpg");
        background-size:cover;
        background-position:center center;
        background-repeat:no-repeat;
        min-height:0;
        padding-bottom:10px;
    }

    #form-cauta-masina label{
        font-weight:700;
    }


    .navbar-default {
        background-color: transparent;
        border: none;
    }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        background-color: #218c08;
        color: #ffffff;
    }

    .navbar-nav > li > a {
        padding: 12px 25px;
        font-size: 22px;
        font-family: "Raleway";
        font-weight:600;
        color: #747474;
        height:auto;
        transition: background-color 0.2s ease, color 0.2s ease;
    }

    .navbar-nav > li {
        margin-bottom:4px;
    }

    .navbar-default .navbar-nav > li > a {
        color: #747474;
    }

    .navbar-default .navbar-nav > li > a:hover {
        background-color: #115004;
        color: #ffffff;
    }

    .navbar-collapse {
        padding-left: 0px;
        padding-right: 0px;
        overflow-x:hidden;
    }

    .navbar {
        margin-bottom: 0px;
        min-height: 0px;
        position: relative;
    }

    .navbar-header{
        margin-top:10px;
    }
}

@media screen and (max-width: 1000px) {
    .bg-arrow-right {
        background:linear-gradient(106deg, #ffd84d 0%, #ffd84d 58%, #218c08 58.3%, #218c08 100%);
        height: 120px;
    }

    .contact-center-text{
        color:#115004;
        font-family: "Raleway";
        font-size:15px;
        float:left;
        margin-top:10px;
    }

    .phone-center{
        float:left;
        margin-left:5px;
        margin-top:10px;
        margin-right:2px;
        color:#115004;
        font-size:20px;
    }

    .telefon-center-text{
        color:#115004;
        font-family: "Raleway";
        font-size:19px;
        float:left;
        margin-top:7px;
        margin-left:10px;
    }

    .contact-facebook{
        font-family: "Raleway";
        font-size:20px;
        font-weight:700;
        color:#ffffff;
        margin-top:10px;
        margin-left:5px;
    }

    .whatsapp-center{
        width:24px;
        height:24px;
        margin-right:5px;
        vertical-align:-5px;
    }
}

@media screen and (max-width: 761px) {
    .bg-center,
    .bg-arrow-right {
        height:144px;
    }

    .bg-center {
        margin-top:20px;
    }

    .bg-arrow-right {
        background:linear-gradient(to bottom, #ffd84d 0%, #ffd84d 50%, #218c08 50%, #218c08 100%);
    }

    .bg-arrow-right > .col-xs-12 {
        height:72px;
        display:flex;
        align-items:center;
        justify-content:center;
        padding:0;
    }

    .bg-arrow-right .phone-center,
    .bg-arrow-right .contact-center-text,
    .bg-arrow-right .telefon-center-text,
    .bg-arrow-right .contact-facebook {
        float:none;
        margin-top:0;
        margin-bottom:0;
    }

    .bg-arrow-right .phone-center {
        margin-left:0;
        margin-right:8px;
    }

    .bg-arrow-right .contact-center-text {
        width:100px;
        margin-right:8px;
        font-size:17px;
        line-height:1.2;
        flex-shrink:0;
    }

    .bg-arrow-right .telefon-center-text {
        margin-left:0;
        font-size:22px;
        line-height:1.2;
        white-space:nowrap;
        flex-shrink:0;
    }

    .bg-arrow-right .contact-facebook {
        margin-left:0;
    }

    .bg-arrow-right .clearfix {
        display:none;
    }

    .whatsapp-floating {
        position:fixed;
        right:16px;
        bottom:16px;
        z-index:1100;
        width:58px;
        height:58px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:50%;
        background:#ffffff;
        box-shadow:0 3px 10px rgba(0, 0, 0, 0.3);
    }

    .whatsapp-floating img {
        width:52px;
        height:52px;
        object-fit:contain;
    }

    .bg-repeat-footer-botton {
        margin-bottom:20px;
    }

    .boxa-masina > .boxa-pret {
        width:33.333333%;
        min-width:0;
        min-height:105px;
        margin:0;
        padding-left:4px;
        padding-right:4px;
        border-right:2px solid #f3f3f3;
    }

    .boxa-masina > .search-image,
    .boxa-masina > .search-price,
    .boxa-masina > .search-total,
    .boxa-masina > .search-book {
        width:calc(50% - 5px);
        float:left;
        margin:0;
    }

    .boxa-masina > .search-image {
        padding-left:0;
        padding-right:0;
        margin-right:10px;
        margin-bottom:10px;
    }

    .boxa-masina > .search-image img {
        width:100%;
        height:auto;
    }

    .boxa-masina > .search-price {
        min-height:0;
        height:auto;
        aspect-ratio:227 / 140;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        border-right:0;
        margin-bottom:10px;
    }

    .boxa-masina > .search-total {
        clear:left;
        padding-left:0;
        padding-right:0;
        margin-right:10px;
        margin-bottom:10px;
    }

    .search-total .boxa-pret-final {
        min-height:70px;
        height:70px;
        padding-top:19px;
        font-size:25px;
    }

    .search-total .boxa-pret-final br {
        display:none;
    }

    .boxa-masina > .search-book {
        height:70px;
        display:flex;
        align-items:center;
        justify-content:center;
        padding-left:4px;
        padding-right:0;
        margin-bottom:10px;
    }

    .search-book .bg-repeat-footer-botton {
        width:100%;
        max-width:none;
        height:60px;
        margin:0;
        padding-left:75px;
        padding-right:15px;
        font-size:17px;
    }

    .search-book .bg-repeat-footer-botton:before {
        transform:scale(.7);
        transform-origin:left center;
        top:5px;
    }

    .boxa-masina > .reservation-details {
        padding-left:0;
        padding-right:0;
    }

    .reservation-period {
        width:50%;
        float:left;
        padding-left:8px;
        padding-right:8px;
    }

    .reservation-period .col-xs-12 {
        padding-left:0;
        padding-right:0;
    }
}

.bulina-titlu{
    font-size: 18px;
    font-family: "Raleway";
    color: #282828;
}

.bulina-img{
    margin-top:35px;
}

.bulina-text{
    font-size: 15px;
    font-family: "Raleway";
    color: #767676;
}

.bulina-card a,
.bulina-card a:hover,
.bulina-card a:focus{
    text-decoration: none;
}

@media screen and (min-width: 992px) {
    .bulina-card:nth-of-type(3n + 1) {
        clear:left;
    }

    .bulina-card {
        min-height:255px;
    }
}

.bg-black-center{
    background-color:#252525;
    width:100%;
    min-height:340px;
    margin-top:45px;
    padding-bottom:60px;
}

.bg-black-center-title{
    color:#ffffff;
    font-size: 30px;
    font-family: "Raleway";
    font-weight:800;
    margin-top:60px;
}

.bg-black-center-text{
    font-size:16px;
    color:#b4b4b4;
    font-family: "Raleway";
}

.bg-img-footer{
    background-image: url("../img/bg-img-footer.png");
    min-height:841px;
    background-color: #efefef;
    background-position: center;
    background-repeat: no-repeat;
}

.boxa{
    background-color:#ffffff;
    margin-top:40px;
    min-height:352px;
}

.boxa-titlu{
    color:#a13331;
    font-family: "Raleway";
    font-size:18px;
    font-weight: 700;
    margin-bottom:20px;
}

.boxa-text{
    color:#767676;
    font-family: "Raleway";
    font-size:15px;
}

.boxa-detalii{
    color:#a13331;
    font-family: "Raleway";
    font-size:25px;
    margin-right: 5px;
}

a.boxa-detalii:hover{
    color: #a13331;
    text-decoration: none;
}

.bg-repeat-footer{
    background-image:none;
    min-height:110px;
    width: 100%;
    background-repeat: repeat-x;
    background-color:#ffd84d;
}

.bg-repeat-footer-text{
    color:#115004;
    font-family: "Raleway";
    font-size:20px;
    margin-top:40px;
}

@media screen and (min-width: 762px) {
    .bg-repeat-footer-text{
        min-height:110px;
        display:flex;
        align-items:center;
        justify-content:center;
        margin-top:0;
    }
}

.bg-repeat-footer-botton{
    width:240px;
    height:51px;
    background-image:none;
    border:none;
    background-color:#218c08;
    margin-top:30px;
    font-family:"Oswald";
    font-size:21px;
    color:#ffffff;
    padding-left:65px;
    position:relative;
    cursor:pointer;
    transition:transform 0.2s ease, filter 0.2s ease;
}

.bg-repeat-footer-botton:before{
    content:"";
    background-image:url("../img/alege-masina-icon.png");
    background-repeat:no-repeat;
    background-size:contain;
    position:absolute;
    left:0;
    top:0;
    width:88px;
    height:51px;
}

.bg-repeat-footer-botton:hover,
.bg-repeat-footer-botton:focus{
    filter:brightness(1.08);
    transform:translateY(-2px);
}

@media screen and (max-width: 991px) {
    .bg-repeat-footer .bg-repeat-footer-text {
        margin-top:30px;
    }

    .bg-repeat-footer .bg-repeat-footer-botton {
        margin-top:30px;
        margin-bottom:0;
    }

    .bg-repeat-footer > .container > .col-xs-12 > .col-xs-12:last-child {
        padding-bottom:70px;
    }
}

.bg-repeat-footer-last{
    background-color: #282828;
    min-height: 253px;
    width:100%;
}

ul.menu-footer{
    margin-top: 60px;
    list-style-type: none;
}

ul.menu-footer li a{
    color:#b7b7b7;
    font-family: "Raleway";
    font-size:14px;
}

ul.menu-footer li{
    line-height:250%;
}

.bold-footer{
    color: #b7b7b7;
    font-weight:700;
    font-size:16px;
}

.ml10{
    margin-left:10px;
}

.boxa-masina{
    background-color: #f3f3f3;
    min-height:200px;
    margin-bottom: 5px;
}

.title-masina{
    color:#282828;
    font-family: "Raleway";
    font-size:18px;
    font-weight:800;
}

.boxa-pret{
    background-color:#ffffff;
    min-height: 120px;
    margin-left: 2px;
    min-width: 120px;
}

.boxa-masina-zile{
    color:#282828;
    font-family: "Raleway";
    font-size:21px;
    font-weight:700;
    margin-top:12px;
}

.boxa-masina-zile-nume{
    color:#282828;
    font-family: "Raleway";
    font-size:16px;
    font-weight:600;
}

.boxa-masina-pret{
    color:#188a0a;
    font-family: "Raleway";
    font-size:18px;
    font-weight:600;
    margin-top:10px;
}

.garantie-masina{
    width:227px;
    color:#115004;
    font-family:"Raleway";
    font-size:14px;
    font-weight:600;
    margin-top:2px;
    text-align:center;
}

.search-image .garantie-masina{
    width:100%;
}

.preturi-negociabile-masina{
    padding:12px 15px;
    color:#115004;
    font-family:"Raleway";
    font-size:15px;
    font-weight:600;
}

.boxa-pret-final{
    background-color: #f5c400;
    min-height: 120px;
    color:#ffffff;
    font-family: "Raleway";
    font-size:29px;
    font-weight:900;
    text-transform: lowercase;
}

.boxa-pagina-text{
    background-color: #f3f3f3;
    min-height:200px;
    margin-bottom: 5px;
    padding-bottom: 10px;
}

div.show-tick{
    height: 44px;
    border-radius:0px;
}

div.show-tick button.btn-default{
    border-color:#ffffff;
    height:44px;
}

.color-red{
    color:#c24947;
    font-family: "Raleway";
    font-size:16px;
    font-weight: 500;
}

.color-red-strong{
    color:#c24947;
    font-family: "Raleway";
    font-size:18px;
    font-weight: 800;
}


ul.subcategorii{
    list-style-type:none;
}

ul.subcategorii li a{
    color: #333;
}

/*eror and succes div */
.div_error{
 background-color:#f2dede;
 border:1px solid red;
 width:90%;
 padding:7px 10px 7px 10px;
 line-height:120%;
 color:red;
 margin-top:7px;
 margin-bottom:7px;
}

.div_succes{
 background-color:#dff0d8;
 border:1px solid green;
 width:90%;
 padding:7px 10px 7px 10px;
 line-height:120%;
 color:green;
 margin-top:7px;
 margin-bottom:7px;
}

select {

  /* make arrow and background */

  background:
    linear-gradient(45deg, transparent 50%, blue 50%),
    linear-gradient(135deg, blue 50%, transparent 50%),
    linear-gradient(to right, skyblue, skyblue);
  background-position:
    calc(100% - 21px) calc(1em + 2px),
    calc(100% - 16px) calc(1em + 2px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;

  /* styling and reset */

  border: thin solid blue;
  font: 300 1em/100% "Helvetica Neue", Arial, sans-serif;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;

  /* reset */

  border-radius: 0;
  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance:none;
  -moz-appearance:none;
}

/* Telefon în poziție orizontală: păstrează benzile una sub alta. */
@media screen and (min-width: 762px) and (max-width: 991px) {
    .bg-center {
        height:172px;
        margin-top:20px;
    }

    .bg-arrow-right {
        height:152px;
        background:none;
        padding-top:8px;
    }

    .bg-arrow-right > .col-sm-12 {
        height:64px;
        display:flex;
        align-items:center;
        justify-content:center;
        padding:0;
        margin-bottom:8px;
    }

    .bg-arrow-right > .col-sm-12:first-child {
        background-color:#ffd84d;
    }

    .bg-arrow-right > .col-sm-12:last-child {
        background-color:#218c08;
    }

    .bg-arrow-right .phone-center,
    .bg-arrow-right .contact-center-text,
    .bg-arrow-right .telefon-center-text,
    .bg-arrow-right .contact-facebook {
        float:none;
        margin-top:0;
        margin-bottom:0;
    }

    .bg-arrow-right .phone-center {
        margin-left:0;
        margin-right:8px;
    }

    .bg-arrow-right .contact-center-text {
        width:100px;
        margin-right:8px;
        font-size:17px;
        line-height:1.2;
        flex-shrink:0;
    }

    .bg-arrow-right .telefon-center-text {
        margin-left:0;
        font-size:22px;
        line-height:1.2;
        white-space:nowrap;
        flex-shrink:0;
    }

    .bg-arrow-right .contact-facebook {
        margin-left:0;
    }

    .bg-arrow-right .clearfix {
        display:none;
    }
}



@media screen and (min-width: 762px) and (max-width: 991px) {
    .boxa-masina > .boxa-pret {
        width:20%;
        min-width:0;
        min-height:120px;
        float:left;
        margin:0;
        padding-left:4px;
        padding-right:4px;
        border-right:2px solid #f3f3f3;
    }

    .boxa-masina > .search-image,
    .boxa-masina > .search-price,
    .boxa-masina > .search-total,
    .boxa-masina > .search-book {
        width:calc(50% - 5px);
        float:left;
        margin:0;
    }

    .boxa-masina > .search-image {
        padding-left:0;
        padding-right:0;
        margin-right:10px;
        margin-bottom:10px;
    }

    .boxa-masina > .search-image img {
        width:100%;
        height:auto;
    }

    .boxa-masina > .search-price {
        min-height:0;
        height:auto;
        aspect-ratio:227 / 140;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        border-right:0;
        margin-bottom:10px;
    }

    .boxa-masina > .search-total {
        clear:left;
        padding-left:0;
        padding-right:0;
        margin-right:10px;
        margin-bottom:10px;
    }

    .search-total .boxa-pret-final {
        min-height:70px;
        height:70px;
        padding-top:19px;
        font-size:25px;
    }

    .search-total .boxa-pret-final br {
        display:none;
    }

    .boxa-masina > .search-book {
        height:70px;
        display:flex;
        align-items:center;
        justify-content:center;
        padding-left:4px;
        padding-right:0;
        margin-bottom:10px;
    }

    .search-book .bg-repeat-footer-botton {
        width:100%;
        max-width:none;
        height:60px;
        margin:0;
        padding-left:75px;
        padding-right:15px;
        font-size:17px;
    }

    .search-book .bg-repeat-footer-botton:before {
        transform:scale(.7);
        transform-origin:left center;
        top:5px;
    }
}