/* html5reset.css - 01/11/2011 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
nav ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
/* change colours to suit your needs */
ins { background-color: #ff9; color: #000; text-decoration: none; }
/* change colours to suit your needs */
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
/* change border colour to suit your needs */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
/*  SECTIONS  */
.section { clear: both; padding: 0px; margin: 0px; }
/*  COLUMN SETUP  */
/*.col { display: block; float: left; margin: 1% 0 1% 1.6%; }*/
.col { display: block; float: left; margin: 0.6% 0 0.6% 1.6%; }
.col:first-child { margin-left: 0; }
/*  GROUPING  */
.group:before, .group:after { content: ""; display: table; }
.group:after { clear: both; }
.group { zoom: 1; /* For IE 6/7 */ }
/*  GRID OF TWELVE  */
.span_12_of_12 { width: 100%; }
.span_11_of_12 { width: 91.53%; }
.span_10_of_12 { width: 83.06%; }
.span_9_of_12 { width: 74.6%; }
.span_8_of_12 { width: 66.13%; }
.span_7_of_12 { width: 57.66%; }
.span_6_of_12 { width: 49.2%; }
.span_5_of_12 { width: 40.73%; }
.span_4_of_12 { width: 32.26%; }
.span_3_of_12 { width: 23.8%; }
.span_2_of_12 { width: 15.33%; }
.span_1_of_12 { width: 6.866%; }

/*  GO 4 columns BELOW 880 PIXELS */
@media only screen and (max-width: 880px) {
.col { margin: 1% 0 1% 0%; }
.span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12 { width: 50%; }
.span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 { width: 100%; }
.hide-high { }
.hide-mid { display: none }
.hide-low { }
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
.col { margin: 1% 0 1% 0%; }
.span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 { width: 100%; }
.hide-high { }
.hide-mid { }
.hide-low { display: none }
a { text-align: center; }
}
/* custom styles*/
/* structure margin padding */
a { text-decoration: none; }
.section { text-align: center; align-self: center; }
#logo a { background: url(../img/logo/logo.png) no-repeat left top; height: 90px; width: 160px; padding: 2px 2px 2px 50px; text-align: left; display: inline-block; }
#head-message { padding: 10px 2px 2px 2px; }
#covid-message { padding: 10px 20px 10px 20px; display: block; background-color: #fedd00; color: #000;}
#major-nav { margin: 0; padding: 0px; }
#major-nav a { display: inline-block; min-width: 120px; margin: 0px 16px 0px 16px; padding: 8px 3px 6px 3px }
#store-nav a { display: block; text-wrap: none; text-align: right; padding: 5px 5px 5px 0px; }
#store-nav a:hover { text-align: center; }
#slider { margin: 0; }
#page-heading { margin: 0px 0px 10px 0px; padding: 10px 10px 10px 0px; }
article h2 { text-align: left;  margin: 20px 5px 15px 5px; }
article p { margin: 10px 5px 10px 5px; text-align: justify; }
article li { margin: 10px 5px 10px 35px; list-style: circle; text-align: left; }
aside nav { margin: 5px 0px 50px 2px; }
aside a { display: block; text-align: left; padding: 5px 5px 5px 20px; margin: 2px 0px 2px 20px }
aside a:hover { margin: 2px 0px 2px 2px }
#footer-wrapper { margin: 20px 0px 20px 0px; }
footer img { vertical-align: middle; }
#gcc-logo { background: url(../img/certification/gcc-logo.png) no-repeat left top; height: 120px; padding: 2px 2px 2px 154px; text-align: left; display: inline-block; }
#rcc-logo { background: url(../img/certification/coc.png) no-repeat left top; height: 120px; padding: 2px 2px 2px 78px; text-align: left; display: inline-block; }
#bca-logo { background: url(../img/certification/bca-logo.jpg) no-repeat left top; height: 120px; padding: 2px 2px 2px 148px; text-align: left; display: inline-block; }
#fb-logo { }
#gp-logo { }
/* colours */
header { background-color: #f9f9f9; }
main { background-color: #f9f9f9; }
header a { color: #333; }
#store-nav a:hover { background-color: #A0CA06; color: #000; }
#major-nav { background-color: #4390FF; }
#major-nav a { color: #fff; }
#major-nav a:hover { background-color: #A0CA06; color: #000; }
#slider { xbackground-color: #873C3E; }
#page-heading { color: #444; background-color: #fff; border-bottom: 1px dotted #ddd; border-top: 1px solid #aaa; -webkit-box-shadow: inset 0px 15px 15px -8px rgba(119,119,119,0.6); -moz-box-shadow: inset 0px 15px 15px -8px rgba(119,119,119,0.6); box-shadow: inset 0px 15px 15px -8px rgba(119,119,119,0.6); }
article h1 { color: #333; }
aside a { background-color: #A0CA06; color: #000; }
aside a:hover { background-color: #4390FF; color: #fff; }
footer { border-top: 10px dotted #f9f9f9; background-color: #fff; }
/* fonts */
html { font-family: 'Roboto Condensed', sans-serif; font-weight: 500; font-size:18px;}
#logo { font-size: 28px; font-weight: 800; }
#head-message { font-size: 18px; }
.phone { font-size: 20px; letter-spacing: 3px; }
#major-nav { font-size: 20px; letter-spacing: 1px; }
#page-heading { font-weight: 500; font-size: 22px; letter-spacing: 1px; }
article h2 {font-weight: 500; font-style:italic; font-size: 20px;letter-spacing: 1px; }
aside { font-size: 20px; }
article p {font-family: 'Roboto', sans-serif; line-height: 24px;}
/* ei slider start */
.ei-slider { xdisplay: none; position: relative; width: 100%; max-width: 1920px; height: 400px; margin: 0 auto; }
.ei-slider-loading { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 999; background: rgba(0,0,0,0.9); color: #fff; text-align: center; line-height: 400px; }
.ei-slider-large { height: 100%; width: 100%; position: relative; overflow: hidden; }
.ei-slider-large li { position: absolute; top: 0px; left: 0px; overflow: hidden; height: 100%; width: 100%; }
.ei-slider-large li img { width: 100%; }
.ei-title { position: absolute; right: 50%; margin-right: 13%; top: 30%; }
.ei-title h2, .ei-title h3 { text-align: left; padding: 10px 40px 10px 20px; margin: 10px; }
.ei-title h2 { font-size: 30px; line-height: 30px; font-style: italic; color: #eee; background: #008ed6; }
.ei-title h3 { font-size: 30px; line-height: 40px; color: #333; background: #a0ca06; }
.ei-slider-thumbs { display: none; }
.ei-slider ul li { list-style-type: none; }

@media screen and (max-width: 830px) {
/*.ei-title { position: absolute; right: 0px; margin-right: 0px; width: 100%; text-align: center; top: auto; bottom: 10px; background: #fff; background: rgba(255,255,255,0.9); padding: 5px 0; }*/
.ei-title { position: absolute; right: 0px; margin-right: 0px; width: 100%; text-align: center; top: auto; bottom: 10px; padding: 5px 0; }
.ei-title h2, .ei-title h3 { text-align: center; }
.ei-title h2 { font-size: 20px; line-height: 24px; }
.ei-title h3 { font-size: 30px; line-height: 40px; }
}
/* ei slider end */