/* <style> */ 
/**
This theme was created by Daniel Brose (QARM), based on the following assets:

Template Name:Factory html5 templete
Author:  CrazyCafe
Author URI:
Version: 1.0

====/========        =======/====/
			 CSS Index
====/========        =======/====/

01.         ====================>>>

02.

03.

04.

05.

06.

07.

08.

09.

*/


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++ Base CSS Start

++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* ==========================================================
	Generics and core structure classes
	==========================================================*/


a:focus {
	outline: 0 solid;
	text-decoration: none;
}

a {
	display: inline-block;
	-webkit-transition: .4S;
	transition: .4S;
}

p {
	line-height: 28px;
	font-size: 14px;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

img {
	max-width: 100%;
	height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 15px;
	font-weight: 600;
}

html,
body {
	height: 100%
}

body {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color:#dd0000;
}

input {
	outline: none;
}

input[type="submit"] {
	background: #c50000 none repeat scroll 0 0;
	border: medium none;
	color: #fff;
	padding: 8px 30px;
	text-shadow: rgb(20, 20, 20) 1px 1px 0;
}

input[type="submit"].disabled{
	background-color:#888;
	text-shadow: none;
}

/* /// NOTE - overwrite for bootstrap.min.css style */
.label {
    color: inherit;
}

/* /// CHANGED REVERTED - this prevented < select > showing arrow
select {
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	outline: none;
}
*/

select::focus {
	border: 1px solid #ddd;
}

textarea {
	outline: none;
}


/* Remove Chrome Input Field's Unwanted Yellow Background Color */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

label{ font-weight:normal; }


span{
	display:inline;
}


/** /// NOTE TODO - 18/5/17 - made into a global, look at allowing in tinymce if not present already */
blockquote {
	font-size: inherit;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0;
	margin: 0 0 15px;
	line-height: 23px;
}


/* START base Medium Layout: 1600px. */
@media only screen and (min-width: 1400px) and (max-width: 1600px){ 

}



/* START base Medium Layout: 1600px. */
@media only screen and (min-width: 1601px){ 

}



/* START base Medium Layout: 1400px. */
@media only screen and (min-width: 1200px) and (max-width: 1400px) { 

}




/*  START base Medium Layout: 1200px. */
@media only screen and (min-width: 991px) and (max-width: 1199px) { 

}



/* START base Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 990px) { 

					
}




/* START base Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
						

}




/* START base Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 


}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++ Base CSS End

++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */





/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++ Preloader/Spinner CSS Start

++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* ----------------------------------------------------------
					Ajax Spinner CSS
	----------------------------------------------------------*/

.ajax_loader{background:transparent url(../images/ani/preloader_a_fff.gif) no-repeat center center;min-height:50px;min-width:50px;width:100%;height:100%;z-index:5555}
.loading_bar_1{position:absolute;display:none;height:100%;width:100%;background:transparent url(../images/ani/spinner_squares_circle.gif) no-repeat 50% 50%}
.loading_bar_2{position:absolute;display:none;height:100%;width:100%;background:transparent url(../images/ani/ajax-loader_blue.gif) no-repeat 50% 50%}
.loading_bar_3{position:absolute;display:none;height:100%;width:100%;min-width:80px;min-height:12px;background:transparent url(../images/ani/preloader_d_default.gif) no-repeat 50% 50%}

/* ----------------------------------------------------------
					Ajax Spinner End
	----------------------------------------------------------*/



/* ----------------------------------------------------------
					Preloader CSS
	----------------------------------------------------------*/

/*	/// CHANGED IMPORTANT - 11/1/18 - jake and bob requested it so moved back in as inline css block
/** /// xTD - 18/5/17 - didnt think much of page csscube, could be tied into some ajax actions though, determine that then decide whether to keep or deprecate  */
/* /// REVERTED - 19/12/17 - didnt end up using cssload-thecube approach, i understood its purpose but wasnt that impressed by it visually
.loader {
	background: rgba(255, 255, 255, 0.95) none repeat scroll 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: fixed;
	width: 100%;
	z-index: 999999;
}

.cssload-thecube {
	width: 73px;
	height: 73px;
	margin: 0 auto;
	margin-top: 49px;
	position: relative;
	transform: rotateZ(45deg);
	-o-transform: rotateZ(45deg);
	-ms-transform: rotateZ(45deg);
	-webkit-transform: rotateZ(45deg);
	-moz-transform: rotateZ(45deg);
}

.cssload-thecube .cssload-cube {
	position: relative;
	transform: rotateZ(45deg);
	-o-transform: rotateZ(45deg);
	-ms-transform: rotateZ(45deg);
	-webkit-transform: rotateZ(45deg);
	-moz-transform: rotateZ(45deg);
}

.cssload-thecube .cssload-cube {
	float: left;
	width: 50%;
	height: 50%;
	position: relative;
	transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
}

.cssload-thecube .cssload-cube:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(43, 160, 199);
	animation: cssload-fold-thecube 2.76s infinite linear both;
	-o-animation: cssload-fold-thecube 2.76s infinite linear both;
	-ms-animation: cssload-fold-thecube 2.76s infinite linear both;
	-webkit-animation: cssload-fold-thecube 2.76s infinite linear both;
	-moz-animation: cssload-fold-thecube 2.76s infinite linear both;
	transform-origin: 100% 100%;
	-o-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	-webkit-transform-origin: 100% 100%;
	-moz-transform-origin: 100% 100%;
}

.cssload-thecube .cssload-c2 {
	transform: scale(1.1) rotateZ(90deg);
	-o-transform: scale(1.1) rotateZ(90deg);
	-ms-transform: scale(1.1) rotateZ(90deg);
	-webkit-transform: scale(1.1) rotateZ(90deg);
	-moz-transform: scale(1.1) rotateZ(90deg);
}

.cssload-thecube .cssload-c3 {
	transform: scale(1.1) rotateZ(180deg);
	-o-transform: scale(1.1) rotateZ(180deg);
	-ms-transform: scale(1.1) rotateZ(180deg);
	-webkit-transform: scale(1.1) rotateZ(180deg);
	-moz-transform: scale(1.1) rotateZ(180deg);
}

.cssload-thecube .cssload-c4 {
	transform: scale(1.1) rotateZ(270deg);
	-o-transform: scale(1.1) rotateZ(270deg);
	-ms-transform: scale(1.1) rotateZ(270deg);
	-webkit-transform: scale(1.1) rotateZ(270deg);
	-moz-transform: scale(1.1) rotateZ(270deg);
}

.cssload-thecube .cssload-c2:before {
	animation-delay: 0.35s;
	-o-animation-delay: 0.35s;
	-ms-animation-delay: 0.35s;
	-webkit-animation-delay: 0.35s;
	-moz-animation-delay: 0.35s;
}

.cssload-thecube .cssload-c3:before {
	animation-delay: 0.69s;
	-o-animation-delay: 0.69s;
	-ms-animation-delay: 0.69s;
	-webkit-animation-delay: 0.69s;
	-moz-animation-delay: 0.69s;
}

.cssload-thecube .cssload-c4:before {
	animation-delay: 1.04s;
	-o-animation-delay: 1.04s;
	-ms-animation-delay: 1.04s;
	-webkit-animation-delay: 1.04s;
	-moz-animation-delay: 1.04s;
}

@keyframes cssload-fold-thecube {
	0%,
	10% {
		-webkit-transform: perspective(136px) rotateX(-180deg);
		transform: perspective(136px) rotateX(-180deg);
		opacity: 0;
	}
	25%,
	75% {
		-webkit-transform: perspective(136px) rotateX(0deg);
		transform: perspective(136px) rotateX(0deg);
		opacity: 1;
	}
	90%,
	100% {
		-webkit-transform: perspective(136px) rotateY(180deg);
		transform: perspective(136px) rotateY(180deg);
		opacity: 0;
	}
}

@-webkit-keyframes cssload-fold-thecube {
	0%,
	10% {
		-webkit-transform: perspective(136px) rotateX(-180deg);
		opacity: 0;
	}
	25%,
	75% {
		-webkit-transform: perspective(136px) rotateX(0deg);
		opacity: 1;
	}
	90%,
	100% {
		-webkit-transform: perspective(136px) rotateY(180deg);
		opacity: 0;
	}
}

*/
/* ----------------------------------------------------------
					Preloader End
	----------------------------------------------------------*/




/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++ Preloader/Spinner CSS End

++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */






/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++ Common CSS Start

++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



/* ----------------------------------------------------------
	Common styles, many of these (not all) are also in tinymce editor
	----------------------------------------------------------*/

.editor_note,.editor_invalid,.editor_invalid_link-holder{display:none}

.screen-reader-text {
	display: none;
}

.btn-link:hover{
	color:#dd0000;
}


/* flexbox, http://stackoverflow.com/questions/19695784/how-can-i-make-bootstrap-columns-all-the-same-height */
.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}


.req{ color:red; }

.bold{ font-weight: bold; }

.text-uppercase{ text-transform: uppercase; }

.red-text{ 
	color:#c50000;
}

.text-align-left {
	text-align: left !important;
}

.text-align-right {
	text-align: right !important;
}

.text-align-center {
	text-align: center !important;
}

.text-align-justify, .justify {
	text-align: justify !important;
}

.lite{ color:#666; }

.unstyled-header {
	font-size: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	border: none;
	text-decoration: none;
	color: inherit;
	font-family: inherit;
	display: inline;
}

.text-dark{ 
	color:#111 !important; 
}

.text-shadow-1{
    text-shadow: rgb(50, 50, 50) 1px 1px 0px;
}
.text-shadow-2{
    text-shadow: rgb(50, 50, 50) 2px 1px 1px, black 0px 0px 1px;
}
.text-shadow-3{
    text-shadow: rgb(50, 50, 50) 3px 1px 1px, black 0px 0px 1px;
}

.text-shadow-1.text-dark{
    text-shadow: rgb(200, 200, 200) 1px 1px 0px;
}
.text-shadow-2.text-dark{
    text-shadow: rgb(200, 200, 200) 2px 1px 1px, white 0px 0px 1px;
}
.text-shadow-3.text-dark{
    text-shadow: rgb(200, 200, 200) 3px 1px 1px, white 0px 0px 1px;
}


@media only screen and (max-width: 990px) { 

	.text-shadow-tablet-1{
	    text-shadow: rgb(50, 50, 50) 1px 1px 0px;
	}
	.text-shadow-tablet-2{
	    text-shadow: rgb(50, 50, 50) 2px 1px 1px, black 0px 0px 1px;
	}
	.text-shadow-tablet-3{
	    text-shadow: rgb(50, 50, 50) 3px 1px 1px, black 0px 0px 1px;
	}

	.text-shadow-tablet-1.text-dark{
	    text-shadow: rgb(200, 200, 200) 1px 1px 0px;
	}
	.text-shadow-tablet-2.text-dark{
	    text-shadow: rgb(200, 200, 200) 2px 1px 1px, white 0px 0px 1px;
	}
	.text-shadow-tablet-3.text-dark{
	    text-shadow: rgb(200, 200, 200) 3px 1px 1px, white 0px 0px 1px;
	}
}

span.subtitle-a {
    margin-bottom: 4px;
    display: block;
}

.bg-10b{background:url('../images/trans_dark_10.png') repeat;}
.bg-20b{background:url('../images/trans_dark_20.png') repeat;}
.bg-30b{background:url('../images/trans_dark_30.png') repeat;}
.bg-40b{background:url('../images/trans_dark_40.png') repeat;}
.bg-50b{background:url('../images/trans_dark_50.png') repeat;}
.bg-60b{background:url('../images/trans_dark_60.png') repeat;}
.bg-70b{background:url('../images/trans_dark_70.png') repeat;}
.bg-80b{background:url('../images/trans_dark_80.png') repeat;}
.bg-90b{background:url('../images/trans_dark_90.png') repeat;}
.bg-10w{background:url('../images/trans_white_10.png') repeat;}
.bg-20w{background:url('../images/trans_white_20.png') repeat;}
.bg-30w{background:url('../images/trans_white_30.png') repeat;}
.bg-40w{background:url('../images/trans_white_40.png') repeat;}
.bg-50w{background:url('../images/trans_white_50.png') repeat;}
.bg-60w{background:url('../images/trans_white_60.png') repeat;}
.bg-70w{background:url('../images/trans_white_70.png') repeat;}
.bg-80w{background:url('../images/trans_white_80.png') repeat;}
.bg-90w{background:url('../images/trans_white_90.png') repeat;}


/* /// NOTE TODO - 17/5/17 - not in use atm, that made change though so check at end and add into tinymce too, if not present already
.uppercase { text-transform: uppercase; }
*/

/* /// REVERTED - 17/5/17 - i dont want to be using this anymore, should be obvious what is what and no editors actually used these
.editor_note{ display:none!important; }
*/

img.image-left, img.image-left-rounded {
	float: left;
	margin: 0 10px 10px 0;
}
img.image-right, img.image-right-rounded {
	float: right;
	margin: 0 0 10px 10px;
}
img.image-left-rounded, img.image-right-rounded {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}




.vertical-center {
  margin: 0;
  position: absolute !important;
  top: 50% !important;
  -ms-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important;
}




/* ----------------------------------------------------------
	Structure - <section></section> and backgrounds
	----------------------------------------------------------*/


/* /// REVERTED NOTE - created 16/5/17 then reverted for backwards compatability, just went with manually adding either classname or inline padding * /
body > section:last-of-type{ padding-bottom:60px; }
/* */
section.last-section{ padding-bottom:60px;}



section.no-header-section{
	padding-top: 110px;
}



/* Basic styles for banded design */
section.band-a{
	background:#fefefe;
}
section.band-b{
	background:#f4f4f4 none repeat scroll 0 0 !important;
}

section.body-section{
	background-repeat:no-repeat;
	-webkit-background-size: initial;
	-moz-background-size: initial;
	-o-background-size: initial;
	background-size: initial;

	background-attachment: fixed;
}



/* /// NOTE REVERTED - 4/8/17 - moved into generic style and optional image added via page-banner-holder options
			/*
			section.band-c{
				background:linear-gradient(to bottom, rgba(255,255,255,0.3) 0%,rgba(255,255,255,1.0) 100%),url('../images/shutterstock_60669145.2500x233.jpg');
				background-repeat:no-repeat;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
			}

			section.band-d{

				background:linear-gradient(to bottom, rgba(255,255,255,0.3) 0%,rgba(255,255,255,1.0) 100%),url('../images/lathe.jpg');
				background-repeat:no-repeat;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
			}


			section.band-e{
				background:linear-gradient(to bottom, rgba(255,255,255,0.3) 0%,rgba(255,255,255,1.0) 100%),url('../images/lathe.jpg');
				background-repeat:no-repeat;
				-webkit-background-size: initial;
				-moz-background-size: initial;
				-o-background-size: initial;
				background-size: initial;

				background-position: left 25%;
				background-attachment: fixed;
			}


			* /

			/*
			section.band-f{
				background:linear-gradient(to bottom, rgba(255,255,255,1) 10%,rgba(255,255,255,0.8) 100%),url('../images/shutterstock_101286520-[Converted]-b.png');
				background:linear-gradient(to bottom, rgba(255,255,255,1) 10%,rgba(255,255,255,0.8) 100%),url('../images/shutterstock_35746873 [Converted] b.png');
				background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 100%),url('../images/stock-vector-business-people-group-on-a-world-background-87599113.jpg');
				background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 100%),url('../images/stock-photo-group-of-business-people-with-female-leader-in-foreground-127798649.jpg');
				background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 100%),url('../images/stock-photo-handshake-isolated-on-business-background-74707159.jpg');
				background-repeat:no-repeat;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;

				background-position: left top;
				background-attachment: fixed;
			}
			* /

			section.band-g{
			/*
				background:linear-gradient(to bottom, rgba(255,255,255,1) 10%,rgba(255,255,255,0.8) 100%),url('../images/shutterstock_101286520-[Converted]-b.png');
				background:linear-gradient(to bottom, rgba(255,255,255,1) 10%,rgba(255,255,255,0.8) 100%),url('../images/shutterstock_35746873 [Converted] b.png');
				background:linear-gradient(to bottom, rgba(255,255,255,1) 10%,rgba(255,255,255,0.8) 100%),url('../images/lathe.jpg');
			* /
				background:linear-gradient(to bottom right, rgba(255,255,255,1) 10%,rgba(255,255,255,0.8) 100%),url('../images/shutterstock_60669145.jpg');

				background-repeat:no-repeat;
				-webkit-background-size: initial;
				-moz-background-size: initial;
				-o-background-size: initial;
				background-size: initial;

				background-attachment: fixed;
			}



			.banner-simple.band-g .banner-simple-bg{
				background:linear-gradient(to bottom right, rgba(255,255,255,0.3) 10%,rgba(255,255,255,0.1) 100%),url('../images/shutterstock_60669145.jpg');

				background-repeat:no-repeat;
				-webkit-background-size: initial;
				-moz-background-size: initial;
				-o-background-size: initial;
				background-size: initial;

				background-attachment: fixed;
			}

*/


[class*=bg-img-style]{
	position: relative;
	background-repeat: no-repeat;
	background-position: top left;
	background-attachment: fixed;
}

.bg-img-style-noscroll {
    background-attachment: unset !important;
}

.bg-img-style-1 {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.bg-img-style-2 {
	-webkit-background-size: initial;
	-moz-background-size: initial;
	-o-background-size: initial;
	background-size: initial;
}

.bg-img-style-3 {
	background-position: left top;
	background-attachment: fixed;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}

.bg-img-style-4 {
	background-position: left top;
	background-attachment: fixed;

	-webkit-background-size: initial;
	-moz-background-size: initial;
	-o-background-size: initial;
	background-size: initial;
}


.bg-img-style-5 {
	background-position: left bottom;
	background-attachment: fixed;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}

.bg-img-style-6 {
	background-position: left bottom;
	background-attachment: fixed;
	
	-webkit-background-size: initial;
	-moz-background-size: initial;
	-o-background-size: initial;
	background-size: initial;
}

.bg-img-align-top-left{
	background-position:top left !important;
}
.bg-img-align-center-center{
	background-position: center center !important;
}
.bg-img-align-top-right{
	background-position:top right !important;
}

@media only screen and (min-width: 2460px) {
	/* /// CHANGED - 2/10/19 - fix for banners on massive screen sizes */
	.bg-img-style-2 {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
}



/* ------------------------------------------------------------------
	Overlays START
------------------------------------------------------------------- */


/* TODO - 17/5/17 - some of these can be added to tinymce to allow more control over inline images */

/* TODO - 17/5/17 - carefully remove all unneccesary styles from here, leaving just the best/most-useful for tinymce
				  - ideally, if not already used, revert it and leave in .dev.css for future reference
*/

.after-background-dark::after{
	background: #000 none repeat scroll 0 0!important;
}
.after-background-white::after{
	background: white none repeat scroll 0 0!important;
}

.after-opacity-0::after{
	opacity: 0!important;
}
.after-opacity-1::after{
	opacity: 0.01!important;
}
.after-opacity-2::after{
	opacity: 0.02!important;
}
.after-opacity-3::after{
	opacity: 0.03!important;
}
.after-opacity-4::after{
	opacity: 0.04!important;
}
.after-opacity-5::after{
	opacity: 0.05!important;
}
.after-opacity-6::after{
	opacity: 0.06!important;
}
.after-opacity-7::after{
	opacity: 0.07!important;
}
.after-opacity-8::after{
	opacity: 0.08!important;
}
.after-opacity-9::after{
	opacity: 0.09!important;
}
.after-opacity-10::after{
	opacity: 0.1!important;
}
.after-opacity-11::after{
	opacity: 0.11!important;
}
.after-opacity-12::after{
	opacity: 0.12!important;
}
.after-opacity-13::after{
	opacity: 0.13!important;
}
.after-opacity-14::after{
	opacity: 0.14!important;
}
.after-opacity-15::after{
	opacity: 0.15!important;
}
.after-opacity-20::after{
	opacity: 0.2!important;
}
.after-opacity-30::after{
	opacity: 0.3!important;
}
.after-opacity-40::after{
	opacity: 0.4!important;
}
.after-opacity-50::after{
	opacity: 0.5!important;
}
.after-opacity-60::after{
	opacity: 0.6!important;
}
.after-opacity-70::after{
	opacity: 0.7!important;
}
.after-opacity-80::after{
	opacity: 0.8!important;
}
.after-opacity-90::after{
	opacity: 0.9!important;
}


/* ------------------------------------------------------------------
	Overlays END
------------------------------------------------------------------- */




/* ------------------------------------------------------------------
	Widgets START
------------------------------------------------------------------- */




.widget.widget_recent_entries ul > li > a {
	width:100%;
}


/** /// NOTE - 22/5/17 - clear distinction between section.widget and just .widget
	/// TODO - 22/5/17 - could look into this and possibly merge
*/

section.widget {
	margin-bottom: 55px;
	padding-left: 70px;
}

section.widget h2 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 30px;
}

section.widget ul {
	list-style: outside none none;
	padding: 0;
}
section.widget.widget_categories ul li,
section.widget.widget_archive ul li {
	text-align: right;
	overflow: hidden;
}

section.widget.widget_categories ul li *,
section.widget.widget_archive ul li * {
	/** /// TODO - 22/5/17 - test and make sure removing this has no effect
	float: left;
	*/
}

section.widget.widget_archive ul li.see-more-link a{
	display:block;
	margin:0 auto;
	float:none;
	cursor:pointer;
	font-weight:normal;
	font-size:13px;
	text-align: right;

}
section.widget.widget_archive ul li.see-more-link a:hover{
	color: #c50000;
}


section.widget ul li a,
section.widget ul li span {
	color: #282727;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
}

section.widget ul li span {
	color: #666;
}

section.widget ul li:hover,
section.widget ul li a:hover {
	color: #ce0000;
}

section.widget ul li a,
section.widget ul li span {
	color: #282727;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
}



/* ------------------------------------------------------------------
	Widgets END
------------------------------------------------------------------- */



.animated-link, .animated-link i{
	-webkit-animation-timing-function: cubic-bezier(0.65, -0.04, 0.53, 0.98);
	animation-timing-function: cubic-bezier(0.65, -0.04, 0.53, 0.98);
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.animated-link i {
	margin-left: 4px;
	font-weight: 300;
}
.animated-link:hover i {
	margin-left: 10px;
}



.article-content a {
    display: inline;
}


/* Variations of public web, for handling the mixed text + list content properly */
.article-content ul li {
	list-style-position: outside;
	margin-left: 10px;
	list-style-type: square;
}
.article-content ol li, .article-content ul li {
	font-size: 13px;
	margin-top: 2px;
}
.article-content ul {
	margin-left: 7px;
}
.article-content ol, .article-content ul {
	margin-top: 8px;
	padding-left:20px;
	margin-bottom: 8px;
}


li, dt, dd {
	line-height: 28px;
}






/* List Links styles */

ul.list-links {
	margin: 5px -0 5px 0;
	padding: 0;
}

ul.list-links li {
	margin: 0;
	padding: 0;
}

ul.list-links li a {
	border-bottom: 1px solid #ddd;
	color: #c50000;
	display: block;
	font-size: 13px;
	margin-right: 40px;
	padding: 10px 0px 5px 0;
}


ul.list-links li a i.fa {
	margin-right: 6px;
	padding-bottom: 2px;
	font-size:9px;
	color:#bbb;
	vertical-align: 2px;
}

ul.list-links li a:hover {
	color: #dd0000;
	border-bottom: 1px solid #aaa;
}

ul.list-links li a:hover i{
	color: #dd0000;
}




ul.icon-and-text-links{
	font-size:16px;
}
ul.icon-and-text-links > li{
	line-height: 28px;
}
ul.icon-and-text-links > li > a{
	color:#333;
	padding:5px 0;
	cursor: pointer;
}
ul.icon-and-text-links > li > a:hover{
	color:#dd0000;
}

ul.icon-and-text-links > li > a > i{
	margin-right:5px;
}

ul.icon-and-text-links > li > a:hover > i{
}






/* custom media generics */








/* START common css Medium Layout: 1200px. */
@media only screen and (min-width: 991px) and (max-width: 1199px) {                     
				section.widget {
				  padding-left: 30px;
				} 
}




/* START common css Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 990px) { 

				section.widget h2 {
					font-size: 16px;
				}

				section.widget {
					padding-left: 0;
				}


				.hide-on-768px{ display:none!important;}
				.display-only-on-768px-inline{ display:inline!important;}
				.display-only-on-768px-inline-block{ display:inline-block!important;}

				.menu-home-link{ display:none!important;}

				.newsreel-item .content-cutoff{max-height:490px;}
}




/* START common css Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {         

				section.widget {
					padding-left: 0;
					padding-right:10px;
				}

}


/* START common css Custom Layout > 768px */
@media only screen and (min-width: 768px){
	ul.icon-and-text-links{
		float:right;
	}
}





/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++ Common CSS End

++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */






/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++ Navigation CSS Start

++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



/* ----------------------------------------------------------
	Social icons, used in nav and elsewhere, including news sidebar
	----------------------------------------------------------*/


.social-icon {
	border: 1px solid #5d5c5c;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	color: #ffffff;
	display: inline-block;
	height: 30px;
	line-height: 28px;
	text-align: center;
	width: 30px;
}

.social-icon i.fa {
	color: #ffffff;
}


/* ----------------------------------------------------------
	Header/menu elements
	----------------------------------------------------------*/

/** /// CHANGED - 19/12/17 - moved some header styles to seperate dev sheet, for either async or smaller above-the-fold css loading **/







/* Footer Area Start */


.site-footer {
  background: #070707 none repeat scroll 0 0;
  overflow: hidden;
}

.site-footer .widget {
	
	/* /// CHANGED - made a bit brighter after change to footer bg color */
	/*
	color: #8e8c8c;
	*/
	color: #999;
	padding-bottom: 70px;
	padding-top: 85px;
}

.site-footer .widget a {
	color: #a5a5a5;
}

.site-footer .widget span {
	color: #8c8c8c;
	display: block;
	font-weight: 300;
}

.site-footer .widget a:hover ,
.site-footer .widget a:hover > span {
	color:#fff;
}

.site-footer .widget a span.widged-left-arrow {
	display: inline-block;
	margin-right: 15px;
}



.site-footer .widget ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}



.site-footer .widget span i.fa {
	font-size: 17px;
}



.site-footer .widget li {
	margin-bottom: 10px;
}
.site-footer .widget li:last-child {
	margin: 0;
}

.site-footer .widget.widget_recent_entries li {
	margin-bottom: 20px;
}



.site-footer .widget i.fa {
	color: #ccc;
	margin-right: 0px;
}






.site-footer h2 {
	color: #ffffff;
	font-size: 20px;
	margin-bottom: 30px;
	padding-bottom: 15px;
	position: relative;
}

.site-footer h2::after {
	background: #ca0000 none repeat scroll 0 0;
	bottom: 0;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	width: 50px;
}





.footer-bottom-text  a {
	color: #a5a5a5;
	margin-left: 10px;
	opacity: 0.7;
}


.footer-bottom-text {
	text-align:right;
	color: #8f8c8c;
	font-weight: 300;
}
.footer-bottom-text a:hover {
	color: #fff;
	opacity:1;
}

.footer-bottom-text > p {
	line-height: 30px;
	margin: 0;
}

/* Footer Area End */



.lang-menu a:hover{text-decoration:none}
.lang-menu>li>a:hover .a-onover-text{display:inherit}
.lang-menu li ul li{border:0}
.lang-menu.active li a:hover,
.no-js .lang-menu:hover li a:hover{background:#ddd url('../images/trans_white_50.png') repeat 0 0 !important}
.lang-menu li ul li.active-lang.hide{display:none !important}
.lang-menu li ul li.active-lang{display:none !important}
.lang-menu li.lang-menu-header{display:none;font-size:11px;color:#999;text-align:center;padding:2px}
.lang-menu.active li.lang-menu-header,
.no-js .lang-menu:hover li.lang-menu-header{display:block;cursor:default;background-color:#fff;padding-bottom:0}
.lang-menu.active:hover li.lang-menu-header,
.no-js .lang-menu:hover li.lang-menu-header{color:#777}
.lang-menu li.divider{border-top:1px solid #ccc !important}
.lang-menu:hover li.divider{border-top:1px solid #c9c9c9 !important}
.no-js .lang-menu li.lang-menu-google-translate-item{display:none !important}
.lang-menu a.google-translate-link{cursor:default;}
.lang-menu li.lang-menu-google-translate-item a{color:#066bd6;}
.lang-menu li li.lang-menu-google-translate-item > a:hover{background:none!important;}
.lang-menu li.lang-menu-google-translate-item .google-translate-link-text{vertical-align:middle;padding-right:2px}
.lang-menu li.lang-menu-google-translate-item .google-translate-note-text{color:#999!important; padding-right:3px;}
.lang-menu li.lang-menu-google-translate-item a .google-translate-note-text:not('.always-show'){display:none;}
.lang-menu li.lang-menu-google-translate-item:hover .google-translate-note-text:not('.always-show'){display:inline;}
.lang-menu li.lang-menu-google-translate-item .google-translate-note-text.always-show{display:inline;}

.lang-menu .goog-te-gadget-simple{border:none !important; width:100%;}
.lang-menu #menu-google-translate-holder .goog-te-gadget-simple{border:none !important}
.lang-menu #menu-google-translate-holder .goog-te-gadget-icon{display:none !important}





/* /// REVERTED - 19/12/17 - add back in if still needed when testing old IE versions
.ie_lte_8 .header-lang-menu-holder{}
.ie_lte_8 .lang-menu.active,
.ie_lte_8.no-js .lang-menu:hover {border-right:1px solid #ddd; width:auto;margin-top: -21px!important;}
.ie_lte_8 .lang-menu.active:hover,
.ie_lte_8.no-js .lang-menu:hover {border-right:1px solid #ccc;}
.ie_lte_8 .lang-menu>li {width:140px;margin:0;padding:0;}
.ie_lte_8 .lang-menu.active>li ,
.ie_lte_8.no-js .lang-menu:hover{width:280px;}
.ie_lte_8 .lang-menu.active>li>a {}
.ie_lte_8 .lang-menu table.lang-menu-cols-holder{background-color:#FeFeFe}
.ie_lte_8 .lang-menu ul.main{  width:auto;  position: absolute;margin-left:-1px !important;}
.ie8 .lang-menu ul.main{ border:1px solid #ddd;border-top:none; background:#fefefe;-webkit-box-shadow:1px 1px 4px rgba(50,50,50,0.25);-moz-box-shadow:1px 1px 4px rgba(50,50,50,0.25);box-shadow:1px 1px 4px rgba(50,50,50,0.25)}
.ie8 .lang-menu.active:hover ul.main,
  .ie8.no-js .lang-menu:hover ul.main{border:1px solid #ccc;border-top:none;-webkit-box-shadow:1px 1px 4px rgba(50,50,50,0.5);-moz-box-shadow:1px 1px 4px rgba(50,50,50,0.5);box-shadow:1px 1px 4px rgba(50,50,50,0.5)}
.ie_lte_8 .lang-menu table.lang-menu-cols-holder td{ margin:0;padding:0;   width:140px; }
.ie_lte_8 .lang-menu table.lang-menu-cols-holder td ul{ margin:0;padding:0;   width:140px; }
.ie_lte_8 .lang-menu table.lang-menu-cols-holder td ul li{ margin:0;padding:0;   width:140px; }
.ie_lte_8 .lang-menu.active li>a.google-translate-link img,
  .ie_lte_8.no-js .lang-menu:hover li>a.google-translate-link img{margin:-2px 2px -1px !important}
.ie_lte_8 .lang-menu.active li:hover>a.google-translate-link img,
  .ie_lte_8.no-js .lang-menu:hover li:hover>a.google-translate-link img{margin:-1px 1px 0 !important}
.ie_lte_7 .lang-menu.active,
  .ie_lte_7.no-js .lang-menu:hover{width:281px;margin-top: -23px!important;}
.ie_lte_7 .lang-menu ul{position:relative!important;border-bottom:none!important}
.ie_lte_7 .lang-menu ul.main{border-left:none !important;border-bottom:none!important}
.ie_lte_7 .lang-menu.active, .ie_lte_7 .lang-menu.active:hover,
  .ie_lte_7.no-js .lang-menu:hover{border-left:none;border-bottom:none;}
.ie_lte_7 .lang-menu table.lang-menu-cols-holder{ border-left: 1px solid #ddd; }
.ie_lte_7 .lang-menu.active > li,
  .ie_lte_7.no-js .lang-menu:hover > li{ border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.ie_lte_7 .lang-menu:hover table.lang-menu-cols-holder{border-left:1px solid #ccc;}
.ie_lte_7 .lang-menu.active:hover > li,
  .ie_lte_7.no-js .lang-menu:hover > li{border-left:1px solid #ccc;border-bottom:1px solid #ccc;}
.ie_lte_7 .lang-menu li.lang-menu-google-translate-item > ul{width:279px;}
*/





/* START navigation Medium Layout: 1600px. */
@media only screen and (min-width: 1400px) and (max-width: 1600px){ 

}



/* START navigation Medium Layout: 1600px. */
@media only screen and (min-width: 1601px){ 

}



/* START navigation Medium Layout: 1400px. */
@media only screen and (min-width: 1200px) and (max-width: 1400px) { 

}




/*  START navigation Medium Layout: 1200px. */
@media only screen and (min-width: 991px) and (max-width: 1199px) { 

}



/* START navigation Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 990px) { 

				.header-right-content > a {
					font-size: 13px;
				}
				.main-menu-wrap ul li a {
					font-size: 12px;
					padding: 5px 12px;
				}
				.main-menu-wrap .sub-siblings::after {
					right: 1px;
				}

				/* footer-area start */

				.site-footer .widget {
					height: 370px;
					padding-bottom: 0;
				}

				/* footer-area End */  

					
}




/* START navigation Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
				
				.header-bottom-area{ min-height:125px; }

				.header-top-area{
					background:transparent;
					margin-top:18px; /* CHANGED - 13/12/17 - making this not shift everything else when opened */
				}

				.slicknav_menu {
				  display: block;
				}
				.drop-menu {
				  display: block;
				  opacity: 1;
				  transform: translateY(0px);
				  visibility: visible;
				  transition: .6s;
				}                        
				.slick-wrap {
					display: none;
				}
				.slicknav_nav ul {
				  margin: 0;
				}
				.slicknav_nav ul li ul {
				  margin-left: 20px;
				}
						
				/* footer-area start */

				.site-footer .widget {
					padding-top: 20px;
				}

				/* footer-area End */  




}



/* START navigation Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 

				/* /// NOTE REVERTED - bit too nit picky, and dependent on text width, so always force to new line
				.header-top-area{
					background:transparent;
					padding:0;
    				margin-left: 270px;
    				margin-top:0;
				}
				.header-right-content{
					margin-top:-60px !important;
				}
				.header-top-area a{
					margin-top:7px;
				}
				*/
}





/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++ Navigation CSS End

++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */








/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++ Fancybox/Modals Custom CSS Start

++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.gallery-fancybox .fancybox-title-inside-wrap{border-top:1px solid #ccc;width:100%;position:relative;text-indent:0;display:block;text-align:left;margin:20px 0 -25px -25px;padding:8px 30px 10px 20px}
.gallery-fancybox .fancybox-nav{padding-bottom:55px !important}
.fancybox-nav{width:65px}
.fancybox-next{right:-60px}
.fancybox-prev{left:-60px}
.fancybox-title-controls{display:block;margin-top:3px;width:788px;margin-left:-8px}
.fancybox-title-controls span.link-holder{display:inline-block;margin:0}
.fancybox-title-controls a{color:#05429e;margin:0;padding:3px 8px}
.fancybox-title-controls span.divider{color:#888;width:5px;cursor:default;padding:0}
.fancybox-title-controls a:hover{color:#0761e9;text-decoration: underline;}
.fancybox-title-controls a.active{color:#b61b20;cursor:text;text-decoration:none}
.fancybox-title-inside-wrap{border-top:1px solid #ccc;width:100%;position:relative;display:block;text-indent:0;text-align:center;margin:0;padding:10px 0}
.fancybox-title .fancybox-title-text{font-weight:500;font-size:13px}
.fancybox-title .fancybox-title-text .logo-text{font-weight:700;font-size:13px}
.fancybox-title .fancybox-title-text .logo-text .red-text{margin-left:1px}
.fancybox-inner .fancybox-page-title{font-size:16px;margin:0 -0 15px;border-bottom: 1px solid #CCC;line-height: 20px;}
.fancybox-inner .fancybox-article-holder{display:block;max-width:805px;margin:5px 15px 15px 0}
.fancybox-nav span,.fancybox-close{visibility:visible}
.fancybox-nav span{opacity:.8;filter:alpha(opacity=80);-ms-filter:"alpha(opacity=80)"}
.fancybox-nav:hover span{opacity:1;filter:alpha(opacity=100);-ms-filter:"alpha(opacity=100)"}
.fancybox-close{opacity:.6;filter:alpha(opacity=60);-ms-filter:"alpha(opacity=60)"}
.fancybox-close:hover{opacity:1;filter:alpha(opacity=100);-ms-filter:"alpha(opacity=100)"}
.fancybox-skin{background-color: #fdfdfd;background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#fafafa));background-image: -moz-linear-gradient(top, #ffffff, #fafafa);background-image: -ms-linear-gradient(top, #ffffff, #fafafa);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #fafafa));background-image: -webkit-linear-gradient(top, #ffffff, #fafafa);background-image: -o-linear-gradient(top, #ffffff, #fafafa);background-image: linear-gradient(top, #ffffff, #fafafa);}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++ Fancybox/Modals Custom CSS End

++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */










/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++ Slideshow CSS Start

++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* Slider Area Start */


.owl-carousel .owl-dots{ 
	opacity: 0;
	-webkit-transition: .4s;
	transition: .4s;
}
.owl-carousel:hover .owl-dots{ 
	opacity: 1;
}


.factory-slide-buttons a.factory-btn:last-of-type {
	margin-right: 0px;
}




/* ================================================================
					 Hero-area-text Amimation START
===================================================================*/

.factory-slide-text h2 {
	-webkit-animation: fadeInUp 800ms linear 800ms both;
	animation: fadeInUp 800ms linear 800ms both;
}

.factory-slide-text p {
	-webkit-animation: fadeInDown 900ms linear 900ms both;
	animation: fadeInDown 900ms linear 900ms both;
}

.factory-slide-buttons {
	-webkit-animation: fadeInLeftUp 1100ms linear 1100ms both;
	animation: fadeInLeftUp 1100ms linear 1100ms both;
}


/* ================================================================
					 Hero-area-text Amimation End
===================================================================*/

.slide-bg {
	background-repeat: no-repeat;
	background-attachment: initial;
	-webkit-background-size: auto;
	-moz-background-size: auto;
	-o-background-size: auto;
	background-size: auto;
	height: 600px;
	width: 100%;
	/* min-width:2000px; */
	position: relative;
	z-index: -1;
	left:-40px;
}


/** /// NOTE - 17/5/17 - these .factory-slide-tableX rules are used to mimic table properties on some divs to align content as desired */
.factory-slide-table {
	display: table;
	height: 100%;
	width: 100%;
	position:absolute;
}

.factory-slide-tablecell {
	display: table-cell;
	vertical-align: middle;
}

.factory-slide-tablecell > .container{
	margin-left:0;
    padding-right: 4%;
}

.factory-slide-tablecell a{
	border-color:#fff !important;
}
.factory-slide-tablecell a.filled-btn{
	/* background:#cc0000; */

	background:#c50000;    
	text-shadow: rgb(20, 20, 20) 1px 1px 0;
}
.factory-slide-tablecell a:hover{
	/* background:#cc0000; */
	/* border-color:#cc0000 !important;  */

	color:#fff;
	background:#c50000;
	border-color:#c50000 !important;
}


.factory-slide-text {
	color: #fff;
	font-size: 16px;	
    /*text-shadow: rgb(20, 20, 20) 1px 1px 0;*/
}

.factory-slide-text h2 {
	font-size: 60px;
	font-weight: 700;
	line-height: 1.23;
	margin-bottom: 25px;
    /*text-shadow: rgb(20, 20, 20) 2px 2px 1px;*/

}

.factory-slide-text p {
	font-size: 18px;
}


.factory-slide-text .xr-logo-image {
    height: 100px;
    position: absolute;
    width: 100%;
    right: 15px;
    top: -50px;
    background:no-repeat top right;
}


/** /// TODO IMPORTANT - ensure browser testing for this xr image, might need to restructure slightly **/
.factory-slide-text .xr-logo-image,
.xr-logo-image{
    background-image:url('/files/banners/_OPTIMISED/_BANNER_LOGO/onecnc_current_banner_logo_desktop.png');
}

.factory-btn {
	border: 1px solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-weight: 600;
	padding: 10px 20px;
}



/** /// REVERTED - 17/5/17 - this was already here, assume it was an error when they compiled css exporting the base theme, so reverted * /
selectorSavingError {}
/* */


.factory-btn.filled-btn {
	background-color: #c50000;
	border-color: #c50000;
	color: #fff;
	text-shadow: rgb(20, 20, 20) 1px 1px 0;
}

.factory-btn.factory-btn-altstyle, 
.factory-btn.filled-btn.factory-btn-altstyle{
	background-color:#cacaca;
	color:#000;
	text-shadow: rgb(255, 255, 255) 1px 1px 0;
}

.factory-slide-buttons .factory-btn.factory-btn-altstyle{
    float: right;
    clear: both;
    margin: 5px !important;
}

.factory-btn.factory-btn-altstyle:hover{
	border-color:#fff !important;
	text-shadow: rgb(20, 20, 20) 1px 1px 0;
    color: #fff;
    background-color: #c50000;
}

.factory-slide-buttons {
	margin-top: 30px;
}

.factory-slide-buttons a.factory-btn {
	margin-right: 15px;
}

.single-factory-slide-item::after {
	content: "";
	height: 100%;
	left: 0;
	/* /// REVERTED - 4/8/17 - both banner and slides now using user configured classes for :after overlay opacity
	opacity: 0.6;
	*/
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.factory-slides .owl-nav div {
	color: #fff;
	font-size: 60px;
	left: 40px;
	line-height: 70px;
	margin-top: -35px;
	opacity: 0;
	position: absolute;
	top: 50%;

    transition: opacity .2s ease;
    transition-property: opacity;
    transition-duration: 0.2s;
    transition-timing-function: ease;
    transition-delay: initial;
}
.factory-slides.owl-carousel:hover .owl-nav div {
	opacity: 0.3;
}
.factory-slides.owl-carousel .owl-nav div:hover {
	opacity: 0.6;
}

.factory-slides .owl-nav div.owl-next {
	left: auto;
	right: 40px;
}

.single-factory-slide-item {
	background-size: cover;
	background-position: center;
}

.factory-slide-text > .animated:nth-child(1) {
	-webkit-animation-duration: .3s!important;
	animation-duration: .3s!important;
	-webkit-animation-delay: 0s!important;
	animation-delay: 0s!important;
}

.factory-slide-text > .animated:nth-child(2) {
	-webkit-animation-duration: .3s!important;
	animation-duration: .3s!important;
	-webkit-animation-delay: .3s!important;
	animation-delay: .3s!important;
}

.factory-slide-text > .animated:nth-child(3) {
	-webkit-animation-duration: .3s!important;
	animation-duration: .3s!important;
	-webkit-animation-delay: .6s!important;
	animation-delay: .6s!important;
}




/*preloader*/

.slider-preloader-wrap {
	position: relative;
	height: 600px;
}

.preloader-wrap {
	background: grey;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 600px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	position: absolute;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
}

.preloader4 {
	display: inline-block;
	margin: 0 auto;
	width: 35px;
	height: 35px;
	display: inline-block;
	padding: 0px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid;
	border-top-color: rgba(249, 114, 47, 0.65);
	border-bottom-color: rgba(249, 114, 47, 0.15);
	border-left-color: rgba(249, 114, 47, 0.65);
	border-right-color: rgba(249, 114, 47, 0.15);
	-webkit-animation: preloader4 0.8s linear infinite;
	animation: preloader4 0.8s linear infinite;
}

@keyframes preloader4 {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes preloader4 {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}



/* // CHANGED - no theming for dots was present, so added here */
.owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent}
.owl-controls{ margin-top:10px;}
.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}
.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}
.owl-theme .owl-dots .owl-dot span{width:11px;height:11px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#a4a4a4}

/* 
.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}
.owl-theme .owl-nav{margin-top:10px}
.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size: 14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}
.owl-theme .owl-nav [class*=owl-]:hover{background:#a4a4a4;color:#FFF;text-decoration:none}
*/



.owl-stage-outer{
	background-image:url("/files/banners/_OPTIMISED/_BANNER_BACKGROUNDS/onecnc_banner_2543x600.jpg");
}
.slider-sm .owl-stage-outer{
	background-image:url("/files/banners/_OPTIMISED/_BANNER_BACKGROUNDS/onecnc_banner_2543x260.jpg");
}
.slider-md .owl-stage-outer{
	background-image:url("/files/banners/_OPTIMISED/_BANNER_BACKGROUNDS/onecnc_banner_2543x450.jpg");
}


/* .slider (default sizing) Start */


.single-factory-slide-item {
	height: 600px;
	position: relative;
	z-index: 2;
}


/* .slider-md Start */

/** /// NOTE - a simple class to apply to .slider-preloader-wrap to size the slideshow differently */
.slider-md.slider-preloader-wrap, .slider-md .slide-bg {
	height: 450px;
}

.slider-md .single-factory-slide-item {
	height: 450px;
}
.slider-md .factory-slide-text p {
	font-size:16px;
}
.slider-md .factory-slide-text h2{
	font-size:50px;
	margin-bottom:20px;
}


/* .slider-sm Start */

/** /// NOTE - a simple class to apply to .slider-preloader-wrap to size the slideshow differently */
.slider-sm.slider-preloader-wrap, .slider-sm .slide-bg {
	height: 260px;
}

.slider-sm .single-factory-slide-item {
	height: 260px;
}
.slider-sm .factory-slide-text p {
	font-size:16px;
}
.slider-sm .factory-slide-text h2{
	font-size:50px;
	margin-bottom:20px;
}

.slider-sm .factory-slide-buttons{
	display:none;
}




.slider-sm .slide-bg, .slider-md .slide-bg{
	background-position-y:top!important;
}







/* Slideshow Links Start */


.slide-links-list li{
	margin-bottom:5px;
}

/** /// TODO - these styles were copied across from old web, rethink them when we know more about actual content for new slideshows */
.slider-link.slider-link-b a{width:100%;display:block;text-decoration:none;font-size:12px;color:#1683f8;height:auto;padding:10px 5px 10px 0;margin-left:16px;}
.slider-link.slider-link-b .slider-icon{padding-right:9px;background:url('../images/ani/icon-arrow_slider_b.png') no-repeat 100% -16px;height:16px}
.slider-link.slider-link-b a.active .slider-icon{background-position:100% -36px}
.slider-link.slider-link-b a:hover .slider-icon{background-position:100% 4px}
.ie_lte_8 .slider-link.slider-link-b a{display:block;height:16px}
.ie_lte_8 .slider-link.slider-link-b .slider-text{float:left}
.ie_lte_8 .slider-link.slider-link-b .slider-icon{float:left;margin-top:2px}




/* Slider Area End */



@media only screen and (min-width: 1199px) { 
				.factory-slide-tablecell > .container{
				    padding-right: 3%;
				}
}

@media only screen and (max-width: 990px) { 

				.single-factory-slide-item.after-opacity-0::after,
				.single-factory-slide-item.after-opacity-1::after,
				.single-factory-slide-item.after-opacity-2::after,
				.single-factory-slide-item.after-opacity-3::after,
				.single-factory-slide-item.after-opacity-4::after,
				.single-factory-slide-item.after-opacity-5::after,
				.single-factory-slide-item.after-opacity-6::after,
				.single-factory-slide-item.after-opacity-7::after{
					opacity: 0.25!important;
				}
				.single-factory-slide-item.after-opacity-8::after,
				.single-factory-slide-item.after-opacity-9::after,
				.single-factory-slide-item.after-opacity-9::after,
				.single-factory-slide-item.after-opacity-10::after,
				.single-factory-slide-item.after-opacity-11::after,
				.single-factory-slide-item.after-opacity-12::after,
				.single-factory-slide-item.after-opacity-13::after,
				.single-factory-slide-item.after-opacity-14::after,
				.single-factory-slide-item.after-opacity-15::after{
					opacity: 0.3!important;
				}
				.single-factory-slide-item.after-opacity-20::after{
					opacity: 0.5!important;
				}
				.single-factory-slide-item.after-opacity-30::after{
					opacity: 0.6!important;
				}
				.single-factory-slide-item.after-opacity-40::after{
					opacity: 0.65!important;
				}
				.single-factory-slide-item.after-opacity-50::after{
					opacity: 0.7!important;
				}
				.single-factory-slide-item.after-opacity-60::after{
					opacity: 0.75!important;
				}
				.single-factory-slide-item.after-opacity-70::after{
					opacity: 0.8!important;
				}
				.single-factory-slide-item.after-opacity-80::after{
					opacity: 0.85!important;
				}
				.single-factory-slide-item.after-opacity-90::after{
					opacity: 0.9!important;
				}

	/** /// TODO IMPORTANT - ensure browser testing for this xr image, might need to restructure slightly **/
	.xr-logo-image{
	    background-image:url('/files/banners/_OPTIMISED/_BANNER_LOGO/onecnc_product_banner_logo_tablet.png');
	}

	.factory-slide-text .xr-logo-image {
	    right:0;
	}



}
/*  START slideshow Medium Layout: 1200px. */
@media only screen and (min-width: 991px) and (max-width: 1199px) { 

				/* // REVERTED - 20/12/17 - we dont apply background to this level anymore, and padding broke text position 
				.single-factory-slide-item {
					background-position: center center;
					background-size: cover;
					padding-left: 100px;
				}
				*/


}



/* START slideshow Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 990px) { 


				/* Hero-area start */
				.single-factory-slide-item {
					/** /// REVERTED - unsure why they felt padding needed here, and in any case we now center align text for tablet AND mobile layouts **/
				  	/* padding-left: 70px; */
				}
				/* Hero-area End */  
	.factory-slide-text > h2{
		font-size:35px  !important;
	}

				.slider-lg .single-factory-slide-item, 
				.slider-lg.slider-preloader-wrap,
				.slider-lg .slide-bg {
    				height: 450px;
    			}


}



/* START slideshow Tablet AND Mobile Layout: MAX 768px. */
@media only screen and (max-width: 990px) { 
	
	.single-factory-slide-item {
		padding-left:0;
		}

	.factory-slide-text{
		float:none;
		text-align:center;
		}

	.slide-bg{
		background-position: 50% center;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
		left:0;
	}

	/*.slider-md .slide-bg, 
	.slider-sm .slide-bg, 
	*/
	.banner-simple-bg.bg-img-align-top-left,
	.banner-simple-bg.bg-img-align-top-right{
		background-position-x: 15% !important;
	}

	.factory-slide-text .xr-logo-image {
	    right: 0;
	    background-repeat:no-repeat;
	    background-position:top center;
	}

}


/* START slideshow Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {         
						

				/* Hero-area Start */
				.factory-slide-text h2 {
				  font-size: 30px !important;
				}
				.factory-slide-buttons {
				  text-align: center;
				}
				.factory-slide-buttons a.factory-btn {
				  margin: 0 5px;
				}
				
				/* // REVERTED - 20/12/17 - decided to show arrows on all resolutions
				.owl-nav {
					display: none;
				}
				.owl-dots {
					display: block !important;
				}
				*/

				/* Hero-area End */


				.slider-lg .single-factory-slide-item, 
				.slider-lg.slider-preloader-wrap,
				.slider-lg .slide-bg {
    				height: 300px;
    			}



				.slider-md .single-factory-slide-item,
				.slider-md.slider-preloader-wrap,
				.slider-md .slide-bg {
					height: 225px;
					}

				.slider-sm .single-factory-slide-item,
				.slider-sm.slider-preloader-wrap,
				.slider-sm .slide-bg {
					height: 200px;
					background-size: 100% 150px;
					}

				.factory-slide-tablecell > .container{
					margin-left:auto;
					padding-right:15px;
				}

				.slider-md .factory-slide-buttons,
				.slider-sm .factory-slide-buttons{
					display:none;
				}

	.factory-slide-text > h2{
		font-size:25px;
	}

}




/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++ Slideshow CSS End

++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */









/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++ Factory Grids CSS Start

++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* banner-simple Area Start */

.banner-simple {
	position: relative;
	z-index: 2;

}

.banner-simple .banner-simple-bg{
	width:100%;
	height:100%;
	position:absolute;
}

.banner-simple .banner-simple-bg::after {
	background: #000 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}


.banner-simple h2 {
	color: #fff;
	margin: 0;
	text-align: center;
	font-size:40px;
}

.banner-simple h2 span.logo-text{
	font-family: inherit !important;
}



.banner-simple .text-wrap .vertical-center h2 {	
    font-size: 45px;
    font-weight:normal;
    margin: 0px auto 35px;
}

.banner-simple .text-wrap .body-wrap {
    color: white;
    text-align:center;
    width:60%;
}
.banner-simple .text-wrap .body-wrap.text-align-center, 
.banner-simple .text-wrap .body-wrap.text-align-justify {
    width: 70%;
    margin:0 auto;
}
.banner-simple .text-wrap .body-wrap,
.banner-simple .text-wrap .body-wrap *{
    font-size: 20px !important;
}


.banner-simple.banner-small {
	background-image:url("/files/banners/_OPTIMISED/_BANNER_BACKGROUNDS/onecnc_banner_2543x260.jpg");
	height:260px;
}


.banner-simple.banner-med {
	background-image:url("/files/banners/_OPTIMISED/_BANNER_BACKGROUNDS/onecnc_banner_2543x450.jpg");
	height:450px;
}


.banner-simple.banner-large {
	background-image:url("/files/banners/_OPTIMISED/_BANNER_BACKGROUNDS/onecnc_banner_2543x600.jpg");
	height:600px;
}

.banner-simple .xr-logo-image {
    height: 100px;
    width: 100%;
    position: absolute;
    background-position:top right;
    background-repeat:no-repeat;
	top:0;
    right:25px;
}

.banner-simple.banner-with-video .xr-logo-image {
    background-position:top left;
	top:100%;
	left:10px;
	margin-top:-60px;
}


.banner-simple.banner-with-video.banner-small .xr-logo-image {	
}
.banner-simple.banner-with-video.banner-med .xr-logo-image {

}
.banner-simple.banner-with-video.banner-large .xr-logo-image {
}


		.banner-simple.banner-with-video{
			background:black!important;
			overflow:hidden;
			text-align:center;
		}





.valign-style-5 .valign-outer {
}

.valign-style-5 .valign-middle {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.banner-simple.banner-with-video.banner-small .valign-style-5 .valign-middle {
    margin-top:133px;
}
.banner-simple.banner-with-video.banner-med .valign-style-5 .valign-middle {
    margin-top:228px;
}
.banner-simple.banner-with-video.banner-large .valign-style-5 .valign-middle {
    margin-top:303px;
}
.valign-style-5 .valign-inner {
}





			.fixed-height-video {
				width:100%;
				height: auto;
				z-index: -100;
				background: url(/themes/factory/assets/images/ani/preloader_d_default.gif) no-repeat center center;
				margin:0;
			}

			.banner-simple.banner-with-video.banner-small iframe.fixed-height-video {
				height: 260px;
			}
			.banner-simple.banner-with-video.banner-med iframe.fixed-height-video {
				height: 450px;
			}
			.banner-simple.banner-with-video.banner-large iframe.fixed-height-video {
				height: 600px;
			}

			.banner-fixed-width-video .fixed-height-video{
				width: auto;
				max-width:100%;
			}

			.fixed-height-video-outer-wrap{
				height:auto;
				overflow:hidden;
				position: absolute;
				    left: 50%;
				    -webkit-transform: translateX(-50%);
				    transform: translateX(-50%);
				    width: 100%;
			}

			.fixed-height-video-outer-wrap:after {
			    content: "";
			    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 1)));
			    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 1) 100%);
			    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 1) 100%);
			    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 1) 100%);
			    position: absolute;
			    top: 0;
			    left: 0;
			    width: 100%;
			    height: 100%;
			}

			.banner-with-iframe-video .fixed-height-video-outer-wrap:after {
				content:none;
			}
			
			.fixed-height-video-text-wrap{
				position: absolute;
			}

			.fixed-height-video-factorycrumbs{
				position: absolute;
			}
			.banner-simple .text-wrap {
				position: relative;
			}
			.banner-simple.banner-with-video .text-wrap {
				position: absolute;
				width:100%;
			}

			.banner-simple.banner-small .text-wrap {
    			height:260px;
				padding: 115px 0 0 0;
			}
			.banner-simple.banner-med .text-wrap {
    			height:450px;
				padding: 210px 0 0 0;
			}
			.banner-simple.banner-large .text-wrap {
    			height:600px;
				padding: 285px 0 0 0;
			}


			.banner-simple.banner-with-video .text-wrap{
				padding:13px !important;
			}
			.banner-simple.banner-with-video.banner-small .text-wrap {
    			height:215px;
			}
			.banner-simple.banner-with-video.banner-med .text-wrap {
    			height:400px;
			}
			.banner-simple.banner-with-video.banner-large .text-wrap {
    			height:540px;
			}
			.banner-simple.banner-with-video .text-wrap h2 {
			    text-transform:none!important;
			    position: relative;
			    top:100%;
			    padding:13px;
				text-align: left!important;
			}
			.banner-simple.banner-with-video.banner-small .text-wrap h2 {
				font-size:20px;
			}
			.banner-simple.banner-with-video.banner-med .text-wrap h2 {
				font-size:27px;
			}
			.banner-simple.banner-with-video.banner-large .text-wrap h2 {
				font-size:32px;
			}

			.fixed-height-video-text-wrap .text-shadow-1{
			    text-shadow: rgb(235, 235, 235) 1px 1px 0px;
			}
			.fixed-height-video-text-wrap .text-shadow-2{
			    text-shadow: rgb(235, 235, 235) 2px 1px 1px;
			}
			.fixed-height-video-text-wrap .text-shadow-3{
			    text-shadow: rgb(235, 235, 235) 3px 1px 1px;
			}
			/*
			.fixed-height-video-outer-wrap .text-overlay{
				    z-index: 99999;
				    color: white;
				    position: absolute;
				    min-width:300px;
				    text-align: center;

			}


			.fixed-height-video-outer-wrap .text-overlay .text-overlay-inner{
			    text-align: left;
			    display: block;
			    margin: 0 auto;
			    width: 340px;
			    margin-top: 500px;
			    background: url("/themes/factory/assets/images/trans_dark_25.png");
			    position: relative;
			    top: -50px;
			    right: 240px;
			    padding: 20px;
			}
			*/
		
@media only screen and (max-width: 973px) { 
	
	.fixed-height-video {
		/*width:973px;*/
		/*max-width:973px;*/
		width:auto;
	}
	.fixed-height-video-outer-wrap{
	}
	.fixed-height-video-outer-wrap:after {
	}

}
@media only screen and (max-width: 767px) {

	.banner-simple .text-wrap .vertical-center h2 {	
	    font-size: 40px;
	    margin: 0px auto 30px;
	}
	.banner-simple .text-wrap .body-wrap {
	    width: 85%;
	    font-size: 17px !important;
	}
	.banner-simple .text-wrap .body-wrap p{
	    font-size: 17px !important;
	}

}
@media only screen and (max-width: 560px) { 
	
	.fixed-height-video {
		width:560px;
		max-width:560px;
	}
	.fixed-height-video-outer-wrap{
	}
	.fixed-height-video-outer-wrap:after {
	}


}




/* /// REVERTED - for fixed-size approach, reworking as modular component */

/* START navigation Medium Layout: 1400px. * /
@media only screen and (max-width: 1400px) { 

			.fixed-height-video-outer-wrap{
				height:510px;
			}
			.fixed-height-video-outer-wrap .text-overlay-b{
			    top:350px;
			}


			.fixed-height-video {
			}


			.fixed-height-video-outer-wrap:after {
			    height: 510px;
			}
}






/* START navigation Mobile Layout: 320px. * /
@media only screen and (max-width: 767px) {
				

			.fixed-height-video-outer-wrap{
				height:420px;
			}
			.fixed-height-video-outer-wrap .text-overlay-b{
			    top:320px;
			}


			.fixed-height-video {
			}


			.fixed-height-video-outer-wrap:after {
			    height: 420px;
    			margin-top: 64px;
			}



}



/* START navigation Wide Mobile Layout: 480px. * /
@media only screen and (max-width: 480px) { 

			.fixed-height-video-outer-wrap{
				height:340px;
			}
			.fixed-height-video-outer-wrap .text-overlay-b{
			}


			.fixed-height-video {
			}


			.fixed-height-video-outer-wrap:after {
			    height: 340px;
			}
}






/* banner-simple Area End */



/* Factory Breadcrumbs Area Start */



.factorycrumbs-area {
	bottom: -25px;
	left: 0;
	position: absolute;
	text-align: center;
	width: 100%;
}

.factorycrumbs {
	background: #c50000 none repeat scroll 0 0;
	color: #fff;
	padding: 20px 40px;
	display: inline-block;
	min-width: 300px;
	position: relative;
	cursor: default; 
	text-shadow: rgb(20, 20, 20) 1px 1px 0;
}


.factorycrumbs a {
	color: #fff;
}

.factorycrumbs a:hover {
	text-decoration: underline;
	-webkit-transition: .4s;
	transition: .4s;
}


.factorycrumbs:before,
.factorycrumbs:after {
	border-bottom: 0 solid #a00000;
	border-left: 15px solid #a00000;
	border-top: 35px solid transparent;
	content: "";
	height: 0;
	position: absolute;
	right: -15px;
	top: 0;
	width: 0;
	z-index: 1;
}

.factorycrumbs:before {
	border-right: 15px solid #a00000;
	right: auto;
	left: -15px;
	border-left: none;
}


/* Factory Breadcrumbs Area End */



/* Factory Headers Area Start */

.factory-section-title {
	line-height: 25px;
	margin: 0 auto;
	/* /// CHANGED - 17/5/17 - this limitation made little sense to me, especially with translations. Some limitation yes, but not 400px */
	max-width: 550px;
	/* /// CHANGED - 24/10/17 - on the home page, the only whitespace that wasnt either ~80px or ~60px was between cta-box and 'about us', due to this rule, so changed 92px 0 60 to 80px 0 60 */
	padding: 80px 0 60px;
	text-align: center;
}




.factory-section-title.reduce-padding-bottom{
	padding-bottom:30px;
}
.factory-section-title.reduce-padding-top {
	padding-top: 30px;
}

.factory-section-title p:last-child {
	margin: 0;
}

/* Factory Headers Area End */



/* Service-Box area Start */

.factory-service-box {
	border: 1px solid #e5e4e4;
	margin: 10px 0 80px;
	position: relative;

    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;

    position: relative;
    min-height:470px;
}

.factory-service-box:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.factory-service-box::before {
	background: #dddddd none repeat scroll 0 0;
	bottom: 0;
	content: "";
	height: 4px;
	left: 0;
	opacity: 0;
	position: absolute;
	width: 100%;
}


.factory-service-box .factory-service-box-image-wrap {
	position: relative;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	transition: .4s;
}

.factory-service-box .factory-service-box-image-wrap > a{
	display:block;
	margin:0;
	padding:0;
	overflow: hidden;
}

.factory-service-box .factory-service-box-image-wrap h2 {
	background: #c50000 none repeat scroll 0 0;
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
	margin: -29px 35px 0;
	position: relative;
	text-align: center;
	z-index: 9;
	padding:16px;
	text-shadow: rgb(20, 20, 20) 1px 1px 0;
}
.factory-service-box .factory-service-box-image-wrap .factory-service-img{
	background-position: center center;
	background-size: cover;
	height: 200px;
	width: 100%;
	-moz-transition: .4s;
	-webkit-transition: .4s;
	transition: .4s;
}

.factory-service-box .factory-service-box-image-wrap > a:hover h2,
.factory-service-box.active .factory-service-box-image-wrap > a h2{
	border:1px solid #fff;
	padding:15px;
}



.factory-service-box .factory-service-box-content {
	padding: 30px 20px;
	text-align: center;
}


.factory-service-box .factory-service-box-content a i, 
.factory-service-box a.factory-service-box-more-link i {
	font-size: 15px;
	font-weight: 300;
	margin-left: 3px;
    vertical-align: middle;
}

.factory-service-box .factory-service-box-content > a:hover i, 
.factory-service-box a.factory-service-box-more-link:hover i {
	margin-left: 8px;
}

.factory-service-box a.factory-service-box-more-link i {
}

.factory-service-box:hover .factory-service-box-content > a,
.factory-service-box:hover a.factory-service-box-more-link {
	color: #ce0000;
}

.factory-service-box .factory-service-box-content > a,
.factory-service-box a.factory-service-box-more-link {
	font-size: 16px;
	font-weight: 700;
	margin-top: 15px;
}

.factory-service-box a.factory-service-box-more-link {
	position: absolute;
	bottom:0px;
	left:0;
	width:100%;
	text-align:center;
	margin:0 !important;
	padding:12px;
}



.factory-service-box-content .list-links {
	margin-top:-10px;
	margin-bottom:15px;
}

/* NOTE - loosen specificity where needed */
.factory-service-box-content .list-links a {
    font-size: 14px;
    color: #337ab7;
    text-align: left;
    margin-left: 15px;
    margin-right: 0px;
    border-bottom: none !important;
}
.factory-service-box .factory-service-box-content .list-links a .fa{
	margin-right:5px;
}

/* Service-Box area End */





/* factory-project area Start */


.single-factory-project {
	font-size: 15px;
}
.single-factory-project > a {
	display:block;
}

.single-factory-project .factory-project-img{
	display:block;
	float: left;
	margin-bottom: 60px;
	position: relative;
	z-index: 1;
	width:20%;
}
.single-factory-project .factory-project-img img {
	width: 100%;
}
.single-factory-project .factory-project-img:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	z-index: 2;
	left: 0;
	top: 0;
	background-color: #000;
	opacity: 0;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.single-factory-project:hover .factory-project-img:before {
	opacity: .15;
}

.single-factory-project .factory-project-content{
	float: left;
	width:80%;
	padding: 0.2rem 0 3rem 25px;

	position: relative;
	min-height:175px;
}
.single-factory-project .factory-project-content p{
	display:block;
}
.single-factory-project .factory-project-content > a,
.single-factory-project .factory-project-content h3 {
	font-weight: 700;
}
.single-factory-project .factory-project-content h3 {
	color:#444;
	margin-bottom:10px;
	font-size: 20px;
 }
.single-factory-project .factory-project-content > a i {
	margin-left: 4px;
	font-weight: 300;
}

.single-factory-project .factory-project-content > a:hover i {
	margin-left: 8px;
}

.single-factory-project:hover .factory-project-content > a,
/* // NOTE - a:hover a sanity check for prehover applied later */
.single-factory-project .factory-project-content > a:hover {
	color: #ce0000;
}
.single-factory-project a.single-project-more-link {
    /* position: absolute; */
    /* bottom: 2px; */
    margin: 0;
    /* padding: 24px 0 2px; */
    padding:5px 0 2px;
    width: 100%;
}





/* factory-project area End */








/* cta-box area Start */

.cta-box-area {
	background: #ce0000 none repeat scroll 0 0;
}

.factory-cta-box p {
	color: #fff;
	display: inline-block;
	margin: 0 35px 0 0;
	vertical-align: middle;
	font-size: 20px;
}

.factory-cta-box {
	font-size: 20px;
	text-align: left;
	padding: 60px 0;
}

.factory-btn.factory-cta-btn {
	float: right;
	font-size: 16px;
	position: relative;
	text-transform: uppercase;
	top: -7px;
	border: 1px solid #fff;
	color: #666666;
	background: #ffffff none repeat scroll 0 0;
}

.factory-btn.factory-cta-btn.inverse:hover {
	color: #ca0000;
	border-color: #ca0000;
	background-color: #f9f9f9;
}

.factory-btn.factory-cta-btn:hover,
.factory-btn.factory-cta-btn.inverse {
	color: #fff;
	background-color: #ce0000;
}



/* cta-box area End */



/* START Factory Grids Medium Layout: 1600px. */
@media only screen and (min-width: 1400px) and (max-width: 1600px){ 

}



/* START Factory Grids Medium Layout: 1600px. */
@media only screen and (min-width: 1601px){ 

}



/* START Factory Grids Medium Layout: 1400px. */
@media only screen and (min-width: 1200px) and (max-width: 1400px) { 

				.factory-project-content {
					padding-bottom: 0;
					padding-top: 30px;
				}   
				.factory-project-content > h3 {
					font-size: 17px;
				}

}


/** MAX ONLY varient: 1199px */
@media only screen and (max-width: 1199px){

	.single-factory-project .factory-project-img{
		width:28%;
	}

	.single-factory-project .factory-project-content {
		width:72%;    
		padding: 0 0 0 20px;
		min-height:198px;
	}

	.factory-service-box {
	    min-height:490px;
	}
}



/*  START Factory Grids Medium Layout: 1200px. */
@media only screen and (min-width: 991px) and (max-width: 1199px) { 


				/* factory-cta-box-area Start */ 
				.factory-cta-box p {
				  font-size: 15px;
				}
				/* factory-cta-box-area End */ 


}



/** MAX ONLY varient: 990px */
@media only screen and (max-width: 990px){

	.factory-service-box {
	    min-height:590px;
	}

	.single-factory-project .factory-project-content{
		min-height:auto;
		padding-bottom:3rem !important;
	}

	.single-factory-project a.single-project-more-link{
		position: initial;
	    padding: 2px 0;
	}

}


/* START Factory Grids Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 990px) { 

  
				.factory-service-box-image-wrap h2 {
					font-size: 14px;
					margin: -29px 16px 0;
				}
				.factory-service-box-content {
					padding: 30px 12px;
				}

				.factory-cta-box > p {
					font-size: 14px;
				}
				.factory-btn.factory-cta-btn {
					font-size: 12px;
					padding-top: 11px;
					top: -5px;
				}


				.factory-section-title {
					padding-top: 40px;
				}
					
				.factory-project-content {
					padding-top: 0;
				}
				.factory-project-content h3 {
					font-size: 14px;
				  
					/** /// REVERTED - unsure why this rule was desired, detracts and makes them overlap */
					/* padding-top: 13px; */
				}
				.factory-project-content > p {
					  font-size: 12px;
					  line-height: 22px;
				}

				.factory-service-box-content .list-links a {margin-left:5px;}
}




/* START Factory Grids Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {         
						

				/* service-area start */

				.factory-service-box {
					margin-bottom: 60px;
				    min-height:auto;
				}
				.factory-service-box a.factory-service-box-more-link {
					position: relative;
				}

				.factory-service-box-image-wrap h2 {
					font-size: 16px;
				}

				.factory-service-box-content {
				  padding: 30px 16px;
				} 

				/* service-area End */  

				/* cta-area Start */

				.factory-cta-box > p {
				  line-height: 35px;
				  margin-bottom: 30px;
				  margin-right: 0;
				}
				.factory-cta-box {
				  font-size: 18px;
				  text-align: center;
				}
				.factory-btn.factory-cta-btn {
				  float: none;
				}

				/* cta-area End */


				.factorycrumbs {
				  background: #c50000 none repeat scroll 0 0;
				  color: #ffffff;
				  display: inline-block;
				  min-width: 275px;
				  padding: 20px 40px;
				  text-shadow: rgb(20, 20, 20) 1px 1px 0;
				}


				.factory-project-img {
					width: 100%;
				}
				.factory-project-content {
					/*
					padding-top: 0;
					width: 100%;
					*/
					margin-bottom:20px;
				}

				.factory-section-title {
				  padding-top: 40px;
				}
				.factory-section-title h2 {
				  font-size: 28px;
				}

}

/* START Factory Grids Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 


				.factory-project-img img {
				  width: 100%;
				}

}






/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++ Factory Grids CSS End

++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


















/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++ Common Elements CSS Start

++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.scroll-to-btn{ position: fixed; bottom:0; z-index: 9999; text-align:right; border-bottom-right-radius:0px; border-bottom-left-radius:0px;}

.text-and-links-holder > h4{
	margin:0 0 10px 0;
}
.text-and-links-holder > h4 > span{
	margin-left:10px;
}

/* START subscribe-inline-form */

.subscribe-inline-form-wrap {
	overflow: hidden;
	position: relative;
}

.subscribe-inline-form-wrap input {
	background: #222222 none repeat scroll 0 0;
	border: 1px solid #222222 !important;
	height: 48px;
	padding-left: 15px;
	width: 100%;
}



/* START email-submit-btn */

.email-submit-btn {
	background: #c50000 none repeat scroll 0 0;
	border: 1px solid #c50000;
	font-size: 18px;
	height: 100%;
	overflow: hidden;
	position: absolute;
	right: -10px;
	text-align: center;
	top: 0;
	-webkit-transform: skewX(-18deg);
	transform: skewX(-18deg);
	width: 50px;
	-webkit-transition: .4s;
	transition: .4s;
	text-shadow: rgb(20, 20, 20) 1px 1px 0;
}


.email-submit-btn:hover {
	background: #ffffff none repeat scroll 0 0;
}


.email-submit-btn:hover i.fa {
	color: #c50000;
}


.email-submit-btn i.fa {
	color: #ffffff;
	-webkit-transform: skewX(18deg);
	transform: skewX(18deg);
    margin-left: -3px;
}


/* START widget_subscribe */


.widget_subscribe .subscribe-inline-form-wrap input {
    background: #fcfcfc none repeat scroll 0 0;
    border: 1px solid #ddd !important;
}

.widget_subscribe .subscribe-inline-form-wrap:hover input {
    border-color: #ccc !important;
}

.widget_subscribe .subscribe-inline-form-wrap button.email-submit-btn:hover {
    background: #dd0000 none repeat scroll 0 0;
    text-shadow: rgb(20, 20, 20) 1px 1px 0;
    border-top: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    border-left: 1px solid transparent;
}

.widget_subscribe .subscribe-inline-form-wrap .email-submit-btn:hover i.fa {
	color: #fff;
}






/* START textwidget */

.textwidget > p {
	line-height: 28px;
	margin-bottom: 30px;
	margin-top: -6px;
}

.textwidget > span {
	display: block;
	font-size: 14px;
	margin-bottom: 20px;
}


h4.header-with-icon{
    margin:0 0 10px 0;
}
h4.header-with-icon span{
    margin-left:10px;
}




/* START isotope-categories */

ul.isotope-categories {
	list-style: outside none none;
	margin: 0 0 50px;
	padding: 0;
	text-align: center;
}

ul.isotope-categories li {
	cursor: pointer;
	display: inline-block;
	padding: 13px;
	font-size:15px;
}

ul.isotope-categories li::after {
	content: "-";
	margin-left: 20px;
}

ul.isotope-categories li:last-child::after {
	content: "";
	margin: 0;
}

ul.isotope-categories li:hover,
ul.isotope-categories li.active {
	color: #c50000;
}

ul.isotope-categories li:hover::after {
	color: #333;
}





/* START Common Elements Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {         

				.subscribe-inline-form-wrap {
				  width: 300px;
				}
				.subscribe-inline-form-wrap input {
				  width: 290px;
				}

}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++ Common Elements CSS End

++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */













/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++ Blog CSS Start

++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* START news .entry css */

.entry-content {
	margin-bottom: 60px;
}

.entry-content > p {
	line-height: 28px;
}

.entry-content .entry-title {
	margin-bottom: 20px;
}

.entry-content .entry-title > a {
	text-transform: capitalize;
	color: #282727;
}
.entry-content .entry-title > a:hover {
	color:#c50000}
.entry-content .entry-meta span {
	font-size: 15px;
	margin-left: 18px;
}

.entry-content .entry-meta span:first-child {
	margin-left: 0;
}

.entry-content .entry-meta span i {
	color: #ce0000;
	margin-right: 6px;
}

.entry-content .entry-meta span a {
	color: #333;
}

.entry-content .entry-meta span a:hover {
	color: #ce0000;
}

.entry-content .entry-meta {
	margin-bottom: 25px;
}

.entry-content > a.read_more {
	background-color: #ce0000;
	color: #fff;
	display: inline-block;
	font-size: 15px;
	line-height: 45px;
	margin-top: 10px;
	padding: 0 45px;
	border: 1px solid #ce0000;
}

.entry-content > a.read_more:hover {
	background-color: #fff;
	color: #ce0000;
}

.entry-content > a.read_more{
	display:none;
}

.entry-content .article-content h1{
    font-size: 23px;
}

.entry-content .article-content h2{
    font-size: 21px;
}

.entry-content .article-content h3{
	font-size: 18px;
}

.entry-content .article-content h4{
	font-size: 16px;
}

.sticky-article {
	font-size:12px;
}
.sticky-article p{
	/* 
	margin:0;
	*/
}


.sticky-post-icon {
    background: transparent url(../images/bullet_star_16.png) no-repeat center!important;
    opacity: .8;
    margin-right: 4px;
    margin-top: 1px;
    display: inline-block;
    width: 16px;
    height: 18px;
    line-height: 22px;
    vertical-align: text-top;
}
/* END news .entry css */









/* Blog Area Right Start */

.search-form input[type="search"] {
	border: 1px solid #dddddd;
	line-height: 35px;
	text-indent: 10px;
	width: 235px;
}

.search-form {
	position: relative;
}

.search-form input.search-submit[type="submit"] {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	color: #999999;
	height: 38px;
	position: absolute;
	right: 0;
	top: 0;
	width: 60px;
}



.quicklist-item {
	overflow: hidden;
}

.quicklist-item {
	margin-bottom: 20px;
}


.quicklist-item-text {
	float: left;
	padding-left: 15px;
	/* width: 67%; */
}

.quicklist-item-text h4 {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 5px;
	width:100%; 
	padding-left:0;
}

.quicklist-item-text a { 
	color:#444;
}

.quicklist-item-text a:hover { 
	color:#c50000;
}

.blog-social-icons .social-icon i.fa {
	color: #222222;
}










.cat-item {
	line-height: 32px;
	margin-bottom: 0;
	padding: 0 !important;
	position: relative;
	-webkit-transition: .4s;
	transition: .4s;
}

.cat-item > a {
	font-weight: 400 !important;
	position: relative;
	top: 3px;
	margin:0 !important;
	padding:5px 0;
	width:100%;
	display:block;
	text-align: left;
	-webkit-transition: .4s;
	transition: .4s;
}

.cat-item > a:hover {
	padding-left:5px;
}

.cat-item.active > a {
}
.cat-item.active > a::before {
}
.cat-item.active a:hover {
    color: #000;
    padding-left: 0;
}
.cat-item .cat-active-note{
	color:#666;
	font-size:13px;
	margin-right:6px;
	font-weight: normal;
}

.cat-item .cat-item-count{
	font-size:13px !important;
	color:#777;
	text-align: right !important;
	float:right !important;
	font-weight: normal !important;
	margin:0;
}
.cat-item > a:hover > .cat-item-count{
	color:inherit;
}



/* Blog Area Right End */




/* pagination Start */

.pagination-wrap {
	text-align: center;
}

.pagination > li.btn-pag a {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	color: #333333;
	height: 35px;
	line-height: 26px;
	/* 
	background: #dddddd none repeat scroll 0 0;
	margin-right: 30px !important;
	*/
	padding: 4px;
	width: 35px;
}

/*
.pagination > li:last-child a {
	margin-left: 15px !important;
	margin-right: 0 !important;
}
*/

.pagination a {
	border: 1px solid #999999 !important;
	color: #333333 !important;
	display: inline-block;
	margin-right: 12px;
}

.pagination a:hover {
	background: #ce0000 none repeat scroll 0 0 !important;
	border: 1px solid #ce0000 !important;
	color: #ffffff !important;
}

/*
.pagination>li:first-child>a, 
.pagination>li:first-child>span,
.pagination>li:last-child>a, 
.pagination>li:last-child>span {
	border-radius:0;
}
*/

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
background: #fff!important;
color: #444!important;
border-color: #c50000!important;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777 !important;
  background-color: #fff !important;
  border-color: #ddd !important;
}


/* pagination End */



/*  START Blog CSS Medium Layout: 1200px. */
@media only screen and (min-width: 991px) and (max-width: 1199px) { 

				.search-submit {
					right: 0;
				}

				/*
				.quicklist-item-text {
					width: 71%;
				}
				*/

}


/* START Blog CSS Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 990px) { 

				.search-submit {
					right: 0;
				}

				.entry-title {
					font-size: 24px;
				}

				.quicklist-item-img {
					width: 60px;
				}
				/*
				.quicklist-item-text {
					width: 72%;
				}
				*/
				.quicklist-item-text h4 {
					font-size: 14px;
					line-height: 22px;
					margin-bottom: 1px;
					margin-top: -5px;
				}
				.search-form input[type="search"] {
				  width: 100%;
				}
				.cat-item > a {
				  top: 0;
				}
}

/* START Blog CSS Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 


				.entry-title {
					font-size: 24px;
				}
				.search-form input[type="search"] {
					width: 355px !important;
				}
}



/* START Blog CSS Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {         

				/*
				.pagination > li.btn-pag a {
				  margin-right: 10px !important;
				} 
				*/
				.pagination > li:last-child a {
				  margin-left: -5px!important;
				}        


				.entry-title {
					font-size: 26px;
					line-height: 40px;
				}

				.search-form input[type="search"] {
					width: 225px !important;
				}
				.search-form input.search-submit[type="submit"] {
					right: 30px;
				}

}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++ Blog CSS End

++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */















/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++ Home CSS Start

++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* /// TODO - 23/5/17 - look at moving css specific to only a single page into <style> blocks in that page */




/* Newsreel Start */

.newsreel-item{
	margin-bottom:90px;
}

.newsreel-item .content-cutoff{
	max-height: 287px;
	overflow: hidden;
}

.newsreel-item a.newsreel-title{
	display:block;
}

.newsreel-item a.newsreel-title > h3{
	font-size:18px;
	display:block;
	color:#444;
	-webkit-transition: .4s;
	transition: .4s;
}

.newsreel-item:hover a.newsreel-title > h3{
	color:#2064ae;
}

.newsreel-item a.newsreel-title:hover,
.newsreel-item a.newsreel-title:hover > h3{
	color:#dd0000;
}

.newsreel-item a.readmore-link{
	display:block;
	padding:15px 0 0 0;
	font-size: 14px;
}

.newsreel-item a.readmore-link:hover{
	color:#dd0000;
}

.newsreel-item .newsreel-date{
	display:block;
	font-size:11px;
	margin-bottom:5px;
}


/* About area Start */

.about-area {
	background: #f4f4f4 none repeat scroll 0 0 !important;
	padding-bottom: 70px;
}
.about-area .factory-section-title{
	padding-bottom:30px;
}

.about-area a.readmore-link {
    width: 100%;
    padding: 15px 0;
}

/* About area End */



/* About-area Start */


.about-page .owl-controls {
	display: block;
	overflow: hidden;
	padding-top: 20px;
}

.about-page .owl-controls {
	display: block;
	overflow: hidden;
	padding-top: 20px;
}

.about-page .owl-prev {
	display: inline-block !important;
}

.about-page .owl-next {
	display: inline-block !important;
}

/* About-area End */


/* Medium Layout: 1200px. */
@media only screen and (min-width: 991px) and (max-width: 1199px) { 

			/* about-area start */

			.about-area {
				padding-bottom: 70px;
			}
			  
			.about-right {
				padding-top: 0;
			}
			.about-right > p {
				margin-bottom: 30px;
			}   
			.about-right blockquote {
				margin-bottom: 30px;
			}

			/* about-area End */ 
}


/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 990px) { 

			.about-right {
			  padding-top: 0;
			}
}



/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {

				.about-area {
					padding-bottom: 60px;
				}
				.about-right h3{
					margin-top:20px;
				}

}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++ Home CSS End

++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */






/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++ Videos CSS Start

++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.video-thumb {
	display: block;
	width: 200px;
	height: 140px;
	margin: 5px auto 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	border: 1px solid #bbb!important;
	background: url('../images/_VIDEO/thumb-default-logo.png') 50% 50% no-repeat;
}

.video-thumb-holder {
	display: block;
	vertical-align: top;
	/*min-width: 250px;*/
	margin: 15px 0;
	text-align: center;
}
.video-thumb .overlay {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 1;
	display: block;
}
.video-thumb .overlay {
	opacity: .8;
	filter: alpha(opacity=80);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
	background: url('../images/_VIDEO/play_white 33.png') center no-repeat;
}
.video-thumb-holder.active .video-thumb, .video-thumb:hover {
	border: 1px solid #666!important;
}
.video-thumb-holder.active .video-thumb .overlay, .video-thumb:hover .overlay {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
}


.video-thumb-holder a:hover,
.video-thumb-holder.active a {
	color: #dd0000;
}


.product-thumb-holders.alt-style .video-thumb-holder {
	float: left;
}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++ Videos CSS End

++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */







/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++ Contact/Quote Page CSS Start

++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.form-default-header{clear: both;display: block;text-align: center;color: #555;;margin-bottom:10px}
.form-error-header{clear: both;display: block;margin-left:15px;}
.form-success-header{border:1px solid #ccc;border-left:0;border-right:0;display:block;font-size:13px;padding:13px 0 0;width:100%;margin-bottom:10px;clear:both;text-align:center!important;}

form .input-error{color:#ce5050;font-size:11px;margin-left:12px;position:absolute}
form .inline-input-error{position:absolute}

form .validation-header .warning{
	display:block;
	text-align: center;
}

form .validation-header:hover .warning,
form .span-req-note {
    color: #CC1F26
}

form .css-label {
    background-image: url(../images/_SPRITES/lite-tick-1.png)
}

form .form-checkboxes-group > label{
	display:block;
}
form .form-checkboxes-holder {
	margin-left:1px;
}
form .form-checkboxes-holder .form-checkboxes-entry {
    float: left;
    margin-right: 20px
}
form .form-checkboxes-holder .form-checkboxes-entry .form-checkboxes-rel {
    clear: none;
    display: block;
    float: none
}
form input[type=checkbox].css-checkbox {
    display: none
}
form input[type=checkbox].css-checkbox + label.css-label {
    background-position: 0 0;
    background-repeat: no-repeat;
    clear: none;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    height: 15px;
    line-height: 15px;
    padding-left: 20px;
    vertical-align: middle
}
form input[type=checkbox].css-checkbox + label.css-label:hover {
    background-position: 0 -15px
}
form input[type=checkbox].css-checkbox:checked + label.css-label {
    background-position: 0 -30px
}
form .form-checkboxes-holder .form-checkboxes-entry label:hover {
    color: #222
}
form .form-checkboxes-holder input[type=checkbox],
form .form-checkboxes-holder label {
    width: auto
}


form .message-char-count{color:#aaa;float:right;text-align:right;margin-right:2px}
form div.form-group:hover .message-char-count{color:#888}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++ Contact/Quote Page CSS End

++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */













/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++ Products Page CSS Start

++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.product-levels-section table{
	line-height: 35px;
	font-size:15px;
	margin-bottom:35px;
}
.product-levels-section table tbody > tr > td{
	/*
	border: 1px solid transparent;
	*/
   
	-webkit-animation-timing-function: cubic-bezier(0.65, -0.04, 0.53, 0.98);
	animation-timing-function: cubic-bezier(0.65, -0.04, 0.53, 0.98);
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
   
}

.product-levels-section table tr > td.first{
	min-width:190px;
}
.product-levels-section table tr > td:first-of-type{
	min-width:190px;
}
.product-levels-section table.table-hover>tbody>tr:hover {
	background-color: #eaeaea;
}
.product-levels-section table>tbody>tr:hover > td{
	/*
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	*/
}



.product-levels-section table>tbody>tr:hover > td{
	/*
	padding-left:5px;
	background:#ddd;
	*/
}

.product-levels-section table>tbody>tr:hover > td.first{
	/*
	padding-left:5px;
	*/
}
.product-levels-section table>tbody>tr:hover > td:first-of-type{
	/*
	padding-left:5px;
	*/
}

/* START base Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
				.product-levels-section table tbody > tr > td{
					padding-bottom:20px;
				}
}







table.comparison-table{
	border-left:none;
	border-top:none;
}
table.comparison-table th{
	text-align: center;
	background-color: #fff;
}

/* // NOTE - psuedo selectors can break and disable entire rule, so seperate rules */
table.comparison-table td.first,
table.comparison-table th.first{
	border-left:none;
	text-align: right;
}
table.comparison-table td.last,
table.comparison-table th.last{
	border-right:none;
}
table.comparison-table tr > td:first-of-type,
table.comparison-table tr > th:first-of-type{
	border-left:none;
	text-align: right;
}
table.comparison-table tr > td:last-of-type
table.comparison-table tr > th:last-of-type{
	border-right:none;
}


.legend-holder td { 
	min-width: 60px;
}


.legend-holder td.cell-dark, 
.comparison-table td.cell-dark {
	background-image: url('../images/mixed_01_tick_a.png')!important;
	background-position: 50% 50%!important;
	background-repeat: no-repeat!important;
}
.legend-holder td.cell-half,
.comparison-table td.cell-half {
	background-image: url('../images/mixed_01_asterisc_a.png')!important;
	background-position: 50% 50%!important;
	background-repeat: no-repeat!important;
}



.file-icon{
  display: inline-block;  width: 32px;  height: 32px;  *margin-right: .3em;  line-height: 32px;  vertical-align: text-top;  background-image: url("../images/_SPRITES/file-icons-32.png");  background-position: -160px -360px;  background-repeat: no-repeat;  margin-top: 3px;
}



.file-icon-16{
  display: inline-block;  width: 16px;  height: 16px;  *margin-right: .3em;  line-height: 16px;  vertical-align: text-top;  background-image: url("../images/_SPRITES/file-icons-16.png");  background-position: -160px -360px;  background-repeat: no-repeat;  margin-top: 3px;
}




.file-icon-aac { background-position: -80px -360px; }
.file-icon-ai { background-position: -40px -360px; }
.file-icon-aiff { background-position: -0px -360px; }
.file-icon-avi { background-position: -200px -320px; }
.file-icon-bmp { background-position: -160px -320px; }
.file-icon-c { background-position: -120px -320px; }
.file-icon-cpp { background-position: -80px -320px; }
.file-icon-css { background-position: -40px -320px; }
.file-icon-dat { background-position: -0px -320px; }
.file-icon-dmg { background-position: -200px -280px; }
.file-icon-doc { background-position: -160px -280px; }
.file-icon-dotx { background-position: -120px -280px; }
.file-icon-dwg { background-position: -80px -280px; }
.file-icon-dxf { background-position: -40px -280px; }
.file-icon-eps { background-position: -0px -280px; }
.file-icon-exe { background-position: -200px -240px; }
.file-icon-file { background-position: -160px -360px; }
.file-icon-flv { background-position: -160px -240px; }
.file-icon-gif { background-position: -120px -240px; }
.file-icon-h { background-position: -80px -240px; }
.file-icon-hpp { background-position: -40px -240px; }
.file-icon-html { background-position: -0px -240px; }
.file-icon-ics { background-position: -200px -200px; }
.file-icon-iso { background-position: -160px -200px; }
.file-icon-java { background-position: -120px -200px; }
.file-icon-jpg { background-position: -80px -200px; }
.file-icon-key { background-position: -40px -200px; }
.file-icon-mid { background-position: -0px -200px; }
.file-icon-mp3 { background-position: -200px -160px; }
.file-icon-mp4 { background-position: -160px -160px; }
.file-icon-mpg { background-position: -120px -160px; }
.file-icon-none { background-position: -200px -360px; }
.file-icon-odf { background-position: -80px -160px; }
.file-icon-ods { background-position: -40px -160px; }
.file-icon-odt { background-position: -0px -160px; }
.file-icon-opt { background-position: -200px -120px; }
.file-icon-ots { background-position: -160px -120px; }
.file-icon-ott { background-position: -120px -120px; }
.file-icon-page { background-position: -120px -360px; }
.file-icon-pdf { background-position: -80px -120px; }
.file-icon-php { background-position: -40px -120px; }
.file-icon-png { background-position: -0px -120px; }
.file-icon-ppt { background-position: -200px -80px; }
.file-icon-psd { background-position: -160px -80px; }
.file-icon-py { background-position: -120px -80px; }
.file-icon-qt { background-position: -80px -80px; }
.file-icon-rar { background-position: -40px -80px; }
.file-icon-rb { background-position: -0px -80px; }
.file-icon-rtf { background-position: -200px -40px; }
.file-icon-sql { background-position: -160px -40px; }
.file-icon-tga { background-position: -120px -40px; }
.file-icon-tgz { background-position: -80px -40px; }
.file-icon-tiff { background-position: -40px -40px; }
.file-icon-txt { background-position: -0px -40px; }
.file-icon-wav { background-position: -200px -0px; }
.file-icon-xls { background-position: -160px -0px; }
.file-icon-xlsx { background-position: -120px -0px; }
.file-icon-xml { background-position: -80px -0px; }
.file-icon-yml { background-position: -40px -0px; }
.file-icon-zip { background-position: -0px -0px; }
.file-icon-pdf_2 { background-position: -400px -0px;}





/** /// NOTE - 30/5/17 - currently only used for pdf link section in individual product pages */
.button-icon-b {
   margin-right: 5px; margin-top: -2px;margin-bottom:2px;
  display: inline-block;  width: 30px;  height: 25px;   line-height: 25px;  vertical-align: text-top;  background-image: url("../images/_SPRITES/button_icons_b.png");  background-position: 0 0;  background-repeat: no-repeat;  
}

a .button-icon-quote { background-position: -0 -0; }
.no-touch a:hover .button-icon-quote,
  .no-js a:hover .button-icon-quote { background-position: -30px -0; }
a .button-icon-sales { background-position: -0 -30px; }
.no-touch a:hover .button-icon-sales,
  .no-js .button-icon-sales{ background-position: -30px -30px; }
a .button-icon-pdf { background-position: -0 -60px; }
.no-touch a:hover .button-icon-pdf,
  .no-js .button-icon-pdf{ background-position: -30px -60px; }
a .button-icon-screen { background-position: -0 -90px; }
.no-touch a:hover .button-icon-screen,
  .no-js .button-icon-screen{ background-position: -30px -90px; }
a .button-icon-video { background-position: -0 -120px; }
.no-touch a:hover .button-icon-video,
  .no-js .button-icon-video{ background-position: -30px -120px; }






/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++ Products Page CSS End

++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */













/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++ Contact Page CSS Start

++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */





.office-list-wrap{
	border-top:1px solid #ccc;
	padding-top:20px;
	border-bottom:4px double #ccc;
	overflow: hidden;
}

.office-list-item{
	line-height: 21px;
	font-size:12px;
	min-height:92px;
	margin-top:0px;
	clear:both;
}
.office-list-item-col{
	margin-bottom:15px;
}
.office-list-item-col > img{
	float:left;
	margin-right:6px;
}

.office-list-item-col span {
	display: block;
}

a.offices-list-slider{
	width:100%;
	display:block;
	padding:5px 0;
	font-size:14px;
}
a.offices-list-slider i{
	margin-left:3px;
	color:#666;
}
a.offices-list-slider:hover, 
a.offices-list-slider:hover i{
	color:#c50000}

.offices-list-expanded .offices-toggle-details-btn{
	display:none;
}






#quote-form .checkbox{
	margin-bottom:0;
	margin-top:5px;
}


/*
div.form-group:hover > label{ font-weight:700; }
*/







/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++ Contact Page CSS End

++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

















/** /// NEW CSS TODO - 6/6/17 - shift into right category when confirmed needed */



.slogon-line{margin:1px 0 5px 0 !important;padding:0 !important;color:#222 !important;border:none !important;font-weight:normal !important;font-family:Verdana,Geneva,sans-serif !important;display:block;width:auto !important}
.slogon-line-l{font-size:40px !important;line-height:40px !important}
.slogan-line-m{font-size:23px !important;line-height:23px !important}
.slogon-line+p{margin-top:15px !important}

.no-border{border:none !important}
.hover-link{cursor:pointer !important}
a.help{cursor:help !important}
.normal-weight{font-weight:normal !important}


.left{float:left !important}
.right{float:right !important}
.center{text-align:center !important}
.justify{text-align:justify !important}
.debug-output{display:block;text-align:left !important}
.debug-output>span{display:block;border-bottom:1px solid #aaa;padding-left:10%}
.debug-output span.debug-row{display:block;padding-left:5%}
.debug-output span.debug-row span.nested{display:block;padding-left:5%}
.debug-output>span:nth-child(even){background-color:#f3f3f3}
.debug-output>span:nth-child(even) span.debug-row:nth-child(even){background-color:#fff}
.debug-output>span:nth-child(even) span.debug-row:nth-child(odd){background-color:#f0f0f0}
.debug-output>span:nth-child(odd) span.debug-row:nth-child(even){background-color:#fafafa}
.debug-output>span:nth-child(odd) span.debug-row:nth-child(odd){background-color:#fcfcfc}
.debug-output>span:nth-child(even) span.debug-row span.nested:nth-child(even){background-color:#ccc}
.debug-output>span:nth-child(even) span.debug-row span.nested:nth-child(odd){background-color:#eee}
.debug-output>span:nth-child(odd) span.debug-row span.nested:nth-child(even){background-color:#f0f0f0}
.debug-output .onOver{display:none;text-decoration:underline}
.debug-output>span:hover>.onOver{display:block}



.logo-text{font-family:Verdana,Geneva,sans-serif !important;font-weight:700}
.logo-plain .logo-text{font-weight:500 !important}
.title .logo-text{color:#111}
.error{color:#cc1f26 !important}
.dark-red-text{color:#A0181C !important}
.logo-text .red-text{padding:0 1px}
.simple-logo-text .red-text{padding:0 1px}
/*
.blue-text{color:#064bb6 !important}
.white-text{color:#fff !important}
.black-text{color:#000 !important}
.dark-grey-text,.log{color:#444 !important}
.green-text{color:green !important}
*/



.no-js-warning{margin-top:30px}
.no-js-warning h2{font-size:15px;font-weight:400}
.globalwebs-holder{margin:0}
.globalwebs-col{float:left;width:225px;border-right:1px solid #ccc}
.globalwebs-entry{font-size:14px;overflow:hidden;display:block;width:100%}
.globalwebs-entry a{float:left;display:block;width:100%;color:#666;text-decoration:none !important}
.globalwebs-col.first .globalwebs-entry.last a{border-bottom:none !important}
.globalwebs-entry a:hover{color:#333;text-decoration:none !important;background:#ddd}
.globalwebs-col.first .globalwebs-entry.first a:hover{-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px}
.globalwebs-col.first .globalwebs-entry.last a:hover{-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px}
.globalwebs-entry .img-holder{float:left}
.globalwebs-entry .img-holder img{margin:5px 15px 0 10px}
.globalwebs-entry .globalwebs-text-holder{display:block;margin:12px 0 0}
.globalwebs-entry .globalwebs-name{display:none}
.globalwebs-entry .globalwebs-web{display:none;color:#555;font-size:13px;margin-left:2px;float:right;padding-right:5px}
.globalwebs-holder.styleB .globalwebs-col{width:300px}
.globalwebs-holder.styleB .globalwebs-entry a:hover .globalwebs-web{display:inline}
.globalwebs-holder.styleC .globalwebs-col{width:350px}
.globalwebs-holder.styleC .globalwebs-name{display:inline}
.globalwebs-holder.styleC .globalwebs-key{display:none}
.globalwebs-holder.styleC .globalwebs-entry a:hover .globalwebs-web{display:inline}








/** Aweber form */
#af-form-359693623 .af-body .af-textWrap, #af-form-359693623 .af-body .af-checkWrap, #af-form-359693623 .af-body .af-selectWrap, #af-form-359693623 .choiceList-radio-inline, #af-form-359693623 .choiceList-radio-stacked{width:98%;display:block;float:none;}
#af-form-359693623 .af-body .privacyPolicy{color:#000000;font-size:11px;font-family:Verdana, sans-serif;}
#af-form-359693623 .af-body a{color:#000000;text-decoration:underline;font-style:normal;font-weight:normal;}
#af-form-359693623 .af-body input.text, #af-form-359693623 .af-body textarea{background-color:#FFFFFF;border-color:#961717;border-width:1px;border-style:solid;color:#000000;text-decoration:none;font-style:normal;font-weight:normal;font-size:12px;font-family:Verdana, sans-serif;}
#af-form-359693623 .af-body input.text:focus, #af-form-359693623 .af-body textarea:focus{background-color:#FFFAD6;border-color:#030303;border-width:1px;border-style:solid;}
#af-form-359693623 .af-body label.choice{color:#000000;text-decoration:none;font-style:normal;font-weight:normal;font-size:inherit;font-family:inherit;}
#af-form-359693623 .af-body label.previewLabel{display:block;float:none;text-align:left;width:auto;color:#961717;text-decoration:none;font-style:normal;font-weight:normal;font-size:12px;font-family:Verdana, sans-serif;}
#af-form-359693623 .af-body{padding-bottom:15px;padding-top:15px;background-repeat:no-repeat;background-position:inherit;background-image:none;color:#000000;font-size:11px;font-family:Verdana, sans-serif;}
#af-form-359693623 .af-element-radio{margin-left:10px;}
#af-form-359693623 .af-footer{padding-bottom:15px;padding-top:15px;padding-right:15px;padding-left:15px;background-color:#961717;background-repeat:repeat-x;background-position:top;background-image:url("https://forms.aweber.com/images/forms/modern/red/footer.png");border-width:1px;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;color:#FFFFFF;font-size:12px;font-family:Verdana, sans-serif;}
#af-form-359693623 .af-header{padding-bottom:10px;padding-top:10px;padding-right:10px;padding-left:10px;background-color:#961717;background-repeat:repeat-x;background-position:bottom;background-image:url("https://forms.aweber.com/images/forms/modern/red/header.png");border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;color:#FFFFFF;font-size:16px;font-family:Verdana, sans-serif;}
#af-form-359693623 .af-quirksMode .bodyText{padding-top:2px;padding-bottom:2px;}
#af-form-359693623 .af-quirksMode{padding-right:15px;padding-left:15px;}
#af-form-359693623 .af-standards .af-element{padding-right:15px;padding-left:15px;}
#af-form-359693623 .bodyText p{margin:1em 0;}
#af-form-359693623 .buttonContainer input.submit{background-image:url("https://forms.aweber.com/images/auto/gradient/button/911.png");background-position:top left;background-repeat:repeat-x;background-color:#790000;border:1px solid #790000;color:#FFFFFF;text-decoration:none;font-style:normal;font-weight:normal;font-size:14px;font-family:Verdana, sans-serif;}
#af-form-359693623 .buttonContainer input.submit{width:auto;}
#af-form-359693623 .buttonContainer{text-align:right;}
#af-form-359693623 .choiceList-radio-inline .af-element-radio{margin-right:0px;}
#af-form-359693623 body,#af-form-359693623 dl,#af-form-359693623 dt,#af-form-359693623 dd,#af-form-359693623 h1,#af-form-359693623 h2,#af-form-359693623 h3,#af-form-359693623 h4,#af-form-359693623 h5,#af-form-359693623 h6,#af-form-359693623 pre,#af-form-359693623 code,#af-form-359693623 fieldset,#af-form-359693623 legend,#af-form-359693623 blockquote,#af-form-359693623 th,#af-form-359693623 td{float:none;color:inherit;position:static;margin:0;padding:0;}
#af-form-359693623 button,#af-form-359693623 input,#af-form-359693623 submit,#af-form-359693623 textarea,#af-form-359693623 select,#af-form-359693623 label,#af-form-359693623 optgroup,#af-form-359693623 option{float:none;position:static;margin:0;}
#af-form-359693623 div{margin:0;}
#af-form-359693623 fieldset{border:0;}
#af-form-359693623 form,#af-form-359693623 textarea,.af-form-wrapper,.af-form-close-button,#af-form-359693623 img{float:none;color:inherit;position:static;background-color:none;border:none;margin:0;padding:0;}
#af-form-359693623 input,#af-form-359693623 button,#af-form-359693623 textarea,#af-form-359693623 select{font-size:100%;}
#af-form-359693623 p{color:inherit;}
#af-form-359693623 select,#af-form-359693623 label,#af-form-359693623 optgroup,#af-form-359693623 option{padding:0;}
#af-form-359693623 table{border-collapse:collapse;border-spacing:0;}
#af-form-359693623 ul,#af-form-359693623 ol{list-style-image:none;list-style-position:outside;list-style-type:disc;padding-left:40px;}
#af-form-359693623,#af-form-359693623 .quirksMode{width:100%;/*max-width:225px;*/}
#af-form-359693623.af-quirksMode{overflow-x:hidden;}
#af-form-359693623{background-color:#EEEEEE;border-color:#EEEEEE;border-width:1px;border-style:solid;}
#af-form-359693623{display:block;}
#af-form-359693623{overflow:hidden;}
.af-body .af-textWrap{text-align:left;}
.af-body input.image{border:none!important;}
.af-body input.submit,.af-body input.image,.af-form .af-element input.button{float:none!important;}
.af-body input.submit{white-space:inherit;}
.af-body input.text{width:100%;float:none;padding:2px!important;}
.af-body.af-standards input.submit{padding:4px 12px;}
.af-clear{clear:both;}
.af-element input.radio{width:inherit!important;}
.af-element label{text-align:left;display:block;float:left;}
.af-element-checkbox .choice{display:inline;}
.af-element-checkbox label,.af-element-checkbox input.checkbox{display:inline!important;float:none!important;}
.af-element-radio label,.af-element-radio input.radio{display:inline!important;float:none!important;}
.af-element-radio label{display:inline;}
.af-element-radio.inline{float:left;margin-left:0;margin-right:7px;}
.af-element.radio{display:block!important;}
.af-element{padding-bottom:5px;padding-top:5px;}
.af-form-wrapper{text-indent:0;}
.af-form{box-sizing:border-box;text-align:left;margin:auto;}
.af-header,.af-footer{margin-bottom:0;margin-top:0;padding:10px;}
.af-quirksMode .af-element{padding-left:0!important;padding-right:0!important;}
.choiceList-radio-inline .af-element-radio{float:left;}
.lbl-right .af-element label{text-align:right;}
/* end of Aweber form */




.blog-page article iframe {
	max-width:100%;
}

.h_iframe_wrap img.ratio {display:none;}

@media only screen and (max-width: 990px) {

	.h_iframe_wrap        {position:relative;}
	.h_iframe_wrap img.ratio {display:block;width:100%;height:auto;}
	.h_iframe_wrap iframe {position:absolute;top:0;left:0;width:100%; height:100%;}
}



.embed-responsive.embed-responsive-16by9 {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.embed-responsive iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}









/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++ TESTING CSS Start

++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/** /// NOTE TODO DEBUG - debug styles for testing, comment out when done and leave as reference in case needed later */


.tester-hidden-list{ position: absolute; min-height:50px; z-index: 999999; }
.tester-hidden-list > * { visibility: hidden; }
.tester-hidden-list:hover > *{ visibility: visible; }

.tester_sectionstyles_wrap > div { position: relative!important; }

.tester-styleswitcher{ 
	width:100%;
	padding:10px 0; 
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.tester-styleswitcher-combobox{
	cursor:default;
}
.tester-styleswitcher-combobox select{
	width:100%;
	font-size:15px;
	padding:5px;
}

.tester-hidden-list p,
.tester-hidden-list li{
	background:black;
	color:#fff;
}

.tester-hide-title .factory-section-title *{
	visibility:hidden;
	-webkit-animation-timing-function: none;
	animation-timing-function: none;
	-webkit-transition: none;
	transition: none;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++ TESTING CSS End

++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */