/*
Theme Name: CQID 2018
Author: FMSTUDIOS - Fenech Multimedia Studios
Author URI: http://www.fmstudios.com.au/
*/

body, html{
	margin: 0;
	padding: 0;
	position: relative;
	overflow-x: hidden;
	font-family: 'forma-djr-text', sans-serif;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.35em;
	color: #2C2A29;
}
body{background: #fff;}
body img{border: none;}
.blue_bg{color: #fff; background: #1D4F91;}
.light_bg{background: #F7F7F7;}
.white_bg{background: #fff;}
.red_bg{color: #fff; background: #A72B2A;}
.dark_bg{background: url(images/pattern_bg.png) center top repeat-y #231f20; background-size: 100% auto;}
.dark_bg .wrap2:after{
	position: absolute;
	bottom: 0;
	left: -430px;
	width: 498px;
	height: 253px;
	content: '';
	background: url(images/footer-circle-art-blue.png) center top no-repeat;
	background-size: cover;
}
.a2_yellow .dark_bg .wrap2:after{background-image: url(images/footer-circle-art-yellow.png);}
.a2_green .dark_bg .wrap2:after{background-image: url(images/footer-circle-art-green.png);}
.a2_green_dark .dark_bg .wrap2:after{background-image: url(images/footer-circle-art-green-dark.png);}
.a2_orange .dark_bg .wrap2:after{background-image: url(images/footer-circle-art-orange.png);}
.a2_teal .dark_bg .wrap2:after{background-image: url(images/footer-circle-art-teal.png);}
.a2_pink .dark_bg .wrap2:after{background-image: url(images/footer-circle-art-pink.png);}
.a2_purple .dark_bg .wrap2:after{background-image: url(images/footer-circle-art-purple.png);}
.a2_red .dark_bg .wrap2:after{background-image: url(images/footer-circle-art-red.png);}
.a2_black .dark_bg .wrap2:after{background-image: url(images/footer-circle-art-black.png);}
.dark_bg .wrap2 .wrap{z-index: 5;}
.grey_bg{color: #fff; background: url(images/white_pattern_bg.png) right top no-repeat #2C2A29; background-size: 50% auto;}
.colour1_bg, .colour2_bg{color: #fff;}
.a1_blue .colour1_bg, .a2_blue .colour2_bg{background: #1D4F91;}
.a1_yellow .colour1_bg, .a2_yellow .colour2_bg{background: #FFC72C;}
.a1_green .colour1_bg, .a2_green .colour2_bg{background: #658D1B;}
.a1_green_dark .colour1_bg, .a2_green_dark .colour2_bg{background: #4b5b33;}
.a1_orange .colour1_bg, .a2_orange .colour2_bg{background: #DC8633;}
.a1_teal .colour1_bg, .a2_teal .colour2_bg{background: #338888;}
.a1_pink .colour1_bg, .a2_pink .colour2_bg{background: #BF5890;}
.a1_purple .colour1_bg, .a2_purple .colour2_bg{background: #7F61B1;}
.a1_red .colour1_bg, .a2_red .colour2_bg{background: #A72B2A;}
.a1_black .colour1_bg, .a2_black .colour2_bg{background: #2C2A29;}
.yellow_bg{background: #FFC72C;}
.wrap, .wrap2, .wrap3{margin: 0 auto 0 auto; position: relative;}
.wrap{width: 90%; max-width: 1170px;}
.wrap2{width: 100%; max-width: 1300px;}
.wrap3{width: 90%; max-width: 970px;}
.notice{padding: 10px 0;}
.notice p{margin: 0;}
.notice a{font-style: normal; text-decoration: underline; color: #fff;}
.notice a:hover{color: #fff;}
@media screen and (max-width: 1800px){
	.dark_bg .wrap2:after{left: -335px; width: 400px; height: 203px;}
}
@media screen and (max-width: 1600px){
	.dark_bg .wrap2:after{left: -235px; width: 300px; height: 152px;}
}
@media screen and (max-width: 1400px){
	.dark_bg .wrap2:after{left: -85px; width: 150px; height: 76px;}
}
@media screen and (max-width: 1250px){
	.dark_bg{background: #231f20;}
}
	
/*---------------FONT STYLES--------------*/
h1, h2, h3, h4, p, a, ol, ul, li{margin: 0; padding: 0;}
h1{
	margin: 0 0 25px 0;
	padding-top: 10px;
	display: inline-block;
	font-family: 'forma-djr-display', sans-serif;
	font-size: 70px;
	font-weight: 700;
	line-height: 1.2em;
	border-bottom: 10px dotted #fff;
}
h2{
	margin: 0 0 20px 0;
	padding: 10px 0 0 0;
	font-family: 'forma-djr-display', sans-serif;
	font-size: 50px;
	font-weight: 700;
	line-height: 1.3em;
	color: #1D4F91;
}
h1 + h2, h2:first-child{padding: 0;}
h3, .h3{
	margin: 0 0 15px 0;
	font-family: 'forma-djr-display', sans-serif;
	font-size: 35px;
	line-height: 1.3em;
	color: #1D4F91;
}
.blue_bg h3{color: #fff;}
h4{
	margin: 0 0 15px 0;
	font-family: 'forma-djr-display', sans-serif;
	font-size: 21px;
	font-weight: 700;
	line-height: 1.3em;
	color: #1D4F91;
}
.a1_yellow h2, .a1_yellow h3{color: #FFC72C;}
.a1_green h2, .a1_green h3, .a1_green h4{color: #658D1B;}
.a1_green_dark h2, .a1_green_dark h3, .a1_green_dark h4{color: #4b5b33;}
.a1_orange h2, .a1_orange h3, .a1_orange h4{color: #DC8633;}
.a1_teal h2, .a1_teal h3, .a1_teal h4{color: #338888;}
.a1_pink h2, .a1_pink h3, .a1_pink h4{color: #BF5890;}
.a1_purple h2, .a1_purple h3, .a1_purple h4{color: #7F61B1;}
.a1_red h2, .a1_red h3, .a1_red h4{color: #A72B2A;}
.a1_black h2, .a1_black h3, .a1_black h4{color: #2C2A29;}
.blue_bg h2, .colour1_bg h3{color: #fff;}
p{margin: 0 0 20px 0;}
a{
	font-style: italic;
	text-decoration: underline;
	color: #1D4F91;
	-webkit-transition: color 300ms ease;
	-moz-transition: color 300ms ease;
	-o-transition: color 300ms ease;
	transition: color 300ms ease;
}
a:hover{color: #352f2c;}
a:focus{outline: none;}
.grey_bg a{color: #FFC72C;}
.grey_bg a:hover{color: #fff;}
.blue_bg a{color: #fff;}
.blue_bg a:hover{color: #FFC72C;}
ul li{list-style: none;}
table{margin: 0 0 20px 0; border-collapse: collapse;}
input, textarea, select{
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #000;
	border-radius: 0;
}
input[type="text"], input[type="button"], input[type="submit"]{-webkit-appearance: none;}
input:focus, textarea:focus{border-color: orange; outline: none;}
input::-moz-focus-inner{padding: 0; border: none;}
strong{font-family: 'forma-djr-display', sans-serif;}
.green{color: #658D1B;}
@media screen and (max-width: 960px){
	h1{font-size: 50px; border-width: 8px;}
	h2{font-size: 40px;}
	h3, .h3{font-size: 28px;}
}
@media screen and (max-width: 720px){
	h1{font-size: 42px; border-width: 7px;}
	h2{font-size: 34px;}
	h3, .h3{font-size: 25px;}
}
@media screen and (max-width: 480px){
	h1{font-size: 36px; border-width: 6px;}
	h2{font-size: 28px;}
	h3, .h3{font-size: 22px;}
}
	
/*---------------TOP--------------*/
#top.small{
	position: fixed;
	top: -94px;
	left: 0;
	width: 100%;
	z-index: 50;
	background: rgba(247,247,247,0.9);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
#top.visible{top: 0;}
#top.small + .blue_bg{padding-top: 156px;}
#top .wrap{height: 156px;}
#top.small .wrap{height: 94px;}
#logo{
	display: block;
	position: absolute;
	top: 28px;
	right: 0;
	width: 170px;
	height: 95px;
	z-index: 60;
}
#top.small #logo{top: 12px; width: 125px; height: 70px;}
#logo object, #logo img{
	display: block;
	width: 100%;
	height: 95px;
	pointer-events: none;
}
#top.small #logo object, #top.small #logo img{height: 70px;}
#tagline{
	padding: 5px 0 5px 0;
	font-family: 'forma-djr-display', sans-serif;
	font-size: 28px;
	font-weight: 700;
	text-align: right;
	line-height: 1.4em;
}
#top .carer_btn{
	margin-top: 10px;
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	background: #1D4F91;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
#top .carer_btn:hover{background: #FFC72C;}
#top.small .carer_btn{display: block;}
#top.visible .carer_btn{top: 100%;}
#nav_toggle{
	padding: 0 10px 0 42px;
	display: none;
	position: absolute;
	bottom: 18px;
	left: -10px;
	height: 38px;
	float: left;
	z-index: 1000;
	cursor: pointer;
	font-family: 'forma-djr-display', sans-serif;
	font-weight: 700;
	color: #2C2A29;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
#top.small #nav_toggle{display: block; bottom: 10px;}
#nav_toggle .text{margin-top: 9px; display: inline-block;}
#nav_toggle .bar{
	display: block;
	position: absolute;
	left: 10px;
	width: 22px;
	height: 3px;
	background: #2C2A29;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
#nav_toggle .bar1{top: 10px;}
#nav_toggle .bar2{top: 18px;}
#nav_toggle .bar3{top: 18px;}
#nav_toggle .bar4{top: 26px;}
.csstransforms .show_nav #nav_toggle .bar1{top: 26px; opacity: 0;}
.csstransforms .show_nav #nav_toggle .bar4{top: 10px; opacity: 0;}
.csstransforms .show_nav #nav_toggle .bar2, .csstransforms .show_nav #nav_toggle .bar3{
	-webkit-transition-delay: 150ms;
	-moz-transition-delay: 150ms;
	-o-transition-delay: 150ms;
	transition-delay: 150ms;
}
.csstransforms .show_nav #nav_toggle .bar2{
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.csstransforms .show_nav #nav_toggle .bar3{
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
@media screen and (max-width: 960px){
	#top.small + .blue_bg{padding-top: 120px;}
	#top .wrap{height: 120px;}
	#logo{top: 12px;}
	#tagline{font-size: 24px;}
	#nav_toggle{display: block;}
}
@media screen and (max-width: 720px){
	#tagline{font-size: 20px;}
}
@media screen and (max-width: 480px){
	#top.small + .blue_bg{padding-top: 94px;}
	#top .wrap{height: 94px;}
	#tagline{font-size: 16px;}
	#logo{width: 125px; height: 70px;}
	#logo object, #logo img{height: 70px;}
	#nav_toggle{bottom: 10px;}
}
	
/*---------------HEADER--------------*/
#header, #header_sml{
	color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #000;
	background-size: cover;
}
#header_sml{position: relative; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px;}
#header_sml:after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	content: '';
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	background: rgba(29,79,145,0.6);
}
.a1_yellow #header_sml:after{background: rgba(255,199,44,0.6);}
.a1_green #header_sml:after{background: rgba(101,141,27,0.6);}
.a1_green_dark #header_sml:after{background: rgba(75,91,51,0.6);}
.a1_orange #header_sml:after{background: rgba(220,134,51,0.6);}
.a1_teal #header_sml:after{background: rgba(21,136,136,0.6);}
.a1_pink #header_sml:after{background: rgba(191,88,144,0.6);}
.a1_purple #header_sml:after{background: rgba(127,97,177,0.6);}
.a1_red #header_sml:after{background: rgba(167,43,42,0.6);}
.a1_black #header_sml:after{background: rgba(44,42,41,0.6);}
#header .wrap{height: 685px;}
#header_sml .wrap{
	display: table;
	height: 328px;
	z-index: 10;
}
#header .inside{
	padding-top: 15px;
	position: absolute;
	width: 100%;
	top: 30%;
	left: 0;
}
#header_sml .inside{padding: 5px 0 5px 0; display: table-cell; vertical-align: middle;}
.csstransforms #header .inside{
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
#header_sml h1{margin-bottom: 15px;}
#header_sml h2{margin-top: -5px; color: #fff;}
@media screen and (max-width: 1300px){
	#header .wrap{height: 500px;}
}
@media screen and (max-width: 960px){
	#header .wrap{height: 350px;}
	#header_sml .wrap{height: 300px;}
}
@media screen and (max-width: 480px){
	#header_sml .wrap{height: 260px;}
}
	
/*---------------NAV--------------*/
#top nav{
	position: relative;
	z-index: 50;
	-webkit-transition: max-height 300ms ease;
	-moz-transition: max-height 300ms ease;
	-o-transition: max-height 300ms ease;
	transition: max-height 300ms ease;
}
#top nav > ul{width: 100%; height: 156px;}
#top nav > ul > li{
	position: relative;
	width: 14.529915%;
	float: left;
	-webkit-transition: background 300ms ease;
	-moz-transition: background 300ms ease;
	-o-transition: background 300ms ease;
	transition: background 300ms ease;
}
#top nav li li{padding: 0 10px 0 10px;}
#top nav > ul > li:hover{background: #ECECEC;}
#top nav > ul > li:after{
	position: absolute;
	top: 15px;
	bottom: 15px;
	left: -1px;
	width: 2px;
	content: '';
	pointer-events: none;
	background: #1D4F91;
}
#top nav > ul > li:first-child:after{display: none;}
#top nav > ul > li.current-menu-item:after, #top nav > ul > li.current-menu-item + li:after, #top nav > ul > li.current-page-ancestor:after, #top nav > ul > li.current-page-ancestor + li:after{display: none;}
#top nav a{
	display: block;
	font-style: normal;
	text-decoration: none;
	color: #2C2A29;
}
#top nav > ul > li > a{
	position: relative;
	height: 156px;
	font-family: 'forma-djr-display', sans-serif;
	font-size: 21px;
	font-weight: 700;
	text-align: center;
}
#top nav > ul > li.current-menu-item > a, #top nav > ul > li.current-page-ancestor > a{color: #fff; background: #1D4F91;}
#top nav > ul > li.menu-item-has-children > a:after{
	margin: 0 auto 0 auto;
	position: absolute;
	bottom: 20%;
	left: 0;
	right: 0;
	width: 20px;
	height: 20px;
	content: '';
	border-radius: 50%;
	background: url(images/arrow_down_white.png) center center no-repeat #FFC72C;
	background-size: cover;
	-webkit-transition: background 300ms ease;
	-moz-transition: background 300ms ease;
	-o-transition: background 300ms ease;
	transition: background 300ms ease;
}
#top nav > ul > li.menu-item-has-children:hover a:after{background-color: #1D4F91;}
#top nav > ul > li.current-menu-item.menu-item-has-children:hover a:after, #top nav > ul > li.current-page-ancestor.menu-item-has-children:hover a:after{background-color: #FFC72C;}
#top nav > ul > li > a > span{
	position: absolute;
	bottom: 42%;
	left: 0;
	right: 0;
}
#top nav > ul > li > ul{
	position: absolute;
	top: 100%;
	left: 0;
	width: 340px;
	max-height: 0;
	overflow: hidden;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	box-shadow: 6px 12px 12px rgba(0,0,0,0.16);
	background: #F7F7F7;
	-webkit-transition: padding 300ms ease, max-height 300ms ease;
	-moz-transition: padding 300ms ease, max-height 300ms ease;
	-o-transition: padding 300ms ease, max-height 300ms ease;
	transition: padding 300ms ease, max-height 300ms ease;
}
#top nav > ul > li:hover > ul{padding: 15px 0 15px; max-height: 500px;}
#top nav li li a{padding: 10px 20px 10px 20px;}
#top nav li li a:hover{color: #1D4F91;}
#top nav li li.current-menu-item > a{font-family: 'forma-djr-display', sans-serif; font-weight: 700;}
.csscolumns #top li.two_columns > ul{
	width: 680px;
	height: 260px;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}
.csscolumns #top li.two_columns > ul > li{
	overflow: auto;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid-column;
}
.csscolumns #top li.two_columns > ul:after{
	margin-left: -1px;
	position: absolute;
	top: 25px;
	bottom: 25px;
	left: 50%;
	width: 2px;
	content: '';
	background: #1D4F91;
}
#top nav li li li a{padding-left: 40px; font-style: italic;}
nav .toggle{
	position: absolute;
	display: none;
	top: 0;
	right: 0;
	width: 32px;
	height: 100%;
	cursor: pointer;
}
nav .toggle .inside{
	margin-top: -8px;
	position: absolute;
	top: 50%;
	left: 6px;
	width: 16px;
	height: 16px;
	border: 2px solid #fff;
	border-radius: 50%;
	background: url(images/arrow_down_white.png) center center no-repeat #1D4F91;
	background-size: cover;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
nav .opened .toggle .inside{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
nav .toggle:hover .inside{background-color: #FFC72C;}
/* #top.small */
#top.small nav{
	margin-top: -10px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 240px;
	max-height: 0;
	overflow: hidden;
	background: #2C2A29;
}
.show_nav #top.small nav{max-height: 800px;}
#top.small nav > ul{padding: 10px 0 10px 0; height: auto;}
#top.small nav > ul > li{width: auto; float: none;}
#top.small nav > ul > li:hover{background: none;}
#top.small nav a{color: #fff;}
#top.small nav li a:hover, #top.small nav li.current-menu-item > a, #top.small nav > ul > li.current-menu-item > a{color: #FFC72C;}
#top.small nav > ul > li > a{
	padding: 7px 10px 7px 10px;
	height: auto;
	font-size: 19px;
	text-align: left;
}
#top.small nav > ul > li.current-menu-item > a{background: none;}
#top.small nav > ul > li.menu-item-has-children > a:after{display: none;}
#top.small nav > ul > li > a > span{position: static;}
#top.small nav > ul > li > ul{
	margin-top: -4px;
	position: static;
	width: auto;
	border-radius: none;
	box-shadow: none;
	background: none;
}
#top.small nav > ul > li:hover > ul{padding: 0; max-height: 0;}
#top.small nav > ul > li.opened > ul{padding: 5px 0 5px 0; max-height: 500px;}
#top.small nav li li{padding: 0;}
#top.small nav li li a{padding: 4px 10px 4px 20px; font-size: 16px; line-height: 1.35em;}
#top.small nav li li a:hover{color: #FFC72C;}
.csscolumns #top.small li.two_columns > ul{
	width: auto;
	height: auto;
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
}
#top.small li.two_columns > ul:after{display: none;}
#top.small nav li li li a{padding: 3px 10px 3px 30px; font-size: 15px;}
#top.small nav .toggle{display: block;}
@media screen and (max-width: 1150px){
	#top nav > ul > li > ul{width: 289px;}
	#top li.two_columns > ul{width: 578px;}
}
@media screen and (max-width: 960px){
	#top nav{
		margin-top: -18px;
		position: absolute;
		top: 100%;
		left: 0;
		width: 240px;
		max-height: 0;
		overflow: hidden;
		background: #2C2A29;
	}
	.show_nav #top nav{max-height: 800px;}
	#top nav > ul{padding: 10px 0 10px 0; height: auto;}
	#top nav > ul > li{width: auto; float: none;}
	#top nav > ul > li:hover{background: none;}
	#top nav a{color: #fff;}
	#top nav li a:hover, #top nav li.current-menu-item > a, #top nav > ul > li.current-menu-item > a{color: #FFC72C;}
	#top nav > ul > li > a{
		padding: 7px 10px 7px 10px;
		height: auto;
		font-size: 19px;
		text-align: left;
	}
	#top nav > ul > li.current-menu-item > a{background: none;}
	#top nav > ul > li.menu-item-has-children > a:after{display: none;}
	#top nav > ul > li > a > span{position: static;}
	#top nav > ul > li > ul{
		margin-top: -4px;
		position: static;
		width: auto;
		border-radius: none;
		box-shadow: none;
		background: none;
	}
	#top nav > ul > li:hover > ul{padding: 0; max-height: 0;}
	#top nav > ul > li.opened > ul{padding: 5px 0 5px 0; max-height: 500px;}
	#top nav li li{padding: 0;}
	#top nav li li a{padding: 4px 10px 4px 20px; font-size: 16px; line-height: 1.35em;}
	#top nav li li a:hover{color: #FFC72C;}
	.csscolumns #top li.two_columns > ul{
		width: auto;
		height: auto;
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	#top li.two_columns > ul:after{display: none;}
	#top nav li li li a{padding: 3px 10px 3px 30px; font-size: 15px;}
	nav .toggle{display: block;}
}
@media screen and (max-width: 480px){
	#top nav{margin-top: -10px;}
}
	
/*---------------CONTENT--------------*/
main{display: block;}
main ul, main ol{margin: 0 0 20px 0;}
main li ul, main li ol{margin: 0;}
main p + ul{margin: -10px 0 20px 0;}
main ol > li{margin: 0 0 10px 25px; padding-left: 10px; list-style: decimal;}
main ul > li{margin-bottom: 10px; padding-left: 100px; background: url(images/bullet.png) 52px 2px no-repeat;}
main .no_bullets > li{padding: 0; background: none;}
.generatedcontent main ul > li{position: relative; background: none;}
.generatedcontent main ul > li:before{
	position: absolute;
	top: 2px;
	left: 52px;
	width: 18px;
	height: 18px;
	content: '';
	border-radius: 50%;
	background: url(images/arrow_right_white2.png) center center no-repeat #1D4F91;
	background-size: cover;
}
main li ul > li, .generatedcontent main li ul > li{padding-left: 25px; background: url(images/bullet-sml.png) 13px 9px no-repeat;}
.generatedcontent main li ul > li:before{display: none;}
.generatedcontent .a1_yellow main ul > li:before{background-color: #FFC72C;}
.generatedcontent .a1_green main ul > li:before{background-color: #658D1B;}
.generatedcontent .a1_green_dark main ul > li:before{background-color: #4b5b33;}
.generatedcontent .a1_orange main ul > li:before{background-color: #DC8633;}
.generatedcontent .a1_teal main ul > li:before{background-color: #338888;}
.generatedcontent .a1_pink main ul > li:before{background-color: #BF5890;}
.generatedcontent .a1_purple main ul > li:before{background-color: #7F61B1;}
.generatedcontent .a1_red main ul > li:before{background-color: #A72B2A;}
.generatedcontent .a1_black main ul > li:before{background-color: #2C2A29;}
.generatedcontent main .no_bullets > li:before{display: none;}
main img{display: block; max-width: 100%;}
.content{padding-top: 50px; padding-bottom: 30px;}
.content + .content{padding-top: 0;}
.center{text-align: center;}
.cols .left{width: 48.71795%; float: left;}
.cols .right{width: 48.71795%; float: right;}
.cols .left_sml{width: 23.076923%; float: left;}
.cols .middle_med{margin-left: 2.564103%; width: 48.717948%; float: left;}
.cols .right_sml{width: 23.076923%; float: right;}
.clear{clear: both;}
.clear:only-child{display: none;}
.btn{
	padding: 8px 58px 8px 14px;
	display: inline-block;
	position: relative;
	font-size: 21px;
	font-weight: 700;
	font-style: normal;
	line-height: 1.3em;
	text-decoration: none;
	color: #fff;
	border-radius: 12px;
	background: #1D4F91;
	-webkit-transition: background 300ms ease;
	-moz-transition: background 300ms ease;
	-o-transition: background 300ms ease;
	transition: background 300ms ease;
}
.a1_blue .btn:hover{color: #fff; background: #FFC72C;}
.a1_yellow .btn{background: #FFC72C;}
.a1_green .btn{background: #658D1B;}
.a1_green_dark .btn{background: #4b5b33;}
.a1_orange .btn{background: #DC8633;}
.a1_teal .btn{background: #338888;}
.a1_pink .btn{background: #BF5890;}
.a1_purple .btn{background: #7F61B1;}
.a1_red .btn{background: #A72B2A;}
.a1_black .btn{background: #2C2A29;}
.btn:hover{color: #fff; background: #1D4F91;}
.btn:after{
	margin-top: -15px;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 30px;
	height: 30px;
	content: '';
	background: url(images/arrow_right_white.png) center center no-repeat;
	background-size: cover;
	border-radius: 50%;
}
.btn.full{width: 100%; box-sizing: border-box;}
.btn.big{
	padding: 26px 80px 26px 40px;
	font-family: 'forma-djr-display', sans-serif;
	font-weight: 700;
	font-size: 35px;
	color: #1D4F91;
	border-radius: 50px;
	background: #fff;
	-webkit-transition: color 300ms ease;
	-moz-transition: color 300ms ease;
	-o-transition: color 300ms ease;
	transition: color 300ms ease;
}
.btn.big:hover{color: #FFC72C; background: #fff;}
.btn.big:after{
	margin-top: -27px;
	width: 50px;
	height: 50px;
	right: 18px;
	border: 2px solid #fff;
	background: url(images/arrow_right_white2.png) center center no-repeat #1D4F91;
	background-size: cover;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.btn.big:hover:after{background-color: #FFC72C;}
.three_links{margin: -98px -2.564103% 0 0; width: 102.564103%; overflow: hidden;}
.three_links li{
	margin-right: 2.5%;
	padding: 0;
	width: 30.8333%;
	float: left;
	background: none;
}
.three_links a{
	display: block;
	position: relative;
	height: 195px;
	font-family: 'forma-djr-display', sans-serif;
	font-size: 35px;
	font-weight: 700;
	font-style: normal;
	text-align: center;
	text-decoration: none;
	line-height: 1.2em;
	color: #fff;
	border-radius: 24px;
	background: #1D4F91;
	-webkit-transition: background 300ms ease;
	-moz-transition: background 300ms ease;
	-o-transition: background 300ms ease;
	transition: background 300ms ease;
}
.three_links a:hover{background: #FFC72C;}
.three_links span{
	position: absolute;
	top: 30%;
	left: 5%;
	right: 5%;
}
.csstransforms .three_links span{
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.side_img{
	margin: 0 0 20px 0;
	position: relative;
	width: 100%;
	max-width: 570px;
}
.side_img.side_video{max-width: none;}
.left .side_img{float: right;}
.right .side_img{float: left;}
.side_img:after{
	position: absolute;
	top: 0;
	bottom: 0;
	width: 3000px;
	content: '';
	background: #1D4F91;
}
.a2_yellow .side_img:after{background: #FFC72C;}
.a2_green .side_img:after{background: #658D1B;}
.a2_green_dark .side_img:after{background: #4b5b33;}
.a2_orange .side_img:after{background: #DC8633;}
.a2_teal .side_img:after{background: #338888;}
.a2_pink .side_img:after{background: #BF5890;}
.a2_purple .side_img:after{background: #7F61B1;}
.a2_red .side_img:after{background: #A72B2A;}
.a2_black .side_img:after{background: #2C2A29;}
.left .side_img:after{right: 100%;}
.right .side_img:after{left: 100%;}
.side_img img{position: relative; z-index: 5;}
.left .side_img img{border-top-right-radius: 12px; border-bottom-right-radius: 12px;}
.right .side_img img{border-top-left-radius: 12px; border-bottom-left-radius: 12px;}
.side_video{margin: 0 0 20px 0;}
.side_video iframe{border-radius: 12px;}
.side_img.side_video iframe{border-top-right-radius: 0; border-bottom-right-radius: 0;}
.quicklinks{
	margin: 0 -2.564103% -2.564103% 0;
	padding-bottom: 20px;
	width: 102.564103%;
	overflow: hidden;
}
.quicklinks li{
	margin: 0 2.5% 2.5% 0;
	padding: 22.5% 0 0 0;
	position: relative;
	width: 22.5%;
	float: left;
	background: none;
}
.quicklinks.only3 li:first-child{width: 47.5%;}
.generatedcontent .quicklinks li:before{display: none;}
.quicklinks a{
	padding: 8.1482% 8.1482% 0 8.1482%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	font-family: 'forma-djr-display', sans-serif;
	font-size: 35px;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	line-height: 1.2em;
	color: #fff;
	border-radius: 20px;
	background: #2C2A29;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.quicklinks.only3 li:first-child a{padding: 4.0741%;}
.a1_yellow .quicklinks a{background: #FFC72C;}
.quicklinks a:hover{transform: scale(0.9,0.9);}
.quicklinks.coloured li.green a{background: #658D1B;}
.quicklinks.coloured li.green_dark a{background: #4b5b33;}
.quicklinks.coloured li.red a{background: #A72B2A;}
.quicklinks.coloured li.purple a{background: #7F61B1;}
.quicklinks.coloured li.pink a{background: #BF5890;}
.quicklinks.coloured li.yellow a{background: #FFC72C;}
.quicklinks.coloured li.orange a{background: #DC8633;}
.quicklinks.coloured li.black a{background: #2C2A29;}
.quicklinks.coloured li.aqua a{background: #338888;}
.call_us_for_a_yarn{margin-top: -20px;}
.phone_numbers{margin-bottom: 20px;}
.phone_numbers p{margin: 0;}
.phone_numbers .location{font-family: 'forma-djr-display', sans-serif; font-weight: 700; color: #1D4F91;}
.phone_numbers .number{display: inline-block;}
.news_and_updates_img{padding-top: 60.5263%; position: relative;}
.news_and_updates_img img{position: absolute; bottom: 0; left: 0;}
.update + .update{padding-top: 10px;}
.bottom_image{
	padding: 26.923077% 0 50px 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.people{
	margin: 0 -2.564103% -2.564103% 0;
	padding-bottom: 20px;
	width: 102.564103%;
	overflow: hidden;
}
.person{
	margin: 0 2.5% 2.5% 0;
	width: 22.5%;
	float: left;
	background: #fff;
}
.person:nth-child(4n+1){clear: both;}
.person h3{
	margin: 0;
	padding: 14px 15px 14px 15px;
	font-size: 21px;
	line-height: 1.2em;
	color: #fff;
	background: #1D4F91;
}
.a1_yellow .person h3{background: #FFC72C;}
.a1_green .person h3{background: #658D1B;}
.a1_orange .person h3{background: #DC8633;}
.a1_teal .person h3{background: #338888;}
.a1_pink .person h3{background: #BF5890;}
.a1_purple .person h3{background: #7F61B1;}
.a1_red .person h3{background: #A72B2A;}
.a1_black .person h3{background: #2C2A29;}
.person, .person h3{border-top-left-radius: 12px; border-top-right-radius: 12px;}
.person .details{padding: 15px 15px 5px 15px;}
.person h4{margin: 0; font-size: 17px;}
.person p{margin: 0 0 10px 0; font-size: 13px; line-height: 1.3em;}
.jobs_list{margin-bottom: 20px;}
.job{padding: 15px 0 5px 0; border-bottom: 1px solid #707070;}
.job:first-child{border-top: 1px solid #707070;}
.job ul, .job p{margin: 0 0 10px 0;}
.job .btn{margin: 0 0 5px 0;}
.job .salary, .job .close_date, .job_single .salary, .job_single .close_date{font-family: 'forma-djr-display', sans-serif; font-weight: 700; color: #1D4F91;}
.form_side_text{max-width: 270px;}
.form_side_text p{font-family: 'forma-djr-display', sans-serif; font-weight: 700; color: #338888;}
.location{position: relative;}
.location{margin-bottom: 20px;}
.location + .location{margin-top: 30px;}
.location .left{
	margin-left: -5.555555%;
	padding: 10px 2.564103% 1px 5.555556%;
	display: table;
	width: 40.17094%;
	height: 271px;
}
.location .blue_bg:after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 105.555555%;
	width: 3000px;
	content: '';
	background: inherit;
}
.location .inside{display: table-cell; vertical-align: middle;}
.location h3{margin: 0 0 5px 0;}
.location p{margin: 0 0 10px 0;}
.location .right{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 57.264957%;
}
.location iframe{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video_box{overflow: hidden;}
.video_box iframe{box-shadow: 0 0 40px rgba(0,0,0,0.85);}
.service_locations{margin-bottom: 10px; color: #1D4F91;}
.service_locations li{
	margin: 0 10px 10px 0;
	padding: 7px 12px 6px 12px;
	display: inline-block;
	font-family: 'forma-djr-display', sans-serif;
	font-weight: 700;
	border-radius: 12px;
	background: #fff;
}
.a1_yellow .service_locations{color: #FFC72C;}
.a1_green .service_locations{color: #658D1B;}
.a1_green_dark .service_locations{color: #4b5b33;}
.a1_orange .service_locations{color: #DC8633;}
.a1_teal .service_locations{color: #338888;}
.a1_pink .service_locations{color: #BF5890;}
.a1_purple .service_locations{color: #7F61B1;}
.a1_red .service_locations{color: #A72B2A;}
.a1_black .service_locations{color: #2C2A29;}
.generatedcontent .service_locations li{background: #fff;}
.generatedcontent .service_locations li:before{display: none;}
.image_bg{
	margin: 0 -5.555555% 30px -5.555555%;
	position: relative;
	color: #fff;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.image_bg:before{
	margin: -132px 0 0 -1550px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 3100px;
	height: 264px;
	content: '';
	background: url(images/squiggle_yellow.png) center center no-repeat;
	background-size: auto 100%;
}
.image_bg.green:before{background-image: url(images/squiggle_green.png);}
.image_bg:after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	content: '';
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	background: rgba(29,79,145,0.8);
}
.image_bg.green:after{background: rgba(51,136,136,0.8);}
.image_bg .wrap{display: table; z-index: 10;}
.image_bg .inside{display: table-cell; height: 290px; vertical-align: middle;}
.image_bg h2{margin: 0 0 5px 0; color: #fff;}
.steps{
	margin: 0 -2.564103% -2.564103% 0;
	padding-bottom: 30px;
	width: 102.564103%;
	overflow: auto;
}
.steps li{
	margin: 0 2.5% 2.5% 0;
	padding: 0;
	display: table;
	width: 22.5%;
	float: left;
	font-family: 'forma-djr-display', sans-serif;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	line-height: 1.2em;
	color: #1D4F91;
	background: none;
}
.steps li:nth-child(4n+1){clear: both;}
.generatedcontent .steps li:before{display: none;}
.steps li div{
	padding: 8px 20px 8px 20px;
	display: table-cell;
	width: 100%;
	height: 80px;
	vertical-align: middle;
	border: 12px dotted #2C2A29;
	border-radius: 60px;
	border-bottom-left-radius: 0;
}
.steps li:nth-child(8n+2) div{border-color: #A72B2A;}
.steps li:nth-child(8n+3) div{border-color: #DC8633;}
.steps li:nth-child(8n+4) div{border-color: #FFC72C;}
.steps li:nth-child(8n+5) div{border-color: #658D1B;}
.steps li:nth-child(8n+6) div{border-color: #338888;}
.steps li:nth-child(8n+7) div{border-color: #1D4F91;}
.steps li:nth-child(8n) div{border-color: #7F61B1;}
.steps li:last-child div{border: 12px solid #FFC72C;}
.steps li span{
	position: absolute;
	bottom: 12px;
	left: 18px;
	font-size: 18px;
}
.steps li:last-child span{display: none;}
.questions{margin: 0 0 20px 0;}
.question{overflow: hidden; border-bottom: 1px solid #707070;}
.question:first-child{border-top: 1px solid #707070;}
.question h4{margin: 0; padding: 12px 0 12px 0; position: relative;}
.js .question h4{padding-right: 30px; cursor: pointer;}
.js .question h4:hover{color: #2C2A29;}
.js .question h4:after{
	margin: -10px 0 0 0;
	position: absolute;
	top: 50%;
	right: 0;
	width: 20px;
	height: 20px;
	content: '';
	border-radius: 50%;
	background: url(images/arrow_down_white.png) center center no-repeat #FFC72C;
	background-size: cover;
}
.js .question h4, .js .question h4:after{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.js .question h4:hover:after{background-color: #1D4F91;}
.question.opened h4:after{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.question .text{height: auto;}
.js .question .text{
	height: 0px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.question .inner{padding: 2px 0 2px 0;}
.question p{margin: 0 0 10px 0;}
.question ul, .question ol{margin-bottom: 10px;}
.question p + ul{margin-top: 0;}
.video{padding-top: 56.25%; position: relative;}
.video iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.nf-field-element input, .nf-field-element select, .nf-field-element textarea{
	padding: 13px 14px 13px 14px;
	font-size: 17px;
	border: 6px solid #1D4F91;
	border-radius: 12px;
	background: #F7F7F7;
}
.nf-field-element input:focus, .nf-field-element select:focus, .nf-field-element textarea:focus{border-color: #FFC72C;}
.nf-field .nf-error .ninja-forms-field{border: 6px solid #A72B2A;}
.label-above .nf-field .nf-field-label{margin-bottom: 5px;}
.nf-field-label label{
	font-family: 'forma-djr-display', sans-serif;
	font-size: 35px;
	line-height: 1.3em;
	color: #1D4F91;
}
.nf-form-fields-required{margin-bottom: 15px;}
.nf-field .ninja-forms-req-symbol, .nf-form-fields-required .ninja-forms-req-symbol, .nf-after-field .nf-error-msg, .nf-form-errors .nf-error-msg{color: #A72B2A;}
nf-field .nf-field-container{margin-bottom: 15px;}
nf-field .nf-field-container.submit-container{margin-bottom: 20px; padding-top: 5px;}
.nf-field-container.submit-container input{margin-top: 5px;}
.submit-container input{
	padding: 15px 40px 15px 40px;
	font-family: 'forma-djr-display', sans-serif;
	font-size: 35px;
	font-weight: 700;
	line-height: 1.3em;
	cursor: pointer;
	color: #fff;
	border-radius: 70px;
	border: none;
	box-shadow: 6px 9px 20px rgba(0,0,0,0.15);
	background: #1D4F91;
}
.nf-after-form-content{margin-bottom: 20px;}
.generatedcontent .nf-field-element li:before{display: none;}
.nf-field .nf-field-description{font-size: 14px; line-height: 1.35em;}
.nf-field .nf-field-description p{margin: 0 0 10px 0;}
.nf-field .nf-field-description p:last-child{margin: 0 0 10px 0;}
@media screen and (max-width: 1300px){
	.three_links{margin-top: -85px;}
	.three_links a{height: 170px; font-size: 30px;}
	.quicklinks a{font-size: 30px;}
}
@media screen and (max-width: 1150px){
	main li{padding-left: 70px; background-position: 32px;}
	.generatedcontent main li:before{left: 32px;}
	.quicklinks a{font-size: 26px;}
	.steps li div{height: 100px;}
}
@media screen and (max-width: 960px){
	.content{padding-top: 40px; padding-bottom: 20px;}
	.btn.big{padding: 19px 62px 19px 28px; font-size: 25px;}
	.btn.big:after{
		margin-top: -20px;
		right: 13px;
		width: 36px;
		height: 36px;
	}
	.three_links{margin-top: -65px;}
	.three_links a{height: 130px; font-size: 25px;}
	.quicklinks a{font-size: 22px;}
	.steps li{width: 30.833333%;}
	.steps li:nth-child(4n+1){clear: none;}
	.steps li:nth-child(3n+1){clear: both;}
	.nf-field-label label, .submit-container input{font-size: 28px;}
}
@media screen and (max-width: 850px){
	.quicklinks a{font-size: 20px;}
	.cols .left_sml{width: 65.123457%;}
	.cols .middle_med{margin: 0; width: 65.123457%;}
	.cols .right_sml{width: 30.246914%;}
	.person{width: 30.833%;}
	.person:nth-child(3n+1){clear: both;}
	.person:nth-child(4n+1){clear: none;}
	.steps li{font-size: 18px;}
}
@media screen and (max-width: 720px){
	.content{padding-top: 30px; padding-bottom: 10px;}
	.cols .left, .cols .right{width: auto; float: none;}
	.cols .left_sml, .cols .middle_med, .cols .right_sml{width: auto; float: none;}
	.cols2{
		margin: 0;
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	.three_links{margin-top: -50px;}
	.three_links a{height: 100px; font-size: 18px;}
	.quicklinks.coloured li{padding-top: 30.8333%; width: 30.8333%;}
	.quicklinks.only3 a{font-size: 18px;}
	.call_us_for_a_yarn{margin: 0;}
	.news_and_updates_img{padding: 0;}
	.news_and_updates_img img{position: static;}
	.person h3{font-size: 19px;}
	.form_side_text{max-width: none;}
	.location .left{display: block; width: auto; height: auto;}
	.location .inside{display: block;}
	.location .right{position: relative; width: auto; height: 250px;}
	.steps li div{height: 80px;}
	.steps li{width: 47.5%;}
	.steps li:nth-child(3n+1){clear: none;}
	.steps li:nth-child(2n+1){clear: both;}
	.nf-field-label label{font-size: 25px;}
}
@media screen and (max-width: 550px){
	.quicklinks.only3 li{padding-top: 47.5%; width: 47.5%;}
	.quicklinks.only3 li:first-child{padding-top: 47.5%; width: 97.5%;}
	.quicklinks a{font-size: 18px;}
	.quicklinks.only3 a{font-size: 26px;}
	.person{width: 47.5%;}
	.person:nth-child(3n+1){clear: none;}
	.person:nth-child(2n+1){clear: both;}
	.steps li div{height: 98px;}
}
@media screen and (max-width: 480px){
	.three_links{margin: -32px 0 -10px 0; width: auto;}
	.three_links li{margin: 0 0 10px 0; width: auto; float: none;}
	.three_links a{height: 64px;}
	.quicklinks.coloured li{padding-top: 47.5%; width: 47.5%;}
	.quicklinks a, .quicklinks.only3 a{font-size: 22px;}
	.steps{margin: 0; padding-bottom: 10px;}
	.steps li{margin: 0 0 10px 0; width: 100%; float: none;}
	.steps li div{height: 50px; border-width: 8px;}
	.steps li:last-child div{border-width: 8px;}
	.steps li span{bottom: 10px; left: 15px;}
	.nf-field-label label{font-size: 22px;}
}
@media screen and (max-width: 420px){
	.quicklinks a{font-size: 20px;}
}
@media screen and (max-width: 360px){
	.three_links a{font-size: 16px;}
	.quicklinks a, .quicklinks.only3 a{font-size: 17px;}
	.people{margin: 0; width: auto;}
	.person{margin: 0; width: auto; float: none;}
}
	
/*---------------FOOTER--------------*/
footer .colour1_bg .wrap3{padding: 30px 0 10px 0;}
footer .colour1_bg .left{width: 48.453608%; float: left;}
footer .colour1_bg .right{width: 48.453608%; float: right;}
footer .btn.big{width: 100%; box-sizing: border-box;}
footer .colour1_bg h3{margin: 0; padding-top: 10px;}
footer .colour1_bg .right a{color: #fff;}
footer .grey_bg .wrap{padding: 65px 0 10px;}
footer .grey_bg .right{
	margin-left: 2.564103%;
	width: 31.623932%;
	width: 36.75214%;
	max-width: 370px;
	float: left;
	font-size: 12px;
	line-height: 1.35em;
}
footer .grey_bg .left{width: 48.7179%; float: left;}
footer .top{margin: 0 0 30px 0;}
footer .logo{margin: -40px 16px 0 0; width: 170px; float: left;}
footer .tagline{
	margin: 10px 32px 0 0;
	font-size: 20px;
	line-height: 1.2em;
	float: left;
}
footer .facebook{margin: 11px 0 0 0; width: 42px; float: left;}
footer nav{padding-bottom: 7px; overflow: auto;}
footer nav > ul{
	margin-left: 5.2632%;
	width: 29.8246%;
	float: left;
}
footer nav > ul:first-child{margin: 0;}
footer nav > ul > li{margin: 0 0 10px 0;}
footer nav > ul > li > a{
	font-family: 'forma-djr-display', sans-serif;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
}
footer nav ul ul{padding-left: 10px;}
footer nav li li{padding: 3px 0 3px 0; font-size: 12px; line-height: 1.3em;}
footer .grey_bg nav li li a{font-style: normal; text-decoration: none; color: #fff;}
footer .grey_bg nav li li a:hover{color: #FFC72C;}
footer .government_logo{
	position: absolute;
	bottom: 30px;
	right: 0;
	width: 9.401709%;
}
#copyright{
	padding: 20px 0 20px 0;
	font-size: 12px;
	line-height: 1.3em;
	color: #222222;
}
#copyright ul, #copyright li{display: inline-block;}
#copyright li + li:before{content: ' | ';}
#copyright .switch{display: none;}
#copyright img{
	margin: -2px 10px 0 0;
	display: inline-block;
	width: 30px;
	vertical-align: middle;
}
#copyright a{font-style: normal; text-decoration: none; color: #222222;}
#copyright a:hover{color: #fff;}
#backtotop{
	position: fixed;
	bottom: 10%;
	right: -36px;
	width: 36px;
	height: 36px;
	opacity: 0;
	z-index: 200;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
#backtotop img{width: 100%; pointer-events: none;}
#backtotop.visible{right: 5px; opacity: 0.5;}
#backtotop.visible:hover{opacity: 1;}
@media screen and (max-width: 1200px){
	footer .grey_bg .wrap{padding-top: 55px;}
	footer .logo{margin-top: -30px; width: 140px;}
	footer .tagline{margin-top: 12px; font-size: 16px;}
	footer .facebook{margin-top: 11px; width: 35px;}
}
@media screen and (max-width: 1024px){
	#copyright .switch{display: inline-block;}
}
@media screen and (max-width: 960px){
	footer .blue_bg h3{padding-top: 0;}
	footer .grey_bg .left, footer .grey_bg .right{
		margin: 0;
		width: auto;
		max-width: 600px;
		float: none;
	}
	footer .grey_bg .left{padding-bottom: 10px;}
	footer .grey_bg .right{margin-right: 110px;}
	footer .government_logo{width: 80px;}
	#copyright img{margin: 0 0 10px 0;}
	#copyright ul, #copyright li{display: block;}
	#copyright li + li:before{display: none;}
}
@media screen and (max-width: 720px){
	footer .blue_bg .left, footer .blue_bg .right{width: auto; float: none;}
	footer .btn.big{width: auto;}
}
@media screen and (max-width: 480px){
	footer .colour1_bg .left, footer .colour1_bg .right{width: auto; float: none;}
	footer .colour1_bg .left p{margin: 0 0 10px 0;}
	footer .grey_bg{background-size: 100% auto}
	footer .tagline{clear: both;}
}
@media screen and (max-width: 360px){
	footer .grey_bg .wrap{padding-bottom: 1px;}
	footer .grey_bg .right{margin: 0;}
	footer .government_logo{margin: 0 0 20px 0; position: static;}
}
	
/*---------------TINYMCE--------------*/
#tinymce{margin: 5px !important; line-height: 1.4em;}
#tinymce p{line-height: 1.4em;}
#tinymce h2, #tinymce h3, #tinymce h4{line-height: 1.3em;}
#tinymce ul{margin: 0 0 20px 0;}
#tinymce p + ul{margin-top: -10px;}
#tinymce ol > li{margin: 0 0 0 26px; padding-left: 2px;}
#tinymce ul > li{padding: 0 0 0 24px; background: url(images/bullet.png) 2px 2px no-repeat;}