/*   Theme Name: Strato
Theme URI: http://example.co.uk
Description: A Cybermill Breeze Theme
Author: The Cybermill
Author URI: http://breezeonline.co.uk
Version: 1
*/
#wpadminbar {
	position: fixed!important;
}
/* -------------------------------------------------------------------------------- */
/* Reset */
/* -------------------------------------------------------------------------------- */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
img, legend {
	border: 0
}
legend, td, th {
	padding: 0
}
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
body {
	margin: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden], template {
	display: none
}
a {
	background-color: transparent
}
a:active, a:hover {
	outline: 0
}
abbr[title] {
	border-bottom: 1px dotted
}
b, optgroup, strong {
	font-weight: 700
}
dfn {
	font-style: italic
}
h1 {
	font-size: 2em;
	margin: .67em 0
}
mark {
	background: #ff0;
	color: #000
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup {
	top: -.5em
}
sub {
	bottom: -.25em
}
svg:not(:root) {
	overflow: hidden
}
figure {
	margin: 1em 40px
}
hr {
	box-sizing: content-box;
	height: 0
}
pre, textarea {
	overflow: auto
}
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}
button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0
}
button {
	overflow: visible
}
button, select {
	text-transform: none
}
button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}
button[disabled], html input[disabled] {
	cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0
}
input {
	line-height: normal
}
input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	padding: 0
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
	height: auto
}
input[type=search] {
	-webkit-appearance: textfield;
	box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}
fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
/* Good ol' clearfix */
.cf:before, .cf:after, .ie8 .row:before, .ie8 .row:after, .ie7 .row:before, .ie7 .row:after {
	content: " ";
	display: table;
}
.cf:after, .ie8 .row:after, .ie7 .row:after {
	clear: both;
}
.cf, .ie8 .row, .ie8 .row {
	*zoom: 1;
}
/* For IE 6/7 only */
.admin-bar {
	position: static;
}
/* -------------------------------------------------------------------------------- */
/* typography ---
/* -------------------------------------------------------------------------------- */
body {
	/*font-family: Georgia, Times, Times New Roman, serif;*/
    font-family: 'Helvetica', 'Arial', sans-serif;
	font-size: 16px;
	line-height: 2em;
	font-weight: 300;
}
h1, h2, h3, h4 {
	clear: both;
	padding: 0;
	margin: 0 0 20px 0;
	line-height: 1.6em;
	/*font-family: Georgia, Times, Times New Roman, serif;*/
    font-family: 'Helvetica', 'Arial', sans-serif;
	font-weight: 300;
}
h1 {
	font-size: 2.25rem;
	line-height: 2.875rem;
}
h2 {
	font-size: 1.375rem;
	line-height: 2rem;
}
h3 {
	font-size: 1.25em;
	line-height: 1.875rem;
}
h4 {
	font-size: 1.125em;
	text-transform: uppercase;
}
h5, h6 {
	font-size: 0.85em;
	text-transform: uppercase;
	font-weight: bold;
}
.title, .widget_title {
	font-size: 1.125em;
	text-transform: capitalize;
	font-style: italic;
}
p {
	margin: 0 0 10px 0;
	line-height: 2em;
}
/* Link defaults */
a:hover, a:active {
	text-decoration: underline;
}
/* Lists */
ul {
}
ol {
}
ul li, ol li {
	margin-bottom: 1em;
}
ul ul {
}
.main-text-area ul li, .main-text-area ol li {
	margin-left: 2em;
}
.main-text-area .ticks ul {
	margin: 0 0 20px 0;
	padding: 0;
}
.main-text-area .ticks li {
	list-style: none;
	padding-left: 40px;
	background: url('_/images/tick.gif') no-repeat left 2px;
	display: block;
	margin: 0 2.5% 10px 0;
}
.main-text-area .ticks.full-width li {
	width: 100%;
	float: none;
}
.sidebar ul li, .sidebar ol li {
	margin-left: 1em;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
sub {
	font-size: 11px;
}
small {
	font-size: .8em;
}
del {
	text-decoration: line-through;
}
blockquote {
	border-left: none;
	font-style: italic;
	text-indent: 60px;
	position: relative;
	padding: 2em;
	margin: 0;
	font-size: 0.875rem;
	color: #666;
}
blockquote:before, q:before, .quote:before {
	content: "\201C";
	font-size: 80px;
	font-weight: 600;
	font-style: normal;
	line-height: 0px;
	display: block;
	position: absolute;
	top: 50px;
	left: -35px;
	opacity: 0.2;
}
blockquote p {
	line-height: 2em;
}
.ie8 blockquote:before, .ie8 q:before, .ie8 .quote:before {
	left: -100px;
	top: 40px;
}
.ie8 .main-text-area blockquote:before, .ie8 .main-text-area q:before, .ie8 .main-text-area .quote:before {
	left: -100px;
	top: 60px;
}
pre, code, kbd, samp {
	font-family: monospace, sans-serif;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}
hr {
	clear: both;
	display: block;
	height: 1px;
	border: none;
	border-top: 1px solid #c6c6c6;
	border-bottom: 1px solid #fff;
	margin: 30px 0;
	padding: 0;
}
.alignright {
	float: right;
	margin: 2% 0 2% 4%;
	text-align: right;
}
.alignleft {
	float: left;
	margin: 2% 4% 2% 0;
	text-align: left;
}
.aligncenter {
	margin: 2% auto;
	text-align: center;
	display: block;
	clear: both;
}
p.wp-caption-text {
	color: #888;
	font-style: italic;
	padding: 4% 5%;
	width: 100%;
	font-size: 14px;
	line-height: 18px;
}
.wp-caption img {
	display: block;
}
.wp-caption img, .wp-caption {
	max-width: 100% !important;
	height: auto !important;
}
/* -------------------------------------------------------------------------------- */
/* Buttons, inputs */
/* -------------------------------------------------------------------------------- */
input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
	background: #eee;
	border: 1px solid #ccc;
	box-shadow: none;
	margin-bottom: 1rem;
	max-width: 100%;
	-webkit-appearance: none;
	box-sizing: border-box;
}
input[type=checkbox] {
	-webkit-appearance: checkbox;
}
input[type=radio] {
	-webkit-appearance: radio;
}
label {
	text-transform: uppercase;
	margin-bottom: 5px;
	font-size: 0.8em!important;
	color: #555;
}
.req {
	padding-left: 5px;
}
.button {
	padding: 12px;
	text-transform: capitalize;
	background: #fff;
	font-weight: bold;
}
.button:after {
	content: "\00BB";
	padding-left: 5px;
}
.page-numbers.current {
	padding: 4px 8px;
	color: #fff;
}
.page-nav {
	padding: 2em 0;
	margin: 2em 0;
}
.pagelink.next {
	text-align: right;
}
/* -------------------------------------------------------------------------------- */
/* Colors */
/* -------------------------------------------------------------------------------- */
.footer input:focus, .main-nav, .cmb-featured-image, .large-thumb a, .thumb a, .button-link a, .thumbnail a, .popup-text, .main-nav .sub-menu .menu-item, .top-bar, .footer-wrapper, .copyright-wrapper, .slidecontent, .bannercontent, .footer input, .footer textarea, .footer input:focus, .main-nav, .cmb-featured-image, .large-thumb a, .thumb a, .button-link a, .thumbnail a {
	color: #fff;
}
.copyright-wrapper {
	border-top: 1px solid #fff;
}
.main-nav .menu-item {
	border-bottom: 1px solid #fff;
}
.footer input, .footer textarea {
	border: 1px solid #fff;
}
.footer textarea {
	height: 200px;
}
.button, .filter-button {
	border-width: 1px;
	border-style: solid;
}
.filter-button {
	border-bottom: none;
}
.filter {
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.footer .widget_title {
	border-bottom: 2px solid #fff;
}
@media only screen and (min-width: 40.063em) {
#slider {
	background: #fff;
}
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------- */
/* Layout */
/* ---------------------------------------------------------------------------------------------------------------------------------------------- */
.wrapper {
	margin: 0px auto;
	max-width: 100%;
}
.align {
	margin: 0px auto;
}
.inner {
	padding: 2rem 0;
}
.header-inner,
#sliderwrap, .banner {
	margin: 0px auto;
}
.column, .columns {
	padding: 0 2em;
}
.no-pad-right {
	padding-right: 0;
}
.no-pad-left {
	padding-left: 0;
}
.nopadding {
	padding-left: 0;
	padding-right: 0;
}
.no-padding-top {
	padding-top: 0;
}
.thumbnail img, .large-thumb img, .client-logo, .main-content img[src$=".jpg"], .button-list a, .cmb-featured-link {
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}
.ie7 .row, .ie8 .row {
	max-width: 1140px;
}
.ie7 .inner, .ie8 .inner {
	padding: 2em 0;
}
.ie7 .v-inner, .ie8 .v-inner {
	padding: 2em 0;
}
.align, .banner {
	max-width: 1260px;
	margin: 0px auto;
}
/* -------------------------------------------------------------------------------- */
/* Header */
/* -------------------------------------------------------------------------------- */
.header {
	position: relative;
	z-index: 99;
}
a.logo {
	display: block;
	max-width: 250px;
	margin: 0px auto;
}
a.logo img {
	width: 100%;
	max-width: 4000px;
	margin: 0px auto;
}
.header input {
	margin: 0;
	background: #fff;
	opacity: 0.2;
	width: 70%;
	width: calc(100% - 40px);
	display: inline-block;
	float: left;
	height: 40px!important;
	box-sizing: border-box;
}
.header input.search-submit {
	width: 40px;
	text-indent: -9999px;
	overflow: hidden;
	border: none;
	border-left: 1px solid #000;
}
.header input:hover {
	opacity: 0.4;
}
.header #searchsubmit:hover {
	opacity: 0.4!important;
	background-color: #fff;
}
.header #searchform {
	float: right;
	width: 100%;
}
.top-contact ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.top-contact li {
	margin: 0;
	font-size: 1.25rem;
}
/* -------------------------------------------------------------------------------- */
/* Menu */
/* -------------------------------------------------------------------------------- */
nav ul, .main-nav .sub-menu, .mobile-menu {
	margin: 0;
	padding: 0;
}
nav ul li, .mobile-menu li {
	list-style: none;
	margin: 0;
}
.main-nav {
	width: 230px;
	display: block;
	position: fixed;
	left: -280px;
	top: 0;
}
/*menu-slide*/
body.fixedPosition {
	position: fixed;
	left: 260px;
}
body.fixedPosition .wrapper, body.fixedPosition .header-info {
	opacity: 0.4;
}
body.fixedPosition.admin-bar #wpadminbar {
	position: fixed;
}
body.fixedPosition.admin-bar .main-nav {
	top: 46px;
}
.background-wrapper {
	position: relative;
	left: 0;
}
.background-wrapper.push {
	left: 260px;
}
.main-nav {
	width: 260px;
	height: 100%;
	position: fixed;
	top: 0;
	left: -260px;
}
.main-nav.open {
	left: 0;
}
.main-nav.open .menu-main-menu-container {
	overflow: auto;
	height: 100%;
}
.main-nav, .main-nav.open, .background-wrapper, .background-wrapper.push {
	transition: left 0.3s ease;
}
.slide-toggle {
	display: none;
	padding: 2rem;
}
/*hamburger-icon*/
.mobile-menu li {
	float: right;
	padding: 0px;
	text-transform: uppercase;
	padding: 0 0 0 1px;
	text-align: center;
}
.mobile-menu li.menu-click {
	float: left;
}
.mobile-menu li a.block, .hb-outer {
	display: block;
	width: 40px;
	height: 40px;
	overflow: hidden;
	background: rgba(255, 255 ,255, 0.2);
}
.mobile-menu li a:hover {
	text-decoration: none;
}
.header input.search-submit,
#SearchClick,
#ContactClick {
	background-image: url('_/images/search.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 80% auto;
}
#ContactClick {
	background-image: url('_/images/envelope.svg');
}
.hb-outer, .hamburger {
	display: inline-block;
	vertical-align: middle;
}
.hamburger {
	margin-top: 6px;
}
.hb-bar {
	display: block;
	height: 4px;
	background: #000;
	width: 30px;
	position: relative;
	box-sizing: border-box;
	transition: all 0.5s ease-in-out 0s;
	opacity: 0.8;
}
.hb-bar + .hb-bar {
	margin-top: 6px;
}
.hb-bar {
	transform: rotate(0deg);
	top: 0;
}
.hb-bar:nth-child(2n) {
	transform: rotate(0deg);
}
.hb-bar:nth-child(3n) {
	opacity: 0.8;
}
.menu-open .hb-bar {
	transform: rotate(45deg);
	top: 10px;
}
.menu-open .hb-bar:nth-child(2n) {
	transform: rotate(135deg);
	top: 0;
}
.menu-open .hb-bar:nth-child(3n) {
	opacity: 0;
}
.menu-text {
	font-style: italic;
	color: #fff;
	padding-left: 10px;
	opacity: 0.2;
}
/*menu items*/
.main-nav .menu-item {
	display: block;
	float: none;
	width: 100%;
	text-align: center;
}
.main-nav .menu-item a {
	display: block;
	padding: 20px;
	position: relative;
	color: #fff;
	text-transform: uppercase;
}
.menu-click:hover,  .main-nav .menu-item a:hover, .main-nav .menu-item-has-children.active > a {
	text-decoration: none;
}
.main-nav .menu-item-has-children > a {
	position: relative;
	padding-right: 20px!important;
}
.main-nav .menu-item-has-children > a:after {
	content: ' ';
	width: 0;
	height: 0;
	display: block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top-width: 8px;
	border-top-style: solid;
	position: absolute;
	top: 15px;
	right: 0px;
	opacity: 0.2;
}
.main-nav .sub-menu {
	background: rgba( 255, 255, 255, 0.1 );
	margin: 0;
}
.children, .sub-menu {
	margin-top: 10px;
}
.main-nav .menu-item.current-menu-item > a, .main-nav .menu-item a:hover, .main-nav .sub-menu .menu-item.current-menu-item a, .menu-item.current_page_parent > a {
	text-decoration: underline;
}
.main-nav .sub-menu .menu-item a:hover {
	color: #fff!important;
}

p.tag-line {
	width: 100;
	text-align: right;
	clear: both;
	float: none;
	display: block;
	margin: 0;
	padding: 0;
	padding-top: 2rem;
	font-size: 14px;
	line-height: 1.2em;
}
/* -------------------------------------------------------------------------------- */
/* Image slides/banners */
/* -------------------------------------------------------------------------------- */
.slidecontent, .bannercontent {
	color: #fff;
	padding: 2em;
}
.slider-outer {
	background:  url('_/images/loader.gif') no-repeat center center;
	max-height: 480px;
	overflow: hidden;
	transition: background 2s ease;
}
#sliderwrap {
	visibility: hidden;
	opacity: 0;
	overflow: hidden;
}
.slider-outer, .slide, .banner {
	position: relative;
}
.slide .image, .banner .image {
	text-align: center;
}
.slide {
	float: left;
}
.slide img {
	display: block;
	margin: 0px auto;
}
.slidecontent .text h1, .slidecontent .text h2, .bannercontent .text h1, .bannercontent .text h2 {
	color: #fff;
	font-weight: 600;
	font-size: 1rem;
	font-style: italic;
}
.slidecontent .text h3, .slidecontent .text h4, .slidecontent .text h5, .slidecontent .text h6, .slidecontent .text p, .bannercontent .text h3, .bannercontent .text h4, .bannercontent .text h5, .bannercontent .text h6, .bannercontent .text p {
	font-size: 0.8rem;
	line-height: 1rem;
	color: #fff;
	font-weight: 400;
	font-style: italic;
}
.bannercontent {
	padding-top: 0!important;
	padding-bottom: 0!important;
}
.banner-wrapper {
	background: #eee;
}
.pag-wrapper {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	max-width: 280px;
	text-align: center;
	line-height: 14px;
}
.pag {
	display: inline-block!important;
	padding: 0;
	line-height: 14px;
	background: #000;
	margin: 0;
	padding: 10px 5px;
}
.pag a {
	display: block;
	float: left;
	width: 14px;
	height: 14px;
	margin: 0 5px;
	overflow: hidden;
	text-indent: -9999px;
	border: 2px solid #fff;
	opacity: 0.3;
}
.pag a.selected {
	background: #fff;
}
/* -------------------------------------------------------------------------------- */
/* Main Area */
/* -------------------------------------------------------------------------------- */
.widget_title {
	font-size: 1.375em;
	padding-bottom: 10px;
	margin-bottom: 1em;
}
.acc-panel.content, .tabs-content .content {
	padding: 20px;
	border: 1px solid #ccc;
}
.main-text-area .tabs li, .main-text-area .accordion li {
	margin-left: 0;
}
.tabs-title, .accordion-title {
	border-right: 1px solid #eee;
	text-transform: capitalize;
}
.tabs-title a, .accordion-title {
	font-size: 1em!important;
}
.acc-panel.content {
	border-top: none;
}
.accordion .accordion-item, .tabs-title {
	margin-bottom: 0px!important;
}
.main-content .column .section {
	padding: 2em;
	margin: 2em 0;
}
ul.sitemap {
	margin: 2em;
}
.button-list h3, .button-link h3 {
	padding: 1em 1em 0.5em 1em;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: 0;
}
.button-list a, .cmb-featured-link {
	position: relative;
	display: block;
}
.button-list a:hover, .cmb-featured-link:hover {
	top: 5px;
}
.cybermill-button-link, .button-link {
	margin-bottom: 2rem;
}
.cybermill-button-link .button-link {
	margin-bottom: 0;
}
.cybermill-testimonials {
	clear: both;
}
.cybermill-highlightposts ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sidebar .cybermill-highlightposts li {
	list-style: none;
	margin-left: 0;
}
.cybermill-highlightposts .post-title {
	margin-top: 1em;
}
.button-list img, .button-link img, .cybermill-highlightposts li img, .latest-news article img, .thumbnail img {
	opacity: 0.7;
	background: #000;
}
.button-list a:hover img, .cmb-featured-link img:hover, .cybermill-highlightposts li img:hover, .latest-news article img:hover, .thumbnail:hover img, .person-image img {
	opacity: 1;
}
div.child-list {
	padding: 2em 0;
}
/* -------------------------------------------------------------------------------- */
/* Wordpress Gallery */
/* -------------------------------------------------------------------------------- */
.image-list {
	margin: 2rem 0;
}
.image-list li {
	list-style: none;
	float: left;
	margin-bottom: 2em;
	margin-left: 0!important;
}
.image-list li a {
	display: block;
	margin-right: 1em;
}
.image-list li img {
	opacity: 0.8;
	transition: all 0.5s ease;
}
.image-list li img:hover {
	opacity: 1;
}
.fix-height {
	display: none;
}
/* -------------------------------------------------------------------------------- */
/* Portfolio Section */
/* -------------------------------------------------------------------------------- */
.grid {
	overflow: hidden;
	width: 103%;
}
.filter {
	margin-bottom: 2em;
}
.filter button {
	display: block;
	float: left;
	margin-right: 5px;
	text-transform: capitalize;
	padding: 5px 10px;
	margin-bottom: 0;
}
.tile, .tile-sizer {
	width: 98%;
}
.gutter-sizer {
	width: 20px;
}
.tile {
	margin: 0 0 20px 0;
	overflow: hidden;
	float: left;
	border: 1px solid #ccc;
	position: relative;
}
.tile img {
	max-width: 100%;
	box-shadow: none!important;
}
.tile a {
	text-decoration: none;
}
.popup-text {
	color: #fff;
	margin: 0;
	padding: 2em;
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: -100%;
	left: 0;
	transition: bottom 1s ease;
}
.popup-text h3 {
	color: #fff;
}
.tile:hover .popup-text {
	bottom: 0;
}
.plain-masonry {
	margin-top: 2rem;
}
.plain-masonry .tile img {
	opacity: 1;
	transition: opacity 1s ease;
}
.plain-masonry .tile img:hover {
	opacity: 0.5;
}
.descriptions .cat-info {
	display: none;
	opacity: 0;
	transition: all 1s ease;
	padding: 1rem 0 2rem 0;
}
.descriptions .cat-info.show {
	opacity: 1;
	display: block;
}
/* -------------------------------------------------------------------------------- */
/* Sidebar */
/* -------------------------------------------------------------------------------- */
.widget {
	margin-bottom: 2em;
}
.widget_title {
	padding-bottom: 10px;
	margin-bottom: 2em;
}
/* -------------------------------------------------------------------------------- */
/* Content - Extra */
/* -------------------------------------------------------------------------------- */
.latest-news .title, li a.rsswidget {
	font-weight: 600;
	margin-bottom: 10px;
}
span.date, .rss-date {
	display: block;
	font-style: italic;
	color: #888;
	font-size: 1em;
	margin-bottom: 10px;
}
.item p {
	line-height: 1.6em;
}
.read-more {
	display: block;
	clear: both;
	font-weight: 600;
	text-transform: capitalize;
	padding: 0;
	float: right;
	font-style: italic;
}
.testimonial-list {
	margin: 0;
	padding: 0;
	color: #878786;
	font-size: 1.125rem;
	line-height: 2.25rem;
}
.testimonial-list li {
	list-style: none;
	margin: 0 0 2em 0!important;
	padding: 0;
}
.testimonial-list li:last-child {
	margin: 0;
}
.testimonial-list li blockquote {
	padding: 0;
}
.testimonial-list li blockquote::before {
	left: -65px;
	top: 20px;
}
.testimonial-list .name, .testimonial-list .company {
	display: block;
	text-align: right;
	color: #878786;
}
.testimonial-list .name {
	font-weight: 600;
}
.testimonial-list .company {
	font-size: 0.9333rem;
}
.google-map {
	width: 100%;
	height: 300px;
}
/* -------------------------------------------------------------------------------- */
/* Meet The Team */
/* -------------------------------------------------------------------------------- */
.meet-the-team, .contact-info {
	margin: 0;
	padding: 0;
	list-style: none;
}
.main-text-area ul.meet-the-team li {
	margin: 0;
}
.team-member, article {
	margin: 0;
	padding: 40px 0;
}
.contact-info .linked-in, .contact-info .twitter {
	display: block;
	float: left;
	margin: 5px 15px 0 0;
	width: 21px;
	height: 21px;
	background: url('_/images/icons.png') no-repeat 0px -80px;
	text-indent: -999px;
	overflow: hidden;
}
.contact-info .linked-in a, .contact-info .twitter a {
	display: block;
}
.contact-info .twitter {
	background-position: -23px -56px;
	width: 26px;
	margin-left: 10px!important;
}
.person-details h2, .person-details li {
	margin: 0;
	line-height: 1.6em;
}
.person-details li {
	margin: 0 0 5px 0;
}
.job-title {
	font-style: italic;
	font-size: 0.7em;
}
.post-text, .about-text {
	margin-top: 20px;
}
/* -------------------------------------------------------------------------------- */
/* Latest News*/
/* -------------------------------------------------------------------------------- */
.latest-news .large-thumb {
	margin-bottom: 20px;
}
.latest-news article {
	border: none!important;
}
.large-thumb a, .thumb a, .thumbnail a {
	display: block;
	max-width: 260px;
}
/* -------------------------------------------------------------------------------- */
/* Our Clients */
/* -------------------------------------------------------------------------------- */
.section-title {
	padding: 0 2em 2em 2em;
	text-align: center;
	text-transform: capitalize;
	font-size: 1.5rem;
	font-weight: 400;
	margin-bottom: 0;
	font-style: italic;
}
.clients {
	margin: 0 auto;
	padding-right: 1rem;
	padding-left: 1rem;
}
.clients li {
	display: block;
	list-style: none;
	margin-bottom: 2rem;
}
.clients .column {
	padding-right: 1rem;
	padding-left: 1rem;
}
.client-logo {
	background: #fff;
	height: 156px;
	position: relative;
}
.client-logo img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	padding: 1em;
}
/* -------------------------------------------------------------------------------- */
/* Footer */
/* -------------------------------------------------------------------------------- */
.footer, .footer a, .footer a:link, .footer a:visited, .footer a:focus, .footer a:active, .copyright-wrapper, .copyright-wrapper a:link, .copyright-wrapper a:visited, .copyright-wrapper a:focus, .copyright-wrapper a:active {
	color: #fff;
}
.footer-wrapper a:hover, .footer-wrapper .widget .menu .current-menu-item > a, .footer-wrapper .widget .current_page_item > a, .footer-wrapper .cybermill-highlightposts .current a {
	text-decoration: none!important;
	border-bottom: 3px solid #fff;
}
.footer h3 {
	font-size: 1.5rem;
	color: #fff;
}
.footer .column {
	margin-bottom: 2em;
}
.copyright-wrapper .inner {
	padding: 1em 0;
	opacity: 0.2;
	font-size: 0.8rem;
}
/* -------------------------------------------------------------------------------- */
/* Contact Details */
/* -------------------------------------------------------------------------------- */
.contact-details ul, .contact-details-insert {
	margin: 0;
}
.contact-details li, .contact-details-insert li {
	list-style: none;
	margin-bottom: 0px;
	margin-left: 0!important;
}
address {
	font-style: normal!important;
}
.contact-details li, .contact-details address {
	text-transform: uppercase;
	font-size: 1em;
	line-height: 1.8em;
	margin-bottom: 10px;
}
.contact-details-insert li {
	margin-bottom: 10px;
}
.contact-details address, .contact-details-insert address {
	padding-left: 40px;
}
@font-face {
	font-family: 'miu';
	src: url('_/font/miu.eot?91151630');
	src: url('_/font/miu.eot?91151630#iefix') format('embedded-opentype'),
    url('_/font/miu.woff?91151630') format('woff'),
    url('_/font/miu.ttf?91151630') format('truetype'),
    url('_/font/miu.svg?91151630#miu') format('svg');
	font-weight: normal;
	font-style: normal;
}
.icon {
	display: inline-block;
	background: url('_/images/icons.png') no-repeat -93px -26px;
	margin-right: 10px;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: "miu";
	font-style: normal;
	font-weight: normal;
	font-size: 26px;
	speak: none;
	display: inline-block;
	vertical-align: middle;
	text-decoration: inherit;
	width: 1em;
	margin-right: 15px;
	text-align: center;
	-webkit-font-smoothing: antialiased;
}
.footer [class^="icon-"]:before, .footer [class*=" icon-"]:before {
	color: #fff!important;
}
.person-details .contact-info [class^="icon-"]:before {
	font-size: 18px;
	margin-right: 14px;
}
.icon-phone:before {
	content: '\e803';
}
.icon-house:before {
	content: '\e800';
}
.icon-email:before {
	content: '\e801';
}
.icon-fax:before {
	content: '\e804';
}
.icon-mobile:before {
	content: '\e805';
}
.icon-house {
	float: left;
}
.social-icons {
	margin: 2em 0;
}
.social-text {
 margin: 0em 0.5em;
}
.social-icons li {
	list-style: none;
	display: block;
	width: 21px;
	height: 21px;
	background: url('_/images/icons.png') no-repeat 0 0;
	text-indent: -999px;
	overflow: hidden;
	transition: all ease 0.2s;
	float: left;
	margin: 0 10px 10px 0;
}
.social-icons li:last-child {
	margin-right: 0;
}
.social-icons li a {
	display: block;
}
.social-icons li:hover {
	opacity: 0.5;
}
.social-icons li.twitter {
	background-position: -21px 0;
	width: 24px;
}
.social-icons li.pinterest {
	background-position: -45px 0;
}
.social-icons li.google-plus {
	background-position: -113px 0;
}
.social-icons li.linkedin {
	background-position: 0 -21px;
}
.social-icons li.instagram {
	background-position: -66px 0;
}
.social-icons li.vimeo {
	background-position: -87px 0;
	width: 26px;
}
.social-icons li.youtube {
	background-position: -26px -21px;
	width: 31px;
}
.main-content .social-icons li {
	width: 23px;
	height: 23px;
	margin: 0 10px 10px 0;
}
.main-content .social-icons li.facebook {
	background-position: 0 -56px;
}
.main-content .social-icons li.pinterest {
	background-position: -50px -56px;
}
.main-content .social-icons li.google-plus {
	background-position: -23px -80px;
}
.main-content .social-icons li.twitter {
	background-position: -23px -56px;
	width: 24px;
}
.main-content .social-icons li.linkedin {
	background-position: 0 -80px;
}
.main-content .social-icons li.instagram {
	background-position: -97px -56px
}
.main-content .social-icons li.vimeo {
	background-position: -73px -56px;
}
.main-content .social-icons li.youtube {
	background-position: -46px -80px;
	width: 23px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
.social-icons li {
	background-image: url('_/images/iconsx2.png');
	background-size: 134px 68px;
}
}
/* -------------------------------------------------------------------------------- */
/* Hours of Business */
/*-------------------------------------------------------------------------------*/
.business-hours, .business-hours li, .sidebar .business-hours li {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0.95rem;
}
.business-hours li, .sidebar .business-hours li {
	margin-bottom: 0.6rem;
	padding-bottom: 0.6rem;
	border-bottom: 1px solid #eee;
}
.business-hours .day {
	display: inline-block;
	font-weight: bold;
	width: 110px;
}
.business-hours .hours {
	display: inline-block;
}
/* -------------------------------------------------------------------------------- */
/* Blog & Comments */
/*-------------------------------------------------------------------------------*/
.postmetadata {
	font-size: 0.8rem;
	line-height: 1.5rem;
	padding: 1em;
	color: #666;
}
.comments {
	display: block;
}
.single article {
	border: none!important;
}
h2#comments,
#respond h2 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
}
.commentlist li {
	border-bottom: 1px dotted #ccc;
	padding: 1em 0;
}
.commentlist li:last-child {
	border: none;
}
/* -------------------------------------------------------------------------------- */
/* Contact Form 7 */
/*-------------------------------------------------------------------------------*/
.wpcf7-not-valid-tip {
	color: #960000!important;
}
.wpcf7-form-control-wrap {
	display: block;
	margin-bottom: 1rem;
}
.wpcf7-validation-errors, .wpcf7-mail-sent-ok {
	border: none!important;
	background: #960000;
	color: #fff;
	margin: 20px 0!important;
}
.wpcf7-mail-sent-ok {
	background: #88AD69!important;
}
/* -------------------------------------------------------------------------------- */
/* No Script */
/* -------------------------------------------------------------------------------- */
#NoScript, .chromeframe {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 9999999;
	background: #111;
	background: rgba( 0, 0, 0, 0.8);
	text-align: center;
}
.chromeframe {
	background: #111;
}
.chromeframe a,
#NoScript a {
	color: #FFFF00!important;
	text-decoration: underline;
	font-weight: bold;
}
#NoScript p, .chromeframe p {
	color: #fff;
	padding: 20px 150px;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
}
/* -------------------------------------------------------------------------------- */
/* colorbox core style:
/* the following css is consistent between example themes and should not be altered.
/* -------------------------------------------------------------------------------- */
#colorbox,
#cboxOverlay,
#cboxWrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden;
	-webkit-transform: translate3d(0,0,0);
}
#cboxWrapper {
	max-width: none;
}
#cboxOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
	clear: left;
}
#cboxContent {
	position: relative;
}
#cboxLoadedContent {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
#cboxTitle {
	margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#cboxPrevious,
ÿbo??t,
#cboxClose,
#cboxSlideshow {
	cursor: pointer;
}
.cboxPhoto {
	float: left;
	margin: auto;
	display: block;
	max-width: none;
	-ms-interpolation-mode: bicubic;
	box-sizing: border-box;
}
.cboxIframe {
	width: 100%;
	height: 100%;
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}
/* User Style:Change the following styles to modify the appearance of Colorbox.  They areordered & tabbed in a way that represents the nesting of the generated HTML.*/
#cboxOverlay {
	background: #000;
	opacity: 0.1;
	filter: alpha(opacity = 10);
}
#colorbox {
	outline: 0;
}
#cboxContent {
	background: transparent;
	overflow: hidden;
}
.cboxIframe {
	background: #fff;
}
#cboxError {
	padding: 50px;
	border: 1px solid #ccc;
}
#cboxLoadedContent {
	margin-bottom: 28px;
}
#cboxTitle,
#cboxCurrent {
	position: absolute;
	bottom: -10px;
	left: 0;
	text-align: center;
	width: 100%;
	color: #aaa;
	padding: 5px;
	text-transform: uppercase;
	font-size: 0.8rem;
}
#cboxLoadingOverlay {
	background: #fff;
}
#cboxLoadingGraphic {
	background: url(_/images/loader.gif) no-repeat center center;
}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
	border: 0;
	padding: 0;
	margin: 0;
	overflow: visible;
	width: auto;
	background: none;
}
/* avoid outlines on:active (mouseclick), but preserve outlines on:focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
	outline: 0;
}
#cboxSlideshow {
	position: absolute;
	bottom: 4px;
	right: 30px;
	color: #0092ef;
}
#cboxPrevious,
#cboxNext {
	position: absolute;
	top: 43%;
	background: url(_/images/controls.png) no-repeat 0 0;
	width: 30px;
	height: 50px;
	text-indent: -9999px;
	opacity: 1;
}
#cboxPrevious {
	left: 20px;
}
#cboxPrevious:hover {
	background-position: 0 -50px;
}
#cboxNext {
	right: 20px;
	background-position: -30px 0;
}
#cboxNext:hover {
	background-position: -30px -50px;
}
#cboxPrevious:hover,
#cboxNext:hover {
	opacity: 1;
}
#cboxClose {
	position: absolute;
	bottom: -4px;
	right: 0;
	text-transform: uppercase;
	font-size: 0.8rem;
	color: #fff;
}
/* -------------------------------------------------------------------------------- */
/* Media Queries  */
/* -------------------------------------------------------------------------------- */
/* Define mobile styles */
@media only screen {
}
@media only screen and (min-width: 30em) {
.tile, .tile-sizer {
	width: 48%;
}
}
/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 42em) {
.nav-wrapper {
	padding: 0 10px;
}
}
@media only screen and (min-width: 23em) {
.cybermill-button-link {
	display: inline-block;
	float: left;
	vertical-align: top;
	width: 48.5%;
	margin-right: 3%;
}
.cybermill-button-link:nth-child(2n+2) {
	margin-right: 0;
}
}
/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) {
.slide-toggle {
	display: block;
	padding-top: 0;
	padding-bottom: 0;
}
.top-contact li {
	float: right;
}
.top-contact li.phone {
	margin-left: 30px;
}
.slidecontent, .bannercontent {
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0.6;
}
.slidecontent.inner, .bannercontent .inner {
	padding: 1rem 2rem;
}
.slidecontent .text h1, .slidecontent .text h2, .bannercontent .text h1, .bannercontent .text h2 {
	font-size: 1.4rem;
}
.slidecontent .text h3, .slidecontent .text h4, .slidecontent .text h5, .slidecontent .text h6, .slidecontent .text p, .bannercontent .text h3, .bannercontent .text h4, .bannercontent .text h5, .bannercontent .text h6, .bannercontent .text p {
	font-size: 1rem;
	line-height: 1.4rem;
}
.credit {
	text-align: right;
}
.post-text {
	margin-top: 0;
	padding-left: 40px;
	width: 75%;
}
.thumbnail, .post-text {
	float: left;
}
.thumbnail {
	width: 25%;
}
.about-text {
	margin-top: 40px;
}
.tile, .tile-sizer {
	width: 31.3%;
}
.tile.large-box, .tile.long {
	width: 64.3%;
}
.tile.full-width {
	width: 98%;
}
.large-3 .cybermill-button-link {
	width: 100%;
	padding: 0;
	float: none;
}
.footer .column {
	margin-bottom: 0;
}
.bannercontent {
	padding: 0!important;
}
}
@media only screen and (min-width: 10em) and (max-width: 34em) {
.latest-news article {
	width: 100%;
}
}
@media only screen and (min-width: 30em) and (max-width: 39em) {
/*.button-link {
	width: 50%!important;
}
*/
}
@media only screen and (min-width: 40em) and (max-width: 54em) {
.button-link {
	width: 100%!important;
	padding: 0;
}
}
@media only screen and (min-width: 10em) and (max-width: 64.063em) {
.main-text-area {
	margin-bottom: 2rem;
}
}
@media only screen and (min-width: 34em) and (max-width: 64.063em) {
.latest-news article {
	display: inline-block;
	vertical-align: top;
	float: none;
	width: 49%;
}
}
/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 63.95em) {
.cybermill-button-link {
	width: 30%;
	margin-right: 4.5%;
}
.cybermill-button-link:nth-child(2n+2) {
	margin-right: 4.5%;
}
.cybermill-button-link:nth-child(3n+3) {
	margin-right: 0;
}
}
/* min-width 1025px, large screens */
@media only screen and (min-width: 64em) {

.top-contact {
    margin-top: 60px;
}

.header-info {
    padding: 0 !important;
}

.logo {
    width: 400px;
}

.main-nav {
	position: static;
	right: auto;
	left: auto;
	width: 100%;
}
.main-nav .menu-item {
	width: auto;
	display: inline-block;
	border: none;
	position: relative;
	padding: 0 23px 0 8px;
}
.main-nav .menu-item a {
	padding: 10px 0px;
	font-size: 0.9rem;
	line-height: 1rem;
}
.main-nav .menu-item:after {
	content: "\2022";
	display: block;
	font-size: 2rem;
	opacity: 0.3;
	position: absolute;
	right: 0;
	top: -9px;
}
.main-nav .menu-item:last-child:after {
	content: none;
	padding: 0;
}
.main-nav .menu-item:first-child {
	padding-left: 0;
}
.main-nav .menu-item.current-menu-item > a, .main-nav .menu-item a:hover, .menu-item.current_page_parent > a {
	text-decoration: none!important;
	border-bottom: 3px solid #fff;
}
.main-nav .sub-menu {
	display: none;
}
.main-nav .menu-item-has-children:hover .sub-menu {
	display: block;
}
.main-nav .sub-menu {
	display: none;
	position: absolute;
	top: 29px;
	left: 0%;
	z-index: 99999;
	background: transparent;
}
.main-nav .sub-menu:before {
	content: "";
	display: block;
	margin-left: 20px;
	width: 20px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #fff;
}
.main-nav .sub-menu .menu-item {
	float: none;
	display: block;
	padding: 0;
}
.main-nav .sub-menu .menu-item:after {
	content: '';
}
.main-nav .sub-menu .menu-item a {
	font-size: 1em;
	padding: 12px!important;
	display: block;
	margin: 0;
	width: 280px;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #fff;
}
.main-nav .sub-menu .menu-item a:hover {
	border-width: 1px;
	background: rgba(255, 255, 255, 0.2);
}
.main-nav .sub-menu .menu-item.current-menu-item {
	text-decoration: underline;
}
.inner {
	padding: 3rem 0;
}
.ie7 .inner, .ie8 .inner {
	padding: 3em 0;
}
.slide {
	margin: 0 2px;
}
.text p {
	float: left;
}
.text .button {
	float: right;
	margin-left: 20px;
}
.main-text-area blockquote {
	float: right;
	max-width: 50%;
}
.right-column {
	float: right;
}
.right {
	text-align: right;
}
.google-map {
	height: 400px;
}
}
@media only screen and (min-width: 74em) {
.main-nav .menu-item {
	padding: 0 27px 0 12px;
}
.main-nav .menu-item a {
	font-size: 1rem;
}
}
/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
}
/* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) {
}
/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
}
/* min-width 1921px, xxlarge screens */
@media only screen and (min-width: 120.063em) {
}