/*****************************************
                     Global Styles
*****************************************/
html, .footer-wrap {background:transparent;}
body{font-family: 'Montserrat',helvetica,arial,sans-serif; color:#000; line-height: 24px;}

.ar_pgtitle {text-align:left; font-size:30px; margin:0 0 10px; font-weight:bold; line-height: 32px; color: #0c0c9b;} 
.ar_pgdesc {text-align:left; font-size:18px; padding: 0; font-weight:normal; margin:0 0 30px; line-height:24px;} 

.footer-links .ar {display:inline-block; color:#404040 !important; font-weight:normal; font-size:1em; text-decoration:none; margin:0; padding:.5em;}
.footer-links .ar:hover {color:#fff !important; background-color:#000;}

.ar-bold {font-weight:bold;}
.ar-italic {font-style:italic}
.ar-underline {text-decoration:underline;}
.ar-uppercase {text-transform:uppercase;}
.ar-border-solid {border: 0; height: 1px; background: #1a1a1a; background-image: linear-gradient(to right, #ccc, #1a1a1a, #ccc); margin:1em 0;}
.ar-border-solid-fade {border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); margin:1em 0;}
.ar-border-double {border: 0; border-top: 3px double #1a1a1a; margin:1em 0;}
.ar-border-dashed {border: 0; border-top: 1px dashed #1a1a1a; margin:1em 0;}
.ar-border-dot {border: 0; border-top: 1px dotted #1a1a1a; margin:1em 0;}

.socialcontainer {float:none;}
.socialcontainer, .social {height:30px; overflow:hidden; margin:0 3px;}
.container.fp-welcome p {margin-bottom: 13px;}


.bg {z-index:1 !important; border-bottom:5px solid #cf2127; position:absolute; top:0; left:0; width:100%; height:300px; box-shadow:0px -25px 50px 35px #333;
    box-shadow: 0px -25px 50px 35px #000;
    background: #bbbbbb;
    background: -moz-linear-gradient(top, #ffffff 0%, #bbbbbb 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #bbbbbb));
    background: -webkit-linear-gradient(top, #ffffff 0%, #bbbbbb 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #bbbbbb 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #bbbbbb 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #bbbbbb 100%);
}

.special-message-container {z-index:999; position:relative;}
.special-message-div {margin:0 auto; width:100%; text-align:center; background:#032f5e; padding:.5em 0 .5em 0; border-bottom:2px solid #ffbd1c; box-shadow:inset 0px -7px 20px 2px #012247; z-index:9999;}
.special-message-div h1, .special-message-div p {text-align: center;  margin: 0em; padding:0; color:#ffbd1c; font-style:italic;}
.special-message-div h1 {color:white; font-weight: 600;}
.special-message-div img {margin:0 auto; padding:0;}



/*****************************************
                     Container Styles++
*****************************************/

.header-wrap, .nav-wrap, .content-wrap, .footer-wrap{width:100%; display:block; clear:both; position:relative; padding:1em 0; z-index:2;}
.super-wrap, .container {max-width:1150px; margin:0 auto; position:relative; z-index:2;}
.container:after{content: ""; display: block; height: 0; clear: both;}

.super-wrap {overflow:hidden; z-index:2;}

.header-wrap{}
.header-wrap .container{text-align:center; padding:0em;}

.nav-wrap{padding:0; background: #cf2127; border-bottom:1px solid #cf2127; z-index: 9;}
.nav-wrap .container{}

.content-wrap{padding:0; background:#fff;}
.content-wrap .container{text-align:left;}

.footer-wrap{}
.footer-wrap .container{}

.header img {float:left;}
.header-info{margin:16px auto 0; text-align:right;}
.header-info h3{font-size:16px; font-weight:bold; font-style:oblique; text-transform:uppercase; margin:0px; margin-bottom:9px; padding:0; color:#FFDE05;}
.header-info p{font-size: 24px; margin: 0; position: relative; color: #9f9f9f; font-style: italic; display: inline-block; line-height: 1.2em;}
.header-info p span{position: relative; font-weight: 700; color: #ffffff; font-size: 1.4em;  font-style: normal; line-height: 1em;}
.header-info p.translate {display:inline-block; color:#f4bb00; font-weight:700; font-style:italic; margin: 5px 10px 0 0; vertical-align:middle; font-size:14px;}

.BHPH h1 {color:white; font-style:italic; font-weight:bold; font-size:64px; text-align:center; margin:.25em; letter-spacing:4px; text-shadow:-3px 3px 3px #05284b;}
.BHPH h1 span {white-space:nowrap;}



/*****************************************
                  Resp. Navigation Styles
*****************************************/

#menu {list-style-type:none; margin:0; padding:0; position:relative;}
#menu .hidden {list-style-type:none; margin:0; padding:0; position: absolute;}
#menu li {display:inline-block; float: left; position:relative;}

#menu li a {display:block; font-size:14px; text-align: left; color: #fff; text-decoration: none; padding:16px; font-weight:600; line-height:1em; text-transform:uppercase;}
#menu li ul {display: none; top: 100%; z-index: 99999;}
#menu li ul li {display: block; float: none; border-bottom: 1px solid #ccc;}
#menu li ul li a {width: auto; min-width: 220px; padding:1em; background: #f1f1f1; color: #333;}
#menu li:hover .hidden, .hidden:hover {display: block; border: 1px solid #ccc;}
#menu li:hover ul a:hover {background: #05284b; color: #fff;}

#menu li a:hover {background: #24296b;}
#menu li > a.active-head {background: #0c0c9b;}
#menu li > a.active-head li a {background:#f3f3f3;}

.nav-wrap .show-menu {text-decoration: none; color: #fff; font-weight:600; background: #cf2127; text-align: center; padding: 1em; display: none; border-bottom:1px solid #ccc; cursor:pointer;}
.nav-wrap .show-menu span {float:left; color:#fff;}
.nav-wrap input[type=checkbox]{display: none; top: 100%; z-index: 99999;}
.nav-wrap input[type=checkbox]:checked ~ #menu{display: block;}

#menu li.has-dropdown > a:after {font-size:.5em; display: inline-block; height: 100%; vertical-align: middle; margin-left:1em; color: #fff; content: ' \25bc'; line-height:1em;}



/*****************************************
               Template Specific Styles
*****************************************/

.section-0 h1 {margin:1em 0 .5em 0; font-size:2.8em; line-height:1em;}
.section-0 h2 {margin:.6em 0;}
.section-0 .button {display:inline-block; text-decoration:none; margin:25px auto; border-radius:4px; text-align:center; text-transform:uppercase; padding:15px 5em; background: #ddd;}

.footer{}
.footer-links{text-align:center;}
.footer-links h5{margin:0; padding:0; text-align:left;}

.footer p,
.footer h3,
.footer h2 {color:#fff;}

.f-01 .footer a{text-decoration:none;}
.f-01 .footer h2{font-size:30px; margin:0; text-decoration:none; line-height:auto; text-align:left;}
.f-01 .footer h3, .footer p{margin:0;}
.f-01 .footer h3 {border-bottom-width:2px; border-bottom-style:solid; padding:0 0 .5em 0; margin: .5em 0; font-weight:normal; font-style:oblique; text-transform:uppercase;}
.f-01 .footer ul.footer-nav{list-style:none; margin:0; padding:0; }
.f-01 .footer ul.footer-nav li{float:left; margin:0; padding:0; width:50%;}
.f-01 .footer ul.footer-nav li a{text-decoration:none; font-size:14px;}

.f-01 .footer .footer-phone{font-size:22px}
.f-01 .footer .footer-address{font-size:14px;}

.f-01 .footer-links .ar, .f-01 .footer-links .ar:link, .f-01 .footer-links .ar:visited {font-size:.5em;}

.f-02 .footer{text-align:center; margin:10px 0 20px;}
.f-02 .footer ul.footer-nav{list-style:none; margin:0; padding:0; }
.f-02 .footer ul.footer-nav li{margin:0; padding:0; list-style:none; width:auto; float:none; display:inline-block;}
.f-02 .footer ul.footer-nav li a{display:inline-block; text-decoration:none; font-size:14px; padding:10px; font-weight:600;}
.f-02 .footer ul.footer-nav li a, .footer-links .ar {color:#777;}
.f-02 .footer ul.footer-nav li a:hover {color: #000; background: #fff; border-radius: 3px;}
.footer-links .ar:hover {color:#fff; background:transparent;}

.f-02 .footer-links h5{text-align:center;}

.f-03 .company-name{float:left;}
.f-03 .sitemap{float:right;}

.flex-buttons {display: flex; flex-wrap:wrap;}
.col { flex: 1 2}
.col:hover {opacity:.7;}
.col img {width:100%;}

@media (max-width:768px){
.col { flex:2 1 25%}
}
@media (max-width:450px){
.col { flex: 2 1 50%}
}

.row {padding:0;}

.hero-container, .hero-container .ar12 {padding:0; margin:0;}

.hero-container img {display:block; width:100%;}
.hero-container .search-form {padding:1.5em; max-width:360px; margin:0; background: rgba(0,0,0,0.75); border-radius: 4px;}
.hero-container h2.select-heading,
.hero-container h3.select-heading{font-size:1.5em; line-height:1em; padding:10px 0; margin:0; text-align:left; display:block; text-transform:uppercase; color:#fff; font-style:italic; margin-bottom:10px;}
.hero-container .hero #inv-search .inv-select-fullwidth, 
.hero-container .hero #inv-search .inv-select-halfwidth, 
.hero-container .hero #inv-search .inv-div-invkey input {text-transform: uppercase; padding: 10px; border: 0;}
.hero-container .hero .inv-select-fullwidth,
.hero-container .hero .inv-select-halfwidth {width: 32%; background: #fff; font-size: 12px; margin: 0 1% 10px;}
.hero-container .hero select[name="selCategory_"],
.hero-container .hero #inv-mileage {margin-left:0;}
.hero-container .hero select[name="selCategory___"],
.hero-container .hero #inv-rsort {margin-right:0;}
.hero-container .hero #inv-search .inv-select-fullwidth {width:100%; margin:0 0 10px;}
.hero-container .hero .inv-div-invkey p {clear: both; color: #fff; font-size: 1em; line-height: 1em; text-transform: uppercase; padding: 10px 0 0 5px; display: block; padding: 0 0 0 10px; margin: 5px 0 15px; float: left;}
.hero-container .hero #inv-search .inv-div-invkey input {text-transform: uppercase; padding: 1em; border: 0; width: 100%; margin: 0; max-width: 66%;}
.hero-container .hero .inv-field-invkey {background: #fff; clear: left; font-size: 12px;}
.hero-container .hero #inv-search .inv-submit {color: #fff; border-radius: 4px; border: 2px solid #fff; background: #fff; color: #000; border-radius: 2px; margin: 0; line-height: 29px; float:right; width:32%;}
.hero-container #inv-search .inv-submit:hover {background:#05284b; color:#fff;}

.fp-content {padding:0}
.fp-content .row {background:#eaeaea; padding:2em 1em;}
.fp-content .fp-options {padding:20px; padding-right:45%; background:#fff; border: 1px solid #fff; box-shadow: 0 3px 10px -5px #000000;}
.fp-content .ar6:first-child .fp-options {background: url("https://www.cardealerhost.com/ar05/61sales_com/images/btn-dozer-lineup.png") no-repeat center right #fff; background-size: cover;}
.fp-content .ar6:nth-child(2) .fp-options {background: url("https://www.cardealerhost.com/ar05/61sales_com/images/btn-contact.png") no-repeat center right #fff; background-size: cover;}
.fp-content .fp-options h2 {margin: 0 0 15px; font-size: 24px; color: #cf2127;}
.fp-content .fp-options p {margin: 0 0 15px; font-size: 16px; line-height: 1.3;}
.fp-content .fp-options a {display: inline-block; font-size: 14px; font-weight: 600; padding: 6px 15px; text-align: center; font-style: italic; background: #101010; color: #fff; text-decoration: none;border-radius: 3px;}
.fp-content .fp-options a:hover {background: #24296b;}

.fp-welcome {padding:3em 1.5em 1em;}
.fp-welcome h1 {font-size: 2.75em; margin: 0 0 10px; line-height: 1em;}
.fp-welcome p {margin-bottom: 13px;}
.fp-welcome img {margin:0;}

.fp-featured {border-top: 1px solid #ccc; padding: 2em 0 0; margin-top: 2em;}
.fp-featured h2 {text-align:center; margin: 5px 0; text-transform:uppercase; font-size:20px;}





/* General page COLORS
*****************************************/

body {color:#1a1a1a;}

h1, h2, h3, h4, h5, h6 {color:#cf2127;}

p {color:#1a1a1a;}

a {color:#1a1a1a;}
a:hover {color:#444;}

.ar_pgtitle,
.ar_pgdesc {color:#1a1a1a;}



/* Form COLORS 
*****************************************/


.forms-container {line-height:24px;}
.forms-container .forms-heading {font-size:1.25rem; color: #0c0c9b; font-weight: 500;}
.arform-title h3, .arform-title legend {background: #e8e8e8; color: #000; border-radius: 0;}

.location-select-map-wrap {min-height:auto;}
.location-select-map-container {max-width:none;}
.location-select-map-container .ar4 {float: none; z-index: 999; padding:0;}
.location-select-map-container .ar8 {position: absolute; top: 0; right: 0; height: 100%;padding:0;}

.location-select-wrap {padding:0;}
.location-select-container {z-index: 999; background: #0c0c9b; padding: 3em;}
.location-select-container h2 {margin: 0 auto 15px; font-size: 1.85em; color: #fff; font-weight: 400; line-height: .8em;}
.location-select-container h3 {margin: 0 auto 15px; font-size: 1.85em; color: #fff; font-weight: 400; line-height: 1em; display: block; font-size: 1.85em; font-weight: 300;}
.location-select-dropdown {padding: 8px; border-radius: 5px; outline: none;}
.location-select-dropdown {}
.location-select-dropdown option {}

.location-select-wrap .locations-info p {color:#fff;}
.location-select-wrap .locations-hours .store-hours-container {background:transparent; border:none; padding:0; color:#fff;}
.location-select-wrap .location-select-container h3{padding:10px 0; margin:0 auto; font-weight:400;}
.location-select-wrap .store-hours-container * {color:#fff;}

.location-select-form {}
.location-select-address {padding: 8px; border-radius: 5px; outline: none;border: 2px solid #fff;margin-top: 8px; background: #0e2b4e; color: #fff;}
.location-select-button {display: inline-block; padding: 8px; border-radius: 5px; outline: none; color: #000; border: 2px solid #fff; cursor: pointer; font-weight: 600; background: rgb(255, 255, 255);margin-top: 8px;}

.location-select-map-buttons {position:absolute; top:20px; left:20px; z-index:10}
.location-select-map1,
.location-select-map2,
.location-select-map3 {display: inline-block; background: #fff; padding: 12px 16px; border-radius: 5px; text-decoration: none; color: #f00; border: 1px solid #d40000; margin: 0 10px; font-weight: 600;}
.location-select-map1.active,
.location-select-map2.active,
.location-select-map3.active {background:#e82c2a; color:#fff;}

.store-contact-map a:hover {background:#0c0c9b;}


/*****************************************
                      Current Resp. Styles
*****************************************/

@media (max-width:1168px) {
.super-wrap {border-radius:0;}
}

@media (max-width : 890px){
.nav-wrap {background:#0c0c9b;}
.nav-wrap .show-menu {display:block;}
#menu {position: static !important; display: none;}
#menu li {border-bottom:1px solid #b9b9b9;}
#menu li, #menu li a {width: 100% !important; text-align:center; background: #fff; color: #232323;}
#menu li a:hover {background: #0f0ffd; color:#fff;}
#menu li .hidden{display: none !important;}
#menu li.has-dropdown ul.active {display:block !important; background: #f3f3f3; position: relative;}
#menu li:hover .hidden, .hidden:hover {border:none;}
.header img {float:none; width: 100%; max-width: 444px;}
}

@media (max-width : 812px){
.header-wrap .ar8, .header-wrap .ar4 {margin-bottom:0;}
.header-info {margin:0 auto; text-align:center;}
.socialcontainer {margin:0 auto; float:none;}
}

@media (max-width:639px) {
.hero-container .search-form {max-width:none;}
.hero-container .hero .inv-select-fullwidth, 
.hero-container .hero .inv-select-halfwidth,
.hero-container .hero #inv-search .inv-div-invkey input {width: 100%; max-width:none; margin: 0 0 10px;}
.hero-container .hero #inv-search .inv-submit {margin-top: 12px;}
}

@media (max-width : 570px){
.fp-content .ar6:first-child .fp-options {background:#fff !important;}
.fp-content .fp-options {padding-right:20px !important;}
.fp-content .ar6:nth-child(2) .fp-options {background:#fff !important;}
}

@media (max-width : 645px){.BHPH h1 {font-size:42px;}.header-info p {font-size: 18px;}}
@media (max-width:560px) {.fp-welcome img {width:100%;}.BHPH h1 {font-size:30px;}.socialcontainer {display:block; margin-top:15px;height:auto;text-align:center;}}
@media (max-width:480px) {.header-info p {font-size: 16px;}}
@media (max-width : 400px){.BHPH h1 {font-size:26px;}}