/*---------------------------------*/

/*            Structure            */

/*---------------------------------*/

div.container-venta{

    background-color:#0d253e; 

    padding: 30% 2%;

}

div.container-venta h2.section-heading{

    font-family: dinCond;

    font-size: 30px;

    font-weight: 700;

    color: #ffffff;

    text-transform: uppercase;



}

div.container-venta h2.section-heading span.thetitle{

    color: #857647;

}

.srp-dealers-maincont {

    margin: auto;

    padding: 0 10px;

}

.srp-dealers-innerrow {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

}



/*---------------------------------*/

/*             Inputs              */

/*---------------------------------*/



.dealers p.input-wrapper {

    width: 100%;

    text-align: center;

    position: relative;

    display: inherit;    

    margin: 5px;

}

.dealers p.input-wrapper input, .dealers p.input-wrapper select {

    -webkit-appearance: none;

       -moz-appearance: none;

            appearance: none;

    width: 100%;

    border : none;

    border-radius: 0px;

    padding: 3px;

    height: 43px;

    color: #ffffff;

    font-family: dinAlt;

    font-size: 16px;

    font-weight: 700;

    background-color: transparent;

    padding-left: 20px;

    outline: unset;

    border-bottom: 2px solid #ffffff;

}

.dealer-select::after{

    content: url("../img/bajo.svg");

    position: absolute;

    top: 9px;

    right: 20px;

    width: 5%;

}

.dealer-search::after{

    content: url("../img/lupa.png");    

    position: absolute;

    top: 12px;

    right: 20px;

}

select#busqueda_provincia{

    background-color:#0d253e; 

}

/*---------------------------------*/

/*          Dealers list           */

/*---------------------------------*/



.srp-dealerslist-cont {

    width: 100%;

    background-color: #ffffff;

}

ul.srp-dealerlist {

    list-style: none;

    padding: 0;

    margin: 0;

    overflow-y: scroll;

    overflow-x: hidden;

    max-height: 600px;

    padding: 5%;

    position: relative;

}

.dealerinfo h3 {

    font-size: 16px;

    font-family: "Poppins", sans-serif;

    font-weight: 700;

    margin: 0;

    color: #0c1b2f;

}

.dealerinfo p.address {

    font-family: "Poppins", sans-serif;

    font-size: 14px;

    font-weight: 500;

    margin: 0;

    color: #0c1b2f;

}

.dealerinfo p.telf,

.dealerinfo p.telm,

.dealerinfo p.fax,

.dealerinfo p.website,
.dealerinfo p.email,
.dealerinfo p.facebook,
.dealerinfo p.googleplus,
.dealerinfo p.twitter{

    font-family: "Poppins", sans-serif;

    font-size: 14px;

    font-weight: 500;

    font-style: italic;

    margin: 0;

    color: #0c1b2f;

}
.dealerinfo a{
    color: #0c1b2f;
}
.dealerinfo i{
    font-size: 20px;
}
.dealerinfo .redes-sociales{
    display: block;
}
.dealerinfo .redes-sociales p{
    display: inline-block;
    width: 15%;
}
.dealerinfo p.address {

    font-family: "Poppins", sans-serif;

    font-size: 14px;

    font-weight: 500;

    margin: 0;

    color: #0c1b2f;

}

li.srp-dealeritem > div {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    border-bottom: 2px solid #857647;

    padding: 15px 25px;

    padding-left: 0;

}

.dealerinfo {

    width: 60%;

}

.dealerimg {

    width: 40%;

}

.dealerimg figure {

    margin: 0;

    border: 2px solid #1d4664;

    width: 90px;

    height: 90px;

    text-align: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    background: #fff;

}

.dealerimg figure img{

    width: 100%;

}

/*---------------------------------*/

/*           Map section           */

/*---------------------------------*/



.srp-dealermap {

    width: 100%;

    display: none;

}

div#map {

    width: 100%;

    height: 600px;

}



/* Scroll bar */

.srp-dealerlist::-webkit-scrollbar {

    width: 6px;

    background-color: #f3f3f3;

}

.srp-dealerlist::-webkit-scrollbar-thumb {

    background-color: #857647;

    /* background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); */

}

.srp-dealerlist::-webkit-scrollbar-track {

    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */

    background-color: #f3f3f3;

}

li.srp-dealeritem {

    /* padding: 0 25px; */

    cursor: pointer;

}



/*---------------------------------*/

/*           Responsive            */

/*---------------------------------*/



@media screen and (min-width: 768px) {

    .srp-dealermap {

        display: block;

    }

    div.container-venta{

        padding: 10% 0;

     }

    .srp-dealers-maincont {

        padding: 0 50px;

    }

}



@media screen and (min-width: 992px) {

    .srp-dealers-maincont {

        max-width: 992px;

        padding: 0;    

    }

    div.container-venta{

        padding: 7% 0;

     }

    .dealers p.input-wrapper {

        width: 32%;  

        margin: 25px 0px;

    }

    .srp-dealerslist-cont {

        width: 32%;

    }

    .srp-dealermap {

        width: 66%;

    }

}



@media screen and (min-width: 1200px) {

    .srp-dealers-maincont {

        max-width: 1200px;        

    }

    div.container-venta h2.section-heading{

        font-size: 70px;
        margin-bottom: 1%;
    }

    ul.srp-dealerlist{

        padding: 10%;

    }

    

}