/* Minification failed. Returning unminified contents.
(1822,1): run-time error CSS1019: Unexpected token, found '}'
(2373,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(2374,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(2379,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2380,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(2385,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2386,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(2392,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(2393,10): run-time error CSS1035: Expected colon, found '{'
(2402,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2403,10): run-time error CSS1035: Expected colon, found '{'
(2412,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2413,10): run-time error CSS1035: Expected colon, found '{'
 */
@font-face {
    font-family: 'SansPro';
    src: url(../font/SourceSansPro-Regular.woff);
    src: url('../font/SourceSansPro-Regular.ttf?#iefix') format('embedded-opentype'), 
         url('../font/SourceSansPro-Regular.woff2') format('woff2'),
         url('../font/SourceSansPro-Regular.woff') format('woff'), 
         url('../font/SourceSansPro-Regular.ttf') format('truetype'), 
         url('../font/SourceSansPro-Regular.ttf#SourceSansPro') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SansProBold';
    src: url(../font/SourceSansPro-Bold.woff);
    src: url('../font/SourceSansPro-Bold.ttf?#iefix') format('embedded-opentype'), 
         url('../font/SourceSansPro-Bold.woff2') format('woff2'),
         url('../font/SourceSansPro-Bold.woff') format('woff'), 
         url('../font/SourceSansPro-Bold.ttf') format('truetype'), 
         url('../font/SourceSansPro-Bold.ttf#SourceSansProBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'SansProSemiBold';
    src: url(../font/SourceSansPro-SemiBold.woff);
    src: url('../font/SourceSansPro-SemiBold.ttf?#iefix') format('embedded-opentype'), 
         url('../font/SourceSansPro-SemiBold.woff2') format('woff2'),
         url('../font/SourceSansPro-SemiBold.woff') format('woff'), 
         url('../font/SourceSansPro-SemiBold.ttf') format('truetype'), 
         url('../font/SourceSansPro-SemiBold.ttf#SourceSansProSemiBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

body {
    margin: 0;
    font-family: SansPro;
    -webkit-text-size-adjust: 100%; 
}

h1, h2 {
    font-size: inherit;
    margin: 0;
    font-family: SansProBold;
}

.FloatLeft {
    float: left;
}

.FloatRight {
    float: right;
}

div.Blue {
    background-color: #1d7f6c;
}

div.Grey {
    background-color: #e6e6e6;
}

div.DarkGrey {
    background-color: #666;
}

div.White {
    background-color: white;
}

div.Green {
    background-color: #70b23d;
}

.FontUppercase {
    text-transform: uppercase;
}

.FontBlue {
    color: #1d7f6c;
}

.FontGrey {
    color: #666;
}

.FontGreen {
    color: #70b23d;
}

.hrBlue {
    border-bottom: 1px solid #1d7f6c;
    width: 105px;
}

.hrWhite {
    border-bottom: 1px solid White;
    width: 105px;
}

.FontWhite {
    color: White;
}

.FontNormal {
    font-family: SansPro;
}

.FontBold, b, strong {
    font-family: SansProBold;
}

.FontSemiBold {
    font-family: SansProSemiBold;
}

.FontRemoveUppercase {
    text-transform: none !important;
}

.XXLfont {
    font-size: 62px;
}

.XLfont {
    font-size: 47px;
}

.Lfont {
    font-size: 35px;
}

.MLLfont {
    font-size: 32px;
}

.MLfont {
    font-size: 28px;
}

.MMLfont {
    font-size: 26px;
}

.Mfont {
    font-size: 24px;
}

.MSfont {
    font-size: 22px;
}

.SMfont {
    font-size: 21px;
}

.SMMfont {
    font-size: 19px;
}

.Sfont {
    font-size: 18px;
}

.VSSfont {
    font-size: 14px;
}

.VSfont {
    font-size: 13px;
}

.VVSfont {
    font-size: 12px;
}

.TextCenter {
    text-align: center;
}

.TextLeft {
    text-align: left;
}

.TextRight {
    text-align: right;
}

.TextUnderline {
    text-decoration: underline;
}

a {
    text-decoration: underline;
    color: inherit;
}

.ButtonGreen, .ButtonShowMore, .ButtonBack {
    border: none;
    background-color: #70b23d;
    padding: 5px 11px 5px 0;
    border-radius: 8px;
    color: white;
    font-size: 14px;
    font-family: SansProBold;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
    text-align: left;
    display: block;
    background-image: Url('../Images/Button Arrow.png');
    background-repeat: no-repeat;
    background-position: right;
    background-size: 12px;
    border-right: 10px solid #70b23d;
}

.RelativePos {
    position: relative;
    padding-bottom: 50px;
}

.ButtonBlue {
    border: none;
    background-color: #1d7f6c;
    padding: 15px 25px;
    border-radius: 8px;
    color: white;
    font-size: 16px;
    font-family: SansProBold;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
    text-align: center;
    display: block;
    background-image: Url('../Images/Button Arrow.png');
    background-repeat: no-repeat;
    background-position: right;
    background-size: 12px;
    border-right: 10px solid #1d7f6c;
    text-decoration: none;
    width: 50%;
}

    .ButtonBlue.BottomPos {
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0%);
        bottom: 25px;
    }

    .ButtonBlue:hover {
        background-color: #1b7463;
    }

.ButtonShowMore, .ButtonBack {
    background-color: #808080;
    background-size: 12px;
    padding-left: 10px;
    padding: 5px 7px 5px 10px;
}

.ButtonShowMore {
    border-right: 7px solid #808080;
}

.ButtonBack {
    border-left: 7px solid #808080;
    background-image: Url('../Images/Button Arrow Left.png');
    background-position: left;
    padding-left: 20px;
    border-right: none;
}

    .ButtonShowMore:hover {
        border-right: 7px solid #6E6E6E;
    }

    .ButtonBack:hover {
        border-left: 7px solid #6E6E6E;
    }

    .ButtonShowMore:hover, .ButtonBack:hover {
        background-color: #6E6E6E;
        cursor: pointer;
    }

.btnCloseAlert, .btnClosePopConfirm, .btnContinuePopConfirm {    
    width: 120px !important;
    margin: 25px auto 0 auto !important;
    padding: 5px 0;
    height: 44px;
    line-height: 32px;
    font-size: 20px;
    text-align: center;
    background-size: 0;

    border: none;
    background-color: #70b23d;
    border-radius: 0;
    color: white;
    font-family: SansProBold;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
    display: block;
    outline: none;
}

.btnClosePopConfirm {
    background-color: #1d7f6c;
    margin-left: 10px !important;
}

.InputError, .InputSuccess {
    background-image: url('../Images/Red Cross Input.png');
    background-position: right;
    background-repeat: no-repeat;
    background-size: 30px;
}

.InputSuccess {
    background-image: url('../Images/Green Tick Input.png');
}

.ButtonMangify {
    display: inline-block;
    padding: 12px 0 10px 12px;
    line-height: 19px;
    vertical-align: top;
    font-size: 17px;
    background-image: none;
}

    .ButtonMangify img {
        float: right;
        height: 20px;
        margin-left: 10px;
    }

.BoxShadowLightGrey {
    -webkit-box-shadow: 0px 0px 1px 0px #828282;
    -moz-box-shadow: 0px 0px 1px 0px #828282;
    box-shadow: 0px 0px 1px 0px #828282;
}

.BoxShadowGrey {
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
}

.BoxShadowBlue {
    -webkit-box-shadow: 0px 0px 1px 0px #5780C9;
    -moz-box-shadow: 0px 0px 1px 0px #5780C9;
    box-shadow: 0px 0px 1px 0px #5780C9;
}

.ButtonGreen.Large {
    padding: 8px 21px 8px 25px;
    font-size: 27px;
    text-transform: uppercase;
    margin-top: 20px;
    background-size: 17px;
}

.ButtonGreen:hover {
    background-color: #63A133;
    border-color: #63A133;
    cursor: pointer;
}

.btnClosePopConfirm:hover {
    background-color: #3259A1;
}

.ButtonGreen.Large div {
    margin: 10px 0 0 15px;
    border-width: 9px 0 9px 14px;
    float: none;
    display: inline-block;
}

.MobilePadding {
    padding-left: 15px;
    padding-right: 15px;
}

.Textbox, .Email, .Postcode, .PhoneNumber, .Mileage {
    border-radius: 3px;
    border: none;
    text-transform: uppercase;
    padding: 9px 15px;
    display: inline-block;
    width: 143px;
    margin-bottom: 10px;
    border: 1px solid #BDBDBD;
    color: #525252;
    -webkit-box-shadow: 0px 0px 1px 0px #BDBDBD;
    -moz-box-shadow: 0px 0px 1px 0px #BDBDBD;
    box-shadow: 0px 0px 1px 0px #BDBDBD;
}

.ButtonGrey {
    padding: 15px 10px 12px 10px;
    border: 2px solid #808080;
    border-radius: 7px;
    color: #6E6E6E;
    width: 200px;
    margin: 13px auto 20px auto;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    background-color: white;
    cursor: pointer;
}

    .ButtonGrey:hover {
        background-color: #808080;
        color: white;
    }
    
.Error, .AffiliateEnterReg, .Loading, .PopConfirm {
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.22);
    z-index: 101;
    display: none;
    position: fixed;
}

    .Error > div, .PopConfirm > div, .AffiliateEnterReg > div {
        width: 80%;
        padding: 20px 20px 20px 20px;
        background-color: white;
        border: 2px solid #1d7f6c;
        margin: 0 auto;
    }

    .Error .hrBlue, .PopConfirm .hrBlue {
        margin-bottom: 15px;
    }
    
.ErrorContent > div, .PopConfirmContent > div, .AffiliateEnterReg > div {
    line-height: 32px;
    clear: both;
}

.PopConfirmButtonContainer {
    width: 254px;
    margin: 0 auto;
}

.PopConfirmButtonContainer input {
    display: inline-block;
}

.Loading {
    background-image: url('../Images/Loading.gif');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 55px;
}

.Hidden {
    display: none;
}

.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto;
}

input[type="checkbox"] {
    display: none;
}

    input[type="checkbox"] + label {
        margin-right: 30px;
    }

        input[type="checkbox"] + label span {
            display: inline-block;
            width: 20px;
            height: 20px;
            margin: -1px 18px 0 0;
            vertical-align: middle;
            background: url('../Images/Checkbox unchecked.png') left top no-repeat;
            background-size: contain;
            cursor: pointer;
        }

    input[type="checkbox"]:checked + label span {
        background: url('../Images/Green Tick.png') left top no-repeat;
        background-size: contain;
    }
 
.divScrollUp {
    width: 26px;
    height: 26px;
    position: fixed;
    transition: .6s;
    bottom: 30px;
    right: -60px;
    background-color: #9c9c9c;
    border: 7px solid #9c9c9c;
    border-top-width: 8px;
    border-bottom-width: 6px;
    border-radius: 2px;
    z-index: 5;
    opacity: .8;
    background-image: url(../images/SpriteSheet.png?v=1);
    background-position: -148px -88px;
}

    .divScrollUp:hover {
        background-color: #878787; 
        border-color: #878787;
        cursor: pointer;
    }

.divScrolledDown {
    right: 10px;
}

@media (min-width:420px) {
    .Error > div, .PopConfirm > div {
        width: 340px;
    }
}

@media (min-width:520px) {
    .Error > div, .PopConfirm > div {
        width: 440px;
    }
}   

@media (min-width:950px) {
    .ContentColumn {
        width: 950px;
        margin: 0 auto;
    }

    .MobilePadding {
        padding-left: 0;
        padding-right: 0;
    }
}

@-webkit-keyframes uil-facebook {
    0% {
        -ms-transform: scale(2);
        -moz-transform: scale(2);
        -webkit-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2);
    }

    90% {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes uil-facebook {
    0% {
        -ms-transform: scale(2);
        -moz-transform: scale(2);
        -webkit-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2);
    }

    90% {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes uil-facebook {
    0% {
        -ms-transform: scale(2);
        -moz-transform: scale(2);
        -webkit-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2);
    }

    90% {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-ms-keyframes uil-facebook {
    0% {
        -ms-transform: scale(2);
        -moz-transform: scale(2);
        -webkit-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2);
    }

    90% {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes uil-facebook {
    0% {
        -ms-transform: scale(2);
        -moz-transform: scale(2);
        -webkit-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2);
    }

    90% {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes uil-facebook {
    0% {
        -ms-transform: scale(2);
        -moz-transform: scale(2);
        -webkit-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2);
    }

    90% {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-o-keyframes uil-facebook {
    0% {
        -ms-transform: scale(2);
        -moz-transform: scale(2);
        -webkit-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2);
    }

    90% {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes uil-facebook {
    0% {
        -ms-transform: scale(2);
        -moz-transform: scale(2);
        -webkit-transform: scale(2);
        -o-transform: scale(2);
        transform: scale(2);
    }

    90% {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

.uil-facebook-css {
    background: none;
    position: relative;
    width: 200px;
    height: 200px;
}

    .uil-facebook-css > div {
        position: absolute;
        width: 40px;
        height: 120px;
        top: 40px;
        left: 20px;
        background: #63a133;
        opacity: 0.6;
        -ms-animation: uil-facebook 1s cubic-bezier(0.01, 0.73, 0.28, 0.93) infinite;
        -moz-animation: uil-facebook 1s cubic-bezier(0.01, 0.73, 0.28, 0.93) infinite;
        -webkit-animation: uil-facebook 1s cubic-bezier(0.01, 0.73, 0.28, 0.93) infinite;
        -o-animation: uil-facebook 1s cubic-bezier(0.01, 0.73, 0.28, 0.93) infinite;
        animation: uil-facebook 1s cubic-bezier(0.01, 0.73, 0.28, 0.93) infinite;
    }

        .uil-facebook-css > div:nth-of-type(2) {
            left: 80px;
            opacity: 0.8;
            -ms-animation-delay: 0.1s;
            -moz-animation-delay: 0.1s;
            -webkit-animation-delay: 0.1s;
            -o-animation-delay: 0.1s;
            animation-delay: 0.1s;
        }

        .uil-facebook-css > div:nth-of-type(3) {
            left: 140px;
            opacity: 0.9;
            -ms-animation-delay: 0.2s;
            -moz-animation-delay: 0.2s;
            -webkit-animation-delay: 0.2s;
            -o-animation-delay: 0.2s;
            animation-delay: 0.2s;
        }


.divWeBuyUsedCars {
    margin-top: 15px;
}

.h3WillYouBuy {
    margin-top: 30px;
    font-weight: normal;
}

.divWhyYouShould {
    margin-bottom: 15px;
}

.divFAQs {
    margin-bottom: 20px;
}

.divYourValuation {
    font-size: 46px;
}

.ButtonShowLess {
    width: 100px !important;
    background-size: 15px;
}

.divBanner {
    background-image: url('../Images/Home-Banner-Background.jpg');
    height: 333px;
    background-size: cover;
    position: relative;
}

.divBannerText {
    position: absolute;
    left: 49%;
    transform: translate(-50%, 0);
}

.divBanner > img {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.imgCar {
    /*margin-top: 150px;
    width: 360px;
    max-width: 100%;*/
    margin-top: 90px;
    width: 460px;
    max-width: 100%;
}

.imgMan {
    width: 190px;
    margin: 69px 0 0 35% !important;
}

.divBannerText {
    width: 81px;
    padding: 10px 20px;
    font-size: 17px;
    border-radius: 4px;
    margin: 40px 0 0 -138px;
    -webkit-transform: rotate(356deg);
    -moz-transform: rotate(356deg);
    -o-transform: rotate(356deg);
    -ms-transform: rotate(356deg);
    transform: rotate(356deg);
}

.divReasonsToChooseUs, .div3Steps {
    padding: 40px 5px;
    font-family: SansProBold;
}

.div4Reasons, .div4Steps {
    width: 100%;
    display: inline-block;
    font-size: 17px;
}

    .div4Reasons > div, .div4Steps > div {
        width: 50%;
        text-align: center;
        height: 190px;
        vertical-align: top;
        float: left;
    }

        .div4Reasons > div > div, .div4Steps > div > div {
            width: 80px;
            height: 80px;
            border-radius: 45px;
            margin: 25px auto;
        }

        .div4Steps > div > div {
            width: 74px;
            height: 74px;
            border: 6px solid #1d7f6c;
            font-size: 42px;
            line-height: 72px;
        }

.divPound {
    margin: 20px 2px 0 0;
    width: 27px;
    height: 39px;
    background: url(../images/SpriteSheet.png) 0 -30px;
    display: inline-block;
}

.divPadlock {
    margin: 19px 0 0 1px;
    width: 32px;
    height: 38px;
    background: url(../images/SpriteSheet.png) -32px -30px;
    display: inline-block;
}

.divStopwatch {
    margin: 16px 3px 0 0;
    width: 43px;
    height: 47px;
    background: url(../images/SpriteSheet.png) -64px -30px;
    display: inline-block;
}

.divTick {
    margin: 19px 2px 0 0;
    width: 40px;
    height: 47px;
    background: url(../images/SpriteSheet.png) -107px -30px;
    display: inline-block;
}

.ButtonShowMore {
    margin: 0 auto 30px auto;
    width: 110px;
    clear: both;
}

.divMoreInfoContent {
    padding-top: 40px;
    padding-bottom: 40px;
    /*display: none;*/
}

.divMoreRight {
    border: 1px solid #9E9E9E;
    border-radius: 5px;
    /*padding: 15px;*/
    padding: 25px 22px;
    margin-top: 25px;
}

.divPreviousAppointment > .ButtonGreen {
    float: none;
    width: 200px;
    margin: 20px auto 40px auto;
    text-align: center;
}

.ButtonMangify div {
    float: right;
    height: 20px;
    width: 20px;
    margin-left: 10px;
    background: url(../images/SpriteSheet.png) -182px -90px;
}

.divBanner > div {
    display: inline-block;
    width: 92%;
    margin-top: 58px;
}

.imgFreePayment {
    width: 154px;
}

.divAffiliate {
    display: none;
    font-size: 16px;
    padding-top: 15px;
    padding-bottom: 15px;
}

    .divAffiliate img {
        max-width: 85px;
        max-height: 70px;
        padding-top: 20px;
    }

.divAffiliateImage {
    height: 75px;
    position: relative;
    width: 85px;
    margin-top: -35px;
}

@media (min-width:330px) {
    .divBannerText {
        margin: 40px 0 0 -154px;
    }
}

@media (min-width:340px) {
    .div4Reasons > div, .div4Steps > div {
        height: auto;
    }
}

@media (min-width:380px) {
    .divBannerText {
        width: 100px;
        font-size: 20px;
        margin: 40px 0 0 -173px;
        -webkit-transform: rotate(356deg);
        -moz-transform: rotate(356deg);
        -o-transform: rotate(356deg);
        -ms-transform: rotate(356deg);
        transform: rotate(356deg);
    }

    .divBanner > div {
        width: 80%;
    }
}

@media (min-width:420px) {

    .div4Reasons > div, .div4Steps > div {
        width: 25%;
    }
}

@media (min-width:480px) {
    .divPreviousAppointment {
        display: none;
    }
}

@media (min-width:500px) {
    .divBanner {
        height: 430px;
    }

    .imgCar {
        /*margin-top: 180px;
        width: 500px;*/
        margin-top: 90px;
        width: 600px;
    }

    .imgMan {
        width: 260px;
    }

    .divBannerText {
        width: 163px;
        font-size: 20px;
        margin: 55px 0 0 -232px;
    }

    .imgFreePayment {
        width: 190px;
    }
}

@media (min-width:560px) {
    .divBanner > div {
        width: 70%;
    }
}

@media (min-width:605px) {
    .divAffiliate {
        font-size: 21px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

        .divAffiliate br {
            display: none;
        }

    .divAffiliateImage {
        margin-top: -26px;
        width: 183px;
        height: 81px;
    }

    .divAffiliate img {
        max-width: none;
        max-height: 65px;
        float: right;
        padding-top: 0;
    }
}

@media (min-width:700px) {
    .divBannerText {
        width: 234px;
        font-size: 26px;
        margin: 60px 0 0 -330px;
        -webkit-transform: rotate(355deg);
        -moz-transform: rotate(355deg);
        -o-transform: rotate(355deg);
        -ms-transform: rotate(355deg);
        transform: rotate(355deg);
    }
}

@media (min-width:750px) {
    .imgCar {
        /*margin-top: 148px;
        width: 570px;*/
        margin-top:0px;
        width:770px;
    }
}

@media (min-width:900px) {
    .divBannerText {
        margin: 35px 0 0 -300px;
    }

    .imgMan {
        margin: 69px 0 0 11%;
    }

    .divMoreLeft {
        width: 60%;
        display: inline-block;
    }

    .divMoreRight {
        float: right;
        width: 32%;
    }

    .LinksLeft a {
        padding-left: 25%;
    }

    .divBanner > div {
        margin-top: 50px;
        width: 660px;
    }

    .imgMan {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media (min-width:940px) {
    .divBanner {
        height: 430px;
        background-size: contain;
    }
}

/* -- START VEHICLE ANIMATION FOR MOBILE BANNER -- */
#divVehicleAnimation {
    position: absolute;
    left: 50%;
    top: 0;
    height: 150px;
    width: 100%;
    /*overflow: hidden;*/
}

.divVehicleContainer {
    width: 100%;
    height: 100%;
    background: transparent;
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 100%;
    width: 100%;
}

.divVehicleWheel {
    height: 45%;
    position: relative;
    width: 100%;
    -ms-transform: translate(182px, 185px);
    -webkit-transform: translate(182px, 185px);
    transform: translate(182px, 185px);
}

    .divVehicleWheel.back {
        -ms-transform: translate(443px, 115px);
        -webkit-transform: translate(443px, 115px);
        transform: translate(443px, 115px);
    }

.divVehicleBrakeLights {
    height: 30px;
    width: 8px;
    background: rgba(210,16,16,0.5);
    position: absolute;
    -ms-transform: translate(165px, -5px);
    -webkit-transform: translate(165px, -5px);
    transform: translate(165px, -5px);
    z-index: 99;
    opacity: 0;
    -webkit-animation: vehicle-brake-lights 9s linear infinite;
    animation: vehicle-brake-lights 9s linear infinite;
    box-shadow: -3px 0 20px 5px #d21010, -3px 0 20px 5px #d21010, -3px 0 40px 5px #fff;
}

#smoke {
    position: absolute;
    z-index: 3;
    width: 1px;
    height: 160px;
    left: 37%;
    transform: translate(150px, 0px);
    bottom: -50px;
}

@keyframes vehicle-movement {
    0% {
        -webkit-transform: translate(-1750px) skew(0deg);
        transform: translate(-1750px) skew(0deg);
    }

    40% {
        -webkit-transform: translate(-200px) skew(0deg);
        transform: translate(0px) skew(0deg);
    }

    60% {
        -webkit-transform: translate(-200px) skew(0deg);
        transform: translate(0px) skew(0deg);
    }

    100% {
        -webkit-transform: translate(0deg) skew(0deg);
        transform: translate(0px) skew(0deg);
    }
}

@keyframes wheel-rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg) translate(0px, 0px);
    }

    30% {
        -webkit-transform: rotate(2080deg);
        transform: rotate(1000deg) translate(0px, 0px);
    }

    40% {
        -webkit-transform: rotate(2680deg);
        transform: rotate(2000deg) translate(0px, 0px);
    }

    60% {
        -webkit-transform: rotate(3180deg);
        transform: rotate(3000deg) translate(0px, 0px);
    }

    100% {
        -webkit-transform: rotate(5000deg);
        transform: rotate(4000deg) translate(0px, 0px);
    }
}

@keyframes vehicle-bounce {
    0%, 20%, 80% {
        -webkit-transform: translate(0, 0); /* Safari */
        transform: translate(0, 5px) rotate(0deg);
    }

    5%, 25%, 65%, 85% {
        -webkit-transform: translate(0, 80px); /* Safari */
        transform: translate(0, 2px) rotate(0deg);
    }

    10%, 30%, 70%, 90% {
        -webkit-transform: translate(150px, 80px); /* Safari */
        transform: translate(0, 5px) rotate(-0.5deg);
    }

    15%, 35%, 50%, 75%, 95% {
        -webkit-transform: translate(150px, 80px); /* Safari */
        transform: translate(0, -2px) rotate(0deg);
    }

    40%, 60% {
        -webkit-transform: translate(150px, 80px); /* Safari */
        transform: translate(0, 5px) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(150px, 80px); /* Safari */
        transform: translate(0, 5px) rotate(0deg);
    }
}
/* -- END VEHICLE ANIMATION FOR MOBILE BANNER -- */

.MobileVisitBanner {
    padding: 25px 0px;
}

    .MobileVisitBanner .BannerContentContainer {
        position: relative;
        display: grid;
        grid-template-rows: 100px auto;
        grid-template-columns: 1fr;
    }

        .MobileVisitBanner .BannerContentContainer > div {
            overflow: hidden;
        }

        .MobileVisitBanner .BannerContentContainer .VehicleAnimationContainer {
            animation: vehicle-movement 5s ease-out;
            /*position: absolute;*/
        }

            .MobileVisitBanner .BannerContentContainer .VehicleAnimationContainer > .VehicleAnimationBody {
                width: 200px;
                animation: vehicle-bounce 9s linear infinite;
            }

            .MobileVisitBanner .BannerContentContainer .VehicleAnimationContainer .divVehicleWheel {
                transform: translate(60px,-30px);
            }

                .MobileVisitBanner .BannerContentContainer .VehicleAnimationContainer .divVehicleWheel.back {
                    transform: translate(-68px, -73px);
                }

                .MobileVisitBanner .BannerContentContainer .VehicleAnimationContainer .divVehicleWheel > img {
                    width: 40px;
                    animation: wheel-rotation 9s linear infinite;
                }

        .MobileVisitBanner .BannerContentContainer .divMobileVisitLink > a {
            background-image: Url('../Images/Button Arrow.png');
            background-repeat: no-repeat;
            padding: 25px 20px 25px 15px;
            font-size: 18px;
            text-transform: uppercase;
            background-position: right;
            margin: 0 auto;
            margin-top: 10px;
            max-width: 150px;
            text-decoration: none;
        }

@media (min-width:500px) {
    .divBanner {
        height: 430px;
    }
    .divBannerText {
        width: 163px;
        font-size: 20px;
        margin: 55px 0 0 -232px;
    }
}

@media (min-width:620px) {
    .divBannerText {
        width: 217px;
        font-size: 26px;
        margin: 35px 0 0 -270px;
        -webkit-transform: rotate(356deg);
        -moz-transform: rotate(356deg);
        -o-transform: rotate(356deg);
        -ms-transform: rotate(356deg);
        transform: rotate(356deg);
    }
}

@media (min-width:750px) {
    .MobileVisitBanner .BannerContentContainer {
        position: relative;
        display: grid;
        grid-template-rows: 95px;
        grid-template-columns: 210px 1fr 190px;
        line-height: 1.5;
    }
}

@media (min-width:900px) {
    .divBanner {
        height: 430px;
    }
    .MobileVisitBanner .BannerContentContainer {
        position: relative;
        display: grid;
        grid-template-rows: 95px;
        grid-template-columns: 200px 1fr 200px;
    }
}
@font-face {
    font-family: 'UKNumberPlateRegular';
    src: url(../font/mandator-webfont.eot);
    src: url('../font/mandator-webfont.eot?#iefix') format('embedded-opentype'), url('../font/mandator-webfont.woff') format('woff'), url('../font/mandator-webfont.ttf') format('truetype'), url('../font/mandator-webfont.svg#UKNumberPlateRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.divVRMSearchContainer, .divReturningContainer {
    width: 100%;
    background-color: white;
    z-index: 5;
    padding: 30px 0;
    border-bottom: 8px solid #1d7f6c;
}

.inputVRM, .divVRM {
    text-align: center;
    text-transform: uppercase;
    font-family: UKNumberPlateRegular !important;
    outline: none;
    padding-left: 30px;
    width: 230px;
    height: 68px;
    line-height: 68px;
    border: none;
    border-radius: 15px;
    font-size: 36px;
    border: 4px solid black;
    background-size: contain;
    background-image: url(../Images/VRM.png);
    background-repeat: no-repeat;
    display: block;
}

.inputVRM {
    margin: 20px auto 0 auto;
    padding: 0 0 0 26px !important;
}

.divVRM {
    width: 160px;
    height: 50px;
    font-size: 35px;
    line-height: 50px;
    border: 2px solid black;
    border-radius: 7px;
    margin: 12px auto 15px auto;
    padding-left: 16px;
}

.divVRMContainer .ButtonGreen.Large {
    margin: 13px auto 0 auto;
    width: 245px;
}

.divVRMSearchContainerScrollPadding {
    display: none;
    padding: 7px 0 !important;
    position: fixed;
    top: 0;
}

.divVRMContainerNoMargin {
    margin: 0 auto !important;
    width: 265px;
}

.inputVRMScroll {
    height: 41px !important;
    line-height: 41px !important;
    margin-top: 0 !important;
    font-size: 30px;
    padding-left: 15px !important;
    width: 190px;
    border-radius: 10px;
}

.divVRMContainerNoMargin .inputVRM {
    display: inline-block;
}

.divVRMContainerNoMargin .ButtonGreen {
    margin-top: 4px !important;
    width: 200px !important;
    font-size: 20px;
    width: 42px !important;
    padding: 8px 21px 8px 10px;
    color: transparent;
    float: right;
}

    .divVRMContainerNoMargin .ButtonGreen.Large div {
        margin-top: 0 !important;
        border-width: 7px 0 7px 11px;
    }

.divReturning {
    position: relative;
}

    .divReturning .Lfont {
        font-size: 30px;
    }

    .divReturning .SMfont {
        margin-top: 15px;
    }

.imgReturningCar {
    width: 100%;
    max-width: 350px;
    margin: 0 auto;
    display: block;
}

.divReturning .ButtonGreen {
    float: none !important;
    display: block;
    margin: 25px auto 0 auto;
    padding: 9px 30px 10px 25px;
    font-size: 20px;
    width: 245px;
}

    .divReturning .ButtonGreen.Large div {
        margin: 15px 0 0 15px;
        border-width: 7px 0 7px 11px;
    }

.divReturning .Textbox {
    margin: 15px auto 0 auto;
    display: block;
    width: 100px;
}

.divReturning .FontGrey a {
    display: block;
    margin-top: 20px;
    text-decoration: none;
}

.divDifferentCar:hover {
    color: #383838;
    cursor: pointer;
}

.divReturningDirections {
    margin-top: 7px;
    display: inline-block;
}

.vehicleleft {
    margin-right: 10px;
}

.vehicleright {
    margin-left: 10px;
}

.divReturningDirections img, .divVRM {
    float: left;
}

.BlinkButton {
    animation-name: pulse;
    animation-duration: 1.3s;
    animation-iteration-count: infinite;
}

.divReturningDirections img {
    width: 25px;
    margin-top: 26px;
}

    .divReturningDirections img:hover {
        cursor: pointer;
        opacity: 0.8;
    }

@media (min-width:320px) {
    .divVRM {
        width: 170px;
    }

    .vehicleleft {
        margin-right: 15px;
    }

    .vehicleright {
        margin-left: 15px;
    }
}

@media (min-width:360px) {
    .divVRM {
        width: 200px;
    }

    .divReturningDirections img {
        width: 28px;
        margin-top: 25px;
    }
}

@-moz-keyframes pulse {
    50% {
        -webkit-transition: all 200ms ease-in;
        -webkit-transform: scale(1.04); 
        -ms-transition: all 200ms ease-in;
        -ms-transform: scale(1.04); 
        -moz-transition: all 200ms ease-in;
        -moz-transform: scale(1.04); 
        transition: all 200ms ease-in;
        transform: scale(1.04);
    }
}

@-webkit-keyframes pulse {
    50% {
        -webkit-transition: all 200ms ease-in;
        -webkit-transform: scale(1.04); 
        -ms-transition: all 200ms ease-in;
        -ms-transform: scale(1.04); 
        -moz-transition: all 200ms ease-in;
        -moz-transform: scale(1.04); 
        transition: all 200ms ease-in;
        transform: scale(1.04);
    }
}

@keyframes pulse {
    50% {
        -webkit-transition: all 200ms ease-in;
        -webkit-transform: scale(1.04); 
        -ms-transition: all 200ms ease-in;
        -ms-transform: scale(1.04); 
        -moz-transition: all 200ms ease-in;
        -moz-transform: scale(1.04); 
        transition: all 200ms ease-in;
        transform: scale(1.04);
    }
}

@media (min-width:480px) {

    .divReturning .Textbox {
        margin: 15px 30px 0 0;
        display: inline-block;
    }

    .divReturning .ButtonGreen {
        display: inline-block;
    }
}

@media (min-width:650px) {
    .divVRM {
        margin-left: 0;
    }

    .divReturning {
        text-align: left;
    }

    .divMakeModel {
        width: 60%;
        overflow: hidden;
        height: 27px;
    }

    .imgReturningCar {
        position: absolute;
        top: 40px;
        right: 15px;
        width: 36%;
        border-radius: 50px;
    }

    .divDifferentCar {
        margin: -41px 5px 0 0;
        text-align: right;
        width: 200px;
        float: right;
        position: inherit;
    }

    .divReturning .Textbox {
        margin: 15px 10px 0 0;
    }
}

@media (min-width:720px) {
    .imgReturningCar {
        right: 43px;
    }

    .divDifferentCar {
        margin: -41px 53px 0 0;
    }

    .divVRMScroll {
        height: 59px !important;
    }

    .inputVRMScroll {
        height: 55px !important;
        line-height: 55px !important;
        font-size: 45px !important;
        border-radius: 15px;
    }

    .divVRMContainerNoMargin .ButtonGreen {
        margin-top: 8px !important;
        width: 250px !important;
        font-size: 27px;
        color: white;
        padding: 8px 21px 8px 25px;
    }

    .divVRMSearchContainerDefault {
        padding: 27px 0;
        display: inline-block;
    }

    .divReturningContainer {
        padding: 27px 0;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;         /* Opera/IE 8+ */
    }

    .inputVRM {
        display: inline-block;
        margin-top: 0;
        width: 360px;
        font-size: 56px;
        padding-left: 25px;
    }

    .divVRMContainer {
        width: 680px;
        margin: 30px auto 0 auto;
    }

    .txtVRM {
        float: left;
    }

    .ButtonGreen.Large {
        margin-top: 16px;
        float: right;
    }

    .imgReturningCar {
        width: 37%;
        top: 0;
    }

    .divReturning .Textbox {
        margin: 15px 30px 0 0;
    }
}

@media (min-width:760px) {
    .imgReturningCar {
        width: 37%;
    }
}

@media (min-width:800px) {
    .imgReturningCar {
        width: 336px;
        margin-top: -20px;
    }
}

@media (min-width:850px) {
    .divDifferentCar {
        margin: -21px 53px 0 0;
        text-align: right;
        width: 305px;
        float: right;
    }
}

    .divReturning .Lfont {
        font-size: 35px;
    }

    .divReturning .MLfont {
        font-size: 28px;
        margin-top: 20px;
    }

    .divReturning .ButtonGreen {
        margin: 15px auto 0 auto;
    }
}

@media (min-width:950px) {
    .imgReturningCar {
        right: 0;
    }

    .divReturning.ContentColumn {
        width: 810px;
    }
}

html {
    height: 100%;
    background: #1d7f6c;
}

body {
    height: 100%;
    /*font-family: 'Source Sans Pro', sans-serif;*/
}

.Blue.BoxShadowGrey {
    background: #1d3f7d;
}

.divReasonsToChooseUs {
    padding-top: 0;
}

.gr_container {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    height: 100%;
}

    .gr_container .gr_core .gr_ly1 {
        background-image: url("../Images/Mobile/ly1.png");
    }

    .gr_container .gr_core .gr_ly2 {
        background-image: url("../Images/Mobile/ly2.png");
    }

    .gr_container .gr_core .gr_ly3 {
        background-image: url("../Images/Mobile/ly3.png");
    }

    .gr_container .gr_core .gr_ly4 {
        background-image: url("../Images/Mobile/ly4.png");
    }

    .gr_container .gr_core .gr_ly5 {
        background-image: url("../Images/Mobile/ly5.png");
    }

    .gr_container .gr_core .gr_ly6 {
        background-image: url("../Images/Mobile/ly6d.png");
    }

    .gr_container .gr_core .gr_ly7 {
        background-image: url("../Images/Mobile/ly7a.png");
    }

    .gr_container .gr_core .gr_ly8 {
        background-image: url("../Images/Mobile/ly8.png");
    }

    .gr_container .gr_core .gr_ly9 {
        background-image: url("../Images/Mobile/ly9.png");
    }

    .gr_container .gr_content {
        display: grid;
        grid-template-columns: 0.1fr 1fr 0.1fr;
        grid-template-rows: 1fr;
        background: #fff;
        background: #1d7f6c;
        /*padding-bottom: 50px;*/
        color: #444;
    }

.mobile_logo {
    grid-column: 1/4;
    text-align: center;
    padding: 25px 0 50px 0;
    background: #1d7f6c;
}

    .mobile_logo > img {
        width: 250px;
        margin-bottom: 0px;
    }

.gr_container .gr_content h1 {
    /*font-size: 44px;*/
}

.gr_container .gr_content p {
    /*font-size: 16px;
    text-align: left;*/
    padding: 10px 0;
}

.gr_container .gr_content .gr_vrm_input_container {
    display: grid;
    grid-column: span 3;
    /*padding: 0 50px;*/
    width: 100%;
    opacity: 0.9;
}

    .gr_container .gr_content .gr_vrm_input_container .gr_cta_text {
        font-weight: 800;
        margin-bottom: 0px;
        color: #EEE;
        text-transform: uppercase;
        text-align: justify;
    }

        .gr_container .gr_content .gr_vrm_input_container .gr_cta_text h3 {
            text-align: center;
            margin-bottom: 15px;
        }

        .gr_container .gr_content .gr_vrm_input_container .gr_cta_text p {
            font-size: 25px;
            line-height: 31px;
            font-weight: 600;
            margin-bottom: 15px;
        }

    .gr_container .gr_content .gr_vrm_input_container .gr_vrm_input {
        justify-self: center;
        display: grid;
        grid-template-rows: auto;
        grid-template-columns: auto;
        grid-row-gap: 1em;
    }

        .gr_container .gr_content .gr_vrm_input_container .gr_vrm_input input.ButtonGreen {
            /*transition: border 0.25s linear;
                    border: 2px solid #f8de44;
                    text-align: center;
                    text-transform: uppercase;
                    background: #f8de44;
                    font-size: 25px;
                    padding: 24px;
                    color: #ad9b2f;*/
            float: unset;
            margin: 0 auto;
            background-color: #1d7f6c;
            border-right: 10px solid #1d7f6c;
        }

        .gr_container .gr_content .gr_vrm_input_container .gr_vrm_input input:focus {
            /*border: 2px solid #ad9b2f;*/
        }

        .gr_container .gr_content .gr_vrm_input_container .gr_vrm_input button {
            /*transition: background 0.25s linear;
                    height: 80px;
                    font-size: 2.6rem;
                    background: #61c9a8;
                    background: #1d7f6c;
                    color: white;
                    box-shadow: 0 4px 0 0 rgba(21, 91, 166, 0.9);
                    margin-left: 15px;
                    width: 90px;
                    -webkit-animation: pulse 4s infinite;
                    animation-timing-function: ease;
                    -webkit-animation-timing-function: ease-in-out;
                    animation-timing-function: ease-in-out;
                    -webkit-backface-visibility: hidden;
                    -webkit-transform: translateZ(0) scale(1, 1);
                    font-weight: bold;*/
        }

            .gr_container .gr_content .gr_vrm_input_container .gr_vrm_input button:hover {
                /*background: #3fb892;*/
            }

            .gr_container .gr_content .gr_vrm_input_container .gr_vrm_input button i {
                /*padding-left: 10px;
                        font-size: 2.4rem;*/
            }

.gr_container .gr_content .gr_vrm_action_container {
    grid-column: span 3;
    padding: 0 100px;
}

    .gr_container .gr_content .gr_vrm_action_container .gr_vrm_action {
        justify-content: center;
        align-content: center;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

.divWhyChoose {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 100%;
}

    .divWhyChoose .Green > div {
        padding: 35px 30px;
    }

    .divWhyChoose .Grey > div {
        padding: 25px 30px;
    }

.divStory .Blue > img {
    width: 80%;
    margin: 30px auto;
    display: block;
}

.divStoryHeader {
    margin-top: 20px;
}

.divWhyChoose ul {
    padding-left: 15px;
    line-height: 30px;
    margin: 0;
}

.imgCarKeys {
    width: 80%;
    display: block;
    margin: 50px auto 0 auto;
}

.divWhyChoose .Green > div > img {
    margin: 0 auto 20px auto;
    display: block;
}

.divWhyChoose .Grey > div > img {
    margin: 30px auto 25px auto;
    display: block;
}

.divWhyChoose .Green > div a, .ulNewsLinks a {
    text-decoration: none;
}

div.Green {
    background-color: #70b23d;
}

div.Grey {
    background-color: #e6e6e6;
}

.Mfont {
    font-size: 24px;
    margin-bottom: 10px;
}

.RelativePos {
    position: relative;
    /*padding-bottom: 60px;*/
    /*width: 60%;*/
    /*height: 100%;*/
    /*float: left;*/
    text-align: center;
    padding-bottom: 0;
}

.TextCenter {
    text-align: center;
}

.FontWhite {
    color: White;
}

.ButtonBlue.BottomPos {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
    bottom: 25px;
}

.BoxShadowBlue {
    -webkit-box-shadow: 0px 0px 1px 0px #5780C9;
    -moz-box-shadow: 0px 0px 1px 0px #5780C9;
    box-shadow: 0px 0px 1px 0px #5780C9;
}

.ButtonBlue {
    border: none;
    border-right-color: currentcolor;
    border-right-style: none;
    border-right-width: medium;
    background-color: #1d7f6c;
    padding: 15px 25px;
    border-radius: 8px;
    color: white;
    font-size: 16px;
    font-weight: 600;
    -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.75);
    text-align: center;
    display: block;
    background-image: Url("../Images/Button Arrow.png");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 12px;
    border-right: 10px solid #1d7f6c;
    text-decoration: none;
    width: 50%;
}

.gr_core.parallax_container {
    height: 1800px;
    overflow: hidden;
    position: relative;
}

.parallax_layer {
    background-position: bottom center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 1800px;
    position: fixed;
    z-index: -1;
}

.parallax_frame {
    width: 100%;
    height: 100%;
    position: relative;
}

img.sail {
    width: 180px;
    height: 180px;
    position: absolute;
    top: 40.8%;
    left: 12.1%;
    z-index: 99;
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
}

.main-content-container {
    background: #1d7f6c;
}

.vehicle_container {
    position: absolute;
    top: 50%;
    left: -20%;
    width: 100px;
    -webkit-animation: move 8s linear infinite;
    -moz-animation: move 8s linear infinite;
    animation: move 8s linear infinite;
}

.vehicle_wheel {
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}

.title_text {
    text-align: center;
    margin-top: 20px;
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    font-family: 'Fjalla One', sans-serif;
    opacity: 0.8;
}

    .title_text > img {
        width: 180px;
    }


.sub_title_text {
    color: #fff;
    text-align: center;
    font-size: 44px;
    margin: 0;
    opacity: 0.8;
    font-family: 'Pacifico', cursive;
    margin-top: -30px;
    display: none;
}

    .sub_title_text > button {
        background: #1d7f6c;
        padding: 5px 10px;
        font-size: 14px;
        cursor: pointer;
        margin-top: -10px;
        opacity: 0.9;
        color: #fff;
        font-family: 'Pacifico', cursive;
    }

.content_title_text {
    text-align: center;
    color: #fff;
    font-size: 80px;
    text-transform: uppercase;
    font-family: 'Fjalla One', sans-serif;
    opacity: 0.8;
    color: #fff;
    font-size: 24px;
    margin: 20px 0 0;
    padding: 0;
    text-align: center;
}

.content_sub_title_text {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Fjalla One', sans-serif;
    opacity: 0.8;
    font-size: 35px;
    font-size: 20px;
    margin: 0;
    padding: 0;
    letter-spacing: 8px;
    position: relative;
}

.content_second_title_text {
    text-align: center;
    color: #fff;
    font-size: 110px;
    text-transform: uppercase;
    font-family: 'Fjalla One', sans-serif;
    opacity: 0.8;
    font-size: 30px;
}

.content_second_sub_title_text {
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 20px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Fjalla One', sans-serif;
    opacity: 0.8;
}

.content_sub_title_text hr.left {
    position: absolute;
    top: 0;
    left: 20%;
    width: 150px;
    display: none;
}

.content_sub_title_text hr.right {
    position: absolute;
    top: 0;
    right: 20%;
    width: 150px;
    display: none;
}

.content_second_sub_title_text hr.left {
    position: absolute;
    top: 0;
    left: 38%;
    display: none;
    width: 100px;
}

.content_second_sub_title_text hr.right {
    position: absolute;
    top: 0;
    right: 38%;
    width: 100px;
    display: none;
}

hr {
    width: 500px;
    color: #fff;
    opacity: 0.5;
}

.animation-element {
    position: relative;
    width: 100%;
}

/*bounce up animation for the subject*/
.bounce-up .subject {
    opacity: 0;
    -moz-transition: all 1200ms ease-out;
    -webkit-transition: all 1200ms ease-out;
    -o-transition: all 1200ms ease-out;
    transition: all 1200ms ease-out;
    -moz-transform: translate3d(0px, 200px, 0px);
    -webkit-transform: translate3d(0px, 200px, 0px);
    -o-transform: translate(0px, 200px);
    -ms-transform: translate(0px, 200px);
    transform: translate3d(0px, 200, 0px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.bounce-up.in-view .subject {
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}

.subject {
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
}

.circle {
    border-radius: 50%;
    display: none;
    font-size: 20px;
    color: #fff;
    line-height: 20px;
    left: 2px;
    top: 97%;
    padding: 20px 15px !important;
    text-align: center;
    z-index: 99;
    background: rgba(49, 86, 129, 0.6);
    background: #1d7f6c;
}


@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes move {
    from {
        left: 50%;
    }

    to {
        left: 100%;
    }
}

@-webkit-keyframes move {
    from {
        left: 50%;
    }

    to {
        left: 100%;
    }
}

@keyframes move {
    from {
        left: -20%;
    }

    to {
        left: 110%;
    }
}


@media (min-width:650px) {

    .mobile_logo > img {
        width: 350px;
        margin-bottom: 10px;
    }

    .inputVRM {
        width: 240px;
    }

    .title_text > img {
        width: 350px;
    }

    .title_text {
        margin-top: 40px;
        font-size: 50px;
    }

    .vehicle_container {
        top: 52%;
        width: 140px;
    }

    .sub_title_text {
        display: block;
    }

        .sub_title_text > button {
            padding: 5px 10px;
            font-size: 16px;
        }


    .content_title_text {
        text-transform: uppercase;
        font-family: 'Fjalla One', sans-serif;
        opacity: 0.8;
        color: #fff;
        font-size: 50px;
        margin: 30px 0 0;
        padding: 0;
        text-align: center;
    }

    .content_sub_title_text {
        text-transform: uppercase;
        font-family: 'Fjalla One', sans-serif;
        opacity: 0.8;
        text-align: center;
        color: #fff;
        font-size: 25px;
        margin: 0;
        padding: 0;
        letter-spacing: 10px;
        position: relative;
    }

    .content_second_title_text {
        text-align: center;
        color: #fff;
        font-size: 75px;
        text-transform: uppercase;
        font-family: 'Fjalla One', sans-serif;
        opacity: 0.8;
    }

    .content_second_sub_title_text {
        color: #fff;
        margin: 0;
        padding: 0;
        font-size: 35px;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        font-family: 'Fjalla One', sans-serif;
        opacity: 0.8;
    }

    .content_sub_title_text hr.left {
        position: absolute;
        top: 0;
        left: 20%;
        width: 150px;
    }

    .content_sub_title_text hr.right {
        position: absolute;
        top: 0;
        right: 20%;
        width: 150px;
    }

    .content_second_sub_title_text hr.left {
        position: absolute;
        top: 0;
        left: 38%;
        width: 100px;
    }

    .content_second_sub_title_text hr.right {
        position: absolute;
        top: 0;
        right: 38%;
        width: 100px;
    }


    .divWhyChoose {
        display: grid;
        grid-template-rows: auto;
        grid-template-columns: 60% 40%;
    }

    .circle {
        border-radius: 50%;
        font-size: 20px;
        color: #fff;
        line-height: 20px;
        left: unset;
        right: -27px;
        top: 50%;
        padding: 20px 15px !important;
        text-align: center;
        z-index: 99;
        background: rgba(49, 86, 129, 0.6);
        background: #1d7f6c;
        display: block;
    }
}

@media (min-width:720px) {

    .inputVRM {
        width: 300px;
    }
}

@media (min-width:850px) {



    .inputVRM {
        width: 340px;
    }

    .vehicle_container {
        top: 52%;
        width: 160px;
    }

    .title_text > img {
        width: unset;
    }

    .title_text {
        text-align: center;
        margin-top: 40px;
        color: #fff;
        font-size: 85px;
        text-transform: uppercase;
        font-family: 'Fjalla One', sans-serif;
        opacity: 0.8;
    }

    .sub_title_text {
        color: #fff;
        text-align: center;
        font-size: 44px;
        margin: 0;
        opacity: 0.8;
        font-family: 'Pacifico', cursive;
        margin-top: -20px;
    }

        .sub_title_text > button {
            padding: 10px 20px;
            font-size: 18px;
        }


    .content_title_text {
        text-align: center;
        margin-top: 190px;
        color: #fff;
        font-size: 110px;
        text-transform: uppercase;
        font-family: 'Fjalla One', sans-serif;
        opacity: 0.8;
        color: #fff;
        font-size: 65px;
        margin: 80px 0 0;
        padding: 0;
        text-align: center;
    }

    .content_sub_title_text {
        text-align: center;
        color: #fff;
        font-size: 110px;
        font-family: 'oswald', sans-serif;
        text-transform: uppercase;
        font-family: 'Fjalla One', sans-serif;
        opacity: 0.8;
        color: #fff;
        font-size: 35px;
        margin: 80px 0 0;
        padding: 0;
        text-align: center;
        color: #fff;
        font-size: 35px;
        margin: 0;
        padding: 0;
        letter-spacing: 15px;
        position: relative;
    }

    .content_second_title_text {
        text-align: center;
        color: #fff;
        font-size: 100px;
        text-transform: uppercase;
        font-family: 'Fjalla One', sans-serif;
        opacity: 0.8;
    }

    .content_second_sub_title_text {
        color: #fff;
        margin: 0;
        padding: 0;
        font-size: 35px;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        font-family: 'Fjalla One', sans-serif;
        opacity: 0.8;
    }

    .content_sub_title_text hr.left {
        position: absolute;
        top: 0;
        left: 20%;
        width: 150px;
    }

    .content_sub_title_text hr.right {
        position: absolute;
        top: 0;
        right: 20%;
        width: 150px;
    }

    .content_second_sub_title_text hr.left {
        position: absolute;
        top: 0;
        left: 38%;
        width: 100px;
    }

    .content_second_sub_title_text hr.right {
        position: absolute;
        top: 0;
        right: 38%;
        width: 100px;
    }


    .divWhyChoose {
        display: grid;
        grid-template-rows: auto;
        grid-template-columns: 60% 40%;
    }

    /*.circle {
        border-radius: 50%;
        font-size: 20px;
        color: #fff;
        line-height: 20px;
        left: 95%;
        top: 50%;
        padding: 20px 15px !important;
        text-align: center;
        z-index: 99;
        background: rgba(49, 86, 129, 0.6);
        background: #1d7f6c;
    }*/
}

@media (min-width:1100px) {

    .vehicle_container {
        top: 54%;
        width: 180px;
    }
}

@media (min-width:1350px) {

    .vehicle_container {
        top: 56%;
        width: 200px;
    }

    .title_text {
        margin-top: 90px;
    }
}

.FooterContactUs {
    padding-top: 10px;
    margin-top: 15px;
}

.divFooter {
    padding: 40px 0;
    font-size: 12px;
}

.divFooterColumn {
    width: 50%;
    float: left;
    height: 190px;
}

.divFooterContent {
    display: inline-block;
    width: 100%;
}

.FooterHeader {
    padding-bottom: 10px;
    font-size: 14px;
}

.divFooterColumn a {
    display: block;
    text-decoration: none;
    margin-top: 15px;
    font-size: 12px;
}

    .divFooterColumn a img {
        border: none;
    }

    .divFooterColumn a:hover, .divLinks a:hover {
        color: #DEDEDE;
    }

.aSocial {
    margin-right: 10px;
    display: inline-block !important;
}

.FooterColumnNoHeight {
    height: auto;
}

.divCox {
    height: 100px;
    background-color: #F2F2F2;
}

    .divCox > div > div {
        /*float: right;*/
        margin: 0 auto;
        height: 20px;
        width: 236px;
        /*background: url(../images/SpriteSheet.png?v=1) 0 77px;*/
        background: url('../Images/Cox Automotive logo.png');
        background-repeat: no-repeat;
        padding-top: 40px;
        padding-bottom: 40px;
        background-position: center;
        cursor: pointer;
    }

.LinksLeft {
    float: left;
    width: 50%;
    margin-bottom: 15px;
}

.LinksCenter {
    width: 50%;
}

.LinksRight {
    float: right;
    width: 50%;
}

.divLinksPadding {
    padding: 20px;
}

.divLinks a {
    display: block;
    text-decoration: none;
    padding: 12px 0;
    margin: 0 10px;
    font-size: 12px;
}

.divCookieBar {
    width: 100%;
    background-color: white;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding: 10px 0;
    font-size: 12px;
    line-height: 20px;
}

    .divCookieBar .cb-enable {
        border: 1px solid grey;
        background-color: #e6e6e6;
        padding: 0 4px;
        border-radius: 3px;
        margin: 0 5px;
        text-decoration: none;
    }

        .divCookieBar .cb-enable:hover {
            background-color: #ccc;
        }

#cookie-bar-static a:hover {
    text-decoration: underline;
}

.spnRot13 {
    unicode-bidi: bidi-override;
    direction: rtl;
}

.divFooterSell, .divFooterAbout {
    height: 250px;
}

.divFooterTwitter {
    width: 28px;
    height: 29px;
    background: url(../images/SpriteSheet.png?v=1) 89px -30px;
}

.divFooterFacebook {
    width: 29px;
    height: 29px;
    background: url(../images/SpriteSheet.png?v=1) 61px -30px;
}

.divFooterPintrest {
    width: 29px;
    height: 29px;
    background: url(../images/SpriteSheet.png?v=1) 32px -30px;
}

.divFooterLinkedIn {
    width: 29px;
    height: 29px;
    background: url(../images/SpriteSheet.png?v=1) 89px -59px;
}

.divFooterYoutube {
    width: 29px;
    height: 29px;
    background: url(../images/SpriteSheet.png?v=1) 60px -59px;
}


@media (min-width:360px) {
    .divFooterColumn a {
        font-size: 13px;
    }
}

@media (min-width:660px) {
    .divCookieBar {
        font-size: 14px;
    }

    .cookiebr {
        display: none;
    }
}

@media (min-width:700px) {
    .divFooterColumn {
        width: 25%;
        float: left;
    }
}

@media (min-width:710px) {
    .LinksLeft {
        width: 30%;
    }

    .LinksCenter {
        margin: 0 auto;
        width: 30%;
    }

        .LinksCenter div {
            padding-left: 18px;
        }

    .LinksRight {
        width: 32%;
    }

    .divLinksPadding {
        padding: 20px;
    }

    .divLinks a {
        display: block;
        text-decoration: none;
        padding: 10px 0;
        border-bottom: none;
    }

    .LinksLeft a {
        padding-left: 10%;
    }
}

@media (min-width:950px) {
    .divFooter {
        padding: 50px 0;
    }

        .divFooter .ContentColumn {
            width: 900px;
        }

    .aSocial {
        float: left;
        margin: 0 5px;
    }

    .divFooterColumn {
        height: auto;
    }

        /*.divCox > div > div {
        margin: 10px 0 0 0;
    }*/

        .divFooterColumn a {
            margin-top: 5px;
        }

    .FooterHeader {
        padding-bottom: 10px;
    }
}

@media (min-width:1200px) {
    .divCookieBar {
        position: fixed;
        bottom: 0;
        border-bottom: none;
    }

    .divCookieBarBottom {
        margin-bottom: 100px;
        border-bottom: 1px solid #e6e6e6;
    }
}