/*   Theme Name: AltoTheme URI: http://example.co.ukDescription: A Cybermill Breeze ThemeAuthor: The CybermillAuthor URI: http://cybermillbreeze.co.ukVersion: 1*/
/* -------------------------------------------------------------------------------- */
/* 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 {
    background: url("_/images/flare.png") 20% 0% no-repeat, url("_/images/bodybg.jpg");
    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 {
    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 {
	content: " ";
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
	*zoom: 1;
}
/* For IE 6/7 only */
.admin-bar {
	position: static;
}
/* -------------------------------------------------------------------------------- */
/* typography ---
/* -------------------------------------------------------------------------------- */
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 2em;
	font-weight: 300;
}
h1, h2, h3, h4 {
	clear: both;
	padding: 0;
    text-transform: uppercase;
    color: #5F1C59; 
	margin: 0 0 20px 0;
	line-height: 1.2em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}
h1 {
	font-size: 1.6em;
}
h2 {
	font-size: 1.375em;
	opacity;
	0.8;
}
h3 {
	font-size: 1.125em;
	font-weight: 600;
}
h4 {
	font-size: 1em;
	text-transform: uppercase;
}
h5, h6 {
	font-size: 0.85em;
	text-transform: uppercase;
}
.title, .widget_title {
	font-size: 1.5eml;
	text-transform: capitalize;
	font-weight: 300;
}
p {
	margin: 0 0 10px 0;
	line-height: 2em;
}
/* Link defaults */
a:hover, a:active {
	text-decoration: underline;
}
/* Lists */
ul {
    margin: 1.1em;
}
ol {
}
ul li, ol li {
	margin-bottom: 1em;
}
ul ul {
}
.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;
}
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;
}
blockquote:before, q:before, .quote:before {
	content: "\201C";
	font-size: 100px;
	line-height: 0px;
	display: block;
	position: absolute;
	top: 60px;
	left: -35px;
}
blockquote p {
	line-height: 2em;
}
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;
	padding: 2% 0 2% 4%;
	text-align: right;
}
.alignleft {
	float: left;
	padding: 2% 4% 2% 0;
	text-align: left;
}
.aligncenter {
	padding: 2% 0;
	text-align: center;
	margin: 0 auto;
}
p.wp-caption-text {
	background: #eee;
	color: #666;
	font-style: italic;
	padding: 4% 5%;
	width: 100%;
	font-size: 14px;
	line-height: 18px;
}
.wp-caption img {
	display: block;
}
.pagelink {
	height: 10px;
}
/* -------------------------------------------------------------------------------- */
/* 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: 1em;
	-webkit-appearance: none;
	box-sizing: border-box;
}
input[type=checkbox] {
	-webkit-appearance: checkbox;
}
input[type=radio] {
	-webkit-appearance: radio;
}
select {
	padding: 0 0.5rem!important;
}
label {
	text-transform: uppercase;
	margin-bottom: 5px;
}
.req {
	padding-left: 5px;
}
.button {
	padding: 12px;
	text-transform: uppercase;
}
.button:after {
	content: "\00BB";
	padding-left: 5px;
}
.widget .menu .current-menu-item > a, .widget .current_page_item > a, .button-link.current h3 {
	text-decoration: underline;
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------- */
/* Layout */
/* ---------------------------------------------------------------------------------------------------------------------------------------------- */
.wrapper {
	background: #fff;
	margin: 0px auto;
	max-width: 76rem;
}
.align {
	margin: 0px auto;
}
.wrapper, .button-list a, .cmb-featured-link {
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}
.inner {
	padding: 20px 0;
}
.column, .columns {
	padding: 0 2em;
}
.column-for-large {
    padding: 0 2em;
    float: right;
}
.no-pad-right {
	padding-right: 0;
}
.no-pad-left {
	padding-left: 0;
}
.nopadding {
	padding-left: 0!important;
	padding-right: 0!important;
}
.no-padding-top {
	padding-top: 0;
}
.ie8 .wrapper {
	max-width: 1200px;
}
.ie7 .wrapper {
	width: 1300px;
}
.header, .slidecontent, .bannercontent {
	color: #fff;
    margin-top:8em;
    background-image: 
}
.banner-info {
    position: absolute;
    margin: 2em 0 0 2em;
}
.banner-info p {
    /*color: #bf52b2;*/
}
.banner-info h3 {
    display: inline-block;
    text-transform: lowercase;
    padding: 0.4em 1em;
    margin: 0.5em 2em 0 0;
    color: #fff;
}
.banner-info h3.register {
    background: url(_/images/buttonbg_alt.png) left center repeat-x;
}
.banner-info h3.register:hover {
    background: url(_/images/buttonbg_alt_hover.png) left center repeat-x;
}
.text-widget h3 .membership a, .widget-link {
    color: #fff!important;
}
.banner-info h3.membership, .wc-backward {
    background: url(_/images/buttonbg.png) left center repeat-x!important;
}
.banner-info h3.membership:hover,  .wc-backward:hover {
    background: url(_/images/buttonbg_hover.png) left center repeat-x!important;
}
/* -------------------------------------------------------------------------------- */
/* Header */
/* -------------------------------------------------------------------------------- */
.row.collapse > .column.top-header {
	padding-left: 2em;
	padding-right: 2em;
}
a.logo, .menu-click {
	line-height: 60px;
}
.logo-right .column.top-header {
	float: right!important;
}
.medium_logo, .large-logo {
	display: block;
	margin: 1rem;
}
.logo-left .medium_logo, .logo-right .large-logo, .logo-right .medium_logo, .logo-left .large-logo {
	margin: 0;
}
.logo-right-out .medium_logo, .logo-right-out .large-logo, .logo-left-out .medium_logo, .logo-left-out .large-logo, .logo-center-out .medium_logo, .logo-center-out .large-logo {
	margin: 0rem;
}
.logo-right-out .row, .logo-left-out .row {
	position: relative;
}
.logo-right-out .column.top-header, .logo-left-out .column.top-header {
	position: static;
}
.logo-right-out .column.top-header .logo, .logo-left-out .column.top-header .logo {
	position: absolute;
	top: 0;
	z-index: 99999;
	padding: 0 0.5rem 0.5rem 0.5rem;
	border: 3px solid transparent;
	border-top: none;
}
.logo-right-out .column.top-header .logo {
	right: 1rem;
}
.logo-left-out .column.top-header .logo {
	left: 1rem;
    margin-top:-7em;
}
.logo-right-out .logo, .logo-left-out .logo {
	/*max-width: 250px;
	width: calc(100% - 200px);
    */
}
.logo-left-out .column.last:last-child {
	float: right!important;
}
.logo-right-out .menu-click, .logo-right .menu-click {
	float: left;
}
.logo-right .logo {
	float: right;
}
.logo-left .logo {
	float: left;
}
.logo-right .logo, .logo-left .logo {
	max-width: 50%;
}
.logo-right .column.top-header, .logo-left .column.top-header {
	padding-top: 10px;
	padding-bottom: 10px;
}
.logo-center .column, .logo-center-out .column, .logo-center .main-nav .menu-main-menu-container, .logo-center-out .main-nav .menu-main-menu-container {
	width: 100%!important;
	float: none!important;
}
.logo-center .column.top-header, .logo-center-out .column.top-header {
	width: 100%;
	text-align: center;
}
.logo-center .logo, .logo-center-out .logo {
	float: none;
	display: inline-block;
	width: auto;
	margin: 10px auto;
}
.logo-center-out .menu-click, .logo-center .menu-click {
	float: none;
}
.logo-center-out .logo {
	display: inline-block!important;
	margin: 0;
}
.wrapper.extra-padding .main-content {
	padding-top: 4rem!important;
}
/* -------------------------------------------------------------------------------- */
/* Menu */
/* -------------------------------------------------------------------------------- */
woo-nav {
    
}
woo-nav li {
    display: inline-block;
}
nav ul, .main-nav .sub-menu {
	margin: 0;
}
nav ul li {
	list-style: none;
	margin: 0;
}
.menu-click {
	float: right;
	transition: all 1s ease 0s;
}
.menu-text {
	margin-right: 15px;
}
.menu-click .arrow {
	font-size: 28px;
	line-height: 1em;
	display: block;
	transform: rotate(90deg);
	transition: all 1s ease 0s;
	float: right;
	margin: 15px 0 0 0;
}
.menu-click.open .arrow {
	transform: rotate(90deg) scaleX(-1);
}
.menu-click, .main-nav .menu-item a {
	color: #fff;
	text-transform: uppercase;
}
.main-nav {
	width: 100%;
	display: block;
}
.main-nav .menu-item {
	text-align: center;
	border-top: 1px solid #444;
}
.main-nav .menu-item a {
	display: block;
	padding: 10px 0;
	position: relative;
}
.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 {
	position: relative;
}
.main-nav .menu-item-has-children:after {
	content: ' ';
	width: 0;
	height: 0;
	display: block;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-top: 10px solid #fff;
	position: absolute;
	top: 20px;
	right: 20px;
	opacity: 0.2;
}
.main-nav .current-menu-item > a:after {
	content: ' ';
	width: 0;
	height: 0;
	display: block;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.children, .sub-menu {
	margin-top: 10px;
}
#menu-main-menu {
	display: none;
}
.no-js #menu-main-menu {
	display: block!important;
}
/* -------------------------------------------------------------------------------- */
/* Image slides/banners */
/* -------------------------------------------------------------------------------- */
.slider-outer {
	background: url('_/images/loader.gif') no-repeat center center;
	max-height: 440px;
	overflow: hidden;
	transition: background 2s ease;
}
#sliderwrap {
	visibility: hidden;
	opacity: 0;
}
.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 p {
	font-size: 1.3em;
	font-style: italic;
}
.slidecontent, .bannercontent {
	width: 100%;
}
.slidecontent .inner, .bannercontent .inner {
	padding: 20px 2em;
}
.slidecontent h1, .slidecontent h2, .slidecontent h3, .slidecontent h4, .slidecontent h5, .slidecontent h6, .slidecontent p, .bannercontent h1, .bannercontent h2, .bannercontent h3, .bannercontent h4, .bannercontent h5, .bannercontent h6, .bannercontent p {
	color: #fff;
}
/* -------------------------------------------------------------------------------- */
/* Main Area */
/* -------------------------------------------------------------------------------- */
.feature-image img {
	border: 1px solid #ccc;
}
.section-title h2, .widget_title {
	font-size: 1.375em;
	padding-bottom: 10px;
	margin-bottom: 1em;
	text-transform: capitalize;
}
.section-title {
	padding: 0 2em;
}
.acc-panel.content, .tabs-content .content {
	padding: 20px;
	border: 1px solid #ccc;
}
.tab-title {
	border: 1px solid #ccc;
	border-bottom: none;
	margin-right: 4px;
}
.acc-panel.content {
	border-top: none;
}
.accordion .accordion-navigation, .accordion dd {
	margin-bottom: 1px!important;
}
.accordion {
	margin-bottom: 2em;
}
.main-content .column .section {
	padding: 2em;
	background: #eee;
	margin: 2em 0;
}
ul.sitemap {
	margin: 2em;
}
.button-list h3, .button-link h3 {
	padding: 0.5em 1em;
	color: #fff;
}
.button-list a, .cmb-featured-link {
	display: block;
}
.button-list a:hover, .cmb-featured-link:hover {
	position: relative;
	top: 5px;
}
.cybermill-button-link, .button-link {
	max-width: 325px;
}
.column + .column:last-child, .columns + .column:last-child, .column + .columns:last-child, .columns + .columns:last-child {
	float: left!important;
}
/* -------------------------------------------------------------------------------- */
/* Wordpress Gallery */
/* -------------------------------------------------------------------------------- */
.clearing-assembled {
	margin: 2em 0;
}
.clearing-thumbs li img {
	border: 1px solid #0089AE;
	opacity: 0.8;
	transition: all 0.5s ease;
	-webkit-filter: grayscale(100%);
/* Chrome, Safari, Opera */
	filter: grayscale(100%);
}
.clearing-thumbs li img:hover {
	opacity: 1;
	-webkit-filter: none;
/* Chrome, Safari, Opera */
	filter: none;
}
.clearing-blackout {
	background: rgba(0, 0, 0, 0.9)!important;
}
.clearing-assembled .clearing-container .visible-img, .clearing-assembled .clearing-container .carousel {
	background: none!important;
}
.fix-height {
	display: none;
}
.ie7 .clearing-blackout, .ie8 .clearing-blackout {
	background: #333;
}
/* -------------------------------------------------------------------------------- */
/* 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%;
}
.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;
}
/* -------------------------------------------------------------------------------- */
/* Content - Extra */
/* -------------------------------------------------------------------------------- */
div.date {
	display: block;
	width: 50px;
	height: 50px;
	padding: 0px;
	color: #fff;
	float: left;
	margin-right: 30px;
}
div.date .day, div.date .month {
	display: block;
	text-align: center;
	width: 100%;
	margin: 0;
	padding: 0;
}
div.date .day {
	font-size: 24px;
}
div.date .month {
	font-size: 11px;
	line-height: 11px;
	text-transform: uppercase;
}
.item {
	float: left;
	width: calc(100% - 80px);
}
.read-more {
	display: block;
	clear: both;
}
.testimonial-list {
	margin: 0;
	padding: 0;
}
.testimonial-list li {
	list-style: none;
	margin: 0 0 2em 0;
	padding: 0;
}
.testimonial-list li blockquote {
	padding: 0;
}
.testimonial-list li blockquote::before {
	left: -65px;
	top: 30px;
}
.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;
}
/* -------------------------------------------------------------------------------- */
/* Our Clients */
/* -------------------------------------------------------------------------------- */
.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: 166px;
	position: relative;
	border: 1px solid #ddd;
}
.client-logo img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	padding: 1em;
	max-height: 80%;
	max-width: 100%;
	width: auto;
	height: auto;
}
/* -------------------------------------------------------------------------------- */
/* Meet The Team */
/* -------------------------------------------------------------------------------- */
.meet-the-team, .contact-info {
	margin: 0;
	padding: 0;
	list-style: none;
}
.team-member, article {
	margin: 0;
	padding: 40px 0;
	border-bottom: 1px solid #ccc;
}
.team-member:first-child, article:first-child, .news-items:first-child {
	border-top: 1px solid #ccc;
}
.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 -46px;
	text-indent: -999px;
	overflow: hidden;
}
.contact-info .linked-in a, .contact-info .twitter a {
	display: block;
}
.contact-info .twitter {
	background-position: -33px -46px;
	width: 26px;
}
.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;
}
/* -------------------------------------------------------------------------------- */
/* Hire sidebar */
/*-------------------------------------------------------------------------------*/
.hire-box, .voucher-box {
    box-shadow: inset 0px 4px 84px #ddd;
    background: #fff;
    border: 1px solid #ccc;
    text-align: center;
}
.voucher-box {
    padding: 1em;
    min-height: 20vh;
}
.voucher-box img {
    /*float: left;*/
    border: 1px solid #ccc;
}
.voucher-box h3.membership {
        background: url(_/images/buttonbg.png) left center repeat-x;
    color: #fff;
    padding: 0.5em;
    max-width: 60%;
    margin: 5% 20% 0 20%;
}
.voucher-box h3.membership:hover {
    background: url(_/images/buttonbg_hover.png) left center repeat-x;
   
}
.voucher-box a:hover {
    text-decoration: none;
}
.hire-box img {
    margin: 10%;
    border: 1px solid #999;
    box-shadow: 0px 0px 13px #2A0267;
    width: 80%;
}
.hire-info {
    position: relative;
}
.how2hire li {
    position: relative;
    list-style-type: none;
    background: #ddd;
    height: 4em;
    padding: 0.4em 1em;
    color: purple;
}
.hire-num {
    float: left;
    font-size: 2em;
}
.hire-text {
    position: absolute;
    bottom: 1.2em;
    left: 3em;
}
/* -------------------------------------------------------------------------------- */
/* Gift Vouchers */
/*-------------------------------------------------------------------------------*/
.voucher {
    width: 100%;
    box-shadow: inset 0px 4px 84px #ddd;
    background: #fff;
    border: 1px solid #ccc;
    text-align: left;
    margin-bottom: 2em;
   
}
.voucher img {
    width: 90%;
    margin: 5%;
    border: 1px solid #999;
    box-shadow: 0px 0px 13px #2A0267;
}


/* -------------------------------------------------------------------------------- */
/* Bags */
/*-------------------------------------------------------------------------------*/
.bags {
    display: inline-block;
    float: left;
}
.sub {
    position: absolute;
    right: 2em;
}

/* -------------------------------------------------------------------------------- */
/* Woo Commerce overrides */
/*-------------------------------------------------------------------------------*/
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    top: 0.3em!important;
    right: 15.5em!important;
    background: #6E5783!important;
}
.product_cat-featured img {
    width: 100%;
    border: 1px solid #ddd;
    box-shadow: 0px 0px 13px #2A0267;
}
.feat-bags .add_to_cart_button {
    display: none!important;
}
.feat-bags>h2, .our-brands h2 {
    padding-bottom: 0.5em;
    border-bottom: 1px solid #bf52b2;
}
.woocommerce ul.products li.product .price {
    color: orange!important;
}
.main-content .products li {
    padding: 1rem!important;
    box-shadow: inset 0px 4px 84px #ddd;
    background: #fff;
    border: 1px solid #ccc;
    }
.flex-control-thumbs {
    display: flex;
    justify-content: space-around;
}
.flex-control-thumbs li {
    padding: 0.5em;
    margin: 0.5em!important;
}
.flex-viewport {
    border: 1px solid #800080;
}
.single_add_to_cart_button, .woocommerce #payment #place_order, .woocommerce-Button, .cred-submit, .button, .woocommerce table.my_account_orders .button {
    background: url(_/images/buttonbg.png) left center repeat-x!important;
}
.single_add_to_cart_button:hover, .woocommerce #payment #place_order:hover, .woocommerce-Button:hover, .cred-submit:hover, .button, .woocommerce table.my_account_orders .button {
    background: url(_/images/buttonbg_hover.png) left center repeat-x!important;
}
.woocommerce-info {
    border-top-color: #800080!important;
}
.woocommerce table.my_account_orders .button {
    margin: 5px!important;
}
.woocommerce-info::before {
    color: #800080!important;
}
.woocommerce .date {
    background: #fff!important;
}
.woocommerce div.product .woocommerce-tabs .panel {
    padding: 2em!important;
}
.tcm-price-text {
    font-size: 0.7em;
    font-style: italic;
    color: #333;
    
}
.register p {
    color: #4d4d4d;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1.5;
    text-transform: uppercase;
    margin-bottom: 0px!important;
}
#rememberme {
    margin-left: 3em;
}
.cred-submit {
    color: #fff;
    line-height: 1;
    cursor: pointer;
    padding: .618em 1em;
    font-weight: 700;
    border-radius: 3px!important;
    left: auto;
    border: 0;
    text-transform: uppercase;
    min-width:34%;
}
.cred-submit:after {
    content: "\00BB";
    padding-left: 5px;
}
.form-control {
    padding: 0em 1em;
}
.register-form {
    border: 1px solid #d3ced2;
    padding: 20px;
    margin: 2em 0;
    text-align: left;
    border-radius: 5px;
}
.bkap-booking-form img {
    width: 1.5em!important;
}
.woocommerce td.product-name dl.variation dt {
    margin-right: 1.25em!important;
    margin-top: 3px!important;
}
dl dt {
    font-weight: normal!important;
    margin-bottom: 0!important;
}
dl.variation {
    font-size: 1em;
}
dl {
    line-height: 2!important;
}

/* -------------------------------------------------------------------------------- */
/* Our Brands */
/*-------------------------------------------------------------------------------*/
.our-brands li {
    display: inline-block;
    text-align: center;
}
.flex {
    display: flex;
    justify-content: space-between;
}
.brands {
    border-top: 1px solid purple;
    padding-top: 2em;
}
/* -------------------------------------------------------------------------------- */
/* Hours of Business */
/*-------------------------------------------------------------------------------*/
.business-hours, .business-hours li, .sidebar .business-hours li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.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: 140px;
}
/* -------------------------------------------------------------------------------- */
/* Footer */
/* -------------------------------------------------------------------------------- */
.latest-news .small-12 {
	margin-bottom: 20px;
}
.google-map {
	height: 300px;
	width: 100%;
}
.footer-bottom {
	font-size: 12px;
	text-transform: uppercase;
	line-height: 1em;
}
.footer-bottom.inner {
	padding: 2em 0;
	opacity: 0.5;
}
.footer-bottom a {
	color: #fff!important;
}
.contact-details h2 {
	color: #fff;
	margin: 0;
	line-height: 1em;
}
.tagline {
	font-style: italic;
}
.contact-details ul, .contact-details-insert {
	margin: 0;
}
.contact-details li, .contact-details-insert li {
	list-style: none;
	margin-bottom: 0px;
}
.contact-details li, .contact-details address {
	text-transform: uppercase;
	font-style: normal;
	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: 20px;
}
.icon {
	display: inline-block;
	background: url('_/images/icons.png') no-repeat -93px -26px;
	width: 10px;
	height: 10px;
	margin-right: 10px;
}
.phone .icon, .mobile .icon {
	background-position: -109px -26px;
}
.email .icon {
	background-position: -124px -26px;
	height: 8px;
}
.contact-details-insert .address .icon {
	background-position: -93px -41px;
}
.contact-details-insert .phone .icon, .contact-details-insert .mobile .icon {
	background-position: -109px -41px;
}
.contact-details-insert .email .icon {
	background-position: -124px -41px;
}
.contact-info .phone .icon, .contact-info .mobile .icon {
	background-position: -109px -41px;
}
.contact-info .email .icon {
	background-position: -124px -41px;
}
.icon.address {
	float: left;
	margin-top: 6px;
}
.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: -32px -21px;
	width: 49px;
}
/* -------------------------------------------------------------------------------- */
/* Blog & Comments */
/*-------------------------------------------------------------------------------*/
.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;
	clear: both;
}
.wpcf7-mail-sent-ok {
	background: #88AD69!important;
}
/* -------------------------------------------------------------------------------- */
/* No Script */
/* -------------------------------------------------------------------------------- */
.ie7 .background-wrapper, .ie8 .background-wrapper {
	padding-top: 100px;
}
#NoScript, .chromeframe {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999999;
	background: rgba( 0, 0, 0, 0.8);
	text-align: center;
}
.chromeframe, .ie7 #NoScript, .ie8 #NoScript {
	background: #333;
}
.chromeframe a {
	color: #fff;
	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,
#cboxNext,
#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-color: transparent!important;
	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;
	padding: 0 5px;
}
/* -------------------------------------------------------------------------------- */
/* 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: 40em) {
    .banner-info {
    position: relative;
    margin: 0;
    padding: 2em 0 1em 2em;
    background: #eee;
    }
    .sub {
        position: relative;
        right: 0;
    }
    .woo .column-for-large {
        padding: 0;
    }

}
/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) {
.slidecontent, .bannercontent {
	position: absolute;
	left: 0;
	bottom: 0;
}
.credit {
	text-align: right;
}
div.date {
	width: 70px;
	height: 70px;
	padding: 8px;
}
div.date .day {
	font-size: 34px;
}
div.date .month {
	font-size: 16px;
	line-height: 24px;
}
.item {
	float: left;
	width: calc(100% - 100px);
}
.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%;
}
}
/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
.cybermill-button-link {
	display: inline-block;
	float: left;
	max-width: 325px;
	vertical-align: top;
	width: 31.3%;
	margin-right: 1.7%;
}
}
/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
h1 {
	font-size: 2.25em;
}
.inner {
	padding: 2em 2em;
}
.main-content .inner {
	padding: 4em 2em 1em 2em;
}
.footer-bottom.inner {
	padding: 2em;
}
.row.collapse > .column.top-header {
	padding: 0;
}
.main-nav .menu-main-menu-container, .woo-nav .menu-woocommerce-menu-container {
	float: right;
    padding-right: 2em;
}
#menu-main-menu {
	display: block!important;
}
.main-nav .menu-item, .woo-nav .menu-item {
	border: none;
	float: left;
}
.main-nav .menu-item a {
	padding: 0;
	margin: 0 0 0 30px;
	line-height: 60px;
}
.woo-nav {
    margin-top: -4em;
}
.woo-nav .menu-item a {
    padding: 0;
	margin: 0 0 0 30px;
	line-height: 60px;
}
.main-nav .menu-item-has-children {
	padding-right: 25px;
}
.main-nav .menu-item:first-child a {
	margin-left: 0;
}
.main-nav .menu-item-has-children::after {
	right: 0;
	top: 24px;
}
.main-nav .menu-item-has-children:hover .sub-menu {
	display: block;
}
.main-nav .sub-menu {
	display: none;
	position: absolute;
	top: 60px;
	left: -25%;
	z-index: 99999;
}
.main-nav .sub-menu .menu-item {
	float: none;
	display: block;
}
.main-nav .sub-menu .menu-item a {
	display: block;
	margin: 0;
	width: 280px;
	border-bottom: 1px solid #444;
}
.logo-right .main-nav .menu-main-menu-container {
	float: left;
}
.logo-right-out .main-nav .menu-main-menu-container {
	float: left;
}
.logo-center .column, .logo-center .main-nav .menu-main-menu-container, .logo-center-out .column, .logo-center-out .main-nav .menu-main-menu-container {
	width: 100%!important;
	float: none!important;
}
.logo-center #menu-main-menu, .logo-center .column.top-header, .logo-center-out #menu-main-menu, .logo-center-out .column.top-header {
	width: 100%;
	text-align: center;
}
.logo-center .main-nav .menu-item, .logo-center-out .main-nav .menu-item {
	display: inline-block;
	float: none;
}
.logo-right .logo, .logo-left .logo {
	max-width: 100%;
}
.logo-right-out .logo, .logo-left-out .logo {
	max-width: 350px;
}
.logo-right .column.top-header, .logo-left .column.top-header {
	padding-top: 0px;
	padding-bottom: 0px;
}
.logo-right-out .column.large-10.last, .logo-left-out .column.large-10.last {
	width: calc(100% - 400px);
}
.contact-details {
   
}
.contact-details li, .contact-details address {
	margin-bottom: 0px;
}
.social-icons li {
	margin: 11px 10px 10px 0;
}
.slidecontent .text p, .slidecontent .text h1, .slidecontent .text h2, .slidecontent .text h3, .slidecontent .text h4, .slidecontent .text h5, .slidecontent .text h6 {
	float: left;
	padding-right: 2em;
}
.slidecontent .button {
	float: right;
	margin: 0;
}
.slidecontent .button:hover {
	text-decoration: none;
}
.pagination {
	padding: 20px 0;
}
.pagelink.next {
	float: right;
	text-align: right;
}
.pages {
	display: block;
	margin: 0px auto;
	width: 100%;
	text-align: center;
	clear: both;
}
.pages small {
	display: block;
}
}
/* 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) {
.main-nav .menu-item a {
	margin: 0 0 0 60px;
}
.logo-right-out .main-nav .menu-item a, .logo-left-out .main-nav .menu-item a {
	margin: 0 0 0 30px;
}
}
/* 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) {
}