/* START OF RESET */

html, body, div, span, applet, object, iframe,
blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, tt, var, center,
dl, dt, dd,
fieldset, form, label, legend,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
.clear {
	clear:both;
}
/* END OF RESET */

/* colours */
.redtext {
	color:#e00820;
}
.greentext {
	color:#090;
}
body, .blog_categories li a {
	color:#757575; /* grey */
} 
.primary-navigation ul ul li:hover a, .primary-navigation ul ul ul li:hover a, .primary-navigation ul ul li a, .primary-navigation ul ul ul li a, .primary-navigation ul ul li:hover ul li a, .primary-navigation ul ul li:hover ul li:hover a, .main-navigation ul ul li:hover ul li:hover a, .newscat:hover, .newscat a:hover, .blogmore a, .slicknav_nav a, .quicklink, .quicklink a, .quicklink a:hover, .main-navigation li a, .main-navigation li:hover a, .main-navigation li.active a, .gallerybar, .gallerybar a, .gallerybar a:hover .gallery-icon, .gallerybar a:hover .gallery-title, .footercredit, .footercredit a, .footer-bar, .footer-bar a, .menufooter li a, .menufooter li a:hover, .menufooter li:before, .blog_categories li:hover a, .blog_categories li.active a, .blog_categories li.active .fa-folder, .blog_categories li:hover .fa-folder, .blog_categories li.active .fa-calendar-alt, .blog_categories li:hover .fa-calendar-alt, .blog_categories li.active .counttxt, .blog_categories li:hover .counttxt, .newsnavbar, .newsnavbar a, .newsnavbar a:hover, .newscaldte, .newscaldte a, .enqfrmbtn input, .project-filters li a, .project-filters li:hover, .project-filters li a.active,.project-filters li.active a,.project-filters li a:hover, .newsbar-btn a, .newsbar-btn a:hover {
	color:#fff; /* white */
}
a, h1, .h1, h2, h3, h4, h5, h6, a:hover, .site-email, .site-email a, .post-navigation i, .fa-tag, .newsbar-heading, .newsbar-heading a, .newsbar-title:hover, .grntxt, .readmore, .readmore a, .fa-search, .newsbar-title, .newsbar-title a, .newsbar-heading a:hover, .blog_categories h4, .blogmore:hover a, .blogmore a:hover, .newsbar-date {
	color:#132e53; /* blue */
}
.readmore:hover a, .readmore a:hover, .blogmore:hover a {
	color:#5a5f84;
} 
hr {
	color:#babcbe;
}
.counttxt {
	color:#999;
}
/* backgrounds */
body, .slicknav_icon-bar, .blogmore:hover, .newsbar-post {
	background-color:#fff; /* white */
}
.menu-bar, .newsbar-btn:hover, .newsbar-btn, .newscaldte, .project-filters li, .enqfrmbtn input, .slicknav_menu, .slicknav_nav .slicknav_row:hover, .slicknav_nav .slicknav_row:hover, .main-navigation li:after, .footer-bar, .newsnavbar {
	background-color:#132e53; /* blue */
}
.main-navigation li:hover, .newsbar-btn:hover, .blog_categories li:hover, .blog_categories li.active {
	background-color:#5a5f84; /* light blue purple */
} 
.primary-navigation ul ul, .main-navigation ul ul, .gallerybar:hover {
	background-color:#3a476e; /* dark purple */
} 
.gallerybar  {
	background: #2d426e;
}
.social-menu-widget li:hover div {
	background: #5a5f84 !important;
}
.blogmore, .primary-navigation ul ul li:hover, .main-navigation ul ul li:hover, .project-filters li:hover, .project-filters li a.active,.project-filters li.active a,.project-filters li a:hover, .enqfrmbtn input:hover {
	background-color:#5a5f84; /* light blue purple */
}
.qlbarbg, .newsbar {
	background: #ebebeb;
}
hr {
	background: #babcbe;
}
/* borders */
.primary-navigation li {
	border-top: 10px #5a5f84 solid;	
}
.primary-navigation li:hover, .primary-navigation li.active {
	border-top: 10px #132e53 solid;	
}
.primary-navigation li::after {
    left: 0;
    border-top: 5px solid #5a5f84;
    border-right: 5px solid #5a5f84;
    border-left: 5px solid white;
    border-bottom: 5px solid white;
}
.primary-navigation li::before {
    right: 0;
    border-top: 5px solid #5a5f84;
    border-right: 5px solid white;
    border-left: 5px solid #5a5f84;
    border-bottom: 5px solid white;
}
.primary-navigation li:hover::after, .primary-navigation li.active::after {
    left: 0;
    border-top: 5px solid #132e53;
    border-right: 5px solid #132e53;
    border-left: 5px solid white;
    border-bottom: 5px solid white;
}
.primary-navigation li:hover::before, .primary-navigation li.active::before {
    right: 0;
    border-top: 5px solid #132e53;
    border-right: 5px solid white;
    border-left: 5px solid #132e53;
    border-bottom: 5px solid white;
}
.primary-navigation ul ul li, .main-navigation ul ul li {
	border-bottom: 1px #fff solid;	
}
.blogmore {
	border: 2px solid #5a5f84;
}
.enqfrminput input, .enqfrminput select, .enqfrmtextarea textarea, .search-field, #srch input {
	border: 1px #babcbe solid;
}
.entry-footer {
	border-top: 1px #babcbe solid;
}
.blog_categories li {
	border-bottom: 1px #dbdad4 solid;
}
.newsbar-btn::after {
    left: 0;
    border-top: 24px solid white;
    border-right: 24px solid #132e53;
    border-bottom: 24px solid #132e53;
    border-left: 24px solid white;
}
.newsbar-btn::before {
    right: 0;
    border-top: 24px solid white;
    border-right: 24px solid white;
    border-bottom: 24px solid #132e53;
    border-left: 24px solid #132e53;
}
.newsbar-btn:hover::after {
    left: 0;
    border-top: 24px solid white;
    border-right: 24px solid #5a5f84;
    border-bottom: 24px solid #5a5f84;
    border-left: 24px solid white;
}
.newsbar-btn:hover::before {
    right: 0;
    border-top: 24px solid white;
    border-right: 24px solid white;
    border-bottom: 24px solid #5a5f84;
    border-left: 24px solid #5a5f84;
}
hr {
	border:none;
	height: 1px;
}
h1, .h1, h2, h3, .sidetitle, .searchRes_h2 {
	line-height: normal;
}

/* TAGS */
html, body { 
	height:100%; 
} 
body {
	font-weight: normal;
	font-family: 'Open Sans', sans-serif;
	font-size:87.5%;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
ul {
	margin: 0em;
	padding: 0em;
	list-style-type: none;
}
h1, h2, h3, h4, h5, h6, .site-text, .quicklink, .gallery-title, .newsbar-heading, .newsbar-title, .readmore, .newstitle  {
	font-family: 'Teko', sans-serif;
	font-weight:300;
}
h1, .h1 {
	font-size: 3.5em;
	margin-top: 0;
	margin-bottom: 0.15em;
}
h2 {
	font-size: 2.75em;
	margin-bottom: 0.15em;
}
h3 {
	font-size: 2.5em;
	margin-bottom: 0.15em;
}
h4 {
	font-size: 2.25em;
	margin-bottom: 1em;
}
h5 {
	font-size: 1.85em;
	margin-bottom: 1em;
}
h6 {
	font-size: 1.5em;
	margin-bottom: 1em;
}

h1 + h2 {
  padding-top: 0.5em;
}
h1 + div {
  padding-top: 0.5em;
}
h2 + h3 {
  padding-top: 0.75em;
}
h2 + div {
  padding-top: 0.75em;
}
h2 + ul {
  padding-top: 1em;
}
h3 + ul {
  padding-top: 0.75em;
}
h3 + div {
  padding-top: 0.75em;
}
ul + h3, p + h3 {
  padding-top: 1em;
}
a + ul {
  padding-top: 1em;
}
img{ 
	border: 0pt; 
}
form {
	margin: 0;
}
input, textarea, select {
	font-family: 'Open Sans', sans-serif;
	font-size: 100%;
	font-weight: normal;
}
.relative {
	position:relative;
}
/* general font style */
.textcentre {
	text-align:center;
}
.textright, .editbarlink2 {
	text-align:right;
}
.textleft {
	text-align:left;
}

/* general div container */
.outercontainer {
	width: 100%;
	overflow:auto;
}
.clear {
	clear:both;
}

/*edit bar */
.editbar {
	position: fixed;
	right:10px;
	top:10px;
	z-index:99999;
	background-color: #f0f0f0;
	padding: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align:center;
}
.editbar svg {
	padding:5px;
}
.editbar svg:hover {
   opacity:0.5;
}
/* print only */
.noprint {
}
.print {
	margin: 0px;
	padding: 0px;
	visibility: hidden;
	display: none;
}

/* alignment tags */
.pictureright, .pictureRight {
	float: right;
	margin-left: 1em;
}
.pictureleft, .pictureLeft {
	float: left;
	margin-right: 1em;
}
.centre {
    display: block;
    margin-left: auto;
    margin-right: auto 
}
.fltright {
	float: right;
}
.fltleft {
	float: left;
}

figure.image {
    display: inline-block;
    margin: 0 2px 0 1px;
    background: #fff;
}

figure.align-left {
    float: left;
	margin-right: 1em;
}

figure.align-right {
    float: right;
	margin-left: 1em;
}

figure.image img {
    margin: 8px 8px 0 8px;
}

figure.image figcaption {
    margin: 6px 8px 6px 8px;
    text-align: center;
	color: #656565;
	font-size: 0.95em;
	font-style: italic;
}



/* location map */
#map_canvas img{max-width:none!important;background:none!important}

/* general padding */
.pad5r {
	padding-right: 0.375em;
}
.pad5l {
	padding-left: 0.375em;
}
.pad5t {
	padding-top: 0.375em;
}
.pad5b {
	padding-bottom: 0.375em;
}
.pad10l {
	padding-left: 0.75em;
}
.pad10t {
	padding-top: 0.75em;
}
.pad10r {
	padding-right: 0.75em;
}
.pad10b {
	padding-bottom: 0.75em;
}
.pad20r {
	padding-right: 1.5em;
}
.pad20l {
	padding-left: 1.5em;
}
.pad20t {
	padding-top: 1.5em;
}
.pad20b {
	padding-bottom: 1.5em;
}
.marginput2 {
	margin-right: 2%;
}
.locationmap {
	position: relative;
	width: 640px;
	height: 400px;
	margin-top:0.75em;
}

/* main layout */

.content {
	max-width: 1024px;
	margin-right: auto;
	margin-left: auto;
	clear:both;
}


/* header */
.header {
    width:100%;
}
.top-bar {
	position: relative;
	padding-bottom:25px;
}
.site-branding  { 
	padding-top: 0em;
}
.site-branding img  { 
	max-width: 100%;
	height: auto;
}
.site-srch {
	text-align:right;
	margin:45px 0 0 auto;
	position: relative;
}
.site-email {
	font-size:1.15em;
	float: right;	
	font-weight:700;
}
.site-text {
	clear:both;
	padding-top:1.2em;
	font-size:2em;
	display: block;	
	text-align: right;	
	font-weight:400;
}
.site-text .fa-chevron-right {
	font-size:0.65em;
}

#srchouter {
	float: right;
	padding-left:2em;
	position:relative;
}
.fa-search {
	font-size:1.15em;
	line-height:35px;
	vertical-align:middle;
}
#srch {
	top: -5px;
	right: 25px;
	width:17.85em;
	height:31px;
	z-index: 0;
	position: absolute;
}
#srch input {
	padding:0.5em 1em 0.5em 1em;
	height:31px;
	font-size:100%;
	width:16.85em;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}


/* main content */
.site-main {
	padding: 60px 0;
	font-size: 1em;
	line-height:150%;
}
.mainbg {	
	background-repeat: no-repeat, no-repeat;
	background-position: right center, right center;
	min-height:774px;
}
.site-main img  { 
	max-width: 100%;
	height: auto;
}
.site-main a  { 
	font-weight: 700;
}
.site-main #sitemap a  { 
	font-weight: 400;
}
.site-main a:hover {
	text-decoration:underline;
}
.site-main ul, .site-main ol {
	padding: 0em;
	margin: 0 0 0 0;
}
.site-main li {
	position:relative;
	padding: 0 0 0.5em 1em;
	list-style-type:none;
}
.site-main li:before {
	display: inline-block;
	content: ' ';
	background-image: url(../img/bullet.svg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 10px;
	width: 18px;
}
.site-main ol li {
	list-style-type: decimal;
	background-image: none;
	padding: 0 0 0.7em 1.5em;
	list-style-position: inside;
}
.site-main ol li ol {
	margin-left: 2em;
}
.site-main ol {
    counter-reset: item;
}
.site-main ol li {
    display: block;
    position: relative;
}
.site-main ol li:before {
    content: counters(item, ".")".";
    counter-increment: item;
    position: absolute;
    margin-right: 100%;
    right: 10px; /* space between number and text */
}
.blogcontainer {
	display: flex;
	flex-flow: row wrap;
}
.blog-main {
	float: left;
	width: 70%;
	padding: 40px 0;
	line-height:150%;
}
.blog-main img  { 
	max-width: 100%;
	height: auto;
}
.blog-side {
	float: left;
	width: 26%;
	margin-left:4%;
	padding: 40px 0;
	line-height:150%;
}


/* buttons */
.readmore {
	font-weight:300;
    letter-spacing: 1px;
    font-size: 2em;
	line-height:35px;
    padding: 0px 0 0 50px;
	margin-top:20px;
    display: inline-block;
    vertical-align: middle;
    line-height: 35px;
    text-align: left;
    text-decoration: none;
    background-origin: border-box;
	background-image: url(../img/blue-oct.svg);
	background-repeat: no-repeat;
	background-position: left center;
	min-height:35px;
}
.readmore a, .readmore:hover a, .readmore a:hover {
    text-decoration: none;
	font-weight:300;
}



/* quicklinks */
.qlbar {
	clear:both;
	margin-top:-93px;
	padding-bottom:45px;
	position:relative;
	z-index:9999;	
}
.qlbar .col-md-3, .qlbar .col-sm-3 {
	padding-left:6px !important;
	padding-right:6px !important;
}
#ql1, #ql2, #ql3, #ql4 {
	background-image: url(../img/ql1.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
	height:244px;
	-webkit-transition: background-image 0.3s;
	transition: background-image 0.3s;
}
#ql2 {
	background-image: url(../img/ql2.svg);
}
#ql3 {
	background-image: url(../img/ql3.svg);
}
#ql4 {
	background-image: url(../img/ql4.svg);
}
#ql1:hover {
	background-image: url(../img/ql1-over.svg);
}
#ql2:hover {
	background-image: url(../img/ql2-over.svg);
}
#ql3:hover {
	background-image: url(../img/ql3-over.svg);
}
#ql4:hover {
	background-image: url(../img/ql4-over.svg);
}
.quicklink {
    display:flex;
    align-items: center; /* Vertical center alignment */
    justify-content: center; /* Horizontal center alignment */
	text-align:center;
	font-size: 2.6em;
	letter-spacing: 1px;
	font-weight: 300;
	line-height: 100%;
	padding-left:25px;
	padding-right:25px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}


/* gallery bar */
.gallerybar {
	text-align:center;
	clear:both;
	min-height: 550px;	
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	background-blend-mode: multiply;
    display:flex;
    align-items: center; /* Vertical center alignment */
    justify-content: center; /* Horizontal center alignment */
}
.gallery-icon {
	background-image: url(../img/white-oct.svg);
	background-repeat: no-repeat;
	background-position: center center;
	width:35px;
	height:35px;
	line-height:35px;
	margin-left:auto;
	margin-right:auto;
}
.gallery-title {
	font-size: 3.5em;
	padding-bottom:25px;
	font-weight:300;
	letter-spacing:1px;
}



/* news bar */
.newsbar {
	clear:both;
	padding-top:45px;
	padding-bottom:65px;
	background-image: url(../img/news-bg.svg);
	background-repeat: no-repeat;
	background-position: right 125% bottom 150%;
}
.newsbar a {
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
.newsbar-heading {
	font-size:3em;
	font-weight:300;
	padding-bottom:25px;
	text-align:center;
}
.newsbar-post {
	margin-bottom:1em;
	line-height:150%;
	height:460px;
	overflow:hidden;
	font-size:1em;
	text-align:center;
	position:relative;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(153,153,153,0.3);
	-moz-box-shadow: 0px 0px 7px 0px rgba(153,153,153,0.3);
	box-shadow: 0px 0px 7px 0px rgba(153,153,153,0.3);
}
.newsbar-img  { 	
	height: 216px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	-webkit-transition: box-shadow 0.3s;
	transition: box-shadow 0.3s;
}
.newsbar-img:hover {
	box-shadow:inset 0 0 0 2000px rgba(0,0,0,0.45);
}
.newsbar-title {
	font-size:2.285em;
	line-height:125%;
	font-weight:300;
	padding-top:25px;
	padding-bottom:5px;
}
.newsbar-date {
	padding-bottom:10px;
}
.newsbar-content {
	padding-left:10px;
	padding-right:10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.newsbar-btn {
	line-height:125%;
	font-weight:400;
	position: absolute;
	left:0;
	right:0;
	bottom:0px;
	width:70%;
	height:47px;
	line-height:47px;
	margin-left:auto;
	margin-right:auto;
	z-index:99999;
	text-align:center;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}
.newsbar-btn::after,
.newsbar-btn::before {
    width: 0px;
    height: 0px;
    background: #fff;
    content: '';
    position: absolute;
    top: 0px;
	-webkit-transition: border 0.3s;
	transition: border 0.3s;
}


/* social networking */
.socialbar {
	clear:both;
	text-align:center;
	padding-bottom:40px;
}

.menu-social-container{
	padding: 0;
	margin: 0 auto 0 auto;
	display: table;
	width:auto;
	overflow:hidden;
	text-align: center;
}
ul.social-menu-widget {
	list-style: none;
	text-align: left;
}
.social-menu-widget li {
	display: inline;
	text-align: center;
	width: 28px;
	height: 28px;
	line-height: 28px;
	padding: 0px 7px 0 0;
	list-style: none;
	line-height: 1;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}
.social-menu-widget a svg {
	display: inline-block;
	text-decoration: none;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
.social-menu-widget a {
	font-size: 16px;
	line-height: 28px;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; 
}




/* footer section */
.footer-bar {
	clear:both;
	padding-top: 25px;
	padding-bottom: 2.5em;
	line-height:150%;
	background-image: url(../img/footer-bg.svg);
	background-repeat: no-repeat;
	background-position: center top 100px;
	position:relative;
}
.footer-bar img  { 
	max-width: 100%;
	height: auto;
}
#footercontent {
}
.footercredit {
	padding-top: 1.5em;
	padding-bottom: 1em;
}
.designcredit {
	font-size:12px;
	padding-top: 2em;
	padding-bottom: 1em;
}
.designer {
	text-align:right;
}




/* forms */
.enqfrmchck, .enqfrminput, .enqfrmbtn, .enqfrmtextarea {
	width: 100%;
	margin-bottom:0.75em;
}
.enqfrminput input, .enqfrminput select, .enqfrmtextarea textarea, .search-field {
	line-height:1.1em;
}
.enqfrminput input, .enqfrmtextarea textarea, .search-field {
	width: 95%;
	padding:0.9em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:500;
}
.search-field, input[type=search] {
	width: 100%;
}
.enqfrminput select {
	width: 98.5%;
	padding:0.9em;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:500;
}
.enqfrmtextarea textarea {
	height: 14em;
	line-height:1.5em;
}
.enqfrmbtn input {
	height: 1.5em;
	line-height:1.5em;
	font-weight: 300;
	border:none;
	font-size:2em;
	padding-left:1.5em;
	padding-right:1.5em;
	font-family: 'Teko', sans-serif;
	-webkit-transition: background 0.3s;
	   -moz-transition: background 0.3s;
		-ms-transition: background 0.3s;
		 -o-transition: background 0.3s;
			transition: background 0.3s;
}



/* gallery */
#gallery {
	margin-top:2em;
}
.gallerycats {
	clear:both;
	margin-top:30px;
}
.project-filters {
	clear:both;
	margin: 20px 0 50px 0;
	text-align: center;
	padding-left: 0;
}
.project-filters li  {
	display: inline-block;
	position: relative;
	text-align: center;
	margin-left: 4px;
	margin-bottom: 10px;
	-webkit-transition: background 0.3s;
	   -moz-transition: background 0.3s;
		-ms-transition: background 0.3s;
		 -o-transition: background 0.3s;
			transition: background 0.3s;
}
.project-filters li:before {
	display: none;
}
.project-filters li {
		padding: 0;
}
.project-filters li a {
	display: block;
    font-weight: 400;
	font-size: 14px;
	font-family: "Open Sans",sans-serif;
	outline: 0;
	padding: 10px;
}	
.project-filters li:hover {
	text-decoration: none;
}
.project-filters li a.active,
.project-filters li.active a,
.project-filters li a:hover {
	text-decoration: none;
}
.single-thumb {
	text-align:center;
	margin-bottom:20px;
}
.single-thumb img  { 
	max-width: 100%;
	height: auto;
	width: auto;
	max-height: 800px;
}
.fbbar {
	margin-top:20px;
}
.post-navigation {
	margin-top:50px;
}

/* blog menu sizes and colours */
.newsnavbar, #newsouter, .newscontainer, .newscol, .articlecontainer, article {
	width:100%;
}
.newscontainer, .newsmorebtn, .newstitle {
	line-height: normal;
	text-decoration: none;
	font-weight: 400;
}
.newscontainer, .articlecontainer, .newscontainer .newscol, .articlecontainer .newscol, .blogmenu, .newsnavnum, .newsnavpagenum, article {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.newsnavbar {
	overflow:hidden;
	margin: 1.5em 0 2em 0;
	padding: 0.4em 0 0.4em 0;
}
.newsnavnum, .newsnavpagenum {
	width:40%;
	padding: 0 0.7em 0 0.7em;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	float:left;
	text-align:left;
}
.newsnavpagenum {
	width:60%;
	font-size: 0.9em;
	text-align:right;
}
.newscontainer {
    margin: 0 0 75px;
    padding: 20px 10px;
    position: relative;
    border: 1px solid #f6f6f6;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(153,153,153,0.3);
	-moz-box-shadow: 0px 0px 7px 0px rgba(153,153,153,0.3);
	box-shadow: 0px 0px 7px 0px rgba(153,153,153,0.3);
}
.newimg img  { 
	max-width: 100%;
	height: auto;
	width: auto;
	max-height: 800px;
}
.newscontainer .newstitle a, .newscontainer .newstitle a:hover, .newscontainer .newsmore a:hover {
	text-decoration: none;
}
.newscontainer .newstitle {
	font-size:2.5em;
	font-weight:300;
	margin: 0 0 0 0;
}
.newscontainer .newsdesc {
	margin: 0 0 1em 0;
	line-height:150%;
}
.list-meta {
    position: absolute;
    bottom: -40px;
    right: 10px;
	width: 350px;
	max-width: 400px;
    border: 0;
    margin: 0;
	text-align:right;
}
.newscaldte {
	height:42px;
	width: 200px;
	padding: 10px 0px;
	text-align:center;
    font-size: 13px;
}
.blogmore {
	height:42px;
	width: 150px;
    font-size: 14px;
	padding: 10px 0px;
	text-align:center;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}
.counttxt {
	font-size:0.85em;
	font-weight:normal;
}
.feedicon {
	vertical-align:middle; 
	padding-right:0.7em;
}
.newsheader {
	padding: 0 0 1em 0em;
	position: relative;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
.newsheading h1 {
	margin: 0 0 0 0;
}
.newsheading {
	margin: 0 60px 0 0;
	padding-top: 0.5em;
}
.newsheading .newscat {
	margin: 0 0 0 0;
}
.newstags {
	clear:both;
	padding: 0.5em 0 0.7em 0;
	margin-bottom: 0.5em;
	font-size: 0.9em;
}	
.blog_categories {
	padding-bottom:25px;
}	
.blog_categories h4 {
	margin-bottom:0.5em;
}
.blog_categories li {
	padding: 8px 12px;
}
.blog_categories li .fa-folder, .blog_categories li .fa-calendar-alt {
	margin-right:7px;
}
.blog_categories li:last-child {
	border-bottom:none;
}
.blog_search {
	padding-bottom:15px;
}
.cat-link {
	padding-left:15px;
}
.entry-header {
	padding-bottom:15px;
}	
.entry-header h1 {
	margin-bottom:5px;
	padding-bottom:5px;
}
.entry-footer {
	margin-top:20px;
	padding-top:10px;
	padding-bottom:10px;
}
.nav-links {
	display:block;
	clear:both;
	width:100%;
}
.nav-previous {
	float:left;
	width:50%;
}
.nav-next {
	float:left;
	width:50%;
	text-align:right;
}
/*--------------------------------------------------------------
Menus
--------------------------------------------------------------*/

/* primary menu */
.primary-navigation {
	display: block;
	font-size:1em;
}
.primary-navigation ul {
	list-style: none;
	margin: 0;
	text-align:right;
}
.primary-navigation li {
	float: right;
	position: relative;
	padding: 0.5em 1.125em 0px 1.125em;
	font-size: 1em;
	line-height:100%;
	-webkit-transition: border 0.3s;
	transition: border 0.3s;
}
.primary-navigation li::after,
.primary-navigation li::before {
    width: 0px;
    height: 0px;
    background: #fff;
    content: '';
    position: absolute;
    top: -10px;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}

.primary-navigation li::after {
    left: 0;
    border-top: 5px solid #5a5f84;
    border-right: 5px solid #5a5f84;
    border-left: 5px solid white;
    border-bottom: 5px solid white;
	-webkit-transition: border 0.3s;
	transition: border 0.3s;
}

.primary-navigation li::before {
    right: 0;
    border-top: 5px solid #5a5f84;
    border-right: 5px solid white;
    border-left: 5px solid #5a5f84;
    border-bottom: 5px solid white;
	-webkit-transition: border 0.3s;
	transition: border 0.3s;
}
.primary-navigation a {
	display: block;
	text-decoration: none;
}
.primary-navigation ul ul {
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
	text-align:left;
	padding-top:0px;
}
.primary-navigation ul ul ul {
	left: -999em;
	top: 0;
}
.primary-navigation ul ul a {
	width: 200px;
}
.primary-navigation ul ul li {
	padding: 10px 15px;
	margin: 0;
	text-transform: none;
	border-top:none;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}
.primary-navigation ul ul li::after,
.primary-navigation ul ul li::before {
    display: none;
}
.primary-navigation ul ul li:last-child {
	border-bottom: none;	
}
.primary-navigation ul ul li:hover, .primary-navigation ul ul li.active {
	border-top:none;
}
.primary-navigation li:hover > a {
}
.primary-navigation ul ul :hover > a {
}
.primary-navigation ul ul a:hover {
	background: transparent;
}
.primary-navigation ul li:hover > ul {
	left: 0;
}
.primary-navigation ul ul li:hover > ul {
	left: 100%;
}
.primary-navigation .current_page_item a,
.primary-navigation .current-menu-item a {
}
.primary-navigation a {
	float: left;
}
.primary-navigation ul ul a {
	float: none;
}



/* main menu */
.main-navigation {
	display: block;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
}
.main-navigation li {
	float: left;
	position: relative;
	padding: 20px 20px 20px 20px;
	font-size: 1em;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
	-webkit-transition: background 0.3s;
	transition: background 0.3s;
}
.main-navigation li.onlymobile {
	display: none;
}
.main-navigation li:hover, .main-navigation li.active, .main-navigation li:first-child {
	background-image: none;
}
.main-navigation a {
	display: block;
	text-decoration: none;
}
.main-navigation ul ul {
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
	padding-top:0px;
	text-align:left;
}
.main-navigation ul ul li:last-child {
	border-bottom: none;	
}
.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}
.main-navigation ul ul a {
	width: 200px;
}
.main-navigation ul ul li {
	padding: 0 10px;
	margin: 0;
	text-transform: none;
	line-height:40px;
	background-image: none;
}
.main-navigation ul ul li:after {
	display:none; 
}
.main-navigation li:hover > a {
}
.main-navigation ul ul :hover > a {
}
.main-navigation ul ul a:hover {
	background: transparent;
}
.main-navigation ul li:hover > ul {
	left: 0;
}
.main-navigation ul ul li:hover > ul {
	left: 100%;
}
.main-navigation .current_page_item a,
.main-navigation .current-menu-item a {
}
.main-navigation a {
	float: left;
}
.main-navigation ul ul a {
	float: none;
}
.slicknav_menu {
	display:none;
}


/* footer menu */
.menufooter ul {
	padding: 0em;
	margin: 0px;
}
.menufooter li {
	padding: 0.25em 0 0.25em 1.5em;
	list-style-type: none;
	position:relative;
}
.menufooter li a, .menufooter li a:hover {
	text-decoration:none;
}
.menufooter li  .fa-chevron-right {
	padding-right: 7px;
	padding-bottom: 2px;
	font-size:150%;
	vertical-align:middle;
}




.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {

	display: none;
}
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #c31b06;
	padding-right: 0px;
	padding-left: 0px;
}
.textfieldFlashText input, input.textfieldFlashText {
	color: red !important;
}
.confirmRequiredMsg, 
.confirmInvalidMsg, 
.confirmValidMsg {
	display: none;
}
.confirmRequiredState .confirmRequiredMsg,
.confirmInvalidState .confirmInvalidMsg
{
	display: inline;
	color: #CC3333;
	padding-right: 0px;
	padding-left: 0px;
}
.confirmValidState input, input.confirmValidState {
}
input.confirmRequiredState, .confirmRequiredState input, 
input.confirmInvalidState, .confirmInvalidState input
{
}
.confirmFocusState input, input.confirmFocusState {
}
.selectRequiredMsg, .selectInvalidMsg {
	display: none;
}
.selectRequiredState .selectRequiredMsg,
.selectInvalidState .selectInvalidMsg {
	display: inline;
	color: #CC3333;
	padding-right: 0px;
	padding-left: 0px;
}
.selectValidState select, select.selectValidState {
}
select.selectRequiredState, .selectRequiredState select,
select.selectInvalidState, .selectInvalidState select {
}
.selectFocusState select, select.selectFocusState {
}
.onlymobile {
	display: none;
}
@media only screen 
and (min-device-width: 1600px) 
and (max-device-width: 3000px) {
	.mainbg .site-main {
		padding: 120px 10% 40px 0;
	}
}
@media only screen 
and (min-device-width: 1380px) 
and (max-device-width: 1600px) {
	.mainbg .site-main {
		padding: 120px 25% 40px 0;
	}
}
@media only screen 
and (min-device-width: 1280px) 
and (max-device-width: 1380px) {
	.mainbg .site-main {
		padding: 120px 30% 40px 0;
	}
}
@media only screen 
and (min-device-width: 1024px) 
and (max-device-width: 1280px) {
	.mainbg .site-main {
		padding: 120px 35% 40px 0;
	}
}
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) {
	.editbar {
		display: none;
	}
	.row {
		margin:0;
		padding: 0;
		float: none;
		width: 100%;
	}
	.mainbg .site-main {
		padding: 120px 45% 40px 0;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
	.editbar {
		display: none;
	}
	.container {
		margin:0;
		padding: 0;
		float: none;
		width: 100%;
	}
	.row {
		margin:0;
		padding: 0;
		float: none;
		width: 100%;
	}
	.content {
		padding: 0 10px 0 10px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}	
	.onlymobile {
		display: none;
	}
	.mainbg .site-main {
		padding: 120px 45% 40px 0;
	}
	.quicklink {
		font-size: 2em;
	}	
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait)  {	  
	h1, .h1 {
		font-size: 2.75em;
	}
	h2 {
		font-size: 2.15em;
	}
	h3 {
		font-size: 2em;
	}
	h4 {
		font-size: 1.75em;
	}
	h5 {
		font-size: 1.5em;
	}
	h6 {
		font-size: 1.25em;
	}
	.editbar {
		display: none;
	}
	.nomobile {
		display: none;
	}
	.onlymobile {
		display: block;
	}
	.container {
		margin:0;
		padding: 0;
		float: none;
		width: 100%;
	}
	.row {
		margin:0;
		padding: 0;
		float: none;
		width: 100%;
	}
	.content {
		padding: 0 10px 0 10px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.pictureright, .pictureRight {
		float: right;
		margin-left: 1em;
	}
	.pictureleft, .pictureLeft {
		float: left;
		margin-right: 1em;
	}
	span.pictureright , span.pictureRight, span.pictureleft, span.pictureLeft  { 
		max-width: 50%;
	}
	.pictureright img, .pictureRight img, .pictureleft img, .pictureLeft img  { 
		max-width: 100%;
		height: auto;
	}
	.centre {
		display: block;
		margin-left: auto;
		margin-right: auto 
	}
	.fltright {
		float: right;
	}
	.fltleft {
		float: left;
	}	
	.mainbg .site-main {
		padding: 80px 40% 40px 0;
	}
	.quicklink a {
		font-weight:300 !important;
	}			
	.quicklink {
		font-size: 1.5em;
		font-weight:300;
	}	
	.primary-navigation {
		font-size:0.875em;
	}
	.primary-navigation li {
		padding: 0.5em 1em 0px 1em;
		font-size: 0.875em;
	}
	.main-navigation li {
		padding: 15px;
		font-size: 0.875em;
	}
	.mainbg {	
		background-size: auto 100%, contain;
		min-height:604px;
	}
	.newsbar-btn {
		width:100%;
	}
}


/* iPhone 5, 5S, 5C and 5SE Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
	#srch {
		display: block !important;
		top: -138px;
		right: auto;
		left: -10px;
		width:auto;
		height:31px;
		z-index: 0;
		position: absolute;
	}	

}
/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
	#srch {
		display: block !important;
		top: -152px;
		right: auto;
		left: -10px;
		width:auto;
		height:31px;
		z-index: 0;
		position: absolute;
	}
}
/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
	#srch {
		display: block !important;
		top: -162px;
		right: auto;
		left: -10px;
		width:auto;
		height:31px;
		z-index: 0;
		position: absolute;
	}

}
@media (max-width: 767px) {	
	.nomobile {
		display: none;
	}
	.onlymobile {
		display: block;
	}
	h1, .h1 {
		font-size: 2.5em;
	}
	h2 {
		font-size: 2em;
	}
	h3 {
		font-size: 1.75em;
	}
	h4 {
		font-size: 1.5em;
	}
	h5 {
		font-size: 1.25em;
	}
	.container {
		margin:0;
		padding: 0;
		float: none;
		width: 100%;
	}
	.row {
		margin:0;
		padding: 0;
		float: none;
		width: 100%;
	}
	.mainbg .site-main {
		padding: 120px 45% 40px 0;
	}	
	.pictureright, .pictureRight {
		float: none;
		display:block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom:10px;
		text-align:center;
	}
	.pictureleft, .pictureLeft {
		float: none;
		display:block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom:10px;
		text-align:center;
	}
	.pictureleft img, .pictureLeft img, .pictureright img, .pictureRight  img { 
		width: 100%;
		height: auto;
	}	
	.mainbg {	
		background-image: none !important;
		min-height:1px;
	}
	.site-main {
		padding: 20px 10px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}	
	.mainbg .site-main {
		padding: 20px 10px;
	}
	.blog-main {
		order: 1;
		float: none;
		width: 100%;
		padding: 20px 10px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.blog-side {
		order: 2;
		float: none;
		width: 100%;
		margin-left:0;
		padding: 40px 10px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}	
	.blog_categories h4 {
		font-size:2em;
	}
	#primary-navigation {
		display: none;
	}
	.main-navigation {
		display:none;
	}		
	.slicknav_menu {
		display:block;
		min-height:45px;
		z-index: 11;
	}
	.slicknav_btn { position: relative; display: block; vertical-align: top; float: right; padding: 5px 0 0 0em; line-height: 1.125em; cursor: pointer; }
	.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
	.slicknav_menu .slicknav_icon { float: left; margin: 0em; }
	.slicknav_menu .slicknav_no-text { margin: 0 }
	.slicknav_menu .slicknav_icon-bar { display: block; width: 2em; height: 0.3em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
	.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.3em }
	.slicknav_nav { clear: both }
	.slicknav_nav ul,
	.slicknav_nav li { display: block }
	.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
	.slicknav_nav .slicknav_item { cursor: pointer; }
	.slicknav_nav .slicknav_row { display: block; }
	.slicknav_nav a { display: block }
	.slicknav_nav .slicknav_item a,
	.slicknav_nav .slicknav_parent-link a { display: inline }
	.slicknav_menu:before,
	.slicknav_menu:after { content: " "; display: table; }
	.slicknav_menu:after { clear: both }
	
	/* 
		User Default Style
		Change the following styles to modify the appearance of the menu.
	*/	
	.slicknav_menu {
		font-size:100%;
	}
	/* Button */
	.slicknav_btn {
		margin: 0;
		text-decoration:none;
		background-color:transparent;
	}
	/* Button Text */
	.slicknav_menu  .slicknav_menutxt {
		color: #FFF;
	}
	.slicknav_menu {
		padding:5px;
	}
	.slicknav_nav {
		color:#fff;
		margin:0 0 50px 0;
		padding:0;
		font-size:1em;
	}
	.slicknav_nav, .slicknav_nav ul {
		list-style: none;
		overflow:hidden;
	}
	.slicknav_nav ul {
		padding:0;
		margin:0 0 0 20px;
	}
	.slicknav_nav .slicknav_row {
		padding:5px 10px;
		margin:2px 5px;
	}
	.slicknav_nav a{
		padding:5px 10px;
		margin:2px 5px;
		text-decoration:none;
	}
	.slicknav_nav .slicknav_item a,
	.slicknav_nav .slicknav_parent-link a {
		padding:0;
		margin:0;
	}
	.slicknav_nav .slicknav_row:hover {
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}
	.slicknav_nav a:hover{
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		background:#fff;
		color:#000;
	}
	.slicknav_nav .slicknav_txtnode {
		 margin-left:15px;   
	}
	.top-bar {
		border-bottom: 5px #132e53 solid;
		padding-bottom:0px;		
	}	
	.site-branding  { 
		padding-top: 1em;
	}
	.site-srch {
		text-align:center;
		margin:1em auto 2em auto;
		position: relative;
	}
	.site-email {
		padding-top:0.75em;
		font-size:1.5em;
		float: none;	
		text-align:center;
	}
	.site-text {
		padding-top:0.75em;
		text-align:center;
	}
	#srchouter {
		float: none;
		padding-left:0em;
		position:relative;
	}
	#srchicon, #srchbtn {
		display: none !important;
	}
	#srch input {
		padding:0.5em 1em 0.5em 1em;
		height:31px;
		line-height:100%;
		width:200px;
		border:none;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	.qlbar {
		clear:both;
		margin-top:0px !important;
		padding-top:2px !important;
		padding-bottom:0px !important;
		position:relative;
		z-index:9999;	
	}
	.qlbar .col-md-3, .qlbar .col-sm-3 {
		padding-left:0px !important;
		padding-right:0px !important;
	}
	#ql1, #ql2, #ql3, #ql4 {
		background-image: none;
		height:auto;
		background-color:#5a5f84;
	}
	#ql2 {
		background-image: none;
		background-color:#3a476e;
	}
	#ql3 {
		background-image: none;
		background-color:#273a63;
	}
	#ql4 {
		background-image: none;
		background-color:#132e53;
	}
	#ql1:hover {
		background-image: none;
	}
	#ql2:hover {
		background-image: none;
	}
	#ql3:hover {
		background-image: none;
	}
	#ql4:hover {
		background-image: none;
	}
	.quicklink {
		font-size: 2.25em;
		line-height: 100%;
		padding-left:20px;
		padding-right:20px;
		padding-top:20px;
		padding-bottom:20px;
		margin-bottom:2px;
	}
	.gallerybar {
		min-height: 300px;	
	}
	.newsbar {
		padding-top:40px;
		padding-bottom:20px;
		background-image: none;
	}
	.socialbar {
		display:none;
	}
	.footer-bar .content .col-xs-12 {
		padding-left:0 !important;
		padding-right:0 !important;
		margin-left:0 !important;
		margin-right:0 !important;
	}
	#footercontent {
		padding-top: 1.5em;
		padding-left:20px !important;
		padding-right:20px !important;
	}
	.footercredit {
		padding-top: 1em;
		padding-bottom: 1em;
	}
	.designcredit {
		font-size:12px;
		padding-top: 2em;
		padding-bottom: 1em;
		text-align:center;
	}
	.designer {
		display:none;
	}	
	.newsnavnum, .newsnavpagenum {
		width:100%;
		padding: 0 0.7em 0 0.7em;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		float:none;
		text-align:left;
	}	
	.newscontainer {
		margin: 0 0 35px;
	}	
	.newscontainer .newstitle {
		font-size:2.5em;
	}
	.newscat {
		margin: 0 0 1em 0;
	}
	.newimg {
		margin-bottom:20px;
	}
	.newscontainer .newsdesc {
		margin: 0em 0 1.5em 0;
	}		
	.list-meta {
		position: relative;
		bottom: auto;
		right: 0;
		left: 0;
		width: 100%;
		font-size: 13px;
		border: 0;
		margin: 0;
	}
	.newscaldte, .blogmore {
		clear:both;
		width: 100%;
		display:block;
		padding: 10px 15px;
		text-align:center;
	}	
	.fbbar {
		display: none;
	}
	.cat-link {
		display:block;
		padding-left:0px;
	}
	.entry-header .textright {
		padding-top:7px;
		padding-bottom:10px;
		text-align: left !important;
	}
	
}
/* iPhone 6, 7, & 8 in landscape */
@media only screen 
and (min-device-width : 360px) 
and (max-device-width : 767px) 
and (orientation : landscape) { 
	.pictureright, .pictureRight {
		float: right;
		margin-left: 1em;
	}
	.pictureleft, .pictureLeft {
		float: left;
		margin-right: 1em;
	}
	span.pictureright , span.pictureRight, span.pictureleft, span.pictureLeft  { 
		max-width: 50%;
	}
	.pictureright img, .pictureRight img, .pictureleft img, .pictureLeft img  { 
		max-width: 100%;
		height: auto;
	}
	.centre {
		display: block;
		margin-left: auto;
		margin-right: auto 
	}
	.fltright {
		float: right;
	}
	.fltleft {
		float: left;
	}
	#srch {
		display: block !important;
		top: -205px;
		right: auto;
		left: -10px;
		width:auto;
		height:31px;
		z-index: 0;
		position: absolute;
	}	
	.newscontainer {
		margin: 0 0 50px;
	}	
	.list-meta {
		position: absolute;
		bottom: -40px;
		right: 10px;
		width: 350px;
		left:auto;
		max-width: 400px;
		border: 0;
		margin: 0;
		text-align:right;
	}
	.newscaldte {
		clear:none;
		display:inline-block;
		height:42px;
		width: 200px;
		padding: 10px 0px;
		text-align:center;
		font-size: 13px;
	}
	.blogmore {
		clear:none;
		display:inline-block;
		height:42px;
		width: 150px;
		font-size: 14px;
		padding: 10px 0px;
		text-align:center;
		-webkit-transition: background 0.3s;
		transition: background 0.3s;
	}
	
}
/* ----------- iPhone X ----------- */
/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {   
	.container {
		margin:0;
		padding: 0;
		float: none;
		width: 100%;
	}
	.row {
		margin:0;
		padding: 0;
		float: none;
		width: 100%;
	}
	.content {
		padding: 0 10px 0 10px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	h1, .h1 {
		font-size: 2.5em;
	}
	h2 {
		font-size: 2em;
	}
	h3 {
		font-size: 1.75em;
	}
	h4 {
		font-size: 1.5em;
	}
	h5 {
		font-size: 1.25em;
	}
	.pictureright, .pictureRight {
		float: right;
		margin-left: 1em;
	}
	.pictureleft, .pictureLeft {
		float: left;
		margin-right: 1em;
	}
	span.pictureright , span.pictureRight, span.pictureleft, span.pictureLeft  { 
		max-width: 50%;
	}
	.pictureright img, .pictureRight img, .pictureleft img, .pictureLeft img  { 
		max-width: 100%;
		height: auto;
	}
	.centre {
		display: block;
		margin-left: auto;
		margin-right: auto 
	}
	.fltright {
		float: right;
	}
	.fltleft {
		float: left;
	}
	.quicklink a {
		font-weight:300 !important;
	}			
	.quicklink {
		font-size: 1.5em;
		font-weight:300;
	}	
	.primary-navigation {
		font-size:0.875em;
	}
	.primary-navigation li {
		padding: 0.5em 1.25em 0px 1.25em;
		font-size: 0.95em;
	}
	.main-navigation li {
		padding: 15px;
		font-size: 0.95em;
	}
	.mainbg {	
		background-image: none !important;
		min-height:1px;
	}
	.site-main {
		padding: 20px 10px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}	
	.mainbg .site-main {
		padding: 20px 10px;
	}
	.newsbar-btn {
		width:100%;
	}	
	.blog_categories h4 {
		font-size:2em;
	}
}