/* General */
#content-description, .dealerOnform h2.title { display: none; }
html { scroll-behavior: smooth; }

/* 360 Rotator */
.img-container { width: 100%; margin: 0 auto; padding:0; cursor: ew-resize; }
.img360 { width: 100%; margin: 0; padding: 0; line-height: 0; }
.containerSwipe { position: relative; }
.containerSwipe img { width: 100%; margin: 0; padding: 0;  }
#preload-imgs { display:none; }
/* .img360 { background-color: #e5e5e5; } */

/* Color Selector */
#colorSelectTabs .list-inline { margin-left: 0; }
#colorSelectTabs li { width: 50%; text-align: center; float: left; padding: 0; }
#colorSelectTabs li a { color: #000; background-color: transparent; border: 2px solid #fff; font-size: 12px; font-weight: bold; letter-spacing: .05em; padding: 12px 16px; text-transform: uppercase; border-radius: 0; }
#colorSelectTabs li.active a { color: #fff; background-color: #000; border: 2px solid #000; font-size: 12px; font-weight: bold; letter-spacing: .05em; padding: 12px 16px; text-transform: uppercase; border-radius: 0; }
#colorSelectTabDisplay { clear: both; }
#colorSelectTabDisplay .tab-pane { padding-top: 1em; }
#colorSelectTabs li:not(.active) .btn-main { background-color: #fff; color: #333; }
.colorSelect li { vertical-align: middle; }
.colorSelect img { border-radius: 50%; width: 40px; height: 40px; }
.colorSelector { padding: 17px; border-radius: 50%; /* width: 25px; */ border: 2px solid #fff; margin-bottom: 3px; }
.colorSelector:hover { cursor: pointer; border-color: #000; }
.colorSelector.active { border: 2px solid #000; }

/* Model List */
.secModel { background-color: #f8f8f8; padding: 2em 0 4em; }
.modelCard { background-color: #fff; border: 2px solid #f6f6f6; padding: 20px; transition: all 0.25s ease-in-out; margin-left: 1em; margin-right: 1em; text-align: center; }
.modelCard:hover { /* background-color: #f6f6f6; */ border: 2px solid #e5e5e5; }
.modelCard .btn-main[data-count="0"], .btn-main:not([data-count="0"])+.requestInv { display: none; }

/* Gallery */
.secGallery div[data-toggle="modal"] { transition: all 0.3s ease-in-out; position: relative; }
.secGallery div[data-toggle="modal"]:hover { cursor: pointer; opacity: 0.9; }
/* .secGallery div[data-toggle="modal"]:hover::before { content: "\f002"; font-size: 10em; color: rgba(255,255,255,0.2); position: absolute; right: 0; bottom: 0; font-family: 'FontAwesome'; } */

/* Key Features */
.keyFeature { margin: 0 1em; }
.featureCard { border: 2px solid #f6f6f6; }
.featureText { padding: 1em; }
.featureText hr { margin: 1em 0; }
.featureText p { margin: 0; }

/* Quote */
.secQuote { background-color: #f8f8f8; }

/* Slick */
.modelBarS { display: none; }
.slick-list:active { cursor: grabbing; }

/* Modal */
#zoomImg .modal-dialog { width: fit-content; margin-left: auto; margin-right: auto; padding: 0 1em; transition: all 0.5s ease; }
#zoomImg .modal-body { padding: 0; }
#zoomImg .modal-header button.close { position: absolute; right: 20px; top: 10px; z-index: 1; font-size: 2.5em; }

/*Media Queries*/
@media (min-width: 1441px) {
    #cBlock1 .container { width: 1440px; }
    #myImg.img-background { padding-top: 45%; }
}
@media (min-width: 1200px){
    .modelColor, .modelInt { position: absolute; top: 265px; right: -375px; width: 360px; }
    #tabDisplayColor, #tabDisplayInt { padding-right: 40px; }
}
@media (max-width: 1199px) {
.colorSelector { padding: 15px; width: 20px; }
}
@media (min-width: 992px) and (max-width: 1440px) { 
#myImg.img-background { padding-top: 65%; }
}
@media (max-width: 991px) and (min-width: 540px){
    .exteriorImg { padding: 0 50px; }
}
@media (max-width: 539px) {
    .secGallery .img-cover { padding-top: 50% !important; }
}

.secKeyFeatures .slick-track { display: flex !important; }
.secKeyFeatures .slick-slide { display: flex !important; height: auto !important; }

/* Swipe to Spin Instructions */
#swipeInfo { position: absolute; bottom: 15px; width: 100%; transition: all 0.5s ease; opacity: 0.75; }
#swipeInfo span { background-color: rgba(255,255,255,0.8); /* box-shadow: 0px -1px 3px 3px rgba(255,255,255,0.8); */ color: #555; letter-spacing: 0.15em; padding: 5px 10px; transition: all 0.5s ease; }