.drive-header { margin-bottom: 60px; }
/* #main .section-width-even-more { width: 1250px; margin: 0 auto }
@media only screen and (max-width: 1320px){#main .section-width-even-more {width: 90%; margin:0 auto}} */

#views-anim.svs-xl .section-width { width: 1250px; margin: 0 auto; }

#my-svs { margin-bottom: 0; }
#my-svs::after { content: ""; display: block; clear: both; }
.cs-selector-view-screen { margin-bottom: 60px; width: 20%; float: left; }
#views-anim.svs-mini .cs-selector-view-screen { margin-bottom: 20px; }
#views-anim.svs-xl .cs-selector-view-screen { margin-bottom: 40px; }
#views-anim.svs-xl .xl-lg-m-cinched { width: 60%; }

@media only screen and (max-width: 1320px){ 
    #main #views-anim.svs-xl .section-width { width: 90%; margin:0 auto }
}


.cs-svs-selector-primary { text-align: left; padding-left: 0; height: 480px; padding-top: 60px; }
.cs-svs-selector-primary li { display: inline-block; padding: 10px 12px 10px 0; color: #ccc; cursor: pointer; font-size: 22px; font-weight: 500; width: 100%; hyphens: auto; }
.cs-svs-selector-primary li.selected { color: #34c759; }
#views-anim.svs-mini .cs-svs-selector-primary li { font-size: 30px; }
.svs-primary { }



.svs-secondary-title-container { width: 25%; float: right; }
.svs-secondary-container { width: 55%; float: right; text-align: left; }

.svs-secondary-title-text { opacity: 0; transition: opacity .5s ease; width: 25%; position: absolute; padding-right: 20px; min-height: 80px; text-align: left; }
.svs-secondary-title-text.selected { opacity: 1; }
.svs-secondary-title-text span { font-size: 26px; line-height: 30px; font-weight: 500; font-family: 'SF Pro Display'; }

.cs-svs-selector-secondary-wrapper { position: relative; }
.cs-svs-selector-secondary { position: absolute; opacity: 0; transition: opacity .5s ease; width: 100%; display: flex; flex-direction: row; align-items: stretch; }
.cs-svs-selector-secondary.selected { opacity: 1; z-index: 2; }
.cs-svs-selector-secondary li { width: 33.33%; position: relative; list-style-type: none; padding: 0 16px 0 16px; cursor: pointer; min-height: 80px; }
.cs-svs-selector-secondary li.svs-two-item { width: 50%; }
.cs-svs-selector-secondary li p { color: #111; font-weight: 300; }
.cs-svs-selector-secondary li.selected { }
.cs-svs-selector-secondary li.selected p { font-weight: 500; }

.svs-progress-bar-wrapper { border: 1px solid #000; display: none; }
.svs-marker { float: left; width: 33.33%; height: 20px; border-right: 1px solid #000; }
.svs-marker:nth-child(3) { border: none; }
.svs-progress-bar { height: 20px; width: 0; background-color: black }

.svs-secondary-progress { z-index: 1; width: 3px; background-color: #34c759; height: 0%; position: absolute; display: inline-block; left: 0; bottom: 0;}
.svs-secondary-progress-background { z-index: 0; width: 3px; background-color: #ccc; height: 100%; position: absolute; display: inline-block; left: 0; bottom: 0; }
.svs-secondary-item .svs-secondary-progress-selected { z-index: 2; height: 0%; background-color: #34c759; width: 3px; position: absolute; display: inline-block; left: 0; bottom: 0; }
.svs-secondary-item.selected.clicked .svs-secondary-progress-selected { height: 100%; }

.svs-main-view-wrapper { position: relative; width: 80%; height: 480px; margin-bottom: 60px; float: right; }
#views-anim.svs-mini .svs-main-view-wrapper { height: 400px; margin-bottom: 30px; }
#views-anim.svs-xl .svs-main-view-wrapper { height: 600px; }
.cs-svs-main-view { position: relative; text-align: center; }

.cs-svs-main-view img { max-width: 100%; max-height: 600px; box-shadow: -1px 1px 10px rgb(114 114 114 / 40%); border-radius: 6px; }
#views-anim.svs-mini .svs-main-view-wrapper .cs-svs-main-view img { max-height: 400px; }
#views-anim.svs-xl .svs-main-view-wrapper .cs-svs-main-view img { max-height: 750px; }
.cs-svs-main-view video { max-width: 100%; max-height: 600px; }

.main-view-content { position: absolute; opacity: 0; transition: opacity .5s ease; cursor: pointer; font-size: 40px; width: 100%; }
.main-view-content.selected { opacity: 1; z-index: 2; }
.svs-controls { position: absolute; bottom: 0; right: 0; z-index: 10; margin-right: 10px; margin-bottom: 10px; }
.svs-controls span { cursor: pointer; font-size: 24px; width: 36px; height: 36px; display: block; }

@media only screen and (max-width: 1069px){
    .cs-svs-selector-primary li { padding: 12px; }
    .svs-main-view-wrapper { max-height: 500px; }
    .cs-svs-main-view img { max-height: 500px; }
}

/* Mobile Slider */
#my-svs-mobile .svs-primary-title { text-align: center; margin-top: 100px; margin-bottom: 16px; }
#my-svs-mobile .svs-secondary-title { text-align: center; font-weight: 300; font-size: 1.25rem; line-height: 1.5rem;}
#my-svs-mobile .svs-main-contant img { max-width: 100%; max-height: 100%; }
#my-svs-mobile .slick-slide img { max-width: 100%; max-height: 100%; margin: 0 auto; }
#my-svs-mobile .slick-prev, #my-svs-mobile .slick-next { top: 50%; }
#my-svs-mobile .slick-prev { left: 0px; z-index: 1; }
#my-svs-mobile .slick-next { right: 0px; z-index: 1; }
#my-svs-mobile .svs-desc { text-align: center; margin-top: 10px; }

@media only screen and (max-width: 1068px) {
	#my-svs-mobile .slick-dots { bottom: -30px; }	
    #my-svs-mobile .slick-dotted.slick-slider:last-child { margin: 0px auto 60px auto; }
}

/* Static */
#svs-static .cs-svs-static .svs-main-content img { max-width: 100%; max-height: 100%; }

/* Overrides */
.main-view-content[data-primary-index="0"][data-secondary-index="2"] .svs-main-content img { box-shadow: none; }