body {
margin: 0;
}

h1, h2, h3, p, li {
font-family: 'Lato', sans-serif;
}


h1 {
color: #20486b;
text-align: center;
}

h2 {
color: #20486b;
font-size: 1.8em;
font-weight: 700;
}

h3 {
color: #fff;
}

p, li {
color: #5b7586;
font-size: 1.2em;
line-height: 1.3em;
}

#page {
width: 100%;
height: auto;
border-top: 5px solid #5b7586;
padding-top: 15px;
}

#header {
clear: both;
/* border-bottom: 1px solid #C0C0C0; */
padding-bottom: 20px;
}
#header-inner {
max-width: 1024px;
margin: 0 auto;
overflow: auto;
}

#logo1 {
float: left;
margin: 5px;
}

#logo2 {
float: right;
margin: 5px;
}

.brands {
    float:left;
    width: 12.5%;
    text-align:center;
    background-color: #add;
    border-bottom: white 2px solid;
}

.brands p {
    font-size:1.5vw;
}

#many-names p {
    font-family: 'Lato', sans-serif;
    font-size:4.5vw;
    text-align:center;
    font-weight: bold;
    text-shadow: 4px 4px 2px rgba(150, 150, 150, 1);
    background-color: #add;
    margin: 5px 0px;
    padding-bottom:10px;
}

#slogan p {
    color:#000;
    font-size:2.3vw;
    text-align:center;
    font-weight:bold;
    font-style:italic;
    margin-top:0px;
}

#slideshow {
border-top: 1px solid #fff;
width: 100%;
height: auto;
}

#slideshow img {
width: 100%;
}

.page-title {
/* IE10+ */ 
background-image: -ms-linear-gradient(left, #20486B 0%, #FFFFFF 30%, #FFFFFF 70%, #20486B 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(left, #20486B 0%, #FFFFFF 30%, #FFFFFF 70%, #20486B 100%);

/* Opera */ 
background-image: -o-linear-gradient(left, #20486B 0%, #FFFFFF 30%, #FFFFFF 70%, #20486B 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #20486B), color-stop(30, #FFFFFF), color-stop(70, #FFFFFF), color-stop(100, #20486B));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(left, #20486B 0%, #FFFFFF 30%, #FFFFFF 70%, #20486B 100%);

/* W3C Markup */ 
background-image: linear-gradient(to right, #20486B 0%, #FFFFFF 30%, #FFFFFF 70%, #20486B 100%);
}

.page-title span {
background-color: #fff;
}

#main-content {
margin-top: -4px;
margin-bottom: 30px;
overflow: auto;
}

#main-content2 {
background-color: #e6e6e6;
overflow: auto;
padding-bottom: 30px;
}

#main-content-inner {
max-width: 1024px;
margin: 0 auto;
padding: 10px;
}

.headline {
clear: both;
margin: 15px;
}

.video {
float: left;
width: 66%;
border-bottom: 5px solid #5b7586;
}

.video h2 {
background-color: #5b7586;
padding: 10px;
color: #FFF;
margin-bottom: 0;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
        overflow: hidden;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.text-area {
float: right;
width: 32%;
margin-top: 10px;
}

.text-area p {
text-align: justify;
}

.full-width-text {
clear: both;
text-align: justify;
padding-top: 10px;
}

.test-centre p {
text-align: center;
max-width: 500px;
}

#vlightbox1 {
text-align: center;
}

.CSSTableGenerator {
	margin:0px;padding:0px;margin-bottom:200px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.CSSTableGenerator tr:hover td{
	
}
.CSSTableGenerator tr:nth-child(odd){ background-color:#aad4ff; }
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }.CSSTableGenerator td{
	vertical-align:middle;
	
	
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:12px;
	font-family:Helvetica;
	font-weight:normal;
	color:#00007f;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
		background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	background: -o-linear-gradient(top,#005fbf,003f7f);

	background-color:#005fbf;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #005fbf 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005fbf), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #005fbf 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#005fbf", endColorstr="#003f7f");	background: -o-linear-gradient(top,#005fbf,003f7f);

	background-color:#005fbf;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

#address1 {
float: left;
width: 400px;
}

.form1 {
float: right;
width: 480px;
background-color: #e6e6e6;
padding: 10px 15px;
border-radius: 5px;
}

.form1 p {
margin-bottom: 0;
font-size: 1.1em;
}

.form1 input {
width: 100%;
line-height: 1.5em;
}

.form1 textarea {
width: 100%;
line-height: 1.5em;
}

#map1 {
display: block;
margin: 0 auto;
padding-top: 30px;
}

#map1 iframe {
display: block;
margin: 0 auto;
}

.test-image {
display: block;
margin: 0 auto;
max-width: 100%;
min-width: 200px;
height: auto;
}

.centre-text {
margin-top: 40px;
font-weight: bold;
text-align: center;
}

#footer {
font-family: 'Lato', sans-serif;
clear: both;
display: block;
background-color: #20486b;
padding: 10px;
overflow: auto;
}

#footer-inner {
max-width: 1024px;
margin: 0 auto;
color: #fff;
}

#ticker-wrapper {
clear: both;
display: flex;
margin-bottom: 5px;
}

#ticker-title {
background-color: #000;
color: yellow;
float: left;
width: 185px;
padding: 2px;
padding: 5px 0px 0px 10px;
font-size: 1.3em;
}

#ticker {
background-color: yellow;
float: right;
overflow: auto;
flex: 1;
font-size: 1.3em;
padding: 5px 2px 0px 2px;
}


@media screen and (max-width: 799px) {
    #logo1 {
        float: none;
        text-align: center;
    }

    #logo2 {
        display: none;
    }

    .video,.text-area,.form1,#address1 {
        clear: both;
        float: none;
        width: 90%;
        margin: 0 auto;
    }

    .text-area, .full-width-text {
        float: none;
        width: 90%;
        margin: 0 auto;
}

    #address1 {
        text-align: center;
}
.page-title {
/* IE10+ */ 
background-image: -ms-linear-gradient(left, #20486B 0%, #FFFFFF 20%, #FFFFFF 80%, #20486B 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(left, #20486B 0%, #FFFFFF 20%, #FFFFFF 80%, #20486B 100%);

/* Opera */ 
background-image: -o-linear-gradient(left, #20486B 0%, #FFFFFF 20%, #FFFFFF 80%, #20486B 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #20486B), color-stop(20, #FFFFFF), color-stop(80, #FFFFFF), color-stop(100, #20486B));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(left, #20486B 0%, #FFFFFF 20%, #FFFFFF 80%, #20486B 100%);

/* W3C Markup */ 
background-image: linear-gradient(to right, #20486B 0%, #FFFFFF 20%, #FFFFFF 80%, #20486B 100%);
}
}

@media screen and (max-width: 1023px) {
.brands {
    width: 25%;
}
}

@media screen and (max-width: 480px) {
.page-title {
background-image: none;
}
.brands {
    display:none;
}
}