:root { --blue:#007bff; --text:#222; --muted:#6c757d; }
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body.cdnpages-body{font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif;color:var(--text);background:#fff}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
.w100{width:100%}
.h1{height:1px}
.fl{float:left}
.fr{float:right}
.cl::after{content:"";display:block;clear:both}
.t-c{text-align:center}
.m-a{margin:0 auto}
.m-t{margin-top:30px}
.br{border:1px solid #e5e5e5}
.br-t{border-top:1px solid #e5e5e5}
.br-r-4{border-radius:4px}
.w1000-i{max-width:1000px}
.pd-l-r{padding:10px 15px}
.f-b{font-weight:600}
.f-m{font-size:14px}
.content{background:#fff}
.container{max-width:1000px;margin:0 auto;padding:20px}
.btn{display:inline-block;padding:10px 16px;border:1px solid var(--blue);border-radius:4px}
.text-muted{color:var(--muted)}
.shadow{box-shadow:0 2px 6px rgba(0,0,0,.05)}


#header{background:#fff;position:relative;z-index:2;border-bottom:1px solid #e1e4e8;padding:15px}
#header .homeContainer{max-width:1000px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}
.logo{width:180px}
#topMenu{padding-top:7px;text-align:right}
#topMenu span+span{margin-left:14px}
#topMenu a{font-weight:600;color:#5f6368;text-decoration:none}
#topMenu a:hover{color:#e56f04;text-decoration:underline}


.rf{font-size:16px;color:#333;margin:18px auto;max-width:1000px;padding:0 15px;display:block}
.content .f-heading{display:block;font-size:22px;margin:10px 0 5px}
#forBusiness{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:8px;padding-top:2%}
#search,#where{min-width:280px}
#search{flex:1 1 420px;width:46%;padding-right:1%}
#where{flex:1 1 420px;width:54%}
.h-i-main{height:45px;border:1px solid #ccc;border-radius:4px;padding:0 12px}
.f-m-t{font-size:1.1rem!important}
.s-head{display:block;font-size:12px;color:#486985;margin-top:6px}
.search-form button{background:var(--blue);color:#fff;border:0;cursor:pointer;padding:0 18px;border-radius:4px;height:45px}


.loader{border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid #3498db;width:50px;height:50px;animation:spin .75s linear infinite;margin:0 auto}
@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
.msg.err-t{background:#fff3f3;border:1px solid #ffd5d5;color:#a33;padding:10px}


#popularLinks{white-space:nowrap}
#popularLinks div{float:left;min-width:150px;width:16.6%;padding-right:10px}
#popularLinks ul{list-style:none;padding:0;margin:8px 0 0}
#popularLinks li{margin:4px 0}
.homeLinks{font-size:14px;color:#5f6368;text-decoration:underline}
.homeLinks:hover{color:#e56f04;text-decoration:none}


.footer{background:#f8f9fa;width:100%;margin-top:40px}
.footer .content{background:transparent;border:none}
.footer .w1000-i{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:20px}
.footer h3{margin:0 0 10px;font-size:16px}
.footer ul{list-style:none;margin:0;padding:0}
.footer a{color:#6c757d;text-decoration:none}
.footer a:hover{text-decoration:underline}
.w-c small{color:var(--muted)}
.w-25,.w-c{width:100%}

.lga{fill:none}.lgb{fill:#4d4d4d}.lgc{fill:#29abe2}.lgd{fill:#fd0304;fill-rule:evenodd}
.f-15{font-size:15px!important}
.h10{height:10px}.h15{height:20px}.h-1{height:1px}
.BackColor{background-color:#f4faff}
.borderColor{border:1px solid #50abf0}
.rf-l{border:1px solid #e1e4e8;border-radius:10px;padding:6px;float:left}
.err-br{border:1px solid #e56f04!important}
.t-ct{font-size:.8rem!important}
.b{font-weight:700}
.in{background:#d1ecf1;border-color:#bee5eb;color:#0c5460}
.dan{background:#f8d7da;border-color:#f5c6cb;color:#721c24}


.gratm,.gratm span,.grating,.grating span{background:url("data:image/gif;base64,R0lGODlhAQABAAAAACw=");display:block}
.gratm,.gratm span{background-size:25px 22px;height:22px;top:1px;width:123px}
.grating,.grating span{background-size:14px 13px;height:13px;top:1px;width:69px}
.sb-load{background:url("data:image/gif;base64,R0lGODlhAQABAAAAACw=") center no-repeat rgba(0,0,0,.9)}
.fa-cheque,.fa-interac{background-image:url("data:image/gif;base64,R0lGODlhAQABAAAAACw=");background-repeat:no-repeat}


@media (max-width:900px){ .footer .w1000-i{grid-template-columns:1fr 1fr} }
@media (max-width:600px){
  #header .homeContainer{flex-direction:column;align-items:flex-start}
  #forBusiness{flex-direction:column}
  #topMenu{width:100%;text-align:left;padding-top:5px}
}
@media (max-width:770px){
  .footer .w-25{width:50%;padding:15px 0}
}



.search-form{               
  display:flex;
  align-items:stretch;
  gap:12px;
  max-width:820px;
  margin:12px auto 0;
}


.search-form .fl,
.search-form .fr{ float:none; }

#search{                   
  padding-right:0;
  flex: 1 1 420px;
  min-width:280px;
}

#where{                      
  display:flex;
  align-items:stretch;
  gap:12px;
  flex: 1 1 420px;
  min-width:280px;
}

#where .winput{              
  flex:1 1 auto;
  min-width:0;
}

#btnBusinessSearch{          
  height:45px;
  line-height:45px;
  padding:0 22px;
  border-radius:4px;
  white-space:nowrap;
}

.s-head{                    
  display:block;
  font-size:12px;
  color:#486985;
  margin-top:6px;
}


.h-i-main:focus{
  border-color:#7aa7ff;
  outline:0;
  box-shadow:0 0 0 3px rgba(0,123,255,.15);
}


@media (max-width:680px){
  .search-form{flex-direction:column; gap:8px;}
  #where{flex-direction:column;}
  #btnBusinessSearch{width:100%;}
}