.carousel-inner {
    margin:0 auto;
    width:100%;
}
#animatedCarousel {
    background: #000;
}
#animatedCarousel .item {
    /*min-height: 623px;*/
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
}
.placeholder-set {
    margin:0 auto;
    position: relative;
    /*height: 623px;*/
}
.carousel .item, .placeholder-set {
    width:100%;
    margin:0 auto;
}
/* Default positioning rules, rough for now */
div.animatedBanner .top-left, div.animatedBanner .top-right, div.animatedBanner .bottom-left, div.animatedBanner .bottom-right{
    width: auto;
    max-width: 100%;
    text-align: left;
    font-size: 30px;
    color: white;
}

.placeholder-set{
    word-wrap: break-word;
}
/* Themes **/
div.animatedBanner .placeholder-set .text
{
    padding:20px;
    box-sizing:border-box;
}
div.animatedBanner  .primary {
    display:block;
    line-height: 48px;
    font-size:46px;
    font-weight:200;
}
div.animatedBanner  .secondary {
    display:block;
    font-size:24px;
    line-height: 28px;
    font-weight:bold;
    opacity: 0.8;
}
button.button.btn,
.placeholder input[type=button].btn{
    line-height:35px;
    width: auto;
    text-align: left;
    font-size: 20px;
    border-radius:0;
    padding:10px 20px;
    color: white;
}
@media(max-width:979px) {
    button.button.btn, .placeholder input[type=button].btn {
        font-size:16px;
        line-height: auto;
    }
}
div.animatedBanner{
    overflow-wrap: break-word;
}
div.animatedBanner .top-left {
    position: absolute;
    top: 0%;
    left: 0%;
    width:100%;
    text-align: center;
}
div.animatedBanner .top-right {
    position: absolute;
    top: 0%;
    left: 0%;
    width:100%;
    text-align: center;
}
div.animatedBanner .bottom-left {
    position: absolute;
    bottom: 0%;
    left: 0%;
    width:100%;
    text-align: center;
}
div.animatedBanner .bottom-right {
    position: absolute;
    bottom: 0%;
    left: 0%;
    width:100%;
    text-align: center;
}
div.animatedBanner div.carousel-caption{
    top: 0;
    background: transparent;
}

/*** button styles ***/
div.animatedBanner .placeholder-set input {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow:hidden;
}

/***  Animation speeds ***/
.animated.Slow{
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    animation-duration: 2s;
}

.animated.Fast{
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-duration: 1s;
}

.animated.veryFast{
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-duration: 1s;
}
.hidden-load {visibility: hidden;}
.hidden-load.animated {visibility: visible;}

.video iframe{
    min-height: 350px;
}
/* Responsive */
@media (max-width: 979px){
    div.animatedBanner .placeholder{
        bottom:0 !important;
        left: 0 !important;
        top: auto  !important;
        right: auto  !important;
        display: block;
       /* position: absolute;*/
        position: relative;
        font-size: 20px;
        width: 100%;
        max-width: 100%;
        clear:both;
        float: left;
    }
    .placeholder-wrapper{
        position: absolute;
        bottom: 0;
        width: 100%;
    }
    .placeholder-set{
        position: relative;
        min-height: 350px;
    }
    .placeholders{
        width: 100%;
        max-width: 100%;
    }
    .ab-mobile-spacer {
        background-size:cover;
        background-position-x: right;
    }
}
@media(max-width:1300px) {
    .carousel .item{
        max-width:100%;
    }
    div.animatedBanner .primary {
        font-size:20px;
    }
    div.animatedBanner .secondary {
        font-size:52px;
    }
}
@media(max-width:1199px) {
}
@media(max-width:979px) {
    .placeholder-wrapper {
        position: relative;
    }
    .carousel .item {
        background:none !important;
    }
    .carousel .item, .placeholder-set {
        background-size:cover;
        background-position: top;
        min-height:0 !important;
        height:auto;
    }
    div.animatedBanner .primary {
        font-size:18px;
        line-height:22px;
        text-align: center;
    }
    div.animatedBanner .secondary {
        font-size:38px;
        line-height:46px;
        text-align: center;
    }
    .ab-mobile-spacer {
        background-repeat:no-repeat;
    }
    button.button.btn {
        width:100%;
        text-align: center;
        box-sizing:border-box;
    }
}
@media(max-width:480px) {
    #animatedCarousel {
        display:none;
    }
}

/**** SET BANNER SIZES for presets ****/
/*** PRESET 2000px X 758px ***/
.sizeW2000.sizeH758 .carousel-inner {
    max-width:2000px;
}
.sizeW2000.sizeH758.carousel .item, .sizeW2000.sizeH758 .placeholder-set {
    min-height:758px;
}
@media(max-width:1400px) {
    .sizeW2000.sizeH758.carousel .item, .sizeW2000.sizeH758 .placeholder-set {
        min-height:531px;
    }
}
@media(max-width:1199px) {
    .sizeW2000.sizeH758.carousel .item, .sizeW2000.sizeH758 .placeholder-set {
        min-height:454px;
    }
}
/*
@media(max-width:979px) {
    .sizeW2000.sizeH758 .ab-mobile-spacer {
        min-height:371px;
    }
}
@media(max-width:767px) {
    .sizeW2000.sizeH758 .ab-mobile-spacer {
        min-height:291px;
    }
}
@media(max-width:650px) {
    .sizeW2000.sizeH758 .ab-mobile-spacer {
        min-height:246px;
    }
}
@media(max-width:500px) {
    .sizeW2000.sizeH758 .ab-mobile-spacer {
        min-height:190px;
    }
}
*/
/*** PRESET 1800px X 623px ***/
.sizeW1800.sizeH623 .carousel-inner {
    /*max-width:1800px;*/
}
.sizeW1800.sizeH623.carousel .item, .sizeW1800.sizeH579 .placeholder-set {
    min-height:623px;
    height: auto;
}
@media(max-width:1400px) {
    .sizeW1800.sizeH623.carousel .item, .sizeW1800.sizeH623 .placeholder-set {
        min-height:485px;
    }
}
@media(max-width:1199px) {
    .sizeW1800.sizeH623.carousel .item, .sizeW1800.sizeH623 .placeholder-set {
        min-height: 400px;
    }
}

@media(max-width:979px) {
    .sizeW1800.sizeH623.carousel .item, .sizeW1800.sizeH623 .placeholder-set {
        height:auto;
    }
    .ab-mobile-spacer {
        min-height:339px;
    }
}
@media(max-width:768px) {
    .ab-mobile-spacer {
        min-height:265px;
    }
}
@media(max-width:650px) {
    .ab-mobile-spacer {
        min-height:225px;
    }
}
@media(max-width:500px) {
    .ab-mobile-spacer {
        min-height:173px;
    }
}
*/
/*** PRESET 1664px X 579px ***/
.sizeW1664.sizeH579 .carousel-inner {
    max-width:1664px;
}
.sizeW1664.sizeH579.carousel .item, .sizeW1664.sizeH579 .placeholder-set {
    min-height:579px;
}
@media(max-width:1664px) {
    .sizeW1664.sizeH579.carousel .item, .sizeW1664.sizeH579 .placeholder-set {
        min-height:418px;
    }
}
@media(max-width:1199px) {
    .sizeW1664.sizeH579.carousel .item, .sizeW1664.sizeH579 .placeholder-set {
        min-height:376px;
    }
}
/*** PRESET 1200px X 315px ***/
.sizeW1200.sizeH315 .carousel-inner {
    max-width:1200px;
}
.sizeW1200.sizeH315.carousel .item, .sizeW1664.sizeH579 .placeholder-set {
    min-height:315px;
}
@media(max-width:1199px) {
    .sizeW1200.sizeH315.carousel .item, .sizeW1664.sizeH579 .placeholder-set {
        min-height:284px;
    }
}
@media(max-width:1079px) {
    .sizeW1200.sizeH315.carousel .item, .sizeW1664.sizeH579 .placeholder-set {
        min-height:257px;
    }
}
@media(max-width:979px) {
    .ab-mobile-spacer {
        min-height: 450px;
    }
}
@media(max-width:767px) {
    .ab-mobile-spacer {
        min-height: 300px;
    }
}
@media(max-width:650px) {
    .ab-mobile-spacer {
        min-height: 250px;
    }
}
/*
@media(max-width:979px) {
    .sizeW1664.sizeH579 .ab-mobile-spacer {
        min-height:341px;
    }
}
@media(max-width:767px) {
    .sizeW1664.sizeH579 .ab-mobile-spacer {
        min-height:267px;
    }
}
@media(max-width:650px) {
    .sizeW1664.sizeH579 .ab-mobile-spacer {
        min-height:226px;
    }
}
*/
/*** SET CLASSES ***/
div.animatedBanner .placeholder-set .whiteOnBlack.text, div.animatedBanner .placeholder-set .whiteOnBlack input  {
    background: rgba(0,0,0,0.9);
    color:#fff;
}
div.animatedBanner .placeholder-set .whiteNoBG.text, div.animatedBanner .placeholder-set .whiteNoBG input  {
    background: none;
    color:#fff;
}
@media(max-width:979px) {
    div.animatedBanner .placeholder-set .whiteNoBG.text, div.animatedBanner .placeholder-set .whiteNoBG input {
        background: rgba(0, 0, 0, 0.5);
    }
}
div.animatedBanner .placeholder-set .blackNoBG.text, div.animatedBanner .placeholder-set .blackNoBG input  {
    background: none;
    color:#000;
}
div.animatedBanner .placeholder-set .blackOnWhite.text, div.animatedBanner .placeholder-set .blackOnWhite input  {
    background: rgba(255,255,255,0.9);
    color:#111;
}
div.animatedBanner .placeholder-set .whiteOnRedVauxhall.text, div.animatedBanner .placeholder-set .whiteOnRedVauxhall input {
    background: rgba(206,24,30,0.9);;
    color:#fff;
}
div.animatedBanner .placeholder-set .redOnWhiteVauxhall.text, div.animatedBanner .placeholder-set .redOnWhiteVauxhall input {
    background: rgba(255,255,255,0.9);
    color:#CE181E;
}
div.animatedBanner .placeholder-set .redOnWhiteVauxhall.text {
    border-color: #CE181E;
}
div.animatedBanner .placeholder-set .whiteOnGrey.text, div.animatedBanner .placeholder-set .whiteOnGrey input {
    background: rgba(45,46,47,0.9);
    color:#fff;
}
div.animatedBanner .placeholder-set .greyOnWhite.text, div.animatedBanner .placeholder-set .greyOnWhite input {
    background:rgba(255,255,255,0.9);
    border-color:#2D2E2F;
    color:#2D2E2F;
}
div.animatedBanner .placeholder-set .suzukiBlueOnWhite.text, div.animatedBanner .placeholder-set .suzukiBlueOnWhite input {
    background: rgba(255,255,255,0.9);
    border-color:#002D47;
    color:#002D47;
}
div.animatedBanner .placeholder-set .suzukiWhiteOnBlue.text, div.animatedBanner .placeholder-set .suzukiWhiteOnBlue input {
    background: rgba(0,45,71,0.9);
    color:#fff;
}
div.animatedBanner .placeholder-set .peugeotBlueOnWhite.text, div.animatedBanner .placeholder-set .peugeotBlueOnWhite input {
    background: rgba(255,255,255,1);
    color:#142032;
    border-color:#142032;
}
div.animatedBanner .placeholder-set .peugeotWhiteOnBlue.text, div.animatedBanner .placeholder-set .peugeotWhiteOnBlue input {
    background: rgba(20,32,50,1);
    color:#fff;
}
div.animatedBanner .placeholder-set .peugeotLightBlueOnWhite.text, div.animatedBanner .placeholder-set .peugeotLightBlueOnWhite input {
    background: rgba(255,255,255,1);
    color:#27A1CA;
    border-color:#27A1CA;
}
div.animatedBanner .placeholder-set .peugeotWhiteOnLightBlue.text, div.animatedBanner .placeholder-set .peugeotWhiteOnLightBlue input {
    background: #27A1CA;
    color:#fff;
    border-color:#27A1CA;
}
/*** Peugeot Franchise ***/
div.animatedBanner .peugeot .primary {
    font-weight:normal;
    font-size:40px;
    line-height: 60px;
}

.peugeot button.button.btn {
    background-color: #0a5b87;
    *background-color: #0a5b87;
    background-image: -moz-linear-gradient(top, #2cadd6, #0a5b87);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2cadd6), to(#0a5b87));
    background-image: -webkit-linear-gradient(top, #2cadd6, #0a5b87);
    background-image: -o-linear-gradient(top, #2cadd6, #0a5b87);
    background-image: linear-gradient(to bottom, #2cadd6, #0a5b87);
    background-repeat: repeat-x;
    border:0;
    padding-left:20px;
    padding-right:20px;
    font-size:22px;
}

.suzuki {
    font-family: 'Roboto Condensed', sans-serif;
}