html {
	scroll-behaviour: smooth;
}
.bottom-repeat {
	background-image: url(images/gloucestershire_security-systems.png);
	background-repeat: repeat-x;
	background-position: center top;
}
.main-background {
	background-image: url(images/gloucester-security1company.jpg);
	background-repeat: no-repeat;
}

.smallgrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	text-decoration: none;
}
.red-nav-back {
	background-image: url(images/gloucester-security3company.jpg);
	background-repeat: no-repeat;
}

.mainnback {
	background-image: url(images/security-company_gloucestershire2.png);
	background-repeat: repeat-x;
}
.line {
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #F00;
}
.mainback-big {
	background-image: url(images/security-company_gloucestershire.png);
	background-repeat: repeat-x;
}

.navback {
	background-image: url(images/gloucester-security_company.png);
	background-repeat: no-repeat;
}
.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	padding: 5px;
}
.cctv-background {
	background-image: url(images/cctv/cctv_security-gloucester.png);
	background-repeat: no-repeat;
}
.whitemain {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	text-transform: none;
}
.smallgreybottom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
}
.subgrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333;
	text-decoration: none;
}
.big-sub-grey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #333;
	text-decoration: none;
}

.maincontent {
		font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #808080;
	font-size: 18px;
	line-height: 30px;
	text-decoration: none;
}
.justify {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
	text-align: justify;
}
.active-nav {
	background-color: #1e5489; 
	background-repeat: no-repeat;
	display:block;
	width: 100%;
	height: 100%;
	line-height: 34px;
}
.unactive-nav {
	background-repeat: no-repeat;
	background-color: #2783c2;
}


.whitesub {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFF;
	text-decoration: none;
}
.white {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
}
.bluemain {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #1A5CA4;
	text-decoration: none;
}
.bigred {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	color: #F00;
}
.sub-blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #1A5CA4;
	text-decoration: none;
}
.lightgrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	text-decoration: none;
}
.white-arial14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
}
.footerrepeat {
	background-image: url(images/bristol/cctv-installation_bristol.gif);
	background-repeat: repeat-x;
}.web-border {
	border: 1px solid #CCC;
}
.small-white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
}
.dottedline-left {
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999;
}
.blue-dotted {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #1168a4;
	border-bottom-color: #1168a4;	
}
img.sop {
	filter: alpha(opacity=100);
	opacity: 1;
}
img:hover.sop  {
	filter: alpha(opacity=60);
	opacity: 0.6;
}
.shadow {
	-moz-box-shadow: 1px 1px 7px 0px #626262; 
	-webkit-box-shadow: 1px 1px 7px 0px #626262; 
	box-shadow: 1px 1px 7px 0px #626262; 
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#999999)";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#999999);
}
.fire-back {
	background-image:url(images/fire-alarms/fire-risk-assessments-bristol.jpg);
	background-repeat: no-repeat;
	background-position:left top;
}
.arial-12-white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 23px;
	color: #FFF;
	text-decoration: none;
	text-align: justify;
}
.montserrat-36-black {
	font-family: 'Montserrat', Arial, Helvetica;
	font-size: 36px;
	color: #2d2d2d;
	line-height: 34px;
	text-decoration: none;
	letter-spacing: -1px;
}
.montserrat-18-black {
	font-family: 'Montserrat', Arial, Helvetica;
	font-size: 18px;
	color: #2d2d2d;
	line-height: 26px;
	text-decoration: none;
	letter-spacing: -1px;
}
.dashed-border {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
.arial-12-gap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #333;
	text-decoration: none;
	text-align: justify;
}
.arial-12-greygap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #6b6b6b;
	text-decoration: none;
}
.montserrat-24-white {
	font-family: 'Montserrat', Arial, Helvetica;
	font-size: 24px;
	color: #FFF;
	text-decoration: none;
	letter-spacing: -1px;
}


.montserrat-14-white {
	font-family: 'Montserrat', Arial, Helvetica;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	letter-spacing: -1px;
}
.montserrat-24-red {
	font-family: 'Montserrat', Arial, Helvetica;
	font-size: 24px;
	color: #e95f5f;
	text-decoration: none;
	letter-spacing: -1px;
}
.montserrat-20-blue {
	font-family: 'Montserrat', Arial, Helvetica;
	font-size: 20px;
	line-height: 26px;
	color: #184a80;
	text-decoration: none;
	letter-spacing: -1px;
}

.montserrat-24-blue {
	font-family: 'Montserrat', Arial, Helvetica;
	font-size: 24px;
	line-height: 30px;
	color: #184a80;
	text-decoration: none;
	letter-spacing: -1px;
}



.button3 {
	display: block;
	height: 60px;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	line-height: 60px;
	font-weight: 500;
	letter-spacing: 1px;
	background-color: #fd6600;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
a.button3:hover {
	background-color: #fd6600;
	color: #FFFFFF;
}


.montserrat-20-red {
	font-family: 'Montserrat', Arial, Helvetica;
	font-size: 20px;
	line-height: 26px;
	color: #b60000;
	text-decoration: none;
	letter-spacing: -1px;
}
.arial-12-black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #333;
	text-decoration: none;
	text-align: justify;
}.arial-12-red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CE0000;
	text-decoration: none;
}
.myriad-40-red {
	font-family: "Myriad Pro", myriadwebpro, Arial;
	font-size: 40px;
	font-weight: bold;
	color: #900;
	text-decoration: none;
}
.myriad-40-darkred {
	font-family: "Myriad Pro", myriadwebpro, Arial;
	font-size: 40px;
	font-weight: bold;
	color: #666;
	text-decoration: none;
}
.myriad-24-red {
	font-family: "Myriad Pro", myriadwebpro, Arial;
	font-size: 24px;
	color: #900;
	text-decoration: none;

}
.roboto-18-justify {
	font-family: 'Roboto', Arial, Helvetica;
	font-size: 18px;
	color: #222222;
	text-decoration: none;
	font-weight: 300;
	text-align: justify;
}
.roboto-18-white {
	font-family: 'Roboto', Arial, Helvetica;
	font-size: 18px;
	color: #FFF;
	text-decoration: none;
	font-weight: 300;
	text-align: justify;
}
.roboto-22-blue {
	font-family: 'Roboto', Arial, Helvetica;
	font-size: 22px;
	color: #0b598e;
	text-decoration: none;
	font-weight: 300;
}
.roboto-34-lightblue {
	font-family: 'Roboto', Arial, Helvetica;
	font-size: 34px;
	line-height: 50px;
	color: #1168a4;
	text-decoration: none;
	font-weight: 300;
	font-style: italic;
}
.roboto-34-blue {
	font-family: 'Roboto', Arial, Helvetica;
	font-size: 34px;
	line-height: 40px;
	color: #1168a4;
	text-decoration: none;
	font-weight: 300;
}
.roboto-34-boldblue {
	font-family: 'Roboto', Arial, Helvetica;
	font-size: 34px;
	line-height: 50px;
	color: #1168a4;
	text-decoration: none;
	font-weight: 900;
	font-style: italic;
}
.roboto-40-blue {
	font-family: 'Roboto', Arial, Helvetica;
	font-size: 40px;
	color: #004994;
	text-decoration: none;
	font-weight: 300;
}
.roboto-blue-small {
	font-family: 'Roboto', Arial, Helvetica;
	font-size: 30px;
	color: #004994;
	text-decoration: none;
	font-weight: 300;
}

.roboto-40-white {
	font-family: 'Roboto', Arial, Helvetica;
	font-size: 40px;
	color: #FFF;
	text-decoration: none;
	font-weight: 300;
}
.roboto-24-white {
	font-family: 'Roboto', Arial, Helvetica;
	font-size: 24px;
	color: #FFF;
	text-decoration: none;
	font-weight: 300;
}

.roboto-40-lightblue {
	font-family: 'Roboto', Arial, Helvetica;
	font-size: 40px;
	color: #67B2DE;
	text-decoration: none;
	font-weight: 300;
}
.roboto-44-lightblue {
	font-family: 'Roboto', Arial, Helvetica;
	font-size: 44px;
	color: #1168a4;
	text-decoration: none;
	font-weight: 300;
}
.roboto-44-boldblue {
	font-family: 'Roboto', Arial, Helvetica;
	font-size: 44px;
	color: #1168a4;
	text-decoration: none;
	font-weight: 900;
}
.roboto-48-italicblue {
	font-family: 'Roboto', Arial, Helvetica;
	font-size: 48px;
	color: #1d77b2;
	line-height: 57px;
	text-decoration: none;
	font-weight: 900;
	font-style: italic;
}
.roboto-48-italicblack {
	font-family: 'Roboto', Arial, Helvetica;
	font-size: 48px;
	color: #404141;
	line-height: 57px;
	text-decoration: none;
	font-weight: 300;
	font-style: italic;
}
.roboto-36-lightblue {
	font-family: 'Roboto', Arial, Helvetica;
	font-size: 36px;
	color: #1168a4;
	line-height:38px;
	text-decoration: none;
	font-weight: 300;
}
.roboto-lightblue-small {
	font-family: 'Roboto', Arial, Helvetica;
	font-size: 30px;
	color: #67B2DE;
	text-decoration: none;
	font-weight: 300;
}

.grey-dash {
	border-top-width: thin;
	border-top-style: dashed;
	border-top-color: #CCC;
}
.roboto-21-blue {
	font-family: 'Roboto', Arial, Helvetica;
	font-size: 21px;
	color: #004994;
	text-decoration: none;
	font-weight: 300;
}
.asap-15-blue {
	font-family: 'Asap', sans-serif;
	font-size: 15px;
	color: #1e5489;
	line-height: 20px;
	text-decoration: none;
	font-weight: 400;
}
.asap-15-redunderline {
	font-family: 'Asap', sans-serif;
	font-size: 15px;
	color: #ef3136;
	line-height: 20px;
	text-decoration: underline;
	font-weight: 400;
}
.asap-18-black {
	font-family: 'Asap', sans-serif;
	font-size: 18px;
	color: #1e1e1e;
	line-height: 20px;
	text-decoration: none;
	font-weight: 700;
}
.asap-20-blue {
	font-family: 'Asap', sans-serif;
	font-size: 20px;
	color: #1168a4;
	line-height: 24px;
	text-decoration: none;
	font-weight: 400;
}
.asap-16-black {
	font-family: 'Asap', sans-serif;
	font-size: 16px;
	color: #1e1e1e;
	line-height: 20px;
	text-decoration: none;
	font-weight: 700;
}
.asap-16-white {
	font-family: 'Asap', sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 20px;
	text-decoration: none;
	font-weight: 700;
}
.asap-14-white {
	font-family: 'Asap', sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 20px;
	text-decoration: none;
	font-weight: 700;
}
.asap-13-black {
	font-family: 'Asap', sans-serif;
	font-size: 13px;
	color: #373737;
	line-height: 20px;
	text-decoration: none;
	font-weight: 700;
}
.asap-10-black {
	font-family: 'Asap', sans-serif;
	font-size: 10px;
	color: #373737;
	line-height: 13px;
	text-decoration: none;
	font-weight: 400;
}
.asap-17-black {
	font-family: 'Asap', sans-serif;
	font-size: 17px;
	color: #373737;
	line-height: 21px;
	text-decoration: none;
	font-weight: 400;
}
.roboto-blue {
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	font-weight: 400;
	font-weight: 700;
	color: #004A94;
	font-size: 36px;
}
.roboto-36-blue {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #1168a4;
	font-size: 36px;
	line-height: 38px;
	text-decoration: none;
}
.roboto-28-black {
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
	color: #333;
	font-size: 28px;
	line-height: 32px;
	text-decoration: none;
}
.roboto-smallblue {
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	font-weight: 400;
	font-weight: 700;
	color: #004A94;
	font-size: 22px;
}
.roboto-blue-14 {
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	font-weight: 400;
	font-weight: 300;
	color: #000;
	font-size: 16px;
}
.roboto-18-grey {
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	font-weight: 400;
	font-weight: 400;
	color: #333;
	font-size: 17px;
}
.roboto-18-darkgrey {
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	font-weight: 300;
	color: #333;
	font-size: 18px;
}
.roboto-18-lightgrey {
	font-family: Roboto, sans-serif;
	font-weight: 300;
	color: #808080;
	font-size: 18px;
	line-height: 30px;
	text-decoration: none;
}
.roboto-18-lightgreyjustify {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #808080;
	font-size: 18px;
	line-height: 30px;
	text-decoration: none;
	text-align: justify;
}
.roboto-14-lightgrey {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #808080;
	font-size: 14px;
	line-height: 24px;
	text-decoration: none;
}
.roboto-14-nav {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #282828;
	font-size: 14px;
	line-height: 18px;
	text-decoration: none;
}
a.roboto-14-nav:hover {
	color: #004994;
}
.roboto-18-black {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	color: #393939;
	font-size: 18px;
	line-height: 24px;
	text-decoration: none;
}
.roboto-24-blue {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #114b87;
	font-size: 24px;
	line-height: 26px;
	text-decoration: none;
}
.roboto-22-blue {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #114b87;
	font-size: 22px;
	line-height: 30px;
	text-decoration: none;
}
.roboto-20-black {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	line-height: 29px;
	font-weight: 900;
	color: #3b3b3b;
}
.roboto-20-blue {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	line-height: 29px;
	font-weight: 900;
	color: #0f76bd;
}
.roboto-16-white {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 31px;
	font-weight: 300;
	color: #FFFFFF;
	text-align: justify;
}
.roboto-15-white {
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	line-height: 20px;
	font-weight: 300;
	color: #FFFFFF;
	text-align: justify;
}

.roboto-40-white {
	font-family: 'Roboto', sans-serif;
	font-size: 40px;
	line-height: 52px;
	font-weight: 900;
	color: #FFFFFF;
}
.roboto-small-white {
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	font-weight: 400;
	font-weight: 400;
	color: #FFF;
	font-size: 20px;
}
#top-notch {
	position: relative;
	width: 1100px;
	height: auto;
	margin: -41px auto 0 auto;
	visibility: visible;
	z-index: 1000000;
}
a.top-link {
	font-family: 'Asap', sans-serif;
	font-size: 13px;
	color: #373737;
	line-height: 20px;
	text-decoration: none;
	font-weight: 700;
	display: block;
	height: 65px;
	width: 100%;
	line-height: 65px;
}
a.top-link:hover {
	background-image:url(images/cctv-installer_bristol/cctv-cardiff.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
}
.arial-11-blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #126aa6;
	text-decoration: none;
	line-height: 13px;
}
.arial-11-black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	text-decoration: none;
	line-height: 13px;
}
a.arial-11-black:hover {
	color: #126aa6;
}
.arial-11-white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
	line-height: 18px;
	text-align: justify;
}
a.arial-11-white:hover {
	color: #75c1f6;
}
.arial-11-lightblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #98d5fe;
	text-decoration: none;
	line-height: 16px;
	text-align: justify;
}
.footer-line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #61b2e9;
}
.footer-back {
	background-image: url(images/cctv-installer_bristol/cctv-installer_bristol.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
}
.mid-grey {
	background-image: url(images/cctv-installer_bristol/cctv-installer-bristol.jpg);
	background-repeat: repeat-x;
	background-position: center center;
}
.button {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #585858;
	text-decoration: none;
	text-align: center;
	display:block;
	width:100%;
	height:100%;
	line-height:40px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #c5c5c5;
	background-color: #e4e4e4; 
	font-weight: bold;
}
a.button:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #1d77b2;
	color: #FFF;	
}
.ease {
	-webkit-transition: All 1.2s ease;
	-moz-transition: All 1.2s ease;
	-o-transition: All 1.2s ease;
	-ms-transition: All 1.2s ease;
	transition: All 1.2s ease;
}
.domestic-image {
	background-image: url(images/cctv-installer_bristol/cctv-installers_bristol.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.commercial-image {
	background-image: url(images/cctv-installer_bristol/alarm--installers_bristol.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.industrial-image {
	background-image: url(images/cctv-installer_bristol/security_installers_bristol.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#full-size {
	width: 100%;
	height: 250px;
}
#mobile_return {
   display: block; top: 0; left: 0; width: 100%; text-align: center; /*Leave this line alone */
   position: fixed;
   height: 2em;
   background: #fff;
}
#mobile_return a { 
   font-size: 1em; line-height: 2em; vertical-align: middle; text-decoration: none; /*Leave this line alone */
   font-family: "Helvetica Neue", Arial, sans-serif;
   color: #000;
}


.full-dots-border {
	border: 5px #2783C2 solid;
	border-radius: 4px;
}

.button-yellow{
	display: block;
	height: 50px;
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
	color: #ffffff;
	text-decoration: none;
	line-height:50px;
	font-weight: 600;
	background-color: #424242;	
	-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
	}
a.button-yellow:hover {
    background-color: #f4d925;	
	color: #FFFFFF;
}

.button-yellow2 {
	display: block;
	height: 50px;
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
	color: #ffffff;
	text-decoration: none;
	line-height:50px;
	font-weight: 600;
	background-color: #2783C1;	
	-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
	}
a.button-yellow2 :hover {
    background-color: #f4d925;	
	color: #FFFFFF;
}

.button-yellow3 {
	display: block;
	height: 50px;
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
	color: #000;
	text-decoration: none;
	line-height:50px;
	font-weight: 600;
	background-color: #FFF;	
	-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
	}
a.button-yellow3 :hover {
    background-color: #f4d925;	
	color: #FFFFFF;
}

.button-yellow4 {
	display: block;
	height: 50px;
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
	color: #000;
	text-decoration: none;
	line-height:50px;
	font-weight: 600;
	background-color: #FFCC33;	
	-webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
	}
a.button-yellow4 :hover {
    background-color: #f4d925;	
	color: #FFFFFF;
}

.casestudy-background {

background-color: #eeeeee;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='%23d6d3d3' fill-opacity='0.25'%3E%3Cpolygon fill-rule='evenodd' points='8 4 12 6 8 8 6 12 4 8 0 6 4 4 6 0 8 4'/%3E%3C/g%3E%3C/svg%3E");
	
	
	
	
}

.form-background {
background-color: #012f60;
background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23cacaca' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");	
	
	
}

.opaque-backgroundwhite {
                background: rgba(255,255,255,0.9);
}

/* Form */
input[type=text], select {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
input.submit-button {
	display: block;
	width: 250px;
	height: 50px;
	color: #ffffff;
	background-color: #FFD138;
	border: #7CB82F thin solid;
	border-radius: 4px;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	line-height: 50px;
	transition: 0.3s ease;
}
input.submit-button:hover {
	background-color: #b7012a;
	border: #b7012a thin solid;
	color: #ffffff;
	cursor: pointer;
}
textarea {
    width: 100%;
    height: 150px;
    padding: 12px 20px;
	margin: 8px 0;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: none;
}

.enquiry-button {	background-color: #FFFFFF;
	padding: 15px 18px 17px 20px;
	border-radius: 2px;
	box-shadow: 0px 5px #e58732;
	vertical-align: top;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #ff9638;
	transition: all 0.3s ease;
}


#topnav div.drop:hover > a.top-link {
	background-color: #C60929;
	color: #fff;
}
#topnav div.drop {
	position: relative;
	width: 100%;
	height: 100%;
	line-height: 50px;
	display: block;
}
#topnav div.drop div {
	display: none;
	position: absolute;
	top: 44px;
	line-height: 50px;
	height: auto;
	min-height: 15px;
	z-index: 10000000000;
	left: 0px;
	padding: 15px 22px;
}
#topnav div.drop:hover > div {
	display: block;
}