#myCarousel {
    padding-bottom: 7em;
    width: 100% !important;
}
#myCarousel p {
	overflow-x: hidden;
    overflow-y: hidden;
    border: 0;
}
#myCarousel .title,
.dcsselecarouselnew .faq.section {
    padding: 1em;
}
#myCarousel .text {
    padding: 1em;
}
#myCarousel iframe.youtube-player {
    width: 100%;
}
#carousel-nav {
    width: 100%;
}
.elevator .carousel-control {
    height: 35px !important;
    width: 35px;
}
.elevator .carousel-indicators {
    width: 100%;
    left: auto;
}
.elevator .carousel-indicators li {
	display: inline-block;
    width: 1em;
    height: 1em;
    border: 1px solid #40c6f2;
}
.carousel-control {
    position: absolute;
    display: inline-block;
    top: 50%;
    opacity: initial;
    border-radius: 20px;
}
.carousel-control img {
    margin-bottom: -3px;
    margin-right: -2px;
}
.carousel-control.up img {
    margin-left: -3px;
}
#carousel-nav .up img {
    transform: rotate(-90deg);
}
#carousel-nav .down {
    border: 0;
	left: 100%;
    margin-left: -35px;
}
#carousel-nav .down img {
    transform: rotate(-90deg);
}
.modalnew {
    text-align: center;
}
.modalnew a.btn {
    width: 50%;
    margin-bottom: 1em;
    color: #ffffff !important;
    font-weight:bold;
}
#carousel-autoplay-ctrls {
    position: absolute;
    z-index: 50;
	max-width: 6em;
    margin: -3em 1.25em 0 0;
    color: #40c6f2;
    border: 0;
    right: 0;
}
.modal-body {
    text-align: left;
}
#content-secondary #carousel-autoplay-ctrls {
    margin-right: 3em;
}
.glyphicon-play:before {
    content: url(/content/dam/sdc/dcss/icon-play.png);
}
.glyphicon-pause:before {
    content: url(/content/dam/sdc/dcss/icon-pause.png);
}
.dcsselecarouselnew .component-panel a {
    color: #428bca;
}

@media screen and (min-width: 768px) {
.modal-dialog {
    width: 750px;
}
}

@media screen and (max-width: 640px) {
.dcsselecarouselnew {
    margin-bottom: 90px;
    box-shadow: 4px 4px 8px 0 #b9c2bd !important;
}
#content-secondary .modal-body img {
    max-width: 600px !important;
}
#content-secondary .modal-body iframe {
    max-width: 580px !important;
}
#myCarousel * {
	max-width: 640px;
}
#carousel-nav .down {
    margin-left: -80px;
}
.elevator .carousel-control {
    width: 80px;
    height: 80px !important;
    border-radius: 100px
}
}