@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@100;200;300;400;500;600;700&display=swap');

:root {
	--red: #db1616;
	--inner-width: 1367px;
}

body, html{width:100%; height: 100%; margin: 0px; padding: 0px; box-sizing: border-box; margin-top: 30px}

body{font-size:16px; font-family: 'Barlow', sans-serif; overflow-x: hidden;}

div{background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; box-sizing: border-box}

h1, h2, h3{font-weight:normal; line-height: normal}
h1{font-size:50px}
h2{font-size:30px}
h3{font-size:24px}
h4{font-size:16px}

p{line-height: 1.6em; padding: 0 0 15px}

a{text-decoration: none; color: #313130}
img{max-width: 100%}

a, a:active, a:focus{outline: none;}

.red{color:var(--red)}
.bold{font-weight:700}
input[type=text], input[type=email], input[type=tel], input[type=date], input[type=number]{border:1px solid #7F959B; padding: 8px; color:#7F959B; margin: 5px 0}
select{padding:10px}
textarea{font-family: 'Barlow', sans-serif;}
article{min-height: 300px}

.lookupbutton{background: var(--red) !important; color: #fff !important; max-width:150px; display: block; padding: 8px 10px 10px; border:0px; transition:all 300ms ease}
.lookupbutton:hover{background-color: #000 !important}

.widthLimit{max-width:var(--inner-width); margin: 0 auto; padding: 30px 15px}

.dots{flex-wrap:nowrap; justify-content: center; align-items: center; display:none}
.dots > div{border:1px solid #000; background-color: #fff; width:20px; height: 20px; margin: 4px; border-radius:50px; cursor:pointer}
.dots > div.active{background: var(--red); border:1px solid var(--red); cursor:default}

#hpLeader{align-items: flex-start; margin: 100px auto}

#carouselOverlay{width:100%; height: 0px; position: relative; z-index: 2}
#carouselOverlay > div{position: absolute; top:0px; left:0px; width:100%}

.carOvFlex{width:100%; max-height:100%; min-height: 100%; display: flex; justify-content: flex-start; align-items: center; max-width:var(--inner-width); margin: 0 auto}
.carOvFlex > div{max-width:445px}
.carOvFlex h2{font-weight:700; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.6); color:#fff; font-size:58px}

.carOvFlexButtons{display: flex; justify-content: space-between; align-items: stretch}
.carOvFlexButtons > div{padding: 15px 20px; flex-grow:1; font-size:22px; font-weight:700; transition:all 300ms ease; width:50%; text-align: center}
.carOvFlexButtons > div:first-of-type{background: var(--red); color: #fff; margin-right: 15px;}
.carOvFlexButtons > div:last-of-type{background: #000; color: #fff; cursor:pointer}
.carOvFlexButtons > div:last-of-type:hover{background-color: #fff; color: #000}
.carOvFlexButtons > div:last-of-type:hover a{color: #000}
.carOvFlexButtons a{color: #fff}
.fa-phone{transform: scaleX(-1); margin-right: 5px;}

#carousel{position: relative; padding-bottom: 30%; min-height: 400px; background-color: #333; z-index: 1; box-sizing: border-box}
#carousel > div{width:100%; height:100%; position: absolute; top:0px; left:0px; background-size: cover; background-position: center; display:none}
#carousel > div:nth-of-type(1){display:block}

.carItem{display: none}
.carItem:first-of-type{display: block}

.pagination{max-width:1080px; margin: 60px auto}
.pagination a, .pagination .current{display:inline-block; padding: 2px 16px; background-color: #fff; border-radius:4px}

.font44{font-size: 44px}
.spacetext{text-transform:uppercase; letter-spacing: 3px}
.flex{display:flex; justify-content: center; align-items: center}
.flex > div{flex-grow: 1}
.center{text-align: center}
.post-edit-link{display: inline-block; padding: 4px 12px; color:#fff; font-size:12px; transition:all 0.3s ease; margin: 20px 0; border-radius:10px}
.post-edit-link:hover{text-decoration: underline}

.fixedwidth{max-width:100%; width:100%; margin: 0 auto}

.textblock{max-width:720px; width:96%; margin: 60px auto 30px; font-size:18px}
.textblock h2{font-size:45px; font-weight:700; text-align: center}
.textblock li{padding-bottom: 15px}

.enquiryform{background-color:#3A4245; padding: 40px 10px; text-align: center; color: #F7F4EC}
.enquiryform h2{color: #F7F4EC; font-size:36px}


/* Buttons */
.button{border:2px solid var(--red); background: #fff; transition:all 300ms ease; padding: 10px 30px 12px; margin:10px; text-align: center; color:var(--red); 
	display: inline-block; font-size:22px; font-weight:700; position: relative; cursor: pointer}
.button:hover{background: var(--red); color: #fff}

.blackbutton{border:2px solid #000; color: #000}
.blackbutton:hover{background: #000; color: #fff}

.hollowbutton{border:2px solid var(--red); transition:all 600ms ease; padding: 10px 30px 12px; margin:10px; text-align: center; color:var(--red); 
	display: inline-block; font-size:22px; font-weight:700; position: relative}
.hollowbutton:hover{color:#fff}
.hollowbutton span{display: block; width:0%; height: 100%; transition:all 600ms ease; background: var(--red); position: absolute; top:0px; left:0px; z-index: 1; overflow:hidden}
.hollowbutton div{z-index: 2}

.arrow{width:40px; position: absolute; top:22px; right:25px; height: 12px; transition:all 300ms ease}
.arrow > div{position: absolute; right:0px}
.arrow > div:first-of-type{border-bottom:1px solid #f7f4ec; height: 0px; top:5px; width:40px; transition:all 300ms ease}
.arrow > div:last-of-type{border-right:1px solid #f7f4ec; border-top:1px solid #f7f4ec; width:11px; max-width: 11px; height: 11px; transform:rotate(45deg); top:0px}

.lightbutton{background-color: #f2e6d6; color: #3a4245;}
.lightbutton .arrow > div{border-color: #3a4245 !important}
.lightbutton .arrow {border-color: #3a4245 !important}

.menubutton{display:block; margin: 5px auto 30px; padding: 20px; border:2px solid #707070; text-transform: uppercase; letter-spacing: 3px; font-size:18px; max-width: 200px; transition:all 300ms ease}
.menubutton:hover{background-color: #707070; color: var(--red); transform:scale(1.06)}

.errorfield{border:1px solid var(--red)}

.contentTextBlock{text-align: center; padding: 0px}

.hero{position: relative; background-color: #efefef; padding-bottom: 3%; display: block}
.hero h1{font-size:58px; font-weight:700; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.6); color:#fff; padding: 0 30px}

.hero > div{display: flex; position: absolute; top:0px; left:0px; width:100%; height: 100%; justify-content: center; align-items: center}
.hero > div > div{text-align: center}	

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	background-color: #000
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

header{background-color: #fff !important; color:#000; border-bottom:3px solid var(--red); padding: 10px 0; position: fixed; top:0px; left:0px; width:100%; z-index: 10}

#masthead{display: flex; justify-content: center; align-items: center; flex-wrap:nowrap; align-content: space-between; z-index: 10; font-size:14px; max-width:var(--inner-width); margin: 0px auto; padding: 10px 0; width:98%; background-color: var(--beige)}
#masthead > div{flex-grow:1; width:100%}
#masthead > div:first-of-type{max-width: 79px; padding-left: 10px}
#masthead > div:nth-of-type(2){max-width: 180px; padding-left: 15px; font-size:2rem; color:var(--red); font-weight:700}
#masthead > div:last-of-type{text-align:right; padding-right: 40px}
.logo img{width:69px; height: auto}


#mobMasthead{justify-content: space-between; align-items: center;position: fixed; top:0px; left:0px; width:100%; z-index: 100; background: #fff; display: none}
#mobMasthead > div{width:100%; text-align: center}
#mobMasthead > div:last-of-type{padding-right: 50px; color:var(--red); font-weight:700; font-size:20px}
#mobMasthead img{max-height: 52px; min-height:52px; width:auto}
#mobMasthead i{font-size:16px}

#mainnav{text-align: right; color:#000; font-size:16px; font-weight:700}
#mainnav ul{list-style: none; margin: 0px; padding: 0px}
#mainnav ul > li{padding: 6px 15px; margin: 0px; display: inline-block; position: relative}
#mainnav > ul > li > a{display:block; cursor:pointer; transition:all 300ms ease; padding: 2px 0px 5px; border-bottom:2px solid #fff}
#mainnav > ul > li > a:hover{color:var(--red); border-bottom:2px solid var(--red)}

#mainnav ul > li  ul{position: absolute; top:29px; left:0px; display: none; min-width: 180px; padding:0px}
#mainnav ul > li  ul > li{display:block; padding:0px}
#mainnav ul > li  ul > li > a{display:block; background-color: #fff; text-align: left; padding: 8px 5px 8px 15px; transition:all 300ms ease}
#mainnav ul > li  ul > li > a:hover{ background-color: var(--red); color: #fff}
#mainnav ul > li  ul > li:first-of-type{padding-top: 30px}
#mainnav ul > li  ul > li:last-of-type{padding-bottom: 10px}

#mainnav .current-menu-item a{border-bottom:2px solid var(--red);}
#mainnav > ul > li > ul .current-menu-item a{border:0px; background-color: var(--red); color: #fff !important}
 
#mobnavbutton{border-radius:2px; width:26px; height: 30px; position: fixed; top:10px; right:25px; cursor:pointer; display:none; z-index: 101; font-size:18px}
#mobnavbutton > div{margin: 6px 0; border:0px; border:1px solid #000}

#mobnav{background-color: #fff;  position: fixed; top:0px; left:0px; z-index: 120; display: none;  width:100%; height: 100%}
#mobnav ul{list-style: none; margin: 0px; padding: 0px; font-size:20px; background: #000; color: #fff; font-family: 'Barlow', sans-serif;}
#mobnav ul > li{padding: 0px; margin: 0px; display: block; position: relative}
#mobnav a{display:block; font-weight:700; font-size:34px; color:#fff; padding: 16px 4px; cursor:pointer; text-align: center; border-top:1px solid #333}
#mobnav li:first-of-type a{border:0px}

#mobnav ul > li  ul{display: none}
#mobnav ul > li  ul > li{display:block}
#mobnav ul > li  ul > li > a{background-color: #F7F4EC; color: #000 !important}
	
#mobnav a i{position: absolute; right:60px; top:15px; transition:all 100ms ease}

#mobNavHeader{display: flex; justify-content: space-between; align-items:center; height: 60px; background: #fff; border-bottom:2px solid var(--red)}
#mobNavHeader > div{padding: 10px}
#mobNavHeader > div:first-of-type{background-image:url(/wp-content/uploads/2021/01/logo-volks-red.png); 
	padding:0px; background-size: cover; background-repeat: no-repeat; background-position: left center; height: 100%; width:100px; position:relative}
#mobNavHeader > div:first-of-type a{display:block; position: absolute; top:0px; left:0px; width:100%; height: 100%}

#mobNavHeader > div:nth-of-type(2){color:var(--red) !important; font-size:20px !important; font-weight:700}
#mobNavHeader > div:nth-of-type(2) i{color:var(--red) !important}
#mobNavHeader > div:nth-of-type(2) a{color:#000 !important; font-size:20px !important; font-weight:700 !important; text-decoration: none !important; display: inline !important; border:none}

#mobNavHeader > div:last-of-type{padding-right:25px}
#mobNavHeader .fa-phone-alt{color: #000; right:20px; border:2px solid red}
#mobNavHeader .fa-times{color: #000; font-size:24px}


#mobnav #bookOnline{background: #fff !important; padding: 15px 5px 5px; margin: 0px}
#mobnav .bookflex{background: #fff; color:#000 !important; display:flex; justify-content: space-between; align-items: center; width:92%; max-width:100%}
#mobnav .bookflex #carreg{border:1px solid var(--red)}
#mobnav .bookflex input[type=button]{font-size:22px; padding: 9px 8px 10px}
#mobnav .bookflex input{box-sizing: border-box}
#mobnav .bookflex{flex-wrap:wrap; flex-direction: row}
#mobnav .bookflex > div{width:100%}
#mobnav .bookflex > div:nth-of-type(1){max-width:34% !important; text-align: left; font-size:16px}
#mobnav .bookflex > div:nth-of-type(2){max-width:64% !important; text-align:left}
#mobnav .bookflex > div:nth-of-type(3){max-width:100% !important}
#mobnav .bookOnline{background: #fff}

#carreg4{text-transform: uppercase; color: #000; font-weight:700}

footer{background-color: #000; padding: 40px 0 60px; color: #fff}
footer a{color: #fff; transition:all 300ms ease}
footer a:hover{color: #ccc}

#footerInner{display:flex; align-items: stretch; width:98%; max-width:var(--inner-width); font-size:14px; margin: 0 auto}
#footerInner p{margin: 0px; padding: 0 0 15px}
#footerInner h3{margin: 0px; padding: 0 0 15px; font-size:16px; font-weight:600px}
#footerInner > div{flex-grow:1; padding: 5px; flex-basis:20%}
#footerInner > div:nth-of-type(1){max-width:240px}
#footerInner > div:nth-of-type(1) img{max-width:59px; height: auto; margin-bottom: 30px}
#footerInner > div:nth-of-type(2){max-width:240px}
#footerInner > div:nth-of-type(2) p{line-height: 20px}
#footerInner > div:nth-of-type(3){max-width:240px}
#footerInner > div:nth-of-type(4){padding-right: 60px}
#footerInner > div:nth-of-type(4) h3{font-size:22px; fount-weight:700}
#footerInner > div:nth-of-type(4) img{height:40px; width: auto}
#footerInner > div:nth-of-type(5){max-width:200px}
#footerInner > div:nth-of-type(5) h3{padding: 0px}

#footerInner ul{list-style: none; padding: 0px; margin: 0px}
#footerInner ul > li{margin: 0 0 5px}
#footerInner a:hover{color:var(--red)}

.footlogos{padding-top: 60px; font-weight:500; font-size:16px; display: flex; justify-content: space-between; align-content: center}
.footlogos > div{flex-grow:1}
.footlogos > div:first-of-type{max-width:140px}
.footlogos img{margin: 0 10px 0 0}

.footersocials i{font-size:22px; margin: 15px 15px 0 0}

#menu-footer-menu{list-style: none; padding: 0px; margin: 0px; column-count:2}
#menu-footer-menu > li{display:block; padding: 4px 0px; margin: 0px}

#credit{width:98%; max-width: var(--inner-width); margin: 60px auto 0; display: flex; justify-content: space-between; align-items: center}
#credit > div{flex-grow:1}
#credit > div:last-of-type{text-align: right}
#credit > div:last-of-type a{color:var(--red)}
.entry{max-width: 1000px; margin: 60px auto}
.entry li{padding-bottom: 15px}

.pagelinks{width:100%;; max-width:1080px; margin: 0px auto; display:block; padding: 30px 0}
.pagelinks > a{display: inline-block; border:1px solid #efefef; padding: 2px 10px; border-radius:3px; transition:all 200ms ease}
.pagelinks > a:hover{background-color: var(--red); color: #fff; border-color:var(--red)}

/* COVID popup */
#covid{position: fixed; width:100%; height: 100%; top:0px; left:0px; background-color: rgba(255,255,255,0.8); display: flex; justify-content: space-around; align-items: center; z-index: 2000}
#covid > div{background: #f2ece4; padding: 30px; flex-grow:1; width:100%;  max-width:800px; margin: 10px; box-shadow:2px 2px 15px #666}
#covid h3{text-align: center; font-size:40px; padding: 0px; margin: 0px}
#covid a{color:#7f959b; font-weight:700}
#covid > div i{position: absolute; top:20px; right:20px; cursor:pointer; font-size:30px}
#covid > div i:hover{color:#7f959b}

/* cookiebar */
#cookiebar{padding: 20px; box-sizing: border-box; margin: 0px; display: flex; position: fixed; bottom:0px; left:0px; justify-content: space-between; align-items: center; font-size:14px; background: #000; color:#fff; max-width: none; width:100%; z-index: 99999999}
#cookiebar > div{flex-grow:1; width:100%}
#cookiebar > div:first-of-type{padding-right: 20px; min-width:80%; max-width:90%}
.cookiebutton{padding: 15px; background:var(--red); color:#fff !important; cursor:pointer; font-weight:700; text-align: center; transition:all 300ms ease}
.cookiebutton:hover{color:#fff; background: #333}

.bookOnline{background: #000; padding: 30px; color: #fff; border-top:3px solid var(--red); border-bottom:3px solid var(--red)}
.bookOnline .bookflex{display: flex; justify-content: space-between; align-items: center; max-width: var(--inner-width); margin: 0 auto}
.bookOnline .bookflex > div{padding: 0 10px 0;flex-grow:1}
.bookOnline .bookflex > div:nth-of-type(1){font-size:32px; font-weight:600; max-width:220px}
.bookOnline .bookflex > div:nth-of-type(2){font-size:16px; font-weight:400; max-width:320px}
.bookOnline .bookflex > div:nth-of-type(4){max-width:140px}
.bookOnline .bookflex > div:nth-of-type(5){max-width:90px; text-align: right; padding: 0px}
.bookOnline .bookflex > div:nth-of-type(5) img{width:60px}

.bookOnline .bookflex input[type=text]{width:100%; padding: 12px; border:0px; text-transform: uppercase; color: #000 !important; font-weight:700}
.bookOnline .bookflex input[type=submit], .bookflex input[type=button]{background: var(--red); color: #fff; border:0px; padding:12px 20px 14px}


.footregflex input[type=submit], .footregflex input[type=button]{
    background: var(--red);
    color: #fff;
    border: 0px;
    padding: 12px 20px 14px;
}

#bookboxfooter{position: fixed; box-sizing: border-box;  bottom:0px; left:0px; width:100%; z-index: 102; background: #000; color: #fff; padding: 10px 15px; font-size:12px; display: none}
#bookboxfooter strong{font-size: 1.3em; display: inline-block; margin-right: 5px}


.priceflex2{display: flex; justify-content: space-between; align-items: center; padding: 0px; margin: 10px 0 0; max-width: 99%}
.priceflex2 > div{flex-grow:1; width:100%; padding: 0px}
.priceflex2 > div:last-of-type{max-width: 100px}
.priceflex2 input{width:100%; border:0px}
.priceflex2 input[type=button], .priceflex2 input[type=submit]{background-color: var(--red); color: #fff; border:0px; font-size:16px; padding: 5px 0 6px}


.footregflex{display: flex; justify-content: space-between; align-items: center}
.footregflex > div{flex-grow:1}
.footregflex > div:last-of-type{max-width: 100px; text-align: right}
.footregflex input[type=text]{padding:12px; width:100%; border:0px}
.footregflex input[type=submit]{padding:12px 20px; border:0px; background: var(--red); color: #fff}

.footregflex input[type=submit], .footregflex input[type=button]{
    background: var(--red);
    color: #fff;
    border: 0px;
    padding: 12px 20px 14px;
}

.priceflex{display: flex; justify-content: space-between; align-items: center}
.priceflex > div{flex-grow:1; width:100%}
.priceflex > div:last-of-type{max-width: 100px}

.howitworks{background: #000; color: #fff; padding:60px 10px; text-align: center; margin: 30px 0}
.sectionheader{font-size:45px; font-weight: 700; margin: 0px; padding: 0 0 15px}
.howitworksflex{display: flex; justify-content: space-between; align-items:center; max-width:var(--inner-width); margin: 0 auto}
.howitworksflex > div{text-align: center}

.arrow-mobile{display:none}
.howitworksflex span{display: block; text-align: center; padding: 20px; border:1px solid #fff; max-width: 100px; margin: 0 auto; font-size:22px}
.howitworksflex p{max-width: 300px}

.services{text-align: center; padding:30px 0}
.serviceflex{display:flex; justify-content: flex-start; align-items: stretch; flex-wrap:wrap; max-width:1088px; margin: 0 auto}
.serviceflex > div{background: #fff; width:260px; margin: 0 15px 60px 0; text-align: left; overflow: hidden}
.serviceflex > div:nth-of-type(4n){margin-right: 0px}
.serviceflex .thumb{background-color: #efefef; aspect-ratio:16/9; cursor:pointer; background-size: cover; overflow: hidden}
.serviceflex .caption{background-color: rgba(219,22,22,0.5); color:#fff; padding: 8px; position: absolute; bottom:0px; left:0px; width:100%; font-size:16px; transition:all 600ms ease}
.serviceflex h2{font-size:24px; margin:0px; padding: 10px 0 20px; font-weight:700}
.serviceflex a{color:var(--red); padding: 0px; margin: 0px; font-weight:700; font-size:14px}

.serviceflex .overlay{background-color: rgba(219,22,22,0.5); color:#fff; font-size: 14px; padding: 10px 20px; position: absolute; bottom:-160px; left:0px; 
	width:100%; height: 100%; transition:all 600ms ease; line-height: 1.2em; overflow: auto}
.serviceflex .overlay p{padding:0; margin: 0; line-height: 1.2em}

.serviceflex .thumb:hover .overlay{bottom:0px}
.serviceflex .thumb:hover .caption{bottom:-40px}


/*
.instagram{margin: 30px auto; text-align: center}
.instagram h2{font-size:24px; font-weight:700; padding: 30px 0 0}
.sbi-owl-stage-outer{position: inherit !important; overflow: inherit}
.sbi-owl-nav{display:none}
*/

.advice{text-align: center; padding:30px 0}
.advice .view-article{display:none}

.adviceflex{display:flex; justify-content: space-between; align-items: stretch; max-width:1100px; margin: 0 auto 40px; flex-wrap:wrap}
.adviceflex > div{flex-grow:1; width:100%; max-width:352px; min-width:352px; text-align: left; box-shadow:0 0 5px #ccc; margin-bottom: 30px}
.adviceflex .thumb{aspect-ratio:16/9; background: #efefef; background-size:cover; background-position:center}
.adviceflex .thumb a{display: block; position: absolute; left:0px; top:0px;  width:100%; height: 100%}
.adviceflex .desc{padding: 15px 15px 0}
.adviceflex h2{padding: 10px 0 30px; margin: 0px; font-size:24px; font-weight: 700}
.adviceflex a{color:var(--red); font-weight: 700}

.reviews{text-align: center; padding:20px 0; position: relative}
.reviews .chevron{position: absolute; top:250px; ; font-size: 30px; cursor: pointer; transition:all 300ms ease}
.reviews .chevron:hover{opacity: 0.5}
.reviews .fa-chevron-left{left:100px}
.reviews .fa-chevron-right{right:100px}

.reviewsOuter{max-width:1100px; margin: 0 auto; overflow: hidden; display: block; height: 280px; position: relative}

.reviewsflex{display:flex; justify-content: space-between; align-items: stretch; flex-wrap: nowrap; position: absolute; top:0px; left:0px; transition:all 300ms ease}
.reviewsflex > div{flex-grow:1; min-width:352px; max-width:352px; text-align: left; background: #fff; margin-right: 15px}

.reviewsflex .descInner{min-height:150px; max-height: 150px; overflow: auto}
.reviewsflex .thumb{background: #efefef; border-radius:100px; min-width:60px; min-height:60px; max-width:60px; max-height:60px; margin-right: 15px; background-size:cover; background-position:center}
.reviewsflex .flex{margin: 15px 0 0}

.facilities{text-align: center; padding: 30px 0}
.facilflex{display: flex; justify-content: space-between; align-content: stretch; flex-wrap: wrap; max-width: 1088px; margin: 0 auto}
.facilflex > div{text-align: center; flex-grow:1; max-width: 32%; margin: 0 0 50px; min-height:270px; position: relative}
.facilflex h3{font-size:18px; font-weight:700}
.facilflex > div:first-of-type{}
.facilflex img{height:60px; width: auto}
.facilities .thumb{min-height:60px; display:flex; justify-content:space-around; align-items:center}
.facilflex > div .facButtonWrap{position: absolute; bottom:0px; left:0px; width:100%}

.twoColPhotoLeft{display: flex; justify-content: space-between; align-items: stretch; max-width:1088px; margin: 60px auto}
.twoColPhotoLeft > div{flex-grow: 1; max-width:50%}
.twoColPhotoLeft > div:first-of-type{padding: 15px 15px 0 0}
.twoColPhotoLeft > div:last-of-type{padding-left: 60px}
.twoColPhotoLeft > div:last-of-type p{margin: 0 }
.twoColPhotoLeft img{width:100%; height: auto; max-width: 100%}
.twoColPhotoLeft h2{font-weight: 700; font-size:45px; padding: 0 0 15px; margin: 0px}

.twoColPhotoRight{display: flex; justify-content: space-around; align-items: stretch; max-width:1088px; margin: 60px auto}
.twoColPhotoRight > div{flex-grow: 1; max-width:50%}
.twoColPhotoRight > div:last-of-type{padding-left: 15px}
.twoColPhotoRight > div:first-of-type{padding-right: 30px}
.twoColPhotoRight img{width:100%; height: auto; max-width: 100%}
.twoColPhotoRight h2{font-weight: 700; font-size:45px; padding: 0 0 30px; margin: 0px}

.brandSelector{text-align: center; margin: 30px auto; max-width:var(--inner-width)}

.brandWidget{max-width:100px; position: relative; margin: 30px auto; height: 60px}
.brandWidget .ledg{font-weight: 700; font-size:20px; position: absolute; right:0px; top:0px; width:60px; text-align: left; cursor:pointer}
.brandWidget .ledg2{top:35px}
.brandWidget .reddot{background: var(--red); width:15px; height: 15px; border-radius:100px; position: absolute; left:3px; top:6px; transition:all 400ms ease}
.brandWidget .circle{border:1px solid #000; width:21px; height: 21px; position: absolute; top:3px; left:0px; border-radius:40px; cursor: pointer}
.brandWidget .circ2{top:38px}
.brandWidget.active .reddot{top:41px}

.brandFlex{width:100%; display: flex; justify-content: center; align-items:center}
.brandFlex > div{flex-grow:1; margin: 10px; width:100%; overflow: hidden; max-width:140px; text-align: center; transition:all 600ms ease; cursor:pointer; border-bottom:3px solid var(--red); padding:5px 0}
.brandFlex > div:hover{background: var(--red)}
.brandFlex img{width:100px; height: 87px}

.brandFlex .active{ max-width:0px; margin:0px; opacity: 0}

.ctastrip{background-color: #000000; color: #fff; padding: 30px 15px; background-image: url("../img/cta-strip-bmw.jpg"); background-size: cover; background-position: center; margin: 60px auto}
.ctastrip > div{max-width:1100px; margin: 30px auto}
.ctastrip h2{font-size:45px; font-weight:700}



.vanstrip{background-image: url("../img/cta-strip-van.jpg"); margin-bottom: 0px; background-size: contain; background-position: center right}
.collectionstrip{background-image: url("../img/cta-collection-and-delivery.jpg"); background-size: contain; background-position: center right}



.teamlist{display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; max-width:1100px; margin: 30px auto; font-size:14px}
.teamlist > div{flex-grow:1; min-width:260px; max-width:260px; margin-right: 15px; margin-bottom: 30px}
.teamlist h3{font-size:24px; font-weight:700; margin: 10px 0 15px}
.teamlist .jobtitle{font-size:18px}
.teamlist .teamThumb{background: #efefef; padding-bottom: 100%; background-size: cover; background-position: center}

.teamlist .view-article{display:block; padding: 10px; text-align:center; color:#fff; background: var(--red); margin: 15px 0 0}

.teamitem .jobtitle{min-height:50px}
.teamexcerpt{padding-bottom: 65px; position: relative; min-height: 220px}
.teamexcerpt > div{position: absolute; bottom:0; left:-10px; display:block}
.teamexcerpt .button{padding:6px 30px 7px; font-size:16px}

.showme{margin: 30px auto; width:96%}
.showmeflex{display: flex; justify-content: space-around; align-items: center; text-align: center; max-width:1100px; margin: 0 auto}
.showmeflex > div{flex-grow:1; width:100%; max-width:30%; text-align: center}
.showmeflex .button{font-size:22px; padding: 10px !important; display: block; width:100%}
.showme h2{text-align: center}

.downloads{margin: 30px auto; width:96%; max-width: 1088px ;text-align: center}
.tips{margin: 30px auto; width:96%; max-width: 1088px ;text-align: center}
.faqs{margin: 30px auto; width:96%; max-width: 1088px ;text-align: center}

.blackstrip{background-color: #000; padding: 30px; color: #fff}
.blackstrip h2{color: #fff}

.carservicepricing{text-align: center; padding: 60px 10px 80px}

.tspflex{display: flex; justify-content: space-around; align-content: center; flex-wrap:wrap; max-width: 600px; margin: 0 auto; font-size:24px}
.tspflex > div{flex-grow:1; width:100%}

.tspflex > div > div{display: inline-block; width:100%; text-align: left; padding: 0 0 15px}
.tspflex > div > div:first-of-type{width:85%}
.tspflex > div > div:last-of-type{max-width:10%; color:var(--red)}

.carsWeService{padding:30px 0}
.carsWeService h3{font-size:25px; font-weight:500}
.carsWeService .sectionheader{padding-bottom: 0px}

.concertina{max-width:752px; width:96%; margin: 30px auto}
.concertina > div{margin:0 0 10px}
.concertina h3{background: #000; color: #fff; padding: 4px 5px 7px 15px; margin: 0px !important; text-align: left; cursor:pointer; font-size:22px}
.concertina h3 i{position: absolute; top:4px; right:10px; font-size:30px}
.concertina .answer{background: #fff; text-align: left; border:1px solid #fff; padding: 10px 15px; display:none; font-size:18px}

.offersList{width:96%; max-width:720px; margin: 15px auto 60px; font-weight:700px; font-size:24px}
.offersList > div{border-bottom:1px solid #ccc; padding: 20px 5px 20px 60px; background-image: url("../img/placeholder.gif"); background-position: center left 15px; background-repeat: no-repeat; background-size: 24px 24px}

.contactflex{display:flex; max-width: 1088px; margin: 60px auto; justify-content: space-between; align-items: stretch}
.contactflex > div{flex-grow:1; width:100%; padding:0 15px}
.contactflex > div:last-of-type{max-width:400px}
.contactflex label{font-weight:700; font-size:20px}
.contactflex input[type=submit], .contactflex input[type=text], .contactflex input[type=email]{border:0px; border-bottom:1px solid #ccc; padding-left: 0px; font-size:16px; width:100%; max-width:536px}
.contactflex textarea{padding:15px; font-size:16px; width:100%; max-width:536px; margin-top: 10px}
.contactflex input[type=file]{border:none !important; padding: 0 !important}
.contactflex input[type=submit]{border:3px solid var(--red); color:var(--red); background:#fff; font-weight:700; font-size:20px; padding:10px; max-width:166px}
.contactflex a{transition:all 300ms ease}
.contactflex a:hover{color:var(--red)}


.wpcf7-response-output{text-align: center; background-color: #DDFFE1; padding: 15px !important; border-radius:4px !important}

.wp-block-list li{padding: 0 0 10px}

.custom-file-input::-webkit-file-upload-button {
	visibility: hidden;
}
.custom-file-input::before {
    content: 'Upload a file';
    display: inline-block;
    background: linear-gradient(top, #f9f9f9, #e3e3e3);
    border: 3px solid var(--red);
    color:var(--red);
    padding: 10px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: 1px 1px #fff;
    font-weight: 700;
    font-size: 14pt;
}
.custom-file-input:hover::before {}
.custom-file-input:active::before {}

.contactitem{margin:0 0 30px; font-size:18px; font-weight:700; padding: 15px 5px 15px 44px; background-image: url("../img/placeholder.gif"); background-size: 30px 30px; background-position: top 12px left}
.contactitem p{margin: 0px; font-weight: inherit}

.contactitem.tel{background-image:url(/wp-content/uploads/2021/04/Phone-Icon.svg)}
.contactitem.whatsapp{background-image:url(/wp-content/uploads/2021/04/WhatsApp-icon.svg)}
.contactitem.email{background-image:url(/wp-content/uploads/2021/04/Email-Icon.svg)}
.contactitem.address{background-image:url(/wp-content/uploads/2021/04/Address-Icon.svg)}
.contactitem.hours{background-image:url(/wp-content/uploads/2021/04/Clock-Icon.svg)}

.downloads{padding: 60px 0}
.downloadList{width:96%; max-width:720px; margin: 30px auto; font-size:20px; font-weight:700}
.downloadList > div{display:flex; justify-content: space-between; align-items: center; border-bottom:1px solid #ccc; padding: 30px 0 30px 5px}
.downloadList > div > div{width:100%; font-size: 26px}
.downloadList > div > div:first-of-type{color:var(--red); font-size:46px; max-width:50px; padding-right: 15px}
.downloadList > div > div:nth-of-type(2){text-align:left}
.downloadList > div > div:last-of-type{max-width: 150px}
.downloadList > div > div:last-of-type a{color: var(--red); transition:all 300ms ease}
.downloadList > div > div:last-of-type a:hover{color: #000}

.somethingElse{text-align: center; margin: 60px auto}
.somethingElse h3{font-size:2.5rem; color:var(--red)}
.elseflex{display:flex; justify-content: space-between; align-items: center; width:96%; max-width: 900px; margin: 0 auto}
.elseflex > div{width:100%; max-width: 32%}
.elseflex .hollowbutton{display: block}

.models{margin: 0 auto 60px}
.modelflex{display: flex; justify-content: flex-start; align-items:center; flex-wrap: wrap; margin: 0px auto; width:96%; max-width:1088px}
.modelflex > div{flex-grow:1; width:100%; min-width:260px; max-width:260px; margin: 5px 5px 50px; padding: 15px 5px 0}
.modelflex .mfinner{background-color: #000; color: #fff; padding-top: 15px}
.modelflex .mfinner a{color: #fff; text-align: center; display: block}
.modelflex .mfinner a:first-of-type{}
.modelflex .mfinner a:last-of-type{font-size:24px; padding-top:15px; padding-bottom: 15px}
.modelflex .mfinner h3{font-weight:700; padding: 0px; margin: 0px; font-size: 24px; text-transform: uppercase; text-align: center}
.modelflex .button{margin-left: 0px}

.refFriend p{max-width:400px}
.refFriend a{color:var(--red)}

.refflex{display: flex; justify-content: space-between; align-items: center; max-width: 400px}
.refflex > div{flex-grow:1}
.refflex > div:first-of-type{margin-right: 5px}
.refflex > div:last-of-type{ text-align: center; padding: 15px 0; background-color: var(--red); color: #fff; cursor:pointer}
.refflex input{width:100%; padding: 14px}

.regFlex{display: flex; justify-content: space-between; align-items: center; max-width: 140px; margin: 15px auto 0}
.regFlex > div{width:100%; text-align: center; font-size:14px; text-transform: uppercase; color: #fff}
.regFlex > div:nth-of-type(odd){background-color: var(--red); padding: 4px 6px}
.regFlex > div:nth-of-type(2){max-width: 20px}

.years{text-align: center; font-size:20px; padding: 15px 0}


.modelPriceflex{display: flex; justify-content: space-around; align-items: stretch; max-width:1000px; margin: 0 auto; padding: 0 10px; flex-wrap:wrap}
.modelPriceflex > div{width:100%; max-width:444px; min-width:444px; margin-bottom: 90px}
.modelPriceflex > div h3{margin: 0px; background: #000; color: #fff; padding: 5px 10px; text-transform: uppercase; font-weight:700}

.subModFlex{display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; margin: 10px auto}
.subModFlex > div{width:100%; padding: 5px 15px}
.subModFlex > div:nth-of-type(odd){max-width:80%}
.subModFlex > div:nth-of-type(even){color:var(--red); max-width: 20%; text-align: right; font-weight:700}

/* whatsapp */
#qlwapp .qlwapp-toggle, #qlwapp .qlwapp-box .qlwapp-header, #qlwapp .qlwapp-box .qlwapp-user, #qlwapp .qlwapp-box .qlwapp-user:before{background: var(--red)}
.qlwapp-text{display: none !important}

.bookform{display: flex; justify-content:space-around; align-items: stretch; max-width: 900px; margin: 60px auto}
.bookform > div{width:100%; padding: 15px}
.bookform > div:nth-of-type(1){}
.bookform > div:nth-of-type(2){background: #f3f3f3; max-width: 300px}

.bookform label{display:block; padding: 0; margin: 0; font-size: 12px; font-weight: bold}

.bookform > div:nth-of-type(1) h2{font-size:14px; font-weight:bold; color:var(--red); border-bottom:1px solid #ccc; padding: 20px 0 5px; margin: 0 0 15px}
.bookform > div:nth-of-type(1) h2:first-of-type{padding-top: 0px}
.bookform > div:nth-of-type(1) h3{font-size:18px; font-weight:bold}
.bookform > div:nth-of-type(2) h2{font-size:18px; font-weight:bold}

.bookform input{width:100%; margin-bottom: 15px; color: #333}
#registration{max-width: 200px; color: #000; font-weight:700; text-transform: uppercase}

.disclaimer{font-size:14px}

.bookingFlex{display: flex; justify-content: space-around; align-items: stretch}
.bookingFlex > div{text-align: left; width:100%; font-size:14px; padding: 4px 10px 4px 0}
.bookingFlex > div:last-of-type{max-width:90px}
.bookingFlex > div:last-of-type hr{border:0px; border-bottom:1px solid #666; margin: 15px 0}

.ourTc{padding-bottom: 10px}
.tcflex{display: flex; justify-content: space-around; align-items: flex-start; margin: 0 0 30px}
.tcflex > div{width:100%}
.tcflex > div:first-of-type{max-width: 30px; text-align: left}
.tcflex input{width:15px; height: 13px}
.tcflex a{color: var(--red)}

.bookbutton{background: var(--red); color:#fff; display: block; cursor:pointer; text-align: center; padding: 10px 5px 13px; transition:all 300ms ease}
.bookbutton:hover{background: #000}

#bookingError{color:var(--red); background: #fff; padding: 10px; border:2px solid var(--red); text-align:center; display: none}

.diarytable{font-size:16px; margin: 15px auto}

.diarytable tbody > tr:first-of-type > td{text-align: center}
.diarytable tbody > tr:first-of-type > td:first-of-type{font-size:1.4em; cursor:pointer}
.diarytable tbody > tr:first-of-type > td:first-of-type:hover{color: var(--red)}
.diarytable tbody > tr:first-of-type > td:nth-of-type(2){font-weight:700; color: var(--red)}
.diarytable tbody > tr:first-of-type > td:last-of-type{font-size:1.4em; cursor:pointer}
.diarytable tbody > tr:first-of-type > td:last-of-type:hover{color:var(--red)}

.diarytable td, .diarytable th{padding:5px 6px 6px; border-radius:0px}
.diarytable td{}
.diarytable th{font-weight:normal; border-bottom:1px dotted silver}
.diaryTd{width:22px; border:1px solid #ccc; border-radius:3px; text-align: center}

.diarytable .today{background: #666 !important; color: #fff; border-radius:0px; opacity: 1 !important}
.diarytable .normal{background: #fff}
.diarytable .unavailable{cursor: not-allowed; opacity: 0.5}
.diarytable .unavailable:hover{background: #ccc}
.diarytable .clickable{cursor: pointer}
.diarytable .clickable:hover{background-color: greenyellow; font-weight:700}
.diarytable .taken{ background: var(--red) !important;}
.diarytable .empty{background: #ccc; border:1px solid #ccc}

.bookItemFlex{display: flex; justify-content: space-around; align-items: center; margin: 0 0 5px}
.bookItemFlex > div{width:100%; text-align: left !important}
.bookItemFlex > div:first-of-type{max-width:30px; text-align: left}
.bookItemFlex > div:last-of-type{max-width:90px; text-align: right !important; font-weight: 700}
.bookItemFlex input{margin:0 !important; width:20px; height: 20px}
.bookItemFlex i{cursor:pointer; transition:all 300ms ease}
.bookItemFlex i:hover{color:var(--red)}

.bookTooltip{position: absolute; top:30px; left:0; background: #000; color: #fff; padding: 10px 15px; font-size:12px; width:100%; max-width: 300px; display: none; z-index: 1000; cursor:pointer}
.bookTooltip i{position:absolute; top:6px; right:6px; font-size:16px}

#bookpanel h3{display: block; position: relative; cursor:pointer}
#bookpanel h3:hover{color:var(--red)}
#bookpanel h3 > i{color:var(--red); position: absolute; right:0px; top:0px}
#bookpanel > section > section{display: none}

#bookingConfirm{text-align:center; padding: 30px; display: none}

.twoColPhotos{display:flex; justify-content: space-around; align-items: stretch; max-width: 800px; margin: 0px auto}
.twoColPhotos > div{width:100%; max-width: 50%; margin: 15px}
.twoColPhotos > div > div:first-of-type{text-align:center}
.twoColPhotos > div > div:last-of-type{padding: 30px}
.twoColPhotos img{max-width: 100%}

.archiveloop{display:flex; justify-content: space-between; align-items: stretch; flex-wrap:wrap; max-width: 1200px; margin: 0 auto}
.archiveloop > article{width:100%; max-width:320px}

.serviceForYouflex > div p{}

.serviceDisclaimer{font-size:12px; opacity: 0.6}

#wpadminbar{position: fixed !important; bottom:0 !important; left:0 !important}

article > iframe{max-width: 100vw; width:100vw; display: block}

.wp-block-group{max-width: 1200px; padding: 0 30px; margin: 0 auto}

.wp-block-gallery{max-width: 1200px; margin: 0 auto}

.wp-element-button {
    border: 2px solid var(--red) !important;
    background: #fff !important;
    transition: all 300ms ease !important;
    padding: 10px 30px 12px !important;
    margin: 10px !important;
    text-align: center !important;
    color: var(--red) !important;
    display: inline-block !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    position: relative !important;
    cursor: pointer !important;
	border-radius: 0 !important
}

#promiseDots{display: none}
.ti-widget{background:#f8f8f8}



@media (max-width: 1367px) {
	.carOvFlex{max-width: 96% !important}
	
	#footerInner{flex-direction: column; width:80%; max-width: 80%}
	#footerInner > div{padding: 0 0 30px !important; max-width:100% !important}
	#footerInner > div:nth-of-type(1){padding: 5px 0; max-width:72px}
	#footerInner > div:nth-of-type(2){padding: 0 0 15px}
	#credit{flex-direction:column}
	#credit > div{max-width:100%; padding: 0 0 10px}
	header{padding: 0px}
}

@media (max-width: 1250px) {
	.twoColPhotoLeft{max-width: 96%}
	.reviewsflex{max-width: 90%}
	.carOvFlex{margin: 0 15px}
}

@media (max-width: 1199px) {
	#mainnav{display: none}
	#mobnavbutton{display:block}
	#masthead{display: none}
	#mobMasthead{display: flex}
}

@media (max-width: 1100px) {
	.teamlist{justify-content: space-around}
	.reviews .chevron{display: none}

	.reviewsOuter{max-width: 352px; margin: 0 auto}
	.reviewsflex{max-width: 350px; margin: 0 auto !important}
	.reviewsflex > div{display: none}
	.reviewsflex > div:first-of-type{display: block}
	.modelPriceflex{flex-wrap:wrap}
	.adviceflex{max-width:96%; justify-content: space-around}
	.adviceflex > div{margin-right: 4px; max-width:260px; min-width:260px}
	.adviceflex .desc .copy{display: none}
	.wp-block-heading{padding-left: 30px; padding-right: 30px}
	.entry{padding-left: 30px; padding-right: 30px}
	.has-text-align-center{padding-left: 30px; padding-right: 30px}
}
	
@media (max-width: 1000px) {
	.howitworksflex{flex-direction: column}
	.howitworksflex > div{max-width:100%}
	.howitworksflex > div:nth-of-type(even){height:80px}
	.howitworksflex > div:nth-of-type(even) img{margin-top: 15px}
	.arrow-desktop{display:none}
	.arrow-mobile{display:inline}
	.serviceflex{max-width: 96%; justify-content: space-around !important}
	.serviceflex > div{ margin: 0 auto 30px !important}	
}

@media (max-width: 900px) {
	.bookflex{flex-direction: column; flex-wrap: wrap}
	.bookflex > div{width:100%; max-width:60% !important; padding: 0 0 15px 0 !important; text-align:center}
	
	.twoColPhotoLeft{flex-direction: column}
	.twoColPhotoLeft > div{max-width: 100%; padding: 0 0 30px !important; margin: 0 30px}

	.showmeflex{flex-direction: column; max-width:300px; margin: 0px auto}
	.showmeflex > div{max-width: 100%}
	
	.contactflex{flex-direction: column}
	.contactflex > div{max-width: 100%}
	
	.tspflex{flex-direction: column}
	.tspflex > div{width:100%; max-width:90%}
	
	.elseflex{flex-direction: column; max-width: 300px}
	.elseflex > div{max-width:100%; width:100%}
	.elseflex .hollowbutton{display: block}
	
}

@media (max-width: 800px) {
	#wpadminbar{display:none}
	html, body{margin-top: 0px; padding-top: 0px}
	#menu-footer-menu{flex-direction: column; column-count: 1}
	#menu-footer-menu > div{width:100%; min-width:100%; flex-basis:auto; max-width:100% !important; text-align: center}
	.facilflex{flex-direction: column; justify-content: space-around !important; max-width:96%}
	.facilflex > div{ margin: 0 auto 30px; max-width:400px}
	.brandFlex{max-width: 96%; flex-wrap: wrap}
	.twoColPhotoRight{flex-direction:column}
	.twoColPhotoRight > div{max-width: 100%; padding:0 0 30px; margin: 0 30px}
	
} 

@media (max-width: 700px) {
	#cookiebar{flex-direction: column}
	#cookiebar > div{min-width:100%; max-width:100%; text-align: center}
	.ctastrip{background-position: center right -200px} 
	#bookboxfooter{display: block}
	.downloadList > div{flex-wrap: wrap; justify-content: flex-start}
	.downloadList > div > div:nth-of-type(1){}
	.downloadList > div > div:nth-of-type(2){max-width:80%}
	.downloadList > div > div:nth-of-type(3){max-width:100%; min-width: 100%; text-align: left; padding: 10px 0 0 50px}
    #topBook{display:none}
    .bookform{flex-direction:column}
    .bookform > div{max-width: 100% !important}
    #summaryPanel{margin: 0 auto !important}
    #qlwapp.qlwapp-bottom-left, #qlwapp.qlwapp-bottom-right {bottom: 50px;}
	.textblock{max-width: 90% !important}
	.qlwapp__button{transform: translate(0, -70px)}
}
@media (max-width: 600px) {
	#covid{width:100%; display: block; justify-content: space-around; align-items: center}
	#covid > div{width:100%;  max-width:90%; margin: 110px auto 0; box-shadow:none; max-height: 60vh; overflow: auto}
	#covid h3{font-size:24px}
	
	.reviewsflex > div{display: none}
	.reviewsflex > div:first-of-type{display: block}
	.dots{display: flex; margin-bottom: 15px}
	.hero h1{font-size:40px}
	.sectionheader, .ctastrip h2, .twoColPhotoLeft h2{font-size:30px}
	.brandSelector .sectionheader{padding-left: 20px; padding-right: 30px}

	#promiseDots{display: flex}
	#promise-block{max-width:420px; margin: 0 auto}
	
	.facilflex{min-height: 320px; max-width: 320px; margin: 0 auto}
	.facilflex > div{position: absolute; top:0; left:0; width:100%; max-width: 100%; display: none}
	.facilflex > div:first-of-type{display: block}
	.services-block{min-height: 280px}
	.services-block > div{min-height: 280px}
	
	.qlwapp__button{transform: translate(0, -90px)}
	#carreg3{border:1px solid #ccc}
	.bookOnline{padding: 10px 5px}
	#mobnav .bookflex{max-width: 100%; width:100%}
	#mobnav .bookflex input[type=button]{font-size:1.7rem; padding: 12px 8px 13px}
	#mobnav .bookflex > div:nth-of-type(1){max-width: 25% !important; padding-left: 10px !important}
	#mobnav .bookflex > div:nth-of-type(2){max-width: 75% !important; font-size:1.6rem; padding-left: 10px !important}
	#mobnav .bookflex > div:nth-of-type(3){padding: 0 10px !important}
	.howitworksflex > div{padding-left: 30px; padding-right: 30px}
	.promise-content{padding-left: 30px !important; padding-right: 30px !important}
	.adviceflex > div {margin: 9px auto; max-width: 300px; min-width: 300px}
	
	.serviceflex > div{width:300px}
}

@media (max-width: 400px) {
	#mobnav{overflow: auto}
	.bookflex{flex-direction: column}
	.bookflex > div{max-width:100% !important}
	.carOvFlex h2{font-size: 30px; line-height: 34px}
	.carOvFlexButtons{flex-direction: column}
	.carOvFlexButtons > div{max-width:90%; width:100%}
	.carOvFlexButtons > div:first-of-type{margin: 0 0 10px}
}