/*   
Theme Name: CI
Theme URI: http://www.macintypedesign.com.au
Description: This is a WordPress Theme designed and coded by Macintype Design exclusively for Central Innovation -- WordPress v4.5.2
Author: Macintype Design
Author URI: http://www.macintypedesign.com.au
Version: 1
*/

/* ================ */
/*      LAYOUT      */
/* ================ */
*, *:before, *:after { box-sizing:border-box; }

body {
	background:#ffffff;
	font-family:"Lato", Tahoma, sans-serif;
	font-weight:400;
	font-size:15px;
	color:#37373a;
	line-height:1.6;
	height:100%;
}

a {
	color:#f27e30;
	text-decoration:none;
}

strong { font-weight:bold; }
em { font-style:italic; }

.wrapper {
	margin:0 auto;
	max-width:970px;
	padding:0 20px;
}

.floatLeft { float:left; }
.floatRight { float:right; }

.clearfix:after, .columns:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	overflow:hidden;
}

.textCenter { text-align:center; }

[data-toggle] { display:none; }

section {
	background:#fff;
	padding:55px 0;
}

img { max-width:100%; }

p + p { margin-top:10px; }

h3 {
  display: block;
  font-size: 21px;
  padding-bottom: 10px;
  color: #f27e30;
  font-family: "Oswald", "Lato", sans-serif;
  font-weight: 400;
}
h4 {
  font-size: 17px;
  font-weight: bold;
  line-height: 1.4;
}

.highlight { color:#f27e30; }

.desc { color:#969696; }

.paddingTop { padding-top:30px; }
.paddingBottom { padding-bottom:30px; }
.paddingBoth {
	padding-top:30px;
	padding-bottom:30px;
}

/*  data-icon='' */
[data-icon]:before, [data-iconAfter]:after, .stripedList li:before, .respNavToggle:before {
	content:attr(data-icon);
	display:inline-block;
	font-family:'FontAwesome';
	font-style:normal;
	font-weight:normal;
	line-height:1;
	font-size:inherit;
	vertical-align:middle;
	margin-right:8px;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	transform:translate(0, 0);
}

[data-iconAfter]:after {
	margin-right:0;
	margin-left:5px;
	content:attr(data-iconAfter);
}

/* ================ */
/*      HEADER      */
/* ================ */
.headerContact {
	text-align:right;
	color:#fff;
	line-height:48px;
	padding:12px 15px 0 0;
}
.mainHeader {
	position:fixed;
	top:0;
	left:0;
	right:0;
	background:rgba(0, 0, 0, 0.85);
	height:115px;
	z-index:10050;
	transition:background 0.5s ease-in-out;
	font-size:13px;
	font-weight:400;
}
.mainHeader .wrapper {
	position:relative;
	height:100%;
}
.logo {
	position:absolute;
	left:0;
	bottom:0;
}
.logo a {
	display:block;
	width:320px;
	height:90px;
	line-height:90px;
	background:url("images/logo2.png") no-repeat 50% 50%;
	background-size: 320px 90px;
	text-indent:110%;
	overflow:hidden;
}
.navigation {
	float:right;
	line-height:35px;
	text-transform:uppercase;
}
.navigation li { float:left; }
.navigation a {
	display:block;
	color:#fff;
	padding:0 15px;
	transition:color ease-in-out 0.3s;
}
.navigation span {
	display:block;
	border-bottom:1px solid transparent;
	transition:border-bottom ease-in-out 0.3s;
}
.navigation a.active, .navigation a.active-first, .navigation a:hover { color:#f27e30; }
.navigation a.active span, .navigation .active-first span, .navigation a:hover span { border-bottom-color:#f27e30; }
.respNavToggle {
	display:none;
	position:absolute;
	right:20px;
	top:22px;
	height:40px;
	line-height:40px;
	background:rgba(255, 255, 255, 0.2);
	border-radius:3px;
	text-align:center;
	color:#fff;
	font-size:13px;
	padding:0 10px;
	text-transform:uppercase;
	cursor:pointer;
}
.respNavToggle:before {
	content:"\f0c9";
	margin:-5px 7px 0 0;
}
.respNavToggle.active:before { content:"\f00d"; }
.respNavToggle.active { background:rgba(255, 255, 255, 0.4); }

/* ================ */
/*      SLIDER      */
/* ================ */
.slider li {
	height:720px;
	padding:85px 30px 0 30px;
	background:url("images/slider_1.jpg") no-repeat 50% 50%;
	background-size:cover;
}
.slider li.topSlide_2 { background-image:url("images/slider_2.jpg"); }
.slider li.topSlide_3 { background-image:url("images/slider_3.jpg"); }
.slider li.topSlide_4 { background-image:url("images/slider_4.jpg"); }
.slider li.topSlide_5 { background-image:url("images/slider_5.jpg"); }
.topSliderWrap .lSSlideOuter .lSPager.lSpg {
	top:-40px;
	position:relative;
	margin-top:-16px !important;
}
.topSliderWrap .lSSlideOuter .lSPager.lSpg > li a {
	background:rgba(255, 255, 255, 0.35);
	width:14px;
	height:14px;
}
.topSliderWrap .lSSlideOuter .lSPager.lSpg > li:hover a, .topSliderWrap .lSSlideOuter .lSPager.lSpg > li.active a { background:#fff; }
.slider .wrapper { position:relative; }
.slideText, .slideButtons { position:absolute; }
.slideText img {
	position:absolute;
	max-width:1000px;
}
.slideButtons {
	text-align:center;
	width:450px;
	height:45px;
}
.slideButtons a.button {
	margin-top:0;
	margin-bottom:10px;
	color:#fff;
	border-color:#fff;
}
.slideButtons a.button:hover {
	background:#fff;
	color:#37373a;
}

/* Slide: Designing a better world */
.topSlide_1 .slideText { top:155px; }
.topSlide_1 .slideButtons, .topSlide_1 .slideText img { max-width:590px; }
.topSlide_1 .slideButtons {
	top:470px;
	width:100%;
	text-align:center;
}

/* Slide: The worlds fastest */
.topSlide_2 .slideText { position:static; }
.topSlide_2 .slideText img[src*="slideText_2"] {
	max-width:450px;
	position:absolute;
	top:110px;
	left:500px;
}
.topSlide_2 .slideText img[src*="slideImage_2"] {
	max-width:514px;
	position:absolute;
	left:-40px;
	top:30px;
}
.topSlide_2 .slideButtons {
	text-align:center;
	width:100%;
	max-width:450px;
	top:480px;
	right:0;
}


.topSlide_3 .slideText {
	top:205px;
	left:-150px;
}
.topSlide_3 .slideButtons, .topSlide_3 .slideText img { max-width:590px; }
.topSlide_3 .slideButtons {
	top:530px;
	right:10px;
	text-align:center;
}

.topSlide_4 .slideText {
	width:604px;
}
.topSlide_4 .slideText img {
	position:absolute;
	top:110px;
	left:-110px;
	width:604px;
	height:306px;
}
.topSlide_4 .slideButtons {
	text-align:center;
	width:100%;
	max-width:450px;
	top:480px;
	left:0;
}

.topSlide_5 .slideText {
	width:604px;
}
.topSlide_5 .slideText img {
	position:absolute;
	top:110px;
	left:-110px;
	width:604px;
	height:306px;
}
.topSlide_5 .slideButtons {
	text-align:center;
	width:100%;
	max-width:450px;
	top:480px;
	left:0;
}

/* ================= */
/*      CONTENT      */
/* ================= */
.contentPush { padding-top:115px; }

.sectionHeader {
	text-align:center;
	padding-bottom:55px;
}
.sectionHeader h2 {
	font-family:"Oswald";
	text-transform:uppercase;
	display:inline-block;
	font-size:40px;
	font-weight:300;
	position:relative;
	padding:0 20px;
}
.sectionHeader h2:before, .sectionHeader h2:after {
	content:'';
	position:absolute;
	width:32px;
	height:2px;
	top:50%;
	margin-top:-1px;
	left:-32px;
	background:#37373a;
}
.sectionHeader h2:after {
	left:auto;
	right:-32px;
}
.sectionHeader span {
	display:block;
	font-weight:bold;
	font-size:17px;
	padding-top:5px;
}

/* Accordion */
.accordion dt {
	background:#969696;
	text-align:center;
	color:#fff;
	text-decoration:none;
	font-family:"Oswald", Tahoma;
	font-size:21px;
	font-weight:400;
	display:block;
	line-height:44px;
	margin-bottom:1px;
	cursor:pointer;
}
.accordion dt:after {
	content:"\f0d7";
	float:right;
	font-family:'FontAwesome';
	font-style:normal;
	font-weight:normal;
	line-height:1;
	font-size:inherit;
	vertical-align:middle;
	margin:11px 11px 0 0;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	transform:translate(0, 0);
}
.accordion dt.active { background:#F17E20; }
.accordion dt.active:after { content:"\f0d8"; }
.section_aboutUs .accordion img { max-width:200px; }

.textBlock {
	text-align:center;
	padding:30px 0;
	color:#fff;
	background:#37373A;
	margin-bottom:20px;
}
.textBlock.primary { background:#F17E20; }
.textBlock h3 { color:#fff; }
.textBlock a.button {
	border-color:#fff;
	color:#fff;
	margin-top:20px;
}
.textBlock a.button:hover {
	background:none;
	color:#fff;
}

/* ============== */
/*      TABS      */
/* ============== */
.tabsWrap {
	text-align:center;
	text-transform:uppercase;
}
ul.tabs {
	display:inline-block;
	border:1px solid #37373a;
	line-height:44px;
	border-radius:22px;
	padding:1px;
	font-size:13px;
}
ul.tabs li {
	float:left;
	width:175px;
	position:relative;
	z-index:5;
}
ul.tabs li:last-child { z-index:1; }
ul.tabs a {
	color:#969696;
	display:block;
	position:relative;
	transition:color 0.3s;
}
ul.tabs li.activeTab a { color:#fff; }
ul.tabs li:last-child:before {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:44px;
	background:#37373a;
	border-radius:22px;
	content:'';
	transition:all 0.3s;
}
/* Move the cell */
ul.tabs li:nth-last-child(2).activeTab ~ li:last-child:before { left:-100%; }
ul.tabs li:nth-last-child(3).activeTab ~ li:last-child:before { left:-200%; }
ul.tabs li:nth-last-child(4).activeTab ~ li:last-child:before { left:-300%; }

/*ul.tabs li:nth-last-child(2).activeTab ~ li:last-child:before { transform:translateX(-100%);left:auto; }
ul.tabs li:nth-last-child(3).activeTab ~ li:last-child:before { transform:translateX(-200%);left:auto; }
ul.tabs li:nth-last-child(4).activeTab ~ li:last-child:before { transform:translateX(-300%);left:auto; }*/

.tabContent { padding:30px 0; }

/* ================= */
/*      BUTTONS      */
/* ================= */
a.button, body.woocommerce a.button {
	border: 1px solid #37373a;
  color: #37373a;
  line-height: 42px;
  padding: 0 30px;
  text-align: center;
  display: inline-block;
  border-radius: 22px;
  margin: 40px 3px 0 3px;
  font-size: 13px;
  min-width: 175px;
  text-transform: uppercase;
  font-weight:normal;
  background:none;
}
a.button:hover, body.woocommerce a.button:hover {
	background:#37373a;
	color:#fff;
}
a.button.primary, body.woocommerce a.button.primary {
	background:#f27e30;
	border-color:#f27e30;
	color:#fff;
}
a.button.primary:hover, body.woocommerce a.button.primary:hover {
	background:#37373a;
	border-color:#37373a;
	color:#fff;
}

/* ================= */
/*      NUMBERS      */
/* ================= */
.section_numbers {
	background:#515151 url("images/section_numbers.jpg") no-repeat 50% 100%;
	background-size:cover;
	color:#fff;
	text-align:center;
	font-weight:300;
}

.countHeader h2 {
	font-size:50px;
	font-weight:400;
	padding-bottom:30px;
}

.numberList { display:block; }
.numberList li {
	float:left;
	width:25%;
}
.numberList .number {
	display:block;
	font-size:50px;
	color:#f27e30;
}
.numberList .text {
	display:block;
	color:#fff;
	text-transform:uppercase;
	font-size:14px;
	letter-spacing:2px;
}

/* ================== */
/*      SERVICES      */
/* ================== */
.narrowText {
	max-width:600px;
	margin:0 auto;
}

/* ================== */
/*      PRODUCTS      */
/* ================== */
.section_products, .section_grey {
	background:#f5f5f5 url("images/section_arrow.png") no-repeat 50% 0;
	background-size:70px 21px;
}
.productGrid img {
	width:100%;
	max-width:260px;
	display:block;
	margin:0 auto;
}
.productGrid h4 { padding:10px 0; }
.productGrid h4 a { color:#37373A; }
.productDetail {
	height:150px;
	overflow:hidden;
}
.productDescription {
	height:95px;
	overflow:hidden;
}
.productGrid a.button { margin-top:10px; }

.video_placeholder {
	background:#37373A;
	margin:10px auto 30px auto;
	width:426px;
	height:240px;
}
#softwareAccordion iframe {
	margin:10px auto 30px auto;
}

.stripedList {
	margin:10px auto;
	background:#dedede;
	text-align:left;
}
.stripedList li {
	display:block;
	padding:5px;
	padding-left:30px;
	position:relative;
}
.stripedList li:nth-of-type(even) { background:#e8e8e8; }
.stripedList li:before {
	content:"\f00c";
	position:absolute;
	top:11px;
	left:10px;
}
.productLeft, .productRight {
	float:left;
	width:320px;
	padding-bottom:40px;
}
.productLeft { padding-top:30px; }
.productRight { width:calc( 100% - 320px ); }

.breadcrumb {
	padding:35px 0 30px 0;
	text-transform:uppercase;
	color:#969696;
	font-size:13px;
	font-weight:400;
}
.breadcrumb a { color:#969696; }

.pages {
	display:block;
	text-align:center;
	margin-top:30px;
	font-size:0;
}
.pages li {
	display:inline-block;
	font-size:13px;
	/*border-right:1px solid #37373a;*/
	vertical-align:top;
}
.pages li:first-child, .pages li:last-child { font-size:20px; }
.pages li:last-child { border-right:0; }
.pages a {
	display:block;
	padding:0 18px;
	line-height:34px;
	color:#37373a;
}
.pages .active a {
	background:#37373a;
	color:#fff;
}

/* ====================== */
/*      TESTIMONIALS      */
/* ====================== */
.section_testimonials {
	background:#4a4c4b url("images/section_testimonials.jpg") no-repeat 50% 50%;
	background-size:cover;
	color:#fff;
  	text-align:center;
}

.section_testimonials .sectionHeader h2:before, .section_testimonials .sectionHeader h2:after { background:#fff; }
.testimonialSlider li { padding-bottom:40px; }
.testimonialSlider.lSSlideOuter .lSPager.lSpg > li a {
	background:rgba(255, 255, 255, 0.35);
	width:30px;
	height:5px;
	border-radius:0;
}
.testimonialSlider.lSSlideOuter .lSPager.lSpg > li:hover a, .testimonialSlider.lSSlideOuter .lSPager.lSpg > li.active a { background:#fff; }
.testimonialIcon {
	width:44px;
	margin:0 auto;
	display:block;
	margin-bottom:30px;
}
.testimonialAuthor span { color:#f27e30; }
.testimonialAuthor:before {
	content:'- - - - -';
	display:block;
	color:#f27e30;
	margin-bottom:10px;
}
.testimonialText {
	font-size:16px;
	font-style:italic;
	font-weight:300;
	padding-top:5px;
	padding-bottom:10px;
	max-height:130px;
	overflow:hidden;
}

/* ================= */
/*      CLIENTS      */
/* ================= */
.section_clients { padding-top:40px; }
.section_clients img {
	height:30px;
	margin:10px 16px;
}
.section_clients img:nth-of-type(1), .section_clients img:nth-of-type(2), .section_clients img:nth-of-type(3) { margin:10px 25px; }

/* ================= */
/*      CONTACT      */
/* ================= */
.section_contact { background:#fff; }
.section_contact .verticalForm {
	max-width:520px;
	margin:0 auto;
	padding-top:50px;
}
/* Select form */
.section_contact .selectric {
	border-color:#37373a;
	background:none;
}
.section_contact .selectric .label, .section_contact .selectric .button,
.section_contact .selectric-hover .selectric .button,
.section_contact .selectric-items .selectric-group .selectric-group-label,
.section_contact .selectric-items ul, .selectric-items li,
.section_contact .selectric-items li, .section_contact .selectric-items li.selected,
.section_contact .selectric-items li:hover { color:#37373a; }
.section_contact .selectric .button:after,
.section_contact .selectric-hover .selectric .button:after { border-top-color:#37373a; }
.section_contact .selectric-hover .selectric { border-color:#37373a; }
.section_contact .selectric-open .selectric {
	border-color:#37373a;
	background:#fff;
}
/* Items box */
.section_contact .selectric-items {
	background:#fff;
	border-color:#37373a;
}
.section_contact .selectric-items li {
	border-top-color:#fff;
	border-bottom-color:#ccc;
}
.section_contact .selectric-items li.selected { background:#efefef; }
.section_contact .selectric-items li:hover { background:#fafafa; }

/* ============== */
/*      BOTTOM BAR      */
/* ============== */
.section_bottomBar {
	background:#f27e30;
	color:#fff;
	font-size:18px;
	font-weight:300;
}
.section_bottomBar a.button {
	font-size:13px;
	margin:0 !important;
	background:#fff !important;
	border-color:#fff !important;
	color:#f27e30 !important;
}
.section_bottomBar a.button:hover {
	background:#fff;
	color:#f27e30;
}

/* ================ */
/*      FOOTER      */
/* ================ */
.mainFooter {
	background:#37373a;
	color:#fff;
	text-align:center;
	padding:75px 0;
}
.mainFooter a {
	color:#fff;
	text-decoration:underline;
}
.mainFooter .footerLogo {
	display:block;
	padding:10px 0 80px 0;
}
.mainFooter .footerLogo img { max-width:200px; }
.footerSocial {
	text-align:center;
	color:#F17E20;
	font-size:24px;
}
.footerSocial a {
	margin-left:5px;
	margin-right:5px;
	color:#F17E20;
}

/* =============== */
/*      FORMS      */
/* =============== */
textarea, input[type="text"], input[type="email"], select {
	border:1px solid #37373a;
	color:#37373a;
	background:transparent;
	padding:12px;
	font-family:"Lato", sans-serif;
	font-size:13px;
	-webkit-appearance:none;
	border-radius:0;
	width:100%;
	outline:none;
}
textarea:focus, input[type="text"]:focus, input[type="email"]:focus {
	outline:none;
	background:#fff;
}
input[type="submit"] {
	cursor:pointer;
	background:#f27e30;
	border:1px solid #f27e30;
	color:#fff;
	line-height:40px;
	padding:0 42px;
	font-size:13px;
	display:inline-block;
	border-radius:22px;
	min-width:175px;
	text-transform:uppercase;
	-webkit-appearance:none;
}
input[type="submit"]:hover {
	background:#37373a;
	border-color:#37373a;
	color:#fff;
}
textarea {
	width:100%;
	resize:vertical;
}
.verticalForm li {
	display:block;
	padding-bottom:20px;
}
.verticalForm > li:last-child { padding:0; }
.verticalForm label {
	display:block;
	font-weight:bold;
}

/*
	----------------
	COLUMNS
	----------------
*/
.col { float:left; }
.colPadding5 { margin:-5px; }
.colPadding10 { margin:-10px; }
.colPadding5 .col { padding:5px; }
.colPadding10 .col { padding:10px; }

/* Desktop */
.col1 { width:calc( 100% / 12 ); }
.col2 { width:calc( 100% / 12 * 2 ); }
.col3 { width:calc( 100% / 12 * 3 ); }
.col4 { width:calc( 100% / 12 * 4 ); }
.col5 { width:calc( 100% / 12 * 5 ); }
.col6 { width:calc( 100% / 12 * 6 ); }
.col7 { width:calc( 100% / 12 * 7 ); }
.col8 { width:calc( 100% / 12 * 8 ); }
.col9 { width:calc( 100% / 12 * 9 ); }
.col10 { width:calc( 100% / 12 * 10 ); }
.col11 { width:calc( 100% / 12 * 11 ); }
.col12 { width:100%; }
.cols1 .col { width:100%; }
.cols2 .col { width:50%; }
.cols3 .col { width:calc(100% / 3); }
.cols4 .col { width:25%; }
.cols5 .col { width:20%; }
.cols6 .col { width:calc(100% / 6); }
.cols7 .col { width:calc(100% / 7); }
.cols8 .col { width:calc(100% / 8); }
.cols9 .col { width:calc(100% / 9); }
.cols10 .col { width:10%; }

@media (min-width: 901px) {
	.colc, .cols1 .col, .cols2 .col:nth-of-type(2n+1),
	.cols3 .col:nth-of-type(3n+1), .cols4 .col:nth-of-type(4n+1),
	.cols5 .col:nth-of-type(5n+1), .cols6 .col:nth-of-type(6n+1),
	.cols7 .col:nth-of-type(7n+1), .cols8 .col:nth-of-type(8n+1),
	.cols9 .col:nth-of-type(9n+1), .cols10 .col:nth-of-type(10n+1) { clear: left; }
}
/* Tablets */
@media (min-width: 501px) and (max-width: 900px) {
	.col1_t { width:calc( 100% / 12 ); }
	.col2_t { width:calc( 100% / 12 * 2 ); }
	.col3_t { width:calc( 100% / 12 * 3 ); }
	.col4_t { width:calc( 100% / 12 * 4 ); }
	.col5_t { width:calc( 100% / 12 * 5 ); }
	.col6_t { width:calc( 100% / 12 * 6 ); }
	.col7_t { width:calc( 100% / 12 * 7 ); }
	.col8_t { width:calc( 100% / 12 * 8 ); }
	.col9_t { width:calc( 100% / 12 * 9 ); }
	.col10_t { width:calc( 100% / 12 * 10 ); }
	.col11_t { width:calc( 100% / 12 * 11 ); }
	.col12_t { width:100%; }
	.cols1_t .col { width:100%; }
	.cols2_t .col { width:50%; }
	.cols3_t .col { width:calc(100% / 3); }
	.cols4_t .col { width:25%; }
	.cols5_t .col { width:20%; }
	.cols6_t .col { width:calc(100% / 6); }
	.cols7_t .col { width:calc(100% / 7); }
	.cols8_t .col { width:calc(100% / 8); }
	.cols9_t .col { width:calc(100% / 9); }
	.cols10_t .col { width:10%; }
	.colc_t, .cols1_t .col,
	.cols2_t .col:nth-of-type(2n+1), .cols3_t .col:nth-of-type(3n+1),
	.cols4_t .col:nth-of-type(4n+1), .cols5_t .col:nth-of-type(5n+1),
	.cols6_t .col:nth-of-type(6n+1), .cols7_t .col:nth-of-type(7n+1),
	.cols8_t .col:nth-of-type(8n+1), .cols9_t .col:nth-of-type(9n+1),
	.cols10_t .col:nth-of-type(10n+1) { clear:left; }
}
/* Mobiles */
@media (max-width: 500px) {
	.col1_m { width:calc( 100% / 12 ); }
	.col2_m { width:calc( 100% / 12 * 2 ); }
	.col3_m { width:calc( 100% / 12 * 3 ); }
	.col4_m { width:calc( 100% / 12 * 4 ); }
	.col5_m { width:calc( 100% / 12 * 5 ); }
	.col6_m { width:calc( 100% / 12 * 6 ); }
	.col7_m { width:calc( 100% / 12 * 7 ); }
	.col8_m { width:calc( 100% / 12 * 8 ); }
	.col9_m { width:calc( 100% / 12 * 9 ); }
	.col10_m { width:calc( 100% / 12 * 10 ); }
	.col11_m { width:calc( 100% / 12 * 11 ); }
	.col12_m { width:100%; }
	.cols1_m .col { width:100%; }
	.cols2_m .col { width:50%; }
	.cols3_m .col { width:calc(100% / 3); }
	.cols4_m .col { width:25%; }
	.cols5_m .col { width:20%; }
	.cols6_m .col { width:calc(100% / 6); }
	.cols7_m .col { width:calc(100% / 7); }
	.cols8_m .col { width:calc(100% / 8); }
	.cols9_m .col { width:calc(100% / 9); }
	.cols10_m .col { width:10%; }
	.colc_m, .cols1_m .col,
	.cols2_m .col:nth-of-type(2n+1), .cols3_m .col:nth-of-type(3n+1),
	.cols4_m .col:nth-of-type(4n+1), .cols5_m .col:nth-of-type(5n+1),
	.cols6_m .col:nth-of-type(6n+1), .cols7_m .col:nth-of-type(7n+1),
	.cols8_m .col:nth-of-type(8n+1), .cols9_m .col:nth-of-type(9n+1),
	.cols10_m .col:nth-of-type(10n+1) { clear:left; }
}
/*
	----------------
	LISTS
	----------------
*/
.dotList { margin-bottom:10px;margin-top:14px; }
.dotList li { padding-left:12px; }
.dotList li:before {
	content:"\2022";
	margin-right:5px;
}
.numList { counter-reset:numList; }
.numList > li {
	counter-increment:numList;
	padding-left:20px;
}
.numList > li:before {
	content:counter(numList) ".";
	float:left;
	width:20px;
	margin-left:-20px;
}

/*
	----------------
	MODAL BOXES
	----------------
*/
#modalContainer {
	display:none;
	z-index:10010;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	transform-style:preserve-3d;
}
#modalOverlay {
	width:100%;
	height:100%;
	background:rgba(25, 25, 25, 0.5);
	position:absolute;
	top:0;
	left:0;
}
.dialog {
	display:none;
	position:relative;
	margin:auto;
	top:50%;
	transform:translateY(-50%) scale(0.7);
	transition:transform ease-in-out 0.3s;
	max-width:500px;
	background:#fff;
	padding:30px;
}
.dialog.activeDialog { transform:translateY(-50%) scale(1); }
.dialog .closeCross {
	position:absolute;
	top:-10px;
	right:-10px;
	width:30px;
	height:30px;
	line-height:23px;
	font-size:16px;
	color:#fff;
	text-align:center;
	border-radius:50%;
	background:#222;
}
.dialog .closeCross[data-icon]:before { margin:0; }

/* ====================================== */
/*      FANCYBOX - TERMS and PRIVACY      */
/* ====================================== */
.popupTextBox .fancybox-skin {
	background:none;
	color:#fff;
}
.popupTextBox.fancybox-opened .fancybox-skin { box-shadow:none; }
.popupTextBox .fancybox-outer { padding:20px; }
.popupText {
	display:none;
	padding:10px;
	font-weight:300;
}
.popupText .sectionHeader { padding-bottom:0px; }
.popupText .sectionHeader h2:before, .popupText .sectionHeader h2:after { background:#fff; }
.popupText .para { padding:10px 0; }
.popupText li { padding-left:20px; }
.popupText li:before {
	content:'';
	border-radius:50%;
	background:#fff;
	width:5px;
	height:5px;
	display:inline-block;
	margin-left:-20px;
	margin-right:15px;
}
a.popupClose {
	color:#37373a;
	line-height:44px;
	width:175px;
	margin:0 auto;
	display:block;
	text-align:center;
	border-radius:22px;
	text-transform:uppercase;
	background:#fff;
}

/* ===================== */
/*      POPUP FORMS      */
/* ===================== */
.formActive { overflow:hidden; }
.formOverlay {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10100;
	display:none;
	overflow:scroll;
	background:rgba(0, 0, 0, 0.8);
}
.formOverlayClose {
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index:1;
}
.popupForm {
	max-width:600px;
	margin:0 auto;
	padding:60px 10px 30px 10px;
	color:#fff;
	z-index:2;
	z-index:10101;
	position:relative;
}
.popupForm .sectionHeader { padding-bottom:30px; }
.popupForm .sectionHeader h2:before, .popupForm .sectionHeader h2:after { background:#fff; }
.popupFormBox {
	border:1px solid #fff;
	background:rgba(0, 0, 0, 0.5);
	padding:35px;
}
.popupForm textarea, .popupForm input[type="text"], .popupForm select {
	border:1px solid #fff;
	color:#fff;
}
.popupForm textarea:focus, .popupForm input[type="text"]:focus { background:none; }
.popupForm option { background:#000; }
.popupFormClose {
	text-align:center;
	padding-top:30px;
}
.popupFormClose a.button {
	background:#fff !important;
	color:#37373a !important;
	margin:0 !important;
}

a.accordion_link {
	color:#000000;
	text-decoration:underline;
}
a:hover.accordion_link {
	text-decoration:none;
}
.err {
	color:#F17E20;
	display:none;
}
.progress {
	display:none;
	width:42px;
	height:42px;
	background-repeat:no-repeat;
	background-position:left top;
	background-size:42px 42px;
}
.progress_blk { background-image:url(images/load_black.gif);	}
.progress_wht { background-image:url(images/load_white.gif);	}
#tab-hardware .col h4 { letter-spacing:auto; }
a.button { font-weight:400; }
.section_bottomBar a.button { margin-top:-10px !important; }

@supports (-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px)) {
	.formOverlay {
		-webkit-backdrop-filter:blur(10px);
		backdrop-filter:blur(10px);
	}

	.popupFormBox { background:rgba(0, 0, 0, 0.2); }
}

/*
	----------------
	INDUSTRY OPPORTUNITIES
	----------------
*/
.io-filter {
	font-weight:bold;
	font-size:15px;
	padding-bottom:10px;
}
.io-showing { padding-top:40px; }
.io-back-to-results a { color:#37373A; }
.section_job-board article {
	padding:40px 0;
	border-bottom:1px solid #37373A;
}
.section_job-board article:last-of-type { border-bottom:0; }

.selectric-light .selectric {
	border-color:#37373a;
	background:none;
}

.selectric-light .selectric .label, .selectric-light .selectric .button,
.selectric-light .selectric-hover .selectric .button,
.selectric-light .selectric-items .selectric-group .selectric-group-label,
.selectric-light .selectric-items ul, .selectric-items li, .selectric-light .selectric-items li,
.selectric-light .selectric-items li.selected, .selectric-light .selectric-items li:hover {
	color:#37373a;
}
.selectric-light .selectric .button:after, .selectric-light .selectric-hover .selectric .button:after {
	border-top-color:#37373a;
}
.selectric-light .selectric-hover .selectric { border-color:#37373a; }
.section_contact .selectric-open .selectric {
	border-color:#37373a;
	background:#fff;
}
/* Items box */
.selectric-light .selectric-items {
	background:#fff;
	border-color:#37373a;
}
.selectric-light .selectric-items li {
	border-top-color:#fff;
	border-bottom-color:#ccc;
}
.selectric-light .selectric-items li.selected { background:#efefef; }
.selectric-light .selectric-items li:hover { background:#fafafa; }
.selectric-light .selectric-wrapper { margin:0 10px 2px 0; }
.selectric-light .selectric-open .selectric {
	background:#fff;
	border-color:#37373a;
}
.selectric-light .selectric .label {
	text-transform:uppercase;
	font-weight:400;
	font-size:13px;
}
.apply-form-max {
	font-size:9px;
	padding-bottom:10px;
}

@media (min-width: 769px) {
	.apply-form-state { padding-right:10px; }
}


.section_job-board article ul, .section_job-board article li {
	list-style-type:disc;
}
.section_job-board article ul {
	margin-left:25px;
	margin-bottom:25px;
}

.woocommerce #content div.product div.summary,
	.woocommerce div.product div.summary,
	.woocommerce-page #content div.product div.summary,
	.woocommerce-page div.product div.summary {
	float:none;
	width:auto;
}
.woocommerce div.product div.images, .woocommerce div.product div.summary {
	margin-bottom:0;
}
h1.product_title {
	display: block;
	font-size: 21px;
	padding-bottom: 10px !important;
	color: #f27e30;
	font-family: "Oswald", "Lato", sans-serif;
	font-weight: 400;
}

.label-above label {
	text-align:left;
}
.ninja-forms-required-items {
	margin-top:20px;
	margin-bottom:20px;
}
body.careerSite h3 {
	color: #F17E20;
	font-weight: 400;
	font-family: "Oswald", sans-serif;
	font-size: 21px;
	line-height:33px;
	margin-top:10px;
}

body.careerSite iframe {
	margin-top:14px;
	margin-bottom:14px;
}
#bg_map {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}
#office_locations {
	position:relative;
	z-index:100;
	background:#ffffff;
	float:left;
	margin-top:-54px;
	padding:20px;
	opacity:0.90;
}
.label-above label {
	margin-bottom:0 !important;
}
.state_field-wrap {
	width:calc(100%/12*8);
	padding-right:10px;
	float:left;
}
.postcode_field-wrap {
	width: calc( 100% / 12 * 4 );
	float:left;
}
.popupForm textarea {
	height:106px !important;
}

#blog_wrapper.contentPush {
	padding-top:165px;
}
#blog_wrapper.wrapper {
	max-width:985px;
}
#blog_wrapper .featured_image {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
}

.posts_grid {
	margin-left:-30px;
	clear:both;
}
.posts_grid .selectric, .posts_grid .selectric .label, .posts_grid .selectric .button {
	height:44px;
	line-height:44px;
}
.posts_grid > div {
	width:295px;
	margin-left:30px;
	float:left;
	margin-bottom:40px;
}
.posts_grid .post_thumb {
	width:295px;
	height:220px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:contain;
	margin-bottom:20px;
}
.posts_grid h4 {
	height:50px;
	max-height:50px;
	overflow:hidden;
}
.posts_grid a {
	text-transform:uppercase;
}
.post_search {
	border:1px solid #000;
	height:44px;
}
.post_search input {
	border:none;
	width:85%;
}
.post_search button {
	font-size: 15px;
	float:right;
	height:44px;
	line-height:44px;
	padding:0;
	margin-right:10px;
	background:none;
	border:none;
}
.post_excerpt {
	height:72px;
	overflow:hidden;
}

body.single-post .post h1 {
	font-family:Oswald, Lato, sans-serif;
	font-size:26px;
	font-weight:400;
	color:#f27e30;
	text-align:center;
	margin-top:14px;
	margin-bottom:30px;
}
.post_categories {
	text-align:center;
}
ul.post-categories {
	border-top:1px solid #37373a;
	padding-top:40px;
}
ul.post-categories li {
	text-align:center;
}
ul.post-categories li a {
	font:normal 15px Lato, Oswald, sans-serif;
	font-weight:200;
	color:#37373a;
}
body.single-post .post .productLeft {
	padding-top:0;
}
body.single-post .post .productLeft > div {
	width:300px;
	border-top:1px solid #37373a;
	height:90px;
	padding-top:10px;
}
body.single-post .post .productLeft > div:first-child {
	border-top:none;
	padding-top:0;
}
body.single-post .post .productLeft > div > a {
	color:#37373a;
	text-decoration:underline;
	font-weight:bold;
}
body.single-post .post .productLeft > div > a:hover {
	text-decoration:none;
}
body.single-post .post .productLeft > div > div > a {
	font-weight:200;
}
.post_social {
	margin-top:10px;
	margin-bottom:26px;
}
a.post_back {
	color:#969696;
	font-weight:bold;
}
a:hover.post_back {
	text-decoration:underline;
}

footer {
	background:#37373a;
	color:#fff;
	font-weight: 300;
	padding: 50px 0;
	font-size:16px;
}
footer .footer-columns {
	width:945px;
	margin:auto;

}
footer .footer-columns > div {
	float:left;
}
footer .footer-column-info {
	width:568px;
}
footer .footer-column-contact {
	width:377px;
}
footer .ci-logo {
	width:253px;
	height:87px;
	background:url(images/footer_logo_new.png) no-repeat center center;
	background-size:cover;
	margin-bottom:40px;
}
footer li.margin-top {
	margin-top:25px;
}
footer li a {
	color:#fff;
	text-decoration:underline;
}
footer li a:hover {
	text-decoration:none;
}
footer .footer-newsletter {
	padding-bottom: 30px;
}
footer h3 {
	font:normal 23px "Lato", "Oswald", sans-serif;
}
footer h3:before {
	content: '';
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url("images/ico_subscribe.png") no-repeat 50% 50%;
	background-size: contain;
	vertical-align: middle;
	margin-right: 12px;
	margin-top: -3px;
}
footer input[type="text"], footer input[type="email"] {
	background: rgba(255, 255, 255, 0.75);
	border: 1px solid #231F20;
	color: #37373a;
	text-transform:uppercase;
	font-size:11px;
	padding: 0 14px;
	line-height: 50px;
	height: 52px;
}
footer .form-list .fr, footer .form-list .field-wrap {
	padding-top: 5px;
	padding-bottom: 5px;
}
footer ::-webkit-input-placeholder {
   color: #37373a;
}
footer :-moz-placeholder { /* Firefox 18- */
   color: #37373a;
}
footer ::-moz-placeholder {  /* Firefox 19+ */
   color: #37373a;
}
footer :-ms-input-placeholder {
   color: #37373a;
}
footer input[type="submit"] {
	font-size:11px;
}
footer input:hover[type="submit"] {
	background:none;
	border:1px solid #f27e30;
}
footer .footer-connect h3 {
	margin: 0 20px 0 0;
	color:#fff;
	float:left;
}
footer .footer-connect h3:before {
	background-image:url("images/ico_connect.png");
}
footer .footer-connect a {
	display:block;
	float:left;
	width:29px;
	height:29px;
	line-height:29px;
	text-align:center;
	background:#f27e30;
	color:#fff;
	border-radius:50%;
	margin-left:6px;
}

/* ==================== */
/*      RESPONSIVE      */
/* ==================== */
@media (max-width: 768px) {
	/* Header */
	.headerContact { display:none; }
	.logo {
		position:relative;
		float:left;
	}
	.mainHeader {
		position:relative;
		height:auto;
	}
	.navigation {
		float:none;
		padding:0;
		clear:both;
		text-align:center;
		max-height:0;
		overflow:hidden;
		transition:max-height ease-in-out 0.5s;
	}
	.navigation.active { max-height:300px; }
	.navigation li {
		display:block;
		float:none;
		border-top:1px solid rgba(255, 255, 255, 0.2);
	}
	.navigation a {
		line-height:50px;
		border:0;
	}
	.navigation span { border:0; }
	.respNavToggle { display:block; }
	.contentPush { padding-top:0; }
	
	.slideText img {
		max-width:100%;
		left:0px !important;
	}
	.topSlide_1 .slideText {
		padding:0px 0 50px 0;
		margin:auto;
		margin-top:-20px;
		width:90%;
	}
	.topSlide_2 .slideText {
		padding: 0;
		margin:auto;
		margin-top:-40px;
		margin-left:0px;
		width:80%;
	}
	.topSlide_2 .slideText img[src*="slideText_2"] {
		z-index:999;
		left:30px;
		top:75px;
		margin:auto;
		width:90%;
	}
	.topSlide_3 .slideText {
		padding:0px 0 0 0;
		margin-top:-40px;
	}

	/* Numbers */
	.countHeader h2 {
		font-size:24px;
		padding-bottom:0;
	}

	.numberList li {
		width:auto;
		float:none;
		display:block;
		padding-bottom:20px;
	}

	.numberList .number { font-size:30px; }
	
	footer .footer-columns {
		width:100%;
	}
	footer .footer-columns > div {
		float:none;
		text-align:center;
	}
	footer .footer-column-info {
		width:100%;
	}
	footer .ci-logo {
		margin:auto;
	}
	footer .footer-column-contact {
		margin-top:20px;
		margin-left:auto;
		margin-right:auto;
	}
	
}
@media (max-width: 500px) {
	.wrapper { padding:0 10px; }
	section { padding:30px 0; }

	.logo a {
		width:200px;
		background-size:contain;
	}

	/* Slider */
	.slider li { height:375px; }
	.topSlide_1 .slideText {
		padding:0px 0 50px 0;
		margin:auto;
		margin-top:-80px;
		width:90%;
	}
	.topSlide_2 .slideText {
		padding: 0;
		margin:auto;
		margin-top:-80px;
		margin-left:-80px;
		width:80%;
	}
	.topSlide_2 .slideText img[src*="slideText_2"] {
		z-index:999;
		left:10px;
		top:75px;
		margin:auto;
		width:90%;
	}
	.topSlide_3 .slideText {
		padding:0px 0 0 0;
		margin-top:-40px;
	}

	/* Content */
	.sectionHeader { padding-bottom:20px; }
	.sectionHeader h2 { font-size:37px; }

	/* Tabs */
	ul.tabs li { width:120px; }
  
	.section_services ul.tabs li {
		width:95px;
		letter-spacing:-1px; 
	}

	/* Products */
	.productDescription { height:auto; }
	.productGrid .col { border-bottom:1px solid rgba(0, 0, 0, 0.1); }
	.productGrid a.button {
		display:block;
		width:50%;
		margin-left:auto;
		margin-right:auto;
	}

	/* Demo */
	.section_demo { font-size:15px; }
  
	.section_bottomBar a.button {
		display:block;
		float:none;
		width:70%;
		margin-left:auto !important;
		margin-right:auto !important;
		margin-bottom:10px;
		text-align:center;
  	}

	.mainFooter { font-size:11px; }
	
	/* Popup Forms */
	.popupForm { padding-top:30px; }
  	.popupFormBox { padding:15px; }
  
	.productLeft {
		width:100%;
		float:none;
	}
	.productRight {
		width:100%;
		float:none;
	}
	
}