/* Minification failed. Returning unminified contents.
(1250,1): run-time error CSS1019: Unexpected token, found '}'
(2479,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2480,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2501,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2502,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2523,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2524,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2545,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2546,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2567,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2568,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2594,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2595,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2621,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2622,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2653,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2654,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2685,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2686,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2717,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2718,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2749,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2751,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '35%'
(2764,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2766,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '35%'
(2808,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2809,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2824,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2825,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
@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;
        }


.divHeader {
    height: 80px;
}

.divLogoHeader {
    height: 29px;
    width: 242px;
    margin: 0 auto;
    background: url(../images/SpriteSheet.png?v=1) 0 0;
}

.divHeader .ButtonGreen {
    display: none;
}

.divHeader .ContentColumn {
    padding-top: 27px;
}

.ManageAppointment {
    text-decoration: none;
}

@media (min-width:480px) {
    .divHeader .ButtonGreen {
        display: block;
        background-size: 12px;
        padding: 5px 20px 5px 10px;
    }
    
    .divLogoHeader {
        margin: initial;
        display: inline-block;
    }
}
@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;
    }
}

.hrBlue {
    margin-bottom: 15px;
}

h2 {
    font-size: 24px;
}

.BlackLink {
    font-family: SansProSemiBold;
}

.divConatiner {
    padding-top: 30px;
    padding-bottom: 10px;
}

.BoxShadowWhite {
    -webkit-box-shadow: 0px 0px 3px 0px #FFF;
    -moz-box-shadow: 0px 0px 3px 0px #FFF;
    box-shadow: 0px 0px 3px 0px #FFF;
}

#lblMobileMapTitle {
    margin: 0;
}

.divContactUs {
    padding-top: 40px;
    padding-bottom: 10px;
    max-width: 850px;
    margin: 0 auto;
}

.divContactUsContent {
    display: inline-block;
    width: 100%;
    margin: 10px 0;
}

.divContactUs {
    /* padding-bottom: 40px; */
}

.divPhone, .divEmail {
    float: left;
    width: 100%;
}

.divPhone, .divEmail {
    padding: 30px 0 10px 0;
}

.divEmail {
    padding: 30px 0;
}

.divPhone .SMfont {
    line-height: 17px;
}

.divPhone a {
    text-decoration: none;
}

.divEmail img {
    margin: 7px 0 4px 0;
}

.divContactUs > a > img {
    margin: 9px 9px 0 9px;
    height: 37px;
}

.divContactUs .SSMfont {
    max-width: 490px;
    margin: 0 auto;
}

@media (min-width:600px) {
    .divContactUsContent {
        display: flex;
        display: -webkit-flex;
    }
}

.divBranchDetails {
    margin: 15px auto;
    width: 100%;
}

    .divBranchDetails.divAddress {
        /*float:left;*/
    }

    .divBranchDetails.divHours, .divBranchDetails.divBranchImage {
        /*float: right;*/
    }

    .divBranchDetails.divBranch {
        float: right;
    }



.divBranchAddress a {
    text-decoration: none;
}

    .divBranchAddress a:hover {
        text-decoration: underline;
    }

.spanDay {
    width: 120px;
    display: inline-block;
}

.divWWAC {
    margin-top: 20px;
}

.imgBranch {
    float: right;
    margin-top: 5px;
    width: 110px;
    display: none;
}

.imgBranchMobile {
    margin-top: 0px;
    width: 50%;
}



.divBranchMapContainer {
    position: relative;
    height: 25px;
    margin-top: 25px;
}

.divBranchMap.Mobile {
    height: 425px;
}

.divLocationMapImage {
    width: 100%;
    height: 100%;
    background: #808080
}

.imgMobileLocation {
    margin: 0;
    width: 100%;
}

.divClickToInteract, .divTapToInteract {
    background-color: rgba(0,0,0,.10);
    position: absolute;
    width: 100%;
    z-index: 2;
}

.divBranchMapContainer, .divTapToInteract, .divBranchMap {
    height: 240px;
}

.divBranchMapContainer {
    height: 0px;
}

/*.divBranchMap {
    overflow:unset !important;
}*/



.divMapInteract {
    display: inline-block;
    cursor: pointer;
    border: 3px solid white;
    border-radius: 12px;
    padding: 9px 19px;
    background-color: rgba(0,0,0,.50);
}

    .divMapInteract:hover {
        border-color: #EDEDED;
    }

.divOpeningHours {
    margin-top: 20px;
}

.divBreadCrumbs {
    margin: 15px 0 0 0;
}

    .divBreadCrumbs > a {
        text-decoration: none;
    }

        .divBreadCrumbs > a:hover {
            color: initial;
        }

    .divBreadCrumbs > span {
        margin: 0 5px;
    }

    .divBreadCrumbs .FontGreen, .divBreadCrumbs .FontBlue {
        margin: 0;
        font-size: 17px;
    }

.divBranchFinderTextBox {
    float: right;
    width: 50%;
}

    .divBranchFinderTextBox input, .divBranchFinderTextBoxMobile input {
        border-radius: 3px;
        border: none;
        text-transform: uppercase;
        /*padding: 6px 30px 6px 7px;*/
        margin: 10px auto 10px;
        display: block;
        /*width: 143px;*/
        width: 100%;
        padding: 10px;
        border-right: 3px solid white;
        border-left: 3px solid white;
        color: #666;
        border: 1px solid #A0A0A0;
        box-sizing: border-box;
    }

input.Hidden {
    display: none !important;
}

.ButtonMangify {
    padding: 9px 1px 7px 12px;
    padding: 20px 0px 20px 10px;
    margin: 0 auto;
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.divBranchFinderTextBox input::-webkit-input-placeholder, .divBranchFinderTextBoxMobile input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #666 !important;
}

.divBranchFinderTextBox input::-moz-placeholder, .divBranchFinderTextBoxMobile input::-moz-placeholder { /* Firefox 19+ */
    color: #666 !important;
}

.divBranchFinderTextBox input:-ms-input-placeholder, .divBranchFinderTextBoxMobile input:-ms-input-placeholder { /* IE 10+ */
    color: #666 !important;
}

.divBranchFinderTextBox input:-moz-placeholder, .divBranchFinderTextBoxMobile input:-moz-placeholder { /* Firefox 18- */
    color: #666 !important;
}

.divBranchDirections {
    margin-top: 15px;
    text-align: center;
}

.divBranchDirectionsPopup {
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.22);
    z-index: 101;
    position: fixed;
    display: none;
}

    .divBranchDirectionsPopup > div {
        width: 80%;
        max-width: 800px;
        padding: 20px 20px 20px 20px;
        background-color: white;
        border: 2px solid #1d7f6c;
        margin: 0 auto 0 auto;
    }

.divBranchDirectionsPanel {
    overflow-y: auto;
    display: none;
}

.divBranchDirectionsPopupContent > div {
    line-height: 32px;
    clear: both;
}

.adp-directions {
    width: 100%;
}

.btnCloseAlert {
    margin-top: 10px !important;
    padding: 0;
    width: 88px !important;
    height: 33px;
    line-height: 32px;
}

.ButtonShowMore {
    width: 120px;
    margin: 10px auto 0 auto;
    background-color: #ABABAB;
    border-color: #ABABAB;
}

    .ButtonShowMore:hover {
        background-color: #9C9C9C;
        border-color: #9C9C9C;
    }

.divBranchText {
    padding: 20px 0 30px 0;
}

    .divBranchText .Mfont {
        margin-top: 20px;
    }

.divOtherBranches {
    padding: 40px 0;
}

.divBranches {
    margin-top: 30px;
}

    .divBranches > a > div {
        width: 260px;
        display: inline-block;
        margin: 10px;
        padding: 4px 0;
    }

.btnPrint {
    width: 42px;
    display: none;
    margin-left: 10px;
}

.btnShowDirections {
    display: inline-block;
}

.aBranchPDF, .aReview {
    display: inline-block;
}

    .aBranchPDF img, .aReview img {
        margin-top: 2px;
    }

    .aBranchPDF img, .aBranchPDF div, .aReview img, .aReview div {
        float: left;
    }

    .aBranchPDF div, .aReview div {
        margin-left: 5px;
    }

        .aBranchPDF div:hover, .aReview div:hover {
            text-decoration: underline;
            color: #666;
        }

.aBranchPDF {
    padding-right: 15px;
}

.divPDFContainer {
    text-align: center;
    margin-top: 35px;
    float: left;
    width: 45%;
}

/*New Css for Customer's Review section*/
.spnSchema {
    display: none;
}

.divReview.multiple {
    padding-top: 30px;
}

.divReviewComment > div.FontBold {
    font-size: 18px;
    color: #666;
    font-family: sans-serif;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 5px;
}

    .divReviewComment > div.FontBold.ShortComment {
        padding-top: 20px;
    }

.divReviewComment > div.ReviewFooter {
    padding: 0;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 40px;
    padding-bottom: 20px;
}

.divReviewComment > div.CustomerComment, .divReviewComment > div.ReviewFooter {
    padding-top: 0;
}

.ReviewButtonGreen > a > img {
    padding-left: 4px;
    padding-right: 4px;
}

.divReviewComment > div.CustomerComment {
    padding-bottom: 5px;
}

.divReviewComment.FontGrey {
    font-family: sans-serif;
    font-size: 14px;
    display: inline-block;
    width: 100%;
    border-top: none;
}

.divReviewBranch > div.BranchName {
    text-align: right;
    margin-left: 18px;
    color: #666;
    text-transform: uppercase;
    font-size: 12px;
    font-family: sans-serif;
    font-weight: bold;
}

.divReviewBranch, .divReviewBranch > .ReviewPublished {
    float: right;
}

.reviewAge {
    font-size: 12px;
    color: #666;
    vertical-align: top;
    line-height: 16px;
}

.divReviewBranch > div > img {
    vertical-align: top;
    width: 15px;
}

.ReviewButtonGreen > a {
    text-decoration: none;
    height: 100%;
    width: 100%;
    display: inline-block;
}

.divReviewRating > div {
    padding-bottom: 8px;
}

.divempty {
    width: 100%;
    border-bottom: 2px solid #b5b5b5;
}

.divReviewsStar.Star45 {
    width: 124px;
}

.divReviewBanner {
    margin: 0 auto 0 auto;
}

    .divReviewBanner.Right {
        border-right: 0;
    }


.divReviewsBasedOn.FeefoBasedOn {
    margin-top: 7px;
}

.RatingText {
    display: inline-block;
}

.divReviewHeader > div {
    display: inline-block;
    vertical-align: top;
}

.divReviewsStar, .divReviewsStarBackground {
    height: 24px;
    width: 136px;
    background: url(../images/SpriteSheet.png?v=1) 0 129px;
}

.divReviewsStar {
    background: url(../images/SpriteSheet.png?v=1) 0 105px;
}

.divReviewDate {
    width: 62%;
    font-family: sans-serif;
    font-size: 11px;
}

.div.ButtonGreen {
    width: 50%;
    display: inline;
}

.ReviewButtonGreen {
    border: none;
    background-color: #70b23d;
    border-radius: 6px;
    color: white;
    font-size: 15px;
    font-family: SansProBold;
    box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75);
    width: 120px;
    margin-top: 10px;
    text-align: center;
}

.Review.FontBold {
    width: 100%;
    font-size: 30px;
    font-family: sans-serif;
    line-height: 23px;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

.divReviewComment {
    background-color: #fff;
    border: solid 1px #ebebeb;
    text-align: left;
    min-height: 110px;
}

    .divReviewComment > div {
        padding: 20px;
    }

.CustExperience {
    font-size: 12px;
    font-family: sans-serif;
    color: #666;
    font-weight: bold;
}

.divReviewsLeftContent2 {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

.divReviewsLeftContent .XXLfont {
    color: #ffd000;
    font-size: 70px;
    font-weight: bold;
    font-family: sans-serif;
}

.divReviewsOutOf {
    vertical-align: top;
    color: #9f9f9f;
    height: 15px;
    line-height: 47px;
    display: inline-block;
    font-size: 22px;
}

.divReviewsBasedOn {
    margin-left: 2px;
    font-family: sans-serif;
    color: #9f9f9f;
}

.divReviewBasedOn.VVSfont {
    font-size: 14px;
}

.divContainer {
    padding-top: 40px;
    padding-bottom: 30px;
}

video {
    width: 100%;
    margin-top: 20px;
    max-width: 400px;
    margin: 30px auto;
    display: block;
}

.divVideo .FontBold {
    margin-bottom: 20px;
}

.divReviewBanner img {
    margin: 16px auto 16px auto;
    max-width: 190px;
    display: block;
}

.divCompiled .FontDarkGrey {
    color: #414342;
}

.DarkGrey.TextCenter > div {
    display: inline-block;
}

.divCompiled {
    display: block;
    width: 100%;
}

    .divCompiled > .VSfont {
        margin-bottom: 8px;
    }

    .divCompiled .XLfont {
        font-size: 68px;
        height: 51px;
        line-height: 46px;
    }

.divBannersContainer div.DarkGrey {
    background-color: #414342;
    padding: 9px 11px;
    margin-bottom: 10px;
}

.divCompiledRight {
    padding-left: 7px;
}

.FontYellow {
    color: #ffdd00;
}

.FontFeefoGreen {
    color: #009245;
}

.divReviewBanner div.Yellow, .divReviewBanner div.FeefoGreen {
    clear: both;
    margin-top: 10px;
}

.divNationWide {
    margin-top: 10px;
}

.divBannersContainer {
    margin-top: 30px;
}

.divReviewHeader {
    min-height: 86px;
    background-color: #f7f7f7;
    border: 1px solid #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    width: 100%;
    display: inline-block;
}

.divReview > .Grey {
    padding: 20px;
}

.divReviewRating {
    width: 25%;
    display: inline-block;
    padding: 20px;
}

.divReviewBranch {
    padding: 20px;
}

.divRating.Yellow {
    background: url(../images/SpriteSheet.png?v=1) 0 129px;
    width: 140px;
    height: 17px;
}

.divRating.FeefoGreen {
    height: 19px;
    width: 136px;
    background: url(../images/SpriteSheet.png?v=1) 0 55px;
}

.divRating div {
    height: 24px;
    width: 136px;
    background: url('../images/SpriteSheet.png?v=1') 0 105px;
}

.divRating.FeefoGreen div {
    height: 27px;
    background: url(../images/SpriteSheet.png?v=1) 0 28px;
}

.divRating div.Star4 {
    width: 107px;
}

.divReviewHeader > div, .divRating {
    margin-top: 0px;
}

.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?v=1) 0 -30px;
    display: inline-block;
}

.divPadlock {
    margin: 19px 0 0 1px;
    width: 32px;
    height: 38px;
    background: url(../images/SpriteSheet.png?v=1) -32px -30px;
    display: inline-block;
}

.divStopwatch {
    margin: 16px 3px 0 0;
    width: 43px;
    height: 47px;
    background: url(../images/SpriteSheet.png?v=1) -64px -30px;
    display: inline-block;
}

.divTick {
    margin: 19px 2px 0 0;
    width: 40px;
    height: 47px;
    background: url(../images/SpriteSheet.png?v=1) -107px -30px;
    display: inline-block;
}

.divBranchMapParent {
    height: 150px;
    display: none;
}

.divSecondPostcodeCheckMobile {
    display: block;
    height: 160px;
}

.divSecondPostcodeCheck .divPDFContainer, .divSecondPostcodeCheck .divBranchFinderTextBox, .divSecondPostcodeCheck .divBranchFinderTextBoxMobile {
    width: 100%;
    float: unset;
}


.divOpeningHours, .divBranchAddress, .divWWAC {
    margin-top: 0px;
}


@media (min-width:340px) {
    .div4Reasons > div, .div4Steps > div {
        height: auto;
    }

    .divBranch {
        float: left;
    }
}

@media (min-width:400px) {
    .imgBranch {
        width: 140px;
    }

    .divBranchFinderTextBox input, .divBranchFinderTextBoxMobile input, .ButtonMangify {
        display: inline-block;
    }

    .ButtonMangify {
        /*margin: 21px 0 0 21px;*/
        margin: 0;
        display: block;
        width: 100%;
    }

    .divBranchFinderTextBox, .divBranchFinderTextBoxMobile {
        /*width: 297px;*/
        margin: 0 auto;
    }
}

@media (min-width:420px) {
    .div4Reasons > div, .div4Steps > div {
        width: 25%;
    }
}

@media (min-width:480px) {
    .divBranchMapContainer, .divTapToInteract, .divBranchMap {
        height: 375px;
    }

    .divBranchMapContainer {
        height: unset;
    }

    .divReviewDate {
        width: 49%;
        display: inline-block;
    }

    .ReviewButtonGreen {
        display: inline-block;
        vertical-align: top;
        float: right;
        margin-top: 0px;
    }

    .divReviewRating {
        width: 49%;
        display: inline-block;
        vertical-align: top;
    }

    .divReviewBranch {
        float: right;
    }

    .divReviewsRating.TextCenter {
        text-align: left;
    }

    .RatingText {
        height: 100px;
        line-height: 20px;
    }

    .divReviewsStarBackground, .divReviewsStar {
        margin-top: 1px;
    }

    .divReviewsLeftContent .XXLfont {
        font-size: 50px;
    }

    .divReviewBannerLeft.Trustpilot {
        padding-left: 0px;
    }

    .Review.FontBold {
        font-size: 23px;
        margin-left: 1px;
        margin-top: 0px;
        line-height: 21px;
    }

    .divReviewRating .FontBold {
        margin-right: 15px;
    }

    .divRating div.Star5 {
        margin-top: 0;
    }
}

@media (min-width:570px) {
    .imgBranch {
        width: 100px;
        margin-top: 55px;
        display: none;
    }

    .divBranchAddress {
        width: 100%;
        float: left;
    }

    .divOpeningHours {
        width: 100%;
        float: right;
        margin-top: 20px;
    }

    .divBranchDetails {
        display: inline-block;
        width: 50%;
    }

        .divBranchDetails.divHours, .divBranchDetails.divBranchImage {
            float: right;
        }

    .divBranchMapParent {
        display: block;
    }

    .divSecondPostcodeCheckMobile {
        height: 0;
    }

        .divSecondPostcodeCheck .divPDFContainer, .divSecondPostcodeCheckMobile .divBranchFinderTextBoxMobile {
            display: none;
        }

    .divOpeningHours, .divWWAC, .divBranchAddress {
        margin-top: 10px;
    }
}

@media (min-width:770px) {
    .divPDFContainer {
        text-align: left;
        margin-top: 25px;
        width: 100%;
    }

    .divBranchAddress {
        width: 100%;
        float: none;
    }

    .divHours {
        width: 100%;
        float: unset !important;
        margin-top: 20px;
    }

    .divBranchDetails {
        float: left;
        width: 30%;
        padding: 0px 10px;
    }

    .mapContainer {
        height: 375px;
    }

    .divMapBreak {
        height: 5px;
        width: 100%;
        display: block;
    }

    .divBranchContainer {
        display: inline-block;
        width: 100%;
    }

    .divBranchMap {
        height: 375px;
        float: left;
        width: 70%;
    }

    .divBranchMapParent {
        float: right;
        width: 25%;
        margin-top: 5px;
        height: 150px;
    }

    .divTapToInteract {
        display: none;
    }

    .imgBranch {
        margin: 0;
        width: 100%;
        max-height: 150px;
        display: block;
    }

    .imgBranchMobile {
        display: none;
    }

    .divBranchFinderTextBox, .divBranchFinderTextBoxMobile {
        /*width: 297px;*/
        margin: 0;
        width: 100%;
    }

    .divBranchDirections {
        text-align: left;
    }

    .btnCloseAlert {
        margin-top: 20px !important;
        padding: 5px 0;
        width: 120px !important;
        height: 44px;
        line-height: 32px;
    }

    .divBranchMapContainer {
        margin-top: 0px;
        height: 0;
    }
}

@media (min-width:900px) {
}

@media (min-width:380px) {
}

.divHoursTitle {
    font-size: 22px;
}
/* -- DESKTOP ANIMATION -- */
.divConatiner.banner {
    position: relative;
    background-image: url('../Images/Home-Banner-Background.jpg');
    background-size: contain;
    height: 375px;
}

div.Blue {
    background-color: #1d7f6c;
}

.divBannerText {
    font-size: 40px;
    margin: 5px 15% 0 auto;
    -webkit-transform: rotate(356deg);
    -moz-transform: rotate(356deg);
    -o-transform: rotate(356deg);
    -ms-transform: rotate(356deg);
    transform: rotate(356deg);
    transform: translate(-50%, 0);
    width: 457px;
    padding: 30px 40px;
    border-radius: 4px;
    -webkit-transform: rotate(356deg);
    -moz-transform: rotate(356deg);
    -o-transform: rotate(356deg);
    -ms-transform: rotate(356deg);
    transform: rotate(356deg);
    box-shadow: 0 9px 18px rgba(0,0,0,0.30), 0 5px 2px rgba(0,0,0,0.22);
}


@media (max-width:600px) {
    .divBannerText {
        font-size: 28px;
        margin: 5px 15% 0 auto;
        -webkit-transform: rotate(356deg);
        -moz-transform: rotate(356deg);
        -o-transform: rotate(356deg);
        -ms-transform: rotate(356deg);
        transform: rotate(356deg);
        transform: translate(-50%, 0);
        width: 317px;
        padding: 10px 20px;
        border-radius: 4px;
        -webkit-transform: rotate(356deg);
        -moz-transform: rotate(356deg);
        -o-transform: rotate(356deg);
        -ms-transform: rotate(356deg);
        transform: rotate(356deg);
    }
}

.divBannerText h2 {
    font-size: 35px;
}

#divVehicleAnimation {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.divVehicleContainer {
    width: 100%;
    height: 100%;
    background: transparent;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}

.divVehicleImage {
    /*background:#d21010;*/
    height: 160px;
    bottom: -130px;
    position: relative;
    width: 100%;
    -webkit-animation: vehicle-movement 9s linear infinite;
    animation: vehicle-movement 9s linear infinite;
}


    .divVehicleImage > img {
        height: 100%;
        position: absolute;
        -ms-transform: translate(150px, 80px); /* IE 9 */
        -webkit-transform: translate(150px, 80px); /* Safari */
        transform: translate(150px, 80px);
        z-index: 99;
        -webkit-animation: vehicle-bounce 9s linear infinite;
        animation: vehicle-bounce 9s linear infinite;
    }

.divVehicleWheel {
    height: 45%;
    position: relative;
    width: 100%;
    -ms-transform: translate(182px, 185px); /* IE 9 */
    -webkit-transform: translate(182px, 185px); /* Safari */
    transform: translate(182px, 185px);
}

    .divVehicleWheel.back {
        -ms-transform: translate(443px, 115px); /* IE 9 */
        -webkit-transform: translate(443px, 115px); /* Safari */
        transform: translate(443px, 115px);
    }

    .divVehicleWheel > img {
        height: 100%;
        position: absolute;
        -webkit-animation: wheel-rotation 9ss linear infinite;
        animation: wheel-rotation 9s linear infinite;
    }

.divVehicleBrakeLights {
    height: 30px;
    width: 8px;
    background: rgba(210,16,16,0.5);
    position: absolute;
    -ms-transform: translate(165px, -5px); /* IE 9 */
    -webkit-transform: translate(165px, -5px); /* Safari */
    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, /* inner white */
    -3px 0 20px 5px #d21010, /* middle magenta */
    -3px 0 40px 5px #fff; /* outer cyan */
}

.divLight {
}


@-webkit-keyframes vehicle-movement {
    0% {
        -webkit-transform: translate(-1750px) skew(0deg);
        transform: translate(-1750px) skew(0deg);
    }

    40% {
        -webkit-transform: translate(-200px) skew(0deg);
        transform: translate(-10px) skew(0deg);
    }

    60% {
        -webkit-transform: translate(-200px) skew(0deg);
        transform: translate(-10px) skew(0deg);
    }

    100% {
        -webkit-transform: translate(1750px) skew(0deg);
        transform: translate(1750px) skew(0deg);
    }
}

@keyframes vehicle-movement {
    0% {
        -webkit-transform: translate(-1750px) skew(0deg);
        transform: translate(-1750px) skew(0deg);
    }

    40% {
        -webkit-transform: translate(-200px) skew(0deg);
        transform: translate(-10px) skew(0deg);
    }

    60% {
        -webkit-transform: translate(-200px) skew(0deg);
        transform: translate(-10px) skew(0deg);
    }

    100% {
        -webkit-transform: translate(1750px) skew(0deg);
        transform: translate(1750px) skew(0deg);
    }
}

@-webkit-keyframes vehicle-movement-mobile {
    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(1750px) skew(0deg);
        transform: translate(1750px) skew(0deg);
    }
}

@keyframes vehicle-movement-mobile {
    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(1750px) skew(0deg);
        transform: translate(1750px) skew(0deg);
    }
}

@-webkit-keyframes wheel-rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg) translate(0px, 0px);
    }

    30% {
        -webkit-transform: rotate(2080deg);
        transform: rotate(2080deg) translate(0px, 0px);
    }

    40% {
        -webkit-transform: rotate(2680deg);
        transform: rotate(2680deg) translate(0px, 0px);
    }

    60% {
        -webkit-transform: rotate(2680deg);
        transform: rotate(2680deg) translate(0px, 0px);
    }

    100% {
        -webkit-transform: rotate(4000deg);
        transform: rotate(4000deg) translate(0px, 0px);
    }
}

@keyframes wheel-rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg) translate(0px, 0px);
    }

    30% {
        -webkit-transform: rotate(2080deg);
        transform: rotate(2080deg) translate(0px, 0px);
    }

    40% {
        -webkit-transform: rotate(2680deg);
        transform: rotate(2680deg) translate(0px, 0px);
    }

    60% {
        -webkit-transform: rotate(2680deg);
        transform: rotate(2680deg) translate(0px, 0px);
    }

    100% {
        -webkit-transform: rotate(4000deg);
        transform: rotate(4000deg) translate(0px, 0px);
    }
}

@-webkit-keyframes vehicle-bounce {
    0%, 20%, 80% {
        -webkit-transform: translate(150px, 80px); /* Safari */
        transform: translate(150px, 80px) rotate(0deg);
    }

    5%, 25%, 65%, 85% {
        -webkit-transform: translate(150px, 80px); /* Safari */
        transform: translate(150px, 78px) rotate(0deg);
    }

    10%, 30%, 70%, 90% {
        -webkit-transform: translate(150px, 80px); /* Safari */
        transform: translate(150px, 75px) rotate(-0.5deg);
    }

    15%, 35%, 75%, 95% {
        -webkit-transform: translate(150px, 80px); /* Safari */
        transform: translate(150px, 72px) rotate(0deg);
    }

    40%, 60% {
        -webkit-transform: translate(150px, 80px); /* Safari */
        transform: translate(150px, 75px) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(150px, 80px); /* Safari */
        transform: translate(150px, 80px) rotate(0deg);
    }
}

@keyframes vehicle-bounce {
    0%, 20%, 80% {
        -webkit-transform: translate(150px, 80px); /* Safari */
        transform: translate(150px, 80px) rotate(0deg);
    }

    5%, 25%, 65%, 85% {
        -webkit-transform: translate(150px, 80px); /* Safari */
        transform: translate(150px, 78px) rotate(0deg);
    }

    10%, 30%, 70%, 90% {
        -webkit-transform: translate(150px, 80px); /* Safari */
        transform: translate(150px, 75px) rotate(-0.5deg);
    }

    15%, 35%, 75%, 95% {
        -webkit-transform: translate(150px, 80px); /* Safari */
        transform: translate(150px, 72px) rotate(0deg);
    }

    40%, 60% {
        -webkit-transform: translate(150px, 80px); /* Safari */
        transform: translate(150px, 75px) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(150px, 80px); /* Safari */
        transform: translate(150px, 80px) rotate(0deg);
    }
}

@-webkit-keyframes vehicle-bounce-mobile {
    0%, 20%, 80% {
        -webkit-transform: translate(150px, 120px) rotate(0deg); /* Safari */
        transform: translate(150px, 120px) rotate(0deg);
    }

    5%, 25%, 65%, 85% {
        -webkit-transform: translate(150px, 118px) rotate(0deg); /* Safari */
        transform: translate(150px, 118px) rotate(0deg);
    }

    10%, 30%, 70%, 90% {
        -webkit-transform: translate(150px, 115px) rotate(-0.5deg); /* Safari */
        transform: translate(150px, 115px) rotate(-0.5deg);
    }

    15%, 35%, 75%, 95% {
        -webkit-transform: translate(150px, 118px) rotate(0deg); /* Safari */
        transform: translate(150px, 118px) rotate(0deg);
    }

    40%, 60% {
        -webkit-transform: translate(150px, 118px) rotate(0deg); /* Safari */
        transform: translate(150px, 118px) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(150px, 120px) rotate(0deg); /* Safari */
        transform: translate(150px, 120px) rotate(0deg);
    }
}

@keyframes vehicle-bounce-mobile {
    0%, 20%, 80% {
        -webkit-transform: translate(150px, 120px) rotate(0deg); /* Safari */
        transform: translate(150px, 120px) rotate(0deg);
    }

    5%, 25%, 65%, 85% {
        -webkit-transform: translate(150px, 118px) rotate(0deg); /* Safari */
        transform: translate(150px, 118px) rotate(0deg);
    }

    10%, 30%, 70%, 90% {
        -webkit-transform: translate(150px, 115px) rotate(-0.5deg); /* Safari */
        transform: translate(150px, 115px) rotate(-0.5deg);
    }

    15%, 35%, 75%, 95% {
        -webkit-transform: translate(150px, 118px) rotate(0deg); /* Safari */
        transform: translate(150px, 118px) rotate(0deg);
    }

    40%, 60% {
        -webkit-transform: translate(150px, 118px) rotate(0deg); /* Safari */
        transform: translate(150px, 118px) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(150px, 120px) rotate(0deg); /* Safari */
        transform: translate(150px, 120px) rotate(0deg);
    }
}

@-webkit-keyframes vehicle-brake-lights {

    35% {
        opacity: 0
    }

    40%, 60% {
        opacity: 0.6
    }

    62% {
        opacity: 0
    }
}

@keyframes vehicle-brake-lights {

    35% {
        opacity: 0
    }

    40%, 60% {
        opacity: 0.6
    }

    62% {
        opacity: 0
    }
}


/* Smoke container */
#smoke {
    position: absolute;
    z-index: 3;
    width: 1px;
    height: 160px;
    /*left: 37%;*/
    transform: translate(150px, 0px);
    bottom: -50px;
}

    /* smoke balls */
    #smoke span {
        display: block;
        position: absolute;
        bottom: -35px;
        left: 50%;
        margin-left: -20px;
        height: 0px;
        width: 0px;
        border: 35px solid #ddd;
        border-radius: 35px;
        left: -14px;
        opacity: 0;
        transform: scale(0.2);
    }

/* Smoke animation */
@keyframes smokeL {
    0% {
        transform: scale(0.2) translate(0, 0);
    }

    10% {
        opacity: 1;
        transform: scale(0.2) translate(0, -5px);
    }

    100% {
        opacity: 0;
        transform: scale(1) translate(-120px, -130px);
    }
}

@keyframes smokeR {
    0% {
        transform: scale(0.2) translate(0, 0);
    }

    10% {
        opacity: 1;
        transform: scale(0.2) translate(0, -5px);
    }

    100% {
        opacity: 0;
        transform: scale(1) translate(-50px, -130px);
    }
}

#smoke .s0 {
    animation: smokeL 10s 0s infinite;
}

#smoke .s1 {
    animation: smokeR 10s 1s infinite;
}

#smoke .s2 {
    animation: smokeL 10s 2s infinite;
}

#smoke .s3 {
    animation: smokeR 10s 3s infinite;
}

#smoke .s4 {
    animation: smokeL 10s 4s infinite;
}

#smoke .s5 {
    animation: smokeR 10s 5s infinite;
}

#smoke .s6 {
    animation: smokeL 10s 6s infinite;
}

#smoke .s7 {
    animation: smokeR 10s 7s infinite;
}

#smoke .s8 {
    animation: smokeL 10s 8s infinite;
}

#smoke .s9 {
    animation: smokeR 10s 9s infinite;
}

@media (max-width:600px) {

    .divConatiner.banner {
        height: 200px;
    }

    .divBannerText h2 {
        font-size: 20px;
    }

    .divVehicleImage {
        /*background:#d21010;*/
        height: 120px;
        bottom: 0px;
        position: relative;
        width: 100%;
        -webkit-animation: vehicle-movement-mobile 9s linear infinite;
        animation: vehicle-movement-mobile 9s linear infinite;
    }

        .divVehicleImage > img {
            height: 100%;
            position: absolute;
            -ms-transform: translate(150px, 120px); /* IE 9 */
            -webkit-transform: translate(150px, 120px); /* Safari */
            transform: translate(150px, 120px);
            z-index: 99;
            -webkit-animation: vehicle-bounce-mobile 9s linear infinite;
            animation: vehicle-bounce-mobile 9s linear infinite;
        }

    .divVehicleWheel {
        height: 45%;
        position: relative;
        width: 100%;
        -ms-transform: translate(174px, 200px); /* IE 9 */
        -webkit-transform: translate(174px, 200px); /* Safari */
        transform: translate(174px, 200px);
    }

        .divVehicleWheel.back {
            -ms-transform: translate(370px, 148px); /* IE 9 */
            -webkit-transform: translate(370px, 148px); /* Safari */
            transform: translate(370px, 148px);
        }

        .divVehicleWheel > img {
        }

    .divVehicleBrakeLights {
        height: 25px;
        width: 5px;
        background: rgba(210,16,16,0.5);
        position: absolute;
        -ms-transform: translate(500px, 80px); /* IE 9 */
        -webkit-transform: translate(500px, 80px); /* Safari */
        transform: translate(160px, 55px);
        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, /* inner white */
        -3px 0 20px 5px #d21010, /* middle magenta */
        -3px 0 40px 5px #fff; /* outer cyan */
    }

    #smoke {
        position: absolute;
        z-index: 3;
        width: 1px;
        height: 160px;
        /*left: 37%;*/
        transform: translate(150px, 0px);
        bottom: -100px;
    }
}

@media (min-width:601px) and (max-width:1000px) {
    .divBannerText {
        font-size: 32px;
        margin: 5px 15% 0 auto;
        -webkit-transform: rotate(356deg);
        -moz-transform: rotate(356deg);
        -o-transform: rotate(356deg);
        -ms-transform: rotate(356deg);
        transform: rotate(356deg);
        transform: translate(-50%, 0);
        width: 377px;
        padding: 30px 30px;
        border-radius: 4px;
        -webkit-transform: rotate(356deg);
        -moz-transform: rotate(356deg);
        -o-transform: rotate(356deg);
        -ms-transform: rotate(356deg);
        transform: rotate(356deg);
    }

        .divBannerText h2 {
            font-size: 28px;
        }
}

.divReviewsContainer {
    border-top: 2px solid #A3A3A3;
    border-bottom: 2px solid #A3A3A3;
    padding: 35px 5px;
    margin-bottom: 20px !important;
    margin-top: 20px;
    width: 100%;
}

.divFeefoReviews > .divReviewsLeftContentConatiner > .divReviewsLeftContent2 > div.RatingText1 > .divReviewsRating > .Review.FontBold > .divReviewsOutOf {
    margin-top: -45px;
}

.divReviewsLeftContentConatiner {
    display: flex;
    display: -webkit-flex;
}

.divTrustpilotReviews > .divReviewsLeftContentConatiner > .divReviewsLeftContent2 > div.RatingText1 > .divReviewsRating > .Review.FontBold {
    font-size: 30px;
    font-family: sans-serif;
    color: black;
    width: 180px;
    margin-left: -10px;
    text-align: center;
    vertical-align: top;
}

.divTrustpilotReviews > .divReviewsLeftContentConatiner > .divReviewsLeftContent2 > div.RatingText1 > .divReviewsStarBackground > .divReviewsStar {
    margin-top: 10px;
}

.divTrustpilotReviews > .divReviewsRating {
    line-height: 25px;
}

.divFeefoReviews > .divReviewsLeftContentConatiner > .divReviewsLeftContent2 > div.RatingText1 > .divReviewsRating > .Review.FontBold {
    text-align: center;
    font-size: 90px;
    font-family: sans-serif;
    color: #ffd000;
    width: 180px;
    vertical-align: top;
    padding-top: 8px;
}

    .divFeefoReviews > .divReviewsLeftContentConatiner > .divReviewsLeftContent2 > div.RatingText1 > .divReviewsRating > .Review.FontBold > .XXLfont {
        font-size: 100px;
        font-weight: bold;
        margin-left: -71px;
    }

.ReviewsLogo {
    width: 80%;
    margin: 0 auto;
    max-width: 180px;
    position: absolute;
    left: 0;
    right: 0;
    margin-top: 10px;
}


.divTrustpilotReviews .divReviewsBasedOn {
    margin: 5px 0 0 22px;
}

.divFeefoReviews > .divReviewsLeftContentConatiner > .divReviewsLeftContent2 > div.RatingText1 > .divReviewsRating > .Review.FontBold > .divReviewsOutOf span {
    margin-top: -9px;
    float: left;
    margin-left: 38px;
}

.divTrustpilotReviews .divReviewsOutOf {
    font-family: SansPro;
    margin-left: 0;
    margin-top: 10px;
    line-height: 11px;
    margin-top: 0px;
    font-size: 15px;
}

.divTrustpilotReviews .ReviewsLogo {
    margin-top: 5px;
}

.divReviewsReview .XXLfont {
    font-size: 80px !important;
}

.divReviewsLeftContent {
    float: left;
    position: relative;
}

.divReviewsLeftContent1 {
    width: 50%;
}

.divReviewsLeftContent2 {
    width: 50%;
    float: right;
}

.divTrustpilotReviews .divReviewsRating > div {
    padding: 0px;
}

.RatingText1 {
    height: 100px;
}

.divReviewsRating {
    width: 114px;
    height: 43px;
    line-height: 38px;
    display: inline-block;
}

.divReviewsReview .XXLfont {
    color: #f7db0d;
    font-size: 100px;
}


.divTrustpilotReviews .XXLfont {
    color: black;
    font-size: 22px !important;
    font-family: sans-serif;
    font-weight: bold;
}

.divReviewsOutOf {
    vertical-align: top;
    margin-left: 85px;
    color: #9f9f9f;
    margin-top: 15px;
    font-size: 20px;
    line-height: 5px;
}


.divReviewsBasedOn {
    color: #4f4f4f;
    height: 12px;
    margin: 10px auto 10px 5px;
    height: 15px;
    line-height: 9px;
    /*margin-bottom: 10px;*/
}


.divReviewsReview > div > div, .divReviewsReview .XXLfont {
    float: left;
}

.divReviewsRating > div {
    padding: 0 5px;
}

.divReviewsRightContent {
    width: 100%;
    display: inline-block;
    margin-top: 35px;
}

.divReviewsLeftArrow, .divReviewsRightArrow {
    background-position: center;
    background-repeat: no-repeat;
    height: 134px;
    width: 20%;
    float: left;
}

.divReviews {
    float: left;
    width: 60%;
}

.divReview {
    display: none;
}

    .divReview:first-child {
        display: block;
    }

.divReviewsLeftArrow {
    background-image: url('../Images/Feefo-Left-Arrow.png');
}

.divReviewsRightArrow {
    background-image: url('../Images/Feefo-Right-Arrow.png');
}

    .divReviewsLeftArrow:hover, .divReviewsRightArrow:hover {
        opacity: 0.7;
        cursor: pointer;
    }

.divReviewsStarBackground, .divReviewsStar {
    margin-top: 20px;
}

.divReviewsStar, .divReviewsStarBackground {
    height: 24px;
    width: 136px;
    background: url('../images/SpriteSheet.png?v=1') 0 129px;
}

.divReviewsStar {
    background: url('../images/SpriteSheet.png?v=1') 0 105px;
}

.divReviewsFeefo .divReviewsStarBackground {
    height: 24px;
    width: 136px;
    background: url('../images/SpriteSheet.png?v=1') 0 129px;
}

.divTrustpilotReviews .divReviewsStarBackground {
    height: 27px;
    width: 136px;
    background: url(../images/SpriteSheet.png?v=1) 0 55px;
}

.divReviewsFeefo .divReviewsStar {
    height: 24px;
    width: 136px;
    background: url('../images/SpriteSheet.png?v=1') 0 105px;
}

.divTrustpilotReviews .divReviewsStar {
    height: 27px;
    width: 136px;
    background: url(../images/SpriteSheet.png?v=1) 0 28px;
}

.Star4 {
    width: 107px !important;
}


.Star45 {
    width: 124px;
}

.divReview .SSMfont {
    font-size: 19px;
}

.divReviewsComment {
    font-size: 15px;
    margin-top: 5px;
}

@media (min-width:318px) {
    .divReviewsRating > div {
        padding: 0 7px;
    }

    .divTrustpilotReviews .ReviewsLogo {
        margin-top: 12px;
    }

    .divTrustpilotReviews .divReviewsOutOf {
        text-align: left;
        margin-left: 31px;
    }

    .divTrustpilotReviews .XXLfont {
        color: black;
        font-size: 27px !important;
        font-family: sans-serif;
        font-weight: bold;
    }

    .divTrustpilotReviews .divReviewsBasedOn {
        margin-left: 22px;
        line-height: 4px;
    }
}

@media (min-width:365px) {
    .divReviewsRating .Lfont {
        font-size: 47px;
    }

    .divFeefoReviews > .divReviewsLeftContentConatiner > .divReviewsLeftContent2 > div.RatingText1 {
        margin-left: 0px;
    }

        .divFeefoReviews > .divReviewsLeftContentConatiner > .divReviewsLeftContent2 > div.RatingText1 > .divReviewsRating > .Review.FontBold > .divReviewsOutOf {
            margin-top: -45px;
        }

        .divFeefoReviews > .divReviewsLeftContentConatiner > .divReviewsLeftContent2 > div.RatingText1 > .divReviewsBasedOn {
            margin-left: 7px;
        }

    .divTrustpilotReviews > .divReviewsLeftContentConatiner > .divReviewsLeftContent2 > div.RatingText1 > .divReviewsRating > .Review.FontBold {
        font-size: 40px;
        margin-left: 0px;
        margin-top: 7px;
    }

    .divTrustpilotReviews .Lfont {
        font-size: 47px;
    }

    .divReviewsBasedOn {
        height: 13px;
    }

    .divTrustpilotReviews .XXLfont {
        color: black;
        font-size: 40px !important;
        font-family: sans-serif;
        font-weight: bold;
    }

    .divTrustpilotReviews .divReviewsOutOf {
        text-align: left;
        margin-left: 12px;
        line-height: 13px;
    }

    .divTrustpilotReviews .divReviewsBasedOn {
        margin: 10px 0 0 4px;
        margin-left: 12px;
        line-height: 0px;
    }

    .divReviewsStarBackground, .divReviewsStar {
        margin-top: 10px;
    }
}

@media (min-width:720px) {

    .divReviewsContainer {
        display: flex;
        display: -webkit-flex;
        padding: 35px 5px;
        width: 100%;
    }

    .divFeefoReviews > .divReviewsLeftContentConatiner > .divReviewsLeftContent2 > div.RatingText1 {
        margin-top: -25px;
    }

        .divFeefoReviews > .divReviewsLeftContentConatiner > .divReviewsLeftContent2 > div.RatingText1 > .divReviewsRating > .Review.FontBold > .divReviewsOutOf {
            margin-top: -45px;
        }

    .divReviewsLeftContentConatiner, .divReviewsRightContent {
        width: 50%;
    }

    .divReviewsLeftContent1 {
        width: 50%;
    }

    .divReviewsLeftContent2 {
        width: 49%;
    }

    .divReviewsLeftContentConatiner, .divReviewsRightContent {
        margin-top: 0;
    }

    .divReviewsRatingFeefo {
        width: 122px;
    }

    .divTrustpilotReviews .divReviewsOutOf {
        margin-top: 22px;
        height: 33px;
    }

    .divTrustpilotReviews .divReviewsOutOf {
        margin: 0 0 0 5px;
        font-size: 14px;
        text-align: left;
        margin-left: 10px;
        line-height: 18px;
    }

    .divReviewsRating {
        width: 151px;
    }

    .divTrustpilotReviews .divReviewsRating {
        width: 144px;
        height: 33px;
    }

    .divTrustpilotReviews .divReviewsBasedOn {
        margin: 10px 0 0 4px;
        margin-left: 10px;
        line-height: 1px;
    }

    .divReview {
        min-height: 126px;
    }

    .divReviewsLeftContent {
        padding-top: 35px;
    }

    .divReviewsBasedOn.VVSfont {
        font-size: 14px;
    }

    .divTrustpilotReviews .XXLfont {
        color: black;
        font-size: 40px !important;
        font-family: sans-serif;
        font-weight: bold;
    }

    .divTrustpilotReviews > .divReviewsLeftContentConatiner > .divReviewsLeftContent2 > div.RatingText1 > .divReviewsRating > .Review.FontBold {
        margin-top: 0;
    }
}

@media (min-width:768px) {

    .divFeefoReviews > .divReviewsLeftContentConatiner > .divReviewsLeftContent2 > div.RatingText1 > .divReviewsBasedOn {
        margin-left: 2px;
    }

    .divTrustpilotReviews .divReviewsRating > div {
        padding: 5px;
    }

    .divTrustpilotReviews .divReviewsBasedOn {
        margin-left: 17px;
        line-height: 0px;
    }

    .divTrustpilotReviews .divReviewsOutOf {
        margin: 0 0 0 5px;
        font-size: 14px;
        text-align: left;
        margin-left: 12px;
        line-height: 18px;
    }

    .divReviewsReview .XXLfont {
        font-size: 100px !important;
    }

    .divReviewsLeftContent1 {
        width: 56%;
    }

    .divReviewsLeftContent2 {
        width: 44%;
        float: right;
    }

    .RatingText1 {
        height: 100px;
    }

    .divReviewsOutOf {
        vertical-align: top;
        margin-left: 92px;
        color: #9f9f9f;
        height: 15px;
        line-height: 4px;
        margin-top: -43px;
    }

    .divReviewsStarBackground, .divReviewsStar {
        margin-top: 20px;
    }

    .divReviewsBasedOn {
        color: #4f4f4f;
        height: 12px;
        margin-top: 10px;
    }

    .divTrustpilotReviews .XXLfont {
        color: black;
        font-size: 40px !important;
        font-family: sans-serif;
        font-weight: bold;
    }

    .divFeefoReviews > .divReviewsLeftContentConatiner > .divReviewsLeftContent2 > div.RatingText1 > .divReviewsRating > .Review.FontBold > .divReviewsOutOf span {
        margin-left: 30px;
    }
}

@media (min-width:1360px) {

    .divReviewsReview .XXLfont {
        font-size: 100px !important;
    }

    .divReviewsLeftContent1 {
        width: 56%;
    }

    .divReviewsLeftContent2 {
        width: 44%;
        float: right;
    }

    .RatingText1 {
        height: 100px;
    }

    .divReviewsOutOf {
        vertical-align: top;
        margin-left: 132px;
        color: #9f9f9f;
        height: 15px;
        line-height: 4px;
        font-size: 20px;
    }

    .divReviewsBasedOn {
        color: #4f4f4f;
        height: 12px;
        margin-top: 10px;
    }

    .divTrustpilotReviews.divReviewsContainer {
        padding-bottom: 50px;
    }

    .divTrustpilotReviews .XXLfont {
        color: black;
        font-size: 40px !important;
        font-family: sans-serif;
        font-weight: bold;
    }

    .divTrustpilotReviews .divReviewsOutOf {
        margin-left: 11px;
        text-align: left;
        line-height: 24px;
    }

    .divTrustpilotReviews .divReviewsBasedOn {
        margin-left: 16px;
        line-height: 0px;
    }

    .divReviewsOutOf {
        margin-left: 106px;
        margin-top: -45px;
    }

    .divFeefoReviews > .divReviewsLeftContentConatiner > .divReviewsLeftContent2 > div.RatingText1 {
        margin-top: -24px;
        padding-left: 20px;
    }

        .divFeefoReviews > .divReviewsLeftContentConatiner > .divReviewsLeftContent2 > div.RatingText1 > .divReviewsRating > .Review.FontBold > .divReviewsOutOf span {
            margin-left: 18px;
        }
}

.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;
    }
}

