html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{font-size:100%}
header{width:100%;height:35px}
header h1{width:100%;position:absolute;color:#FFFFFF;top:0;left:40%;height:56px;font:300 1.2em/1em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;background:url(../img/logo_sm.png) no-repeat;z-index:999}
h2{padding:0 15px 0 15px;font:600 1.4em/1.0em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif}
nav ul li{margin:0;font:600 1em/1.2em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif}
nav ul{position:relative;padding:0;margin:0;list-style:none}
nav a{display:block;color:#FFFFFF;text-decoration:none}
nav ul ul{display:none;position:absolute;top:37px;z-index:1}
nav ul ul li{float:none;display:list-item;position:relative}
.i1{grid-column:1 / span 1}
.i2{grid-column:2 / span 1}
.i3{grid-column:3 / span 1}
.i4{grid-column:1 / span 1}
.i5{grid-column:2 / span 1}
.i9{grid-column:1 / span 2}
.i30{grid-column:1 / span 1}
.i31{grid-column:2 / span 1}
.i32{grid-column:3 / span 1}
.i10{grid-column:1 / span 2;text-align:right;background:#222222 url(../img/communications.webp) no-repeat 0 90%}
.i24.fo4 p{padding:0 15px 20px 15px;margin:auto;font-weight:400}
/* Fallback for older browsers */
@supports not (display:grid) {.container {display:flex;flex-direction:column}
.header,.nav,.main-content,.footer{width:100%;padding:10px;margin:5px 0}}
a{color:#003D6B}
a:hover{color:red}
a:active{color:yellow}
.table{padding:10px 25px}
table td{padding:8px 25px}
.container .fo1{padding-bottom:20px;border-bottom:2px solid #0070C7}
.fo1{display:flex;flex-direction:column}
.fo1 h3{color:#000000;padding:6px 10px 5px 10px;text-align:center;font:600 1.2em/1em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif}
.fo1 p{padding:5px 0px 10px 0px;font:300 1.1em/1.4em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif}
.fo1 ul{padding:0 10px 0 10px;color:#666666;font:300 1em/1.2em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif}
.fo1 img{display:block;margin:0 auto}
.fo2 h3{color:#000000;text-align:center;font:600 1.2em/1.4em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif}
.fo2 p{font:600 1em/1.4em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif}
.fo2 ul{padding:5px 30px 5px 10px}
.fo2 li{color:#003157;padding:3px 5px 3px 3px;margin-left:25px;font:400 1.2em/1.2em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif}
.fo3 li{color:#3399FF;padding:5px 5px 0 25px;font:300 1em/1.2em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif}
.fo3 li a{color:#FFFFFF}
.fo4{display:flex;flex-direction:column}
.fo4 h3{color:#FFFFFF;padding:6px 10px 5px 10px;font:800 1em/1.2em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;text-align:center;background:#000000}
.fo4 .rel_wrap h4{background:#000000;border-top:none}
.fo4 .more li{line-height:1.2em;padding-bottom:15px}
.fo4 li h4 a{color:#3377AA}
.fo4 li a{display:block;color:#000000}
.fo4 p{padding:10px 18px 10px 18px;font:300 1.1em/1.2em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif}
.container .wrap .fo4 p a{color:333333}
.container .wrap .lht.fo1 p a,.container .wrap .lht.fo4 p a{color:#F17826}
a.hgt{width:100%;margin:0;text-align:center;color:#0070C7;letter-spacing:4px;font:800 1.2em/1.2em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif}
.fo4 .more a:visited{color:#F00000}
.fo4 .rel_wrap a{color:#FFFFFF}
.fo4 .rel_wrap a:visited{color:#FFFFFF}
.fo4 p i{text-transform:uppercase}
.wrap{border-radius:5px 0 0 0}
.fo4 .imgbox img{width:350px;margin-right:15px}
.fo4 .imgbox{display:flex;align-items:flex-start}
.fo4 ol{padding:0 40px 0 40px;font:300 1.2em/1.2em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif}
.fo4 ol li{padding:5px 10px 5px 8px;margin-bottom:5px;border-bottom:1px solid #CCCCCC;font:300 1em/1em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif}
.fo4 ol li:nth-last-child(1){border-bottom:none}
.fo4 ul li{margin-left:45px;padding:5px 7px 0 0;font:300 1.2em/1em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif}
.fo4 ul.smli li{padding:5px 2px 0 2px}
.fo4 .manufacturers{margin:auto 0}
.fo4 .manufacturers a{padding:0}
.fo5 .top_rated li h3{order:2;color:#003D6B;padding:6px 10px 15px 10px;font:600 1em/1.2em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;text-align:center}
.fo5 .top_rated li h3 a{color:#3377AA}
.rated.fo5 .top_rated li img{display:block;padding-bottom:10px;margin-left:auto;margin-right:auto}
.relevant.fo4 img{width:78%;display:block;padding-top:0;margin-left:auto;margin-right:auto}
.fo5 li{padding:60px 25px;list-style:none;font:300 1.1em/1.2em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif}
.fo5 .top_rated li p{order:3;color:#003D6B}
.rated h3 b{display:block;font-weight:800}
.fo6{display:flex;flex-direction:column}
.fo6 h3,.fo6 h4{padding:6px 10px 5px 10px;font:800 1.2em/1.2em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;text-align:center;background:#333333}
.fo6 h3{color:#FFFFFF}
.fo6 h4{color:#3377AA}
.fo6 p{padding:20px 35px 20px 30px;font:400 1.1em/1.4em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif}
.fo6 p i{text-transform:uppercase}
.fo6 img{width:75%;margin-left:auto;margin-right:auto;padding-top:10px}
.fo6 .imgbox{text-align:center}
.fo6 .imgbox img{width:auto;margin-left:auto;margin-right:auto;padding-top:10px}
.fo6 ol{padding:15px 10px 20px 40px;font:300 1.2em/1.2em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif}
.fo6 li{padding-bottom:8px;font:300 1.1em/1.2em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif}
.fo6 ul{padding:0 10px 0 10px;margin-left:5px}
.fo6 ul li{padding:15px 10px 0 10px;margin-left:20px}
.lht h3 a{color:#333333}
.ord1 img{order:1}
.ord1 h3{order:2}
.ord1 p{order:3}
.ord1 ul{order:4}
.one{background:#99CC33}
.one h3{color:#99CC33}
.two{background:#FF9900}
.two h3{color:#FF9900}
.container{max-width:2160px;margin:0 auto;padding-bottom:20px}
.container .workingswrap .fo6 .tips,.container .wrap .fo4 .imgbox .tips{margin:auto}
.container h2{padding:10px 25px 10px 25px;text-align:center}
.secwrap{width:100%;margin:0 auto;padding-bottom:20px;background:#000000}
.secwrap h2{color:#00A3CC;text-align:center;padding-top:10px;letter-spacing:6px}
.relevant{padding-bottom:15px;background:#000000}
.relevant h2{color:#99CC33;text-align:center;padding:15px;letter-spacing:3px;background:#222222}
.relevant h2 i{text-transform:uppercase;color:#F17826;letter-spacing:3px;background:#000000}
.rated{max-width:1920px;margin:0 auto;position:relative;padding-top:25px;padding-bottom:20px}
.rated h2{color:#003D6B;text-align:center;padding:0 25px 20px 25px;letter-spacing:3px}
.more h2{text-align:center}
.row{border-radius:5px;background:#FFFFFF}
.row h2{color:#000000;text-align:center}
.row iframe{padding-top:25px}
.booking{margin:0 auto}
.booking h3{color:#FFFFFF}
.booking label{display:block;text-align:left;font-size:1em;padding:10px 0 5px 0;color:#00A3CC}
.booking input{width:100%;border-radius:3px;border:1px solid #CCCCCC;background-color:#FFF}
.booking input:focus{background:#E0F9FF}
.booking li.customer{padding-top:35px}
.booking li.customer label{margin:7px 0}
.booking fieldset{padding:0 10%}
.booking li{padding:25px 0;list-style:none}
.booking fieldset legend{width:100%;text-align:center}
.booking textarea{width:100%;min-height:180px;padding:12px 10px;margin-bottom:3px;font-size:1.2em;box-sizing:border-box;border:2px solid #CCCCCC;border-radius:5px;background-color:#F8F8F8;resize:none}
.booking legend{color:#FFFFFF;font-size:20px}
.booking input[type=button],.booking input[type=submit],.booking input[type=reset]{background-color:#04AA6D;border:none;margin:10px auto;text-decoration:none;cursor:pointer}
.booking button{width:100%;background-color:#003D6B;margin-top:5px;padding:16px 32px;color:#FFFFFF;letter-spacing:3px;font-weight:600;cursor:pointer;border:1px solid #32BEFF;border-radius:7px}
.booking button:hover{background-color:#3399FF}
table.opening-hours tr{color:#000000;font:600 1.2em/1.0em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif}
table.opening-hours td{border-bottom:1px solid #32BEFF;padding-top:20px;padding-left:15px}
.business{width:100%}
.business .name{width:auto;color:#000000;font-size:1.2em;font-weight:600;text-align:center;padding-bottom:0}
.business li.logo{width:150px;margin:0 auto;padding:5px 25px 10px 0}
.business .description{width:auto;color:#000000;line-height:1.4em}
.business li.address{clear:both;border-top:1px solid #CCCCCC;padding:15px 50px;border-bottom:1px solid #CCCCCC}
.business li.address li{display:inline-block;font-weight:600}
.business ul.business_details{display:inline-block;padding:0;margin-left:15px}
.business ul.business_details ul{padding:0}
.business ul.business_details li{list-style:none}
.business li.telephone_us{padding:15px 30px;margin-left:50px;letter-spacing:2px;font-size:1.2em;background:url(../img/phone_icon2.png) 0% 50% no-repeat}
.business li.telephone_us a{color:#000000}
.business .business_details li.social{padding:10px 40px;margin-left:40px}
.business li.social a{color:#000;letter-spacing:3px}
.business .business_details li.social a.free_q:hover{color:#171717}
.business .business_details li.social a.free_q{width:37px}
.business .mid a:visited{color:#666666}
footer{border-top:11px solid #0070C7;border-bottom:11px solid #0070C7;background:#000000}
footer ul{padding:15px 0;margin-bottom:5px;list-style:none}
footer ul li h3{padding:0}
footer ul li{letter-spacing:1px;line-height:1.4em}
footer ul li a{position:relative;line-height:1.6em;border-bottom:1px solid #3377AA;padding-left:15px}
footer ul li a:before{content:" ";display:block;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #666666;position:absolute;top:50%;margin-top:-5px;margin-left:0;left:0;z-index:1}
footer ul li a:hover{color:#CCCCCC;border-bottom:1px solid #CCCCCC}
footer a{text-decoration:none}
.hours{margin:auto}
table td{padding:8px 5px}
fieldset input{width:67%;padding-left:10px;padding-right:10px;font-size:1.2em;border:none}
fieldset input:focus{padding-right:3%;border-color:#FFFFFF}
#contact label span{display:block;padding-bottom:0}
label{width:100%;color:#00A3CC;padding-left:1%;padding-top:5px;font-size:1.2em}
tr{font-size:1.2em;font:bold 100% Tahoma,Verdana,Arial,sans-serif}
label:nth-child(odd){color:#0070C7}
form div{margin:0;padding:0;text-align:center}
form div input{margin:0;padding:1.50em 10.50em;text-transform:uppercase}
form div input:hover{background-color:#3377AA}
input[type="text"]#url,#contact label.url,li label.url{display:none}
a.telephone_h{position:absolute;color:#000000;top:27px;right:5px;z-index:9999;padding:3px 8px 0 18px;text-decoration:none;font:600 normal 1em/1em 'Arial',Helvetica,sans-serif}
a.telephone_h b{display:none}
.telephone_h i{font-size:1.3em;padding-left:5px;font-weight:600;line-height:1.4em}
a.tel{padding-left:25px;padding-right:25px;color:#FFFFFF;text-align:center;border:none;letter-spacing:2px;font:600 1.6em/4.2em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif}
#scrollToTop{width:47px;height:47px;margin-bottom:6px;text-decoration:none;position:fixed;bottom:0;right:6px;text-indent:-9999em;z-index:9999;background:#FFFF00;border-radius:50%}
#scrollToTop:hover{background:#FFFFFF}
#scrollToTop,#scrollToTop:before,#scrollToTop:after{animation:pTop 0.3s linear}
#scrollToTop:before,#scrollToTop:after{content:" ";display:block;width:0;height:0;border-bottom:16px solid #0070C7;border-left:20px solid transparent;border-right:20px solid transparent;position:absolute;top:12px;margin-top:0;margin-left:-20px;left:50%;z-index:-1}
#scrollToTop:after{top:16px;margin-left:-20px;border-bottom:16px solid #FFFF00}
/* GLOBALS */
.booking li{vertical-align:middle;*display:inline}
*,*:after,*:before{box-sizing:border-box;padding:0;margin:0}::selection{background:transparent}
@media (min-width:1300px) {
.container h2{letter-spacing:3px;color:#000000;padding:5px 25px 10px 25px}
.drk{border-right:1px solid #32BEFF}
.fo4 .imbox img{width:100%;margin-right:115px}
.fo4 .imbox{align-items:flex-start;order:1}
.fo4 p{order:3}
}
@media (min-width:1268px) {
.tp2{border-left:1px solid #32BEFF;border-right:1px solid #32BEFF}
}
@media (min-width:1200px) {
.i7.lht.fo4 {display:flex;flex-direction:column}
.imbox{display:contents}
.o1{order:1}
.o2{order:2}
.o3{order:3;margin:auto 0}
.fo1 p{padding:15px 35px 15px 35px}
}
@media (min-width:1200px) {
nav{padding-left:5%}
a.telephone_h{top:0;right:0;padding:12px 15px 4px 22px;background:#000000 url(../img/phone_icon.png) 0 50% no-repeat}
.telephone_h{letter-spacing:2px}
.telephone_h:before{content:" ";display:block;width:0;height:0;border-top:32px solid transparent;border-bottom:0px solid transparent;border-right:50px solid #000000;position:absolute;top:50%;margin-top:-16px;margin-left:0;left:-50px;z-index:1}
.fo2 ul{padding:0 30px 0 80px;margin-bottom:25px;font:300 1.2em/1.2em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif}
footer{margin-top:15px}
.workingswrap{max-width:1920px;display:grid;margin:0 auto;padding:0px 10%;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;gap:30px}
.fo4 p{padding:20px 75px 20px 75px;font:600 1.1em/1.3em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif}
.more .fo4 p{padding:20px 15px 20px 15px;font:600 1.1em/1.4em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif}
.fo4.ext p{padding:20px 55px 20px 55px;font:600 1.1em/1.9em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif}
.fo6 .imgbox img{margin:0 75px}
.fo6 .imgbox img{margin-right:15px}
.fo6 .imgbox{display:flex;align-items:flex-start}
.more .wrapper{background:#FFFFFF;border-radius:5px 5px 0 0}
.one{border-radius:5px}
.two{border-radius:5px}
.business .description{padding:5px 50px 10px 50px}
}
@media (min-width:969px) {
html{background:#32BEFF}
header{position:relative;height:108px;z-index:9999}
header h1{position:relative;left:50%;width:52.5%;max-width:1920px;color:#32BEFF;margin:0 auto;min-height:108px;padding:45px 25px 5px 0;margin-left:-103px;text-align:right;font:400 1em/1.7em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;z-index:9999;background:url(../img/logo_800.png) no-repeat 25px 0}
nav{position:absolute;left:0;top:30px;width:100%;background:#000000;z-index:999}
nav:after{content:"";display:table;clear:both}
nav ul ul ul:after{content:"";display:table;clear:both}
nav label,nav input,nav label:hover,nav input:hover{display:none}
nav a:hover{background-color:#787878}
nav ul ul ul:after{display:table;clear:both}
nav ul li:hover>ul,nav ul ul li:hover>ul{display:inherit}
nav ul ul{top:47px;z-index:1}
nav ul ul li{width:120px}
nav li{position:relative}
nav li:hover>a:after{position:absolute;right:8px;border-left:6px solid #FFFFFF;transform:rotate(90deg)}
nav li li:hover>a:after{z-index:99999}
nav li>a:after{position:absolute;bottom:16px;right:8px;content:'';width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #FFFFFF}
nav li>a:only-child:after{border:none}
nav li.cheap{display:table-cell}
nav li.cheap.home_n{border-left:1px solid #3377AA}
nav li.cheap.home_n ul{background:#0070C7}
nav li.cheap.home_n a{padding-right:20px}
nav li.cheap a{padding:14px 20px 14px 15px;font-size:1em}
nav li.cheap li a{padding:14px 20px 4px 15px;font-size:1em;color:#FFFFFF;padding-left:15px;border-bottom:1px solid #3399FF}
nav li.cheap a:hover{color:#FFFF00;background:#000000}
.sticky{position:fixed;top:0;width:auto;background:none;padding-bottom:0px}
.sticky li.cheap a{padding:7px 20px 7px 15px;background:#003D6B}
.sticky li>a:after{bottom:8px}
.sticky ul ul{top:24px}
.sticky ul ul ul li{top:-29px}
.sticky li{line-height:1em;padding-top:0;margin:0;box-shadow:none}
.sticky .cheap{padding:0;letter-spacing:0;animation:mnu 0.3s linear}
nav li:hover>a:after{animation:mnuArrows 0.3s linear}
nav li.cheap li{animation:mnupop 0.2s linear}
@keyframes mnuArrows{from {transform:rotate(0deg)} to {transform:rotate(90deg)}}
@keyframes mnu{from {letter-spacing:2px;padding-top:3px} to {letter-spacing:0;padding-top:0}}
@keyframes mnupop{from {height:0} to {height:30px}}
@keyframes pTop{from {transform:translate(0,55px)} to {transform:translate(0,0)}}
h2{font:600 1.8em/1.4em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif}
.wrapper{background:url(../img/wrap_bk.png) no-repeat 50% 57%}
.rated{max-width:1300px;margin:0 auto;margin:20px auto;border-radius:5px 5px 0 0px;background:#FFFFFF}
.more{margin:20px auto;border-radius:5px}
.i10{grid-column:3 / span 1;background:url(../img/communications.webp) no-repeat 50% 75%}
.row{max-width:1300px;margin:15px auto 0 auto}
.row2{display:grid;grid-template-columns:2fr 2fr;gap2:30px}
.i20{grid-column:1 / span 1;border-radius:20px 0 0 0;background:#FFFFFF}
.i21{grid-column:2 / span 2;border-radius:0 20px 0 0;background:#FFFFFF}
.i23{grid-column:1 / span 2;background:#FFFFFF}
.i24{grid-column:3 / span 1;border-radius:0 0 5px 0;background:#FFFFFF}
.i27{grid-column:3 / span 1}
.i26{grid-column:1 / span 2}
.more h2{width:100%;max-width:1300px;margin:0 auto;color:#32BEFF;background:#FFF;letter-spacing:5px;background:#000000;border-radius:5px 5px 0 0}
.row h2{color:#000000;border-bottom:1px solid #32BEFF}
.rated h2{color:#32BEFF;text-align:center;padding:0 25px 0px 25px;letter-spacing:3px;background:#000000}
.fo1{padding:5px 0}
.wrapper .fo1{border-radius:5px;background:#FFFFFF}
.fo2 li{list-style:disc;font:300 1.2em/1.2em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif}
.fo2 ul{text-align:left;padding-bottom:25px}
.fo2 p{padding:15px 95px;color:#003157;border-radius:10px 0 0 10px;font:300 1.2em/1.4em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif}
.fo2{border-radius:10px 0 0 10px}
.fo2 h3{color:#000000;padding-top:10px;letter-spacing:4px}
.fo2 p a{color:#003157}
table{padding:10px 25px}
table td{padding:8px 25px}
.i1s2{grid-column:1 / span 2}
.i3s2{grid-column:3 / span 2}
.workingswrap{max-width:1920px;display:grid;margin:0 auto;padding:0 10%;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;gap:30px;background:#FFFFFF}
.i20.fo4 img{border-color:#00000;border-style:solid;border-width:0 25px 0 0;border-radius:20px 0 0 0}
.i21.fo4 img{border-color:#00000;border-style:solid;border-width:0 0 0 25px;border-radius:0 20px 0 0}
.fo4 h3{padding:6px 10px 5px 10px;font:800 1.1em/1.2em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;text-align:center;background:#000000}
.fo4 h3 b{color:#FFFF00}
.fo4 li a{padding:0 45px}
.fo6.fw img{display:block;width:45%}
.fo6.fw p{width:50%;margin:0 auto}
.fo4 ol li{font:300 1em/1.1em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif}
footer{gap:40px}
a.telephone_h{color:#FFFFFF}
}
@media (min-width:768px) {
a.telephone_h{background:#000000 url(../img/phone_icon.png) 0 50% no-repeat}
a.telephone_h{right:25px;top:27px;min-height:33px;padding-top:12px;padding-left:40px;background:#000000 url(../img/phone_icon.png) 5px 50% no-repeat}
}
@media (min-width:968px) and (max-width:1200px) {
.more .wrapper{background:#FFFFFF}
.workingswrap{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:30px}
.i30{grid-column:1 / span 1}
.i31{grid-column:2 / span 1}
.i32{grid-column:1 / span 2}
.fo6 .imgbox img{width:auto;margin-right:15px}
.fo6 .imgbox{width:auto;display:block;align-items:flex-start}
.fo6 img{width:75%;margin-left:12.5%;padding:0}
.fo4 p{padding:20px 75px 20px 75px;font:600 1.1em/1.3em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif}
}
@media (min-width:801px) and (max-width:1200px) {
nav{padding-left:1%;padding-top:0;background:#000000;z-index:999}
nav li.cheap a{padding:14px 8px 14px 8px}
.fo2 p{padding:10px 95px}
.fo2 ul{padding-left:24%}
.fo4.ext p{padding:20px 40px 0 40px;font:600 1.1em/1.4em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif}
.fo4 p{padding:10px 40px 10px 40px}
}
@media (min-width:701px) and (max-width:1200px) {
.fo2 ul{font:300 1.2em/1.2em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif}
footer{display:grid;grid-template-columns:2fr 2fr;grid-column:1 / -1;gap:0px}
.fo4 ol.tips2{padding:10px 10px 15px 140px}
}
@media (min-width:969px) and (max-width:1581px) {
nav{left:0;top:104px;padding-left:0}
nav li{padding:0}
header{position:relative;height:148px;z-index:9999}
header h1{color:#32BEFF;padding:114px 25px 5px 0}
a.telephone_h{right:25px;top:72px;min-height:33px;padding-left:40px}
}
@media (min-width:968px) and (max-width:1270px) {
.more .wrapper{max-width:1270px;display:grid;gap:1rem;margin:0 auto;grid-template-columns:1fr 1fr;grid-template-rows:auto}
.fo4 .imbox img{width:100%;margin-right:15px;order:1}
.fo4 .imbox{display:flex;align-items:flex-start;order:1}
.i7{grid-column:1 / span 2}
.i7.lht.fo4{display:flex;flex-direction:column}
.imbox{display:contents}
.o1{order:2}
.o2{order:1}
.o3{order:3;margin:auto 0}
}
@media (min-width:801px) {
.fwrap{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:2fr 2fr 2fr 2fr;grid-column:1 / -1;gap2:40px}
.top_rated{margin:0 auto;display:grid;grid-template-columns:auto auto auto auto auto}
.rel_wrap{max-width:1300px;margin:0 auto;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:30px}
.wrapper{max-width:1300px;display:grid;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;gap:30px}
.wrap{max-width:1300px;display:grid;margin:0 auto;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;gap:10px}
.booking{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:2fr 3fr;grid-column:1 / -1;gap2:40px}
.booking li.customer{grid-column:1 / span 1}
.booking li.datepicker{grid-column:2 / span 1}
.relevant div{padding-bottom:5px}
.booking ul{display:grid;grid-template-columns:1fr 1fr}
}
@media (min-width:768px) and (max-width:969px) {
nav{position:absolute;left:0;top:59px;width:100%;padding-left:5%;background:#000000;z-index:999}
nav:after{content:"";display:table;clear:both}
nav ul ul ul:after{content:"";display:table;clear:both}
nav label,nav input,nav label:hover,nav input:hover{display:none}
nav a:hover{background-color:#787878}
nav ul ul ul:after{display:table;clear:both}
nav ul li:hover>ul,nav ul ul li:hover>ul{display:inherit}
nav ul ul{top:37px;z-index:1}
nav ul ul li{width:250px}
nav li{position:relative}
nav li:hover>a:after{position:absolute;right:8px;border-left:6px solid #FF3300;transform:rotate(90deg)}
nav li li:hover>a:after{z-index:99999}
nav li>a:after{position:absolute;bottom:16px;right:8px;content:'';width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #666666}
nav li>a:only-child:after{border:none}
nav li.cheap{display:table-cell;border-left:1px solid #00A3CC}
nav li.cheap:nth-child(1){border-left:none}
nav li.cheap.home_n a{padding-right:20px}
nav li.cheap a{padding:14px 20px 14px 15px;font-size:1em}
nav li.cheap li a{padding:14px 20px 4px 15px;font-size:1em;background:#141414;color:#FFFFFF;border-bottom:1px solid #78 7878}
nav li.cheap a:hover{color:#F17826;background:#2B2B2B}
.sticky{position:fixed;top:0;width:auto;padding-bottom:0}
.sticky li.cheap a{padding:7px 20px 7px 15px;background:#141414}
.sticky li>a:after{bottom:5px}
.sticky ul ul{top:24px}
.sticky ul ul ul li{top:-29px}
.sticky li{line-height:1em;padding-top:0;margin:0;box-shadow:none}
.sticky .cheap{padding:0;letter-spacing:0;animation:mnu 0.3s linear}
nav li:hover>a:after{animation:mnuArrows 0.3s linear}
nav li.cheap li{animation:mnupop 0.2s linear}
@keyframes mnuArrows{from {transform:rotate(0deg)} to {transform:rotate(90deg)}}
@keyframes mnu{from {letter-spacing:2px;padding-top:3px} to {letter-spacing:0;padding-top:0}}
@keyframes mnupop{from {height:0} to {height:30px}}
@keyframes pTop{from {transform:translate(0,55px)} to {transform:translate(0,0)}}
a.telephone_h{color:#FFFFFF;padding-left:25px;background:#000000 url(../img/phone_icon2.png) 0 50% no-repeat}
}
@media (max-width:1668px) {
.wrapper{padding:0;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;gap:30px}
.booking{width:100%}
}
@media (max-width:1568px) {
.wrap{grid-template-columns:50% 10% 1fr;grid-template-rows:auto;gap:10px}
}
@media (max-width:1268px) {
.fo2 h3{background1:#000000}
.fo2 ul{margin:15px 0;border-top:1px solid #00A3CC;border-bottom:1px solid #00A3CC}
.wrapper{padding:0 25px;grid-template-columns:1fr 1fr 1fr 1fr}
.more .wrapper{padding:0 25px;grid-template-columns:1fr 1fr}
.wrap{padding:0 5px;grid-template-columns:repeat(auto-fit, minmax(1fr, 1fr))}
.i1{grid-column:1 / span 2}
.more .i1{grid-column:1 / span 1}
.more .i2{grid-column:2 / span 1}
.i2{grid-column:3 / span 2}
.i3{grid-column:1 / span 2}
.i4{grid-column:3 / span 2}
.i5{grid-column:1 / span 2}
.i6{grid-column:3 / span 2}
.i20{grid-column:1 / span 1}
.i21{grid-column:2 / span 2}
.i23{grid-column:1 / span 2}
.i24{grid-column:3 / span 1}
.i26{grid-column:1 / span 2}
.i27{grid-column:3 / span 2}
.fo4 ul li{display:inline-block;margin-left:15px;padding:20px 12px 0 0}
.fo1 p{padding:15px 15px 15px 15px}
.rel_wrap{width:98%;gap:20px}
.tp1{grid-column:1 / span 1}
.tp2{grid-column:2 / span 2}
.tp3{grid-column:4 / span 1}
.fo5 li{padding:20px 25px}
.booking label{display:block;text-align:left;font-size:1em;padding-left:3%;margin-top:5px;margin-bottom:3px;color:#CCCCCC}
.booking fieldset{padding:0 15%;display:block}
.i7 .imbox img.o1{width:85%;margin:0 auto}
}
@media (min-width:768px) and (max-width:969px) {
header{margin-bottom:70px}
header h1{left:0;min-height:91px;color:#000;text-align:center;padding:115px 0 25px 0;background:#32BEFF url(../img/logo_sm.png) no-repeat 50% 0}
.container h2{padding:40px 25px 5px 0px}
nav{background:#000000}
.i7.lht.fo4{display:flex;flex-direction:column}
.imbox{display:contents}
.o1{order:2}
.o2{order:1}
.o3{order:3;margin:auto 0}
.i7{grid-column:1 / span 2}
.more .wrapper{max-width:1270px;display:grid;gap:1rem;margin:0 auto;grid-template-columns:1fr 1fr;grid-template-rows:auto}
}
@media (max-width:968px) {
.rel_wrap{grid-template-columns:1fr 1fr 1fr 1fr}
.i20{grid-column:1 / span 3}
.i21{grid-column:1 / span 3}
.i23{grid-column:1 / span 4}
.i24{grid-column:1 / span 4}
.rel_wrap .one{grid-column:1 / span 2}
.rel_wrap .two{grid-column:3 / span 2}
.booking{display:grid;grid-template-columns:1fr 1fr;grid-column:1 / -1;gap:40px}
.business .description{padding:5px 0 10px 0}
}
@media (min-width:370px) and (max-width:767px){
a.telephone_h{background:url(../img/phone_icon.png) 0 50% no-repeat}
}
@media (max-width:768px) {
header{margin-bottom:70px}
header h1{left:0;min-height:91px;color:#000;text-align:center;padding:65px 0 25px 0;background:#32BEFF url(../img/logo_sm.png) no-repeat 50% 0}
.container h2{padding:0px 0px 5px 0px}
nav{position:relative;width:100%;z-index:9999}
nav:after{content:"";display:table;clear:both}
nav a{padding:0 30px;font-size:20px;line-height:30px}
nav a:hover{color:#FFFF00;background:#180E02}
#main-toggle{cursor:pointer;float:left;padding:28px 20px;position:relative}
.nav-icon{background:#FFFFFF;display:block;height:2px;position:relative;width:22px}
.nav-icon:before,.nav-icon:after{background:#000000;content:'';display:block;height:100%;position:absolute;width:100%}
.nav-icon:hover:before,.nav-icon:hover:after{background:#ABABAB;content:'';display:block;height:100%;position:absolute;width:100%}
.nav-icon:before{top:7px}
.nav-icon:after{top:-7px}
nav ul li{width:100%;padding:9px 0 8px 105px;display:block;float:left;border-bottom:1px solid #535353;background-color:#000000}
nav li.cheap.home_n{border-left:none}
nav ul li:hover>ul{display:inherit}
nav ul ul li{padding:0;margin-left:-30px;}
nav li .toggle{position:relative;transform:rotate(0deg)}
nav li .toggle:after{position:absolute;bottom:28px;right:35px;content:'';width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid gray;z-index:9999}
nav li.cheap label {color:#FFFF00}
.toggle,[id^=drop]{display:none}
.toggle+a,.menu{display:none}
.toggle{display:block;padding:0 30px;font-size:20px;line-height:80px;text-decoration:none;border:none}
[id^=drop]:checked+ul{display:block}
nav ul ul .toggle,nav ul ul a{padding:10px 55px}
nav ul li ul li .toggle,nav ul ul a{background-color:#000000}
nav ul ul{float:none;position:static;color:#BBBBBB}
nav ul ul li:hover>ul,nav ul li:hover>ul{display:none}
nav ul ul li{display:block;width:100%}
nav ul.menu li.cheap ul {clear:both;line-height:5px;margin: 0;padding: 0;}
nav li.cheap,nav li.cheap ul li{animation:mnuch 0.2s linear}
nav .toggle:after,nav li .toggle:after,nav li .toggle:hover:after,.nav-icon{animation:mnuArrows 0.3s linear}
@keyframes mnuArrows{from {transform:rotate(360deg)} to {transform:rotate(0deg)}}
@keyframes mnuch{from {height:0} to {height:66px}}
.wrap{grid-template-columns:1fr;gap:10px}
.fo2 p{padding:10px 35px 0 35px}
.rel_wrap{grid-template-columns:1fr;gap:10px}
.rel_wrap .one{grid-column:1 / span 1}
.rel_wrap .two{grid-column:1 / span 1}
.i1{grid-column:1 / span 1}
.i2{grid-column:1 / span 1}
.i3{grid-column:1 / span 1}
.i4{grid-column:1 / span 1}
.i5{grid-column:1 / span 1}
.i20{grid-column:1 / span 1}
.i21{grid-column:1 / span 1}
.i23{grid-column:1 / span 1}
.i24{grid-column:1 / span 1}
.top_rated{grid-template-columns:1fr}
.top_rated li{border-bottom:1px solid #CCCCCC}
.top_rated li:nth-child(1){grid-column:1 / span 1}
.top_rated li:nth-child(2){grid-column:1 / span 1}
.top_rated li:nth-child(3){grid-column:1 / span 1}
.top_rated li:nth-child(4){grid-column:1 / span 1}
.top_rated li:nth-child(5){grid-column:1 / span 1}
.fo5 li{padding:10px 25px}
.fo5 .top_rated li h3{padding:4px 10px 5px 10px;font:600 1em/1.2em "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;text-align:center}
.secwrap h2{background:#222222}
.rated h2{letter-spacing:1px}
.fo4 .imgbox img{width:50%;text-align:center;margin-left:25%}
.fo4 .imgbox{width:100%;display:block;margin:0 auto;align-items:normal}
.i7 .imbox img.o1{width:100%;margin:0 auto}
}
@media (min-width:1581px) {
a.telephone_h{top:12px}}
@media (max-width:768px) { .container {grid-template-columns:repeat(2, 1fr); grid-template-rows:repeat(8, 1fr); } } @media (max-width:480px) { .container { grid-template-columns:1fr; grid-template-rows:repeat(16, 1fr); } }