.dropdown-cont-vertical {


    min-height: 100px;
    position: absolute;

     z-index: 250;
     display: none;
     background-color: white;

     width: 940px;
     clear:both;
     margin:auto;

     top: 10em;
     left: 0;
     right: 0;
     margin-left: auto;
     margin-right: auto;
}

.dropdown-cont-vertical .header {
    /* width: 300px;*/
    width: auto;
    height: 20px;
    padding-left: 5px;
    background-color: white;
    position: absolute;
    top: -18px;
    left: 40px;
}


.dropdown-cont-vertical .vehicle-widget {
    padding: 20px;
    width: 100%;
}

 .dropdown-cont-vertical p.header {
    font-weight: bold;
    text-transform: uppercase;
    font-size:25px;
}

 .dropdown-cont-vertical p.header a {
     color: #333;
     text-decoration: none;
 }

 .dropdown-cont-vertical h1.header {
     font-weight: bold;
     text-transform: uppercase;
     font-size:25px;
     top: -18px;
     left: 25px;
     padding: 0;
     margin: 0;
     width: auto;

     margin: auto;
 }

 .dropdown-cont-vertical h1.header a {
     color: #333;
     text-decoration: none;
     width: auto;
 }


 .dropdown-cont-vertical p {
    text-align: center;
}

 .dropdown-cont-vertical .action {
     font-size: 16px;
     font-weight: bold;
     color: #AC0002;
     text-transform: uppercase;
 }

 .dropdown-cont-vertical  .vehicle-selector {
     float: left;
     margin-left: 0px;

     margin-bottom: 15px;
     width: 100%;
 }

 .dropdown-cont-vertical  .vehicle-selector .dropdown-wrap {
    width: 555px;
    margin: auto;
}

.dropdown-cont-vertical .vehicle-selector .wrap {
     float: left;
     margin-left: 20px;
 }


.dropdown-cont-vertical .vehicle-selector .wrap:first-child {
     margin-left: 0;
 }
.dropdown-cont-vertical .vehicle-selector .button {
    position: relative;
    cursor: pointer;
    background-color: #fff;
    font-weight: bold;
    padding: 6px 22px 6px 23px;
    text-decoration: none;
    border: 1px solid #1e2227;
    width: 170px;
 }




.dropdown-cont-vertical .vehicle-selector .button .label {
     font-size: 14px;
     color: #7d868a;
 }
.dropdown-cont-vertical .vehicle-selector .button .caret {
     font-size: 17px;
     color: #7d868a;
    margin-left: 0;
 }
 .dropdown-cont-vertical .vehicle-selector .button .menu-down {
     display: none;
     font-size: 40px;
     font-weight: bold;
     color: #AC0002;
     z-index: 7;
     border: 0;
     position: absolute;
     left: 37%;
     top: -30px;
     height: 23px;
     text-shadow: -1px 0 #AC0002, 0 1px #AC0002, 1px 0 #AC0002, 0 -1px #AC0002;
 }

 .dropdown-cont-vertical .vehicle-selector .button .menu-down.active {
     display: block;
 }

.dropdown-cont-vertical .vehicle-selector .button.active .label,.dropdown-cont-vertical .vehicle-selector .button.active .caret {
     color: #35383d;
 }

 .dropdown-cont-vertical .vehicle-selector .submit-cont {
     clear: both;
     float: left;
     width: 400px;
     margin-left: 10%;
     margin-top: 20px;
 }
.dropdown-cont-vertical .vehicle-selector .button.submit {
    width: auto;
    background-image: linear-gradient(to bottom, #AC0002, #AC0002);
    border: 1px solid #AC0002;

    padding: 2px 8px 2px 8px;

 }
 .dropdown-cont-vertical .vehicle-selector .button.submit:hover {
     background-image: linear-gradient(to bottom, #AC0002, #AC0002);
 }

 .dropdown-cont-vertical .vehicle-selector .button.submit .label {
     font-size: 17px;
     font-weight: bold;
     color: white;
     font-family: 'Oswald', sans-serif;
 }

 .dropdown-cont-vertical .vehicle-selector .button.submit .label .glyphicon {
     font-size: 14px;
     font-weight: bold;
     color: white;
 }
.dropdown-cont-vertical .vehicle-selector .overlay {
     display: none;
     position: absolute;
     left: 0px;
     margin-top: 20px;
     z-index: 6;
     width: 100%;
     height: auto;
     border: 1px solid #2b3f86;
     border-radius: 6px 6px 6px 6px;
     box-shadow: 3px 3px 5px #535353;
     background-color: white;
     font-size:14px;
    height: 300px;
    overflow-y: auto;

    display: flex;
    flex-direction: row;
    flex-flow: row wrap;
    /*justify-content: space-between;*/
    
 }
 .dropdown-cont-vertical .vehicle-selector .overlay:before {
     content: "";
     position: absolute;
     bottom: -20px;
     left: 40px;
     border-width: 20px 20px 0;
     border-style: solid;
     border-color: #2b3f86 transparent;
     display: block;
     width: 0;
 }

 .dropdown-cont-vertical .vehicle-selector .overlay:after {
     content: "";
     position: absolute;
     bottom: -13px;
     left: 47px;
     border-width: 13px 13px 0;
     border-style: solid;
     border-color: #fff transparent;
     display: block;
     width: 0;
 }

 /* creates the larger triangle */
 .dropdown-cont-vertical .vehicle-selector .overlay.top:before {
     top: -20px;
     bottom: auto;
     left: auto;
     right: 40px;
     border-width: 0 20px 20px;
 }

 /* creates the smaller  triangle */
 .dropdown-cont-vertical .vehicle-selector .overlay.top:after {
     top: -18px;
     bottom: auto;
     left: auto;
     right: 47px;
     border-width: 0 19px 19px;
 }


 .dropdown-cont-vertical .vehicle-selector .overlay {
     display:none;
 }


 .dropdown-cont-vertical .vehicle-selector .year-cont .overlay:before {
     left: 157px; /* controls horizontal position */
 }
 .dropdown-cont-vertical .vehicle-selector .year-cont .overlay:after {
     left: 158px; /* value = (:before right) + (:before border-right) - (:after border-right) */
 }

 .dropdown-cont-vertical .vehicle-selector .make-cont .overlay:before {
     left: 342px; /* controls horizontal position */
 }
 .dropdown-cont-vertical .vehicle-selector .make-cont .overlay:after {
     left: 343px; /* value = (:before right) + (:before border-right) - (:after border-right) */
 }

 .dropdown-cont-vertical .vehicle-selector .model-cont .overlay:before {
     left: 527px; /* controls horizontal position */
 }
 .dropdown-cont-vertical .vehicle-selector .model-cont .overlay:after {
     left: 528px; /* value = (:before right) + (:before border-right) - (:after border-right) */
 }


 .dropdown-cont-vertical .vehicle-selector .overlay ul {
     display: block;
     float: left;
     list-style-type: none;
     padding-right: 20px;
     padding-left: 0;
     margin-top: 10px;
    text-align: left;
     width: 25%;
     min-width: 90px;

 }

 .dropdown-cont-vertical .vehicle-selector .year-cont .overlay ul {
     width:10%;
     min-width: 60px;
 }

 .dropdown-cont-vertical .vehicle-selector .model-cont .overlay ul {
     width:33%;
     min-width: 100px;
 }

.dropdown-cont-vertical .vehicle-selector .overlay ul:first-child {
     padding-left: 10px;
 }
.dropdown-cont-vertical .vehicle-selector .overlay ul:first-child {
     padding-right: 10px;
 }
.dropdown-cont-vertical .vehicle-selector .overlay ul li {
     margin-top: 5px;
     color: black;
     cursor: pointer;
     padding-left: 3px;


 }

.dropdown-cont-vertical .vehicle-selector .overlay ul li:hover {
     color: #fff;
     background-color: #7d868a;
     opacity: 1;
     filter: alpha(opacity=100);
     border-radius: 6px 6px 6px 6px;
 }
.dropdown-cont-vertical .vehicle-selector .overlay ul span {
     font-size: 97%;
     font-weight: bold;
     display: block;
     clear: both;
 }









 .dropdown-cont-vertical .vehicle-selector .wrap {
     margin-top: 10px;
     margin-left: 0;
     clear:both;

 }

 .dropdown-cont-vertical .vehicle-selector .button {
     clear:both;
     width: 210px;
 }

 .dropdown-cont-vertical .vehicle-selector .submit-cont .button {
     height:50px;
     width: 210px;
     height:auto;
     margin-top:10px;
     margin: auto;

     display: block;
 }


 .dropdown-cont-vertical .vehicle-selector .button .menu-down {
     position: absolute;
     left: 0;
     top: 10%;
     -ms-transform: rotate(-90deg); /* IE 9 */
     -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
     transform: rotate(-90deg);
     font-size: 25px;
 }

 .change-vehicle-cont .dropdown-cont-vertical .vehicle-selector .button .menu-down {
     top: 5px;
 }

 .dropdown-cont-vertical .vehicle-selector .year-cont .overlay:before,
 .dropdown-cont-vertical .vehicle-selector .make-cont .overlay:before,
 .dropdown-cont-vertical .vehicle-selector .model-cont .overlay:before
 {
     left: 40%; /* controls horizontal position */
 }
 .dropdown-cont-vertical .vehicle-selector .year-cont .overlay:after,
 .dropdown-cont-vertical .vehicle-selector .make-cont .overlay:after,
 .dropdown-cont-vertical .vehicle-selector .model-cont .overlay:after
 {
     left: 40.5% ; /* value = (:before right) + (:before border-right) - (:after border-right) */
 }

 .dropdown-cont-vertical .vehicle-selector .overlay {
     width: 100%;
     left:0px;
 }

 .dropdown-cont-vertical .vehicle-selector .overlay ul {
     padding-left: 10px;
 }

 .dropdown-cont-vertical .close {
     position: relative;
     right:5px;
     top: 5px;
 }





 .dropdown-cont-vertical .vehicle-selector .button .menu-down {
     top: 16%;
 }

 .dropdown-cont-vertical .vehicle-selector .button .caret {

     position: relative;

 }

 .dropdown-cont-vertical .vehicle-selector .button .label {
     float: none;
     margin-top:5px;
 }


 .dropdown-cont-vertical .vehicle-selector .button {
     width: 100%;
 }

 .dropdown-cont-vertical .vehicle-selector .wrap {
     width: 100%;
 }


 .dropdown-cont-vertical .vehicle-selector .dropdown-wrap {
     width: 100%;
 }




 .dropdown-cont-vertical .header {
     /* width: 300px;*/
     width: 90%;
     height: 40px;
     padding-left: 0px;
     background-color: white;
     position: absolute;
     top: -3vw;
     left: 4vw;

 }

 .dropdown-cont-vertical p.header {
     font-size:3vw;
 }

 .dropdown-cont-vertical h1.header {
     font-size:3vw;
 }




 .dropdown-cont-vertical .vehicle-selector.dropdown-wrap {
     width: 100%;
     clear:both;
 }

 .dropdown-cont-vertical .vehicle-selector.wrap {
     width: 100%;
     clear:both;
     margin-top: 2vw;
     margin-left: 0;
 }

 .dropdown-cont-vertical .vehicle-selector.button {
     width: 100%;
     clear:both;
     height:50px;
 }

 .dropdown-cont-vertical .vehicle-selector.submit-cont .button {
     height:50px;
 }

 .dropdown-cont-vertical .vehicle-selector.button .menu-down {
     position: absolute;
     left:0;
     top:13px;
     -ms-transform: rotate(-90deg); /* IE 9 */
     -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
     transform: rotate(-90deg);
     font-size: 30px;
 }


 .change-vehicle-cont .dropdown-cont-vertical .vehicle-selector.button .menu-down {
     top: 13px;
 }


 .dropdown-cont-vertical .vehicle-selector.year-cont .overlay:before,
 .dropdown-cont-vertical .vehicle-selector.make-cont .overlay:before,
 .dropdown-cont-vertical .vehicle-selector.model-cont .overlay:before
 {
     left: 45%; /* controls horizontal position */
 }
 .dropdown-cont-vertical .vehicle-selector.year-cont .overlay:after,
 .dropdown-cont-vertical .vehicle-selector.make-cont .overlay:after,
 .dropdown-cont-vertical .vehicle-selector.model-cont .overlay:after
 {
     left: 45.5% ; /* value = (:before right) + (:before border-right) - (:after border-right) */
 }

 .dropdown-cont-vertical .vehicle-selector.overlay {
     width: 100%;
     left:0px;
 }

 .dropdown-cont-vertical .vehicle-selector.overlay ul {
     padding-left: 10px;
 }

 .dropdown-cont-vertical .vehicle-selector.submit-cont {
     clear: both;
     width: 100%;
     margin-top: 20px;

 }



 .dropdown-cont-vertical .action {
     position: relative;
     top: 15px;
 }

 .part-finder .dropdown-cont-vertical {
     left: 0;
 }

 .dropdown-cont-vertical .vehicle-selector.overlay {
     height: auto;
     max-height: 300px;
 }

 .dropdown-cont-vertical .vehicle-selector.overlay ul:first-child {
     padding-right: 20px;
 }



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

     .dropdown-cont-vertical .vehicle-selector .button .menu-down {
         top: 17%;
     }

     .dropdown-cont-vertical .vehicle-selector .button .caret {

         position: relative;

     }

     .dropdown-cont-vertical .vehicle-selector .button .label {
         float: none;
         margin-top:5px;
     }


     .dropdown-cont-vertical .vehicle-selector .button {
         width: 100%;
     }

     .dropdown-cont-vertical .vehicle-selector .wrap {
         width: 100%;
     }


     .dropdown-cont-vertical .vehicle-selector .dropdown-wrap {
         width: 100%;
     }

     .dropdown-cont-vertical {
         width: 100%;
         clear:both;

     }


     .dropdown-cont-vertical .header {
         /* width: 300px;*/
         width: 90%;
         height: 40px;
         padding-left: 0px;
         background-color: white;
         position: absolute;
         top: -3vw;
         left: 4vw;

     }

     .dropdown-cont-vertical p.header {
         font-size:3vw;
     }

     .dropdown-cont-vertical h1.header {
         font-size:3vw;
     }




     .dropdown-cont-vertical .vehicle-selector.dropdown-wrap {
         width: 100%;
         clear:both;
     }

     .dropdown-cont-vertical .vehicle-selector.wrap {
         width: 100%;
         clear:both;
         margin-top: 2vw;
         margin-left: 0;
     }

     .dropdown-cont-vertical .vehicle-selector.button {
         width: 100%;
         clear:both;
         height:50px;
     }

     .dropdown-cont-vertical .vehicle-selector.submit-cont .button {
         height:50px;
     }

     .dropdown-cont-vertical .vehicle-selector.button .menu-down {
         position: absolute;
         left:0;
         top:13px;
         -ms-transform: rotate(-90deg); /* IE 9 */
         -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
         transform: rotate(-90deg);
         font-size: 30px;
     }


     .change-vehicle-cont .dropdown-cont-vertical .vehicle-selector.button .menu-down {
         top: 13px;
     }


     .dropdown-cont-vertical .vehicle-selector.year-cont .overlay:before,
     .dropdown-cont-vertical .vehicle-selector.make-cont .overlay:before,
     .dropdown-cont-vertical .vehicle-selector.model-cont .overlay:before
     {
         left: 45%; /* controls horizontal position */
     }
     .dropdown-cont-vertical .vehicle-selector.year-cont .overlay:after,
     .dropdown-cont-vertical .vehicle-selector.make-cont .overlay:after,
     .dropdown-cont-vertical .vehicle-selector.model-cont .overlay:after
     {
         left: 45.5% ; /* value = (:before right) + (:before border-right) - (:after border-right) */
     }

     .dropdown-cont-vertical .vehicle-selector.overlay {
         width: 100%;
         left:0px;
     }

     .dropdown-cont-vertical .vehicle-selector.overlay ul {
         padding-left: 10px;
     }

     .dropdown-cont-vertical .vehicle-selector.submit-cont {
         clear: both;
         width: 100%;
         margin-top: 20px;

     }



     .dropdown-cont-vertical .action {
         position: relative;
         top: 15px;
     }

     .part-finder .dropdown-cont-vertical {
         left: 0;
     }

     .dropdown-cont-vertical .vehicle-selector.overlay {
         height: auto;
         max-height: 300px;
     }

     .dropdown-cont-vertical .vehicle-selector.overlay ul:first-child {
         padding-right: 20px;
     }



 }

 @media screen and (max-width: 600px) {
     .dropdown-cont-vertical p.header {
         font-size:4vw;
         background-color: white;
     }

     .dropdown-cont-vertical h1.header {
         font-size:4vw;
         background-color: white;
     }

     .dropdown-cont-vertical .vehicle-selector.year-cont .overlay:before,
     .dropdown-cont-vertical .vehicle-selector.make-cont .overlay:before,
     .dropdown-cont-vertical .vehicle-selector.model-cont .overlay:before
     {
         left: 42%; /* controls horizontal position */
     }
     .dropdown-cont-vertical .vehicle-selector.year-cont .overlay:after,
     .dropdown-cont-vertical .vehicle-selector.make-cont .overlay:after,
     .dropdown-cont-vertical .vehicle-selector.model-cont .overlay:after
     {
         left: 42.5% ; /* value = (:before right) + (:before border-right) - (:after border-right) */
     }
 }

 @media screen and (max-width: 450px) {
     .dropdown-cont-vertical p.header {
         font-size:5.3vw;
         background-color: white;
         top: -5vw;
     }

     .dropdown-cont-vertical h1.header {
         font-size:5.3vw;
         background-color: white;
         top: -5vw;
     }

     .dropdown-cont-vertical .vehicle-selector.year-cont .overlay:before,
     .dropdown-cont-vertical .vehicle-selector.make-cont .overlay:before,
     .dropdown-cont-vertical .vehicle-selector.model-cont .overlay:before
     {
         left: 40%; /* controls horizontal position */
     }
     .dropdown-cont-vertical .vehicle-selector.year-cont .overlay:after,
     .dropdown-cont-vertical .vehicle-selector.make-cont .overlay:after,
     .dropdown-cont-vertical .vehicle-selector.model-cont .overlay:after
     {
         left: 40.5% ; /* value = (:before right) + (:before border-right) - (:after border-right) */
     }


     .dropdown-cont-vertical .vehicle-selector.wrap {
         margin-top: 5vw;
     }

     .dropdown-cont-vertical .vehicle-selector.submit-cont .button {
         height:50px;
     }


 }