/*
Theme Name: aodesign 2017
Description: aodesign Theme 2017
Author: Arie Olivier
Author URI: http://www.aodesign.co.za/
Template: ao-master
Version: 0.2.0
*/

@import url("../ao-master/style.css");
@import url("../ao-master/css/ao-master.css");
@import url("../ao-master/fonts/css/font-awesome.min.css");

/* Colours 

green #70af00 / rgba(112,175,0,1)
yellow fcde11
cyan 2acafa
purple a58fc0
red light f07067

*/

/* exo-300 - latin */
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/exo-v12-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/exo-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/exo-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/exo-v12-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/exo-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/exo-v12-latin-300.svg#Exo') format('svg'); /* Legacy iOS */
}

/* exo-regular - latin */
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/exo-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/exo-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/exo-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/exo-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/exo-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/exo-v12-latin-regular.svg#Exo') format('svg'); /* Legacy iOS */
}

/* exo-700 - latin */
@font-face {
  font-family: 'Exo';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/exo-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/exo-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/exo-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/exo-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/exo-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/exo-v12-latin-700.svg#Exo') format('svg'); /* Legacy iOS */
}

/* exo-300italic - latin */
@font-face {
  font-family: 'Exo';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/exo-v12-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/exo-v12-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/exo-v12-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/exo-v12-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/exo-v12-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/exo-v12-latin-300italic.svg#Exo') format('svg'); /* Legacy iOS */
}

/* exo-italic - latin */
@font-face {
  font-family: 'Exo';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/exo-v12-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/exo-v12-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/exo-v12-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/exo-v12-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/exo-v12-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/exo-v12-latin-italic.svg#Exo') format('svg'); /* Legacy iOS */
}

/* exo-700italic - latin */
@font-face {
  font-family: 'Exo';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/exo-v12-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/exo-v12-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/exo-v12-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/exo-v12-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/exo-v12-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/exo-v12-latin-700italic.svg#Exo') format('svg'); /* Legacy iOS */
}

/* quattrocento-regular - latin */
@font-face {
  font-family: 'Quattrocento';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/quattrocento-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/quattrocento-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/quattrocento-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/quattrocento-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/quattrocento-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/quattrocento-v12-latin-regular.svg#Quattrocento') format('svg'); /* Legacy iOS */
}

/* quattrocento-700 - latin */
@font-face {
  font-family: 'Quattrocento';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/quattrocento-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/quattrocento-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/quattrocento-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/quattrocento-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/quattrocento-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/quattrocento-v12-latin-700.svg#Quattrocento') format('svg'); /* Legacy iOS */
}


/* Structure */

html {
  /* If you don't want people to copy content
    -webkit-user-select: none; -khtml-user-select: none; 
    -moz-user-select: none; -o-user-select: none; user-select: none; */
}
body {
	background: #fff;
	font-family: 'Exo', sans-serif !important;
}
.main-section {
	padding-top: 4.8125rem;
}
.inner-wrap {
	background: #FFF;
}
.row100 {
	max-width: 100%;
}
.banner {
	margin-bottom: 1rem;
}
.strip {
	padding-top: 3.4rem;
	padding-bottom: 3.0rem;
}
.content {
	background-color: white;
}
.segment, .segment50 {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding-bottom: 2rem;
}
.segment {
	height: 100vh;
}
.segment50 {
	height: 50vh;
}
.spacer {
	height: 3rem;
}
.gap-top {
	padding-top: 2rem;
}
.gap-btm {
	padding-bottom: 2rem;
}
.gap-both {
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.footer {
	padding: 1.6rem 1.4rem;
	background: rgba(242,246,248,1);
	background: -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,246,248,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(242,246,248,1) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#ffffff', GradientType=0 );
}
.footer p {
	font-size: 0.750rem;
}
.footer, .footer a {
	color: #888;
}
.footer a:hover, .footer a:focus {
	color: #70af00;
}
.social, .social i, .social a i {
	color: rgba(0, 0, 0, 0.3);
}
.social i {
	text-shadow: none;
	padding: 0.1rem 0.8rem
}
.img100 {
	width: 100%;
	height: auto;
}
.valign-center {
  position: relative;
  top: 50%;
  transform: perspective(1px) translateY(-50%);
}
.valign-bottom {
  position: relative;
  top: 90%;
  transform: perspective(1px) translateY(-90%);
}
[data-magellan-expedition], [data-magellan-expedition-clone] {
    background: none;
    padding: 0px;
}
[class*="block-grid-"] > li {
	padding: 0;
}
.serv-text {
	max-width: 600px;
	padding-top: 3rem;
	padding-bottom: 2.8rem;
	margin-left: auto;
	margin-right: auto;
}
.img-center {
	margin-left: auto;
	margin-right: auto;
}

/* ReCaptcha */

.grecaptcha-badge { display: none; }

/* Scroll up */

#scrollup {
    background: url('img/scroll-up.svg') no-repeat 50% 50% #70af00;
    width: 10px;
    height: 30px;
    position: fixed;
    bottom: 40px;
    right: 0px;
    display: none;
    text-indent: -9999px;
    padding: 24px;
	opacity: 0;
}

/* backgrounds */

.bg-white {
	background: #fff;
}
.bg-white-tint {
	background-color: rgba(255, 255, 255, 0.6);
}
.bg-grey {
	background: rgba(196,212,219,0.32);
}
.bg-grey1 {
	background-color: #efefef;
}
.bg-grey2 {
	background-color: #e0e0e0;
}
.bg-fw {
	background-image: url(img/fw-statues.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 100%;
}
.bg-green {
	background: #70af00;
}
.bg-green-tint {
	background: rgba(112,175,0,0.7);
}
.bg-yellow {
	background: rgba(252,222,17,1);
	background: -moz-linear-gradient(left, rgba(252,222,17,1) 0%, rgba(254,182,69,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(252,222,17,1)), color-stop(100%, rgba(254,182,69,1)));
	background: -webkit-linear-gradient(left, rgba(252,222,17,1) 0%, rgba(254,182,69,1) 100%);
	background: -o-linear-gradient(left, rgba(252,222,17,1) 0%, rgba(254,182,69,1) 100%);
	background: -ms-linear-gradient(left, rgba(252,222,17,1) 0%, rgba(254,182,69,1) 100%);
	background: linear-gradient(to right, rgba(252,222,17,1) 0%, rgba(254,182,69,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcde11', endColorstr='#feb645', GradientType=1 );
}
.bg-blue {
	background: rgba(42,202,250,1);
	background: -moz-linear-gradient(left, rgba(42,202,250,1) 0%, rgba(6,149,201,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(42,202,250,1)), color-stop(100%, rgba(6,149,201,1)));
	background: -webkit-linear-gradient(left, rgba(42,202,250,1) 0%, rgba(6,149,201,1) 100%);
	background: -o-linear-gradient(left, rgba(42,202,250,1) 0%, rgba(6,149,201,1) 100%);
	background: -ms-linear-gradient(left, rgba(42,202,250,1) 0%, rgba(6,149,201,1) 100%);
	background: linear-gradient(to right, rgba(42,202,250,1) 0%, rgba(6,149,201,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2acafa', endColorstr='#0695c9', GradientType=1 );
}
.bg-home {
	height: 90vh;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.bg-black {
	background: #000;
}
.bg-web {
	background-image: url(img/banner-web.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding-top: 12%;
}
.bg-blue-grey {
	background: rgba(242,246,248,1);
	background: -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,246,248,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(242,246,248,1) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#ffffff', GradientType=0 );
}
.bg-blue-grey-solid {
	background: #c4dae0;
}

/* Home */

.intro {
	margin-top: 10%;
}
.intro h1, .intro p, .see-more p {
	color: #fff;
	text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}
.see-more {
	position: absolute;
	bottom: 17%;
	width: 100%;
	font-size: 1rem;
}
.blink_me {
  animation: blinker 3s linear infinite;
  font-size: 3rem;
}

@keyframes blinker {  
  50% { opacity: 0.3; }
}

/* css per post id */

#post-190 .logos img {
	max-width: 220px;
}

/* Logos */

.logos img {
	max-width: 260px;
}
.logos .orbit-container .orbit-slides-container img {
	max-width: 500px;
	margin: 0 auto;
}
.logos .orbit-container .orbit-slide-number {
	color: #999;
}
.logos .orbit-container .orbit-timer > span {
    border: solid 4px #ccc;
    border-bottom: none;
    border-top: none;
}
.logos .orbit-container .orbit-timer.paused > span {
      top: 0;
      width: 11px;
      height: 14px;
      border: inset 8px;
      border-left-style: solid;
      border-color: transparent;
      border-left-color: #ccc;
      right: -4px;
}
.logos .orbit-container .orbit-timer .orbit-progress {
    background-color: rgba(0, 0, 0, 0.1);
	height: 5px;
}
.logos .orbit-container .orbit-next > span {
	border-left-color: #ccc;
}
.logos .orbit-container .orbit-prev > span {
	border-right-color: #ccc;
}
.logos .orbit-container .orbit-slides-container > * .orbit-caption {
	background: none;
	color: #999;
}
.clearing-feature .logo-thumb img {
	opacity: 0;
}
.clearing-feature .logo-thumb {
	background: url(img/contact-sheet-logos-1.png) no-repeat;
	background-size: cover;
}
.clearing-blackout .clearing-feature .logo-thumb img {
	opacity: 1;
}
.clearing-blackout .clearing-feature .logo-thumb {
	background: none;
}

/* Text */

p, ul, ol {
	color: rgba(0, 0, 0, 0.8);
}
.txt-pad {
	padding: 1rem;
}
.text-large {
	font-size: 1.2rem;
}
.text-white, .text-white p, .text-white ul, .text-white ol, .text-white a, .text-white a:focus {
	color: white;
}
.text-white a:hover {
	color: #70af00;
}
.segment p, .segment50 p {
	font-size: 1.2rem;
}

/* Default Link Styles */

a {
  color: rgba(0, 0, 0, 0.8);
  text-decoration: none; }
  a:hover, a:focus {
    color: #70af00;
	opacity: 1 }
a:hover img, a:focus img {
	opacity: 1;
}
.text a {
	color: rgba(0, 0, 0, 0.8);
	text-decoration: none;
	border-bottom: 1px dotted rgba(0, 0, 0, 0.8);
}
.text a:hover {
	border-bottom: 1px solid #70af00;
}
.bg-green .text a {
	color: rgba(0, 0, 0, 0.8);
	text-decoration: none;
	border-bottom: 1px dotted rgba(0, 0, 0, 0.8);
}
.bg-green .text a:hover {
	border-bottom: 1px solid #fff;
}

/* Headings */

h1, h2, h3, h4, h5, h6 {
	color: rgba(0, 0, 0, 0.8);
	font-family: 'Quattrocento', serif !important;
	font-weight: 400;
	margin-top: 0;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
	font-family: 'Exo', Helvetica, Arial, sans-serif;
	color: rgba(0, 0, 0, 0.8);
	text-transform: uppercase;
	font-weight: 700;
}
.segment h1, .segment50 h1 {
	font-family: 'Exo', Helvetica, Arial, sans-serif;
	font-size: 1.8rem;
	margin-bottom: 1rem;
}
.name h1 {
	color: #fff;
}
.entry-title {
	border-bottom: none;
	padding-bottom: 0;
	font-weight: 400;
}
.page-title {
	text-shadow: none;
	color:  rgba(0, 0, 0, 0.6);
	font-size: 1.8rem;
	font-weight: 400;
	padding-top: 2.3rem
}
.super-title {
	font-size: 2.2rem;
	margin-bottom: 2rem;
}
.subheader {
	color: rgba(0, 0, 0, 0.5);
	margin-bottom: 1.8rem;
}

/* Portfolio */

.p-blocks h2, .p-blocks p {
	color: white;
	font-weight: 300;
}
.p-blocks h2 {
	opacity: 1;
	margin-top: 8%;
	line-height: 1;
}
.large-3 .p-blocks h2 {
	margin-top: 15%;
}
.p-blocks {
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  width: 100%;
}
.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transition: all .6s;
  overflow: hidden;
  height: 0;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  font-size: 50px;
}
.p-blocks:hover .overlay,
.overlay:hover {
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  cursor: default;
}
.p-blocks > img {
  display: block;
}

/* Previous - Next */

.prev-next {
	background: #333;
	padding: 0.5rem 1rem;
}
.prev-next a {
	color: #70af00;
}
.prev-next a:hover, .prev-next a:focus {
	color: #FFF;
}

/* Horizontal list */

.h-list {
	list-style: none;
	text-align: center;
	font-size: 0.8rem;
}
.h-list li {
	display: inline;
	padding: 0 1rem;
}

/* Forms */

.nf-form-fields-required {
	display: none;
}


/* Small only */
@media screen and (max-width: 39.9375em) {
    /* add css for small screens only here */
}
/* Medium and up */
@media screen and (min-width: 40em) {
    /* add css for medium to large screens here */
	.entry-title {
		font-size: 2.4rem;
	}
	.footer {
		padding-right: 3rem;
	}
	#scrollup {
		opacity: 1;
	}
}
/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    /* add css for medium screens only here */
	
	.super-title {
		font-size: 2.4rem;
	}
	.segment h1, .segment50 h1 {
		font-size: 2rem;
		margin-bottom: 1.3rem;
	}
	.segment p, .segment50 p {
		font-size: 1.2rem;
	}
	.p-blocks h2 {
		margin-top: 12%;
	}
}
/* Large and up */
@media screen and (min-width: 64em) {
    /* add css for large to xtra large screens only here */

	.intro h1 {
		font-size: 2.1rem;
	}
	.intro p, .text-large {
		font-size: 1.3rem;
	}
	.gap-top {
		padding-top: 4rem;
	}
	.gap-btm {
		padding-bottom: 4rem;
	}
	.gap-both {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	.segment {
		background-attachment: fixed;
	}
	.segment h1, .segment50 h1 {
		font-size: 2.4rem;
		margin-bottom: 1.8rem;
	}
	.segment p, .segment50 p {
		font-size: 1.4rem;
		margin-bottom: 1.4rem;
	}
	.title-area {
		padding-right: 4rem;
	}
	.entry-title {
	}
	.page-title {
		font-size: 2.8rem;
		padding-top: 2.3rem
	}
	.super-title {
		font-size: 3.4rem;
	}
	.p-blocks h2 {
		margin-top: 22%;
	}
	.logos img {
		max-width: 300px;
	}
	#scrollup {
		bottom: 0px;
	}
	.bg-fw {
		background-position: center center;
		background-size: cover;
		background-attachment: fixed;
	}
	.top-bar-section .dropdown {
		-webkit-box-shadow: 3px 3px 5px -3px #999, 3px 3px 5px -3px #999, -3px 3px 5px -3px #999;
		-moz-box-shadow:    3px 3px 5px -3px #999, 3px 3px 5px -3px #999, -3px 3px 5px -3px #999;
		box-shadow:         3px 3px 5px -3px #999, 3px 3px 5px -3px #999, -3px 3px 5px -3px #999 }
}
/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
    /* add css for large screens only here */
}

/* Buttons */

button, .button, input[type="submit"], input[type="button"] {
  border-radius: 0;
  border-style: solid;
  border-bottom: none !important;
  border-width: 0;
  font-size: 1rem;
  background-color: rgba(0, 0, 0, 0.6);
  border-color: #963816;
  color: #FFFFFF !important;
  text-transform: uppercase; }
  button.secondary, .button.secondary {
    background-color: #cda254;
    border-color: #b38634;
    color: #FFFFFF; }
  button.success, .button.success {
    background-color: #70af00;
    border-color: #4a831c;
    color: #FFFFFF; }
  button.alert, .button.alert {
    background-color: #c60f13;
    border-color: #9e0c0f;
    color: #FFFFFF; }
  button.warning, .button.warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #FFFFFF; }
  button.info, .button.info {
    background-color: #a0d3e8;
    border-color: #61b6d9;
    color: #333333; }
  button.radius, .button.radius {
    border-radius: 3px; }
  button.disabled, button[disabled], .button.disabled, .button[disabled] {
    background-color: rgba(0, 0, 0, 0.3);
    border-color: #963816;
    color: #FFFFFF;
    box-shadow: none;
    opacity: 0.7; }
    button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
      background-color: #cda254;
      border-color: #b38634;
      color: #FFFFFF;
      box-shadow: none;
      opacity: 0.7; }
    button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
      background-color: #5da423;
      border-color: #4a831c;
      color: #FFFFFF;
      box-shadow: none;
      cursor: default;
      opacity: 0.7; }
    button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
      background-color: #c60f13;
      border-color: #9e0c0f;
      color: #FFFFFF;
      box-shadow: none;
      opacity: 0.7; }
    button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning {
      background-color: #f08a24;
      border-color: #cf6e0e;
      color: #FFFFFF;
      opacity: 0.7; }
    button.disabled.info, button[disabled].info, .button.disabled.info, .button[disabled].info {
      background-color: #a0d3e8;
      border-color: #61b6d9;
      color: #333333; }

/* Top Bar */

.top-bar-section .has-dropdown > a::after { display: none; }
.top-bar {
  background: #FFFFFF;
  /*height: 2.8125rem;
  line-height: 2.8125rem;*/
	height: 4.8125rem;
	line-height: 4.8125rem;
	box-shadow: 0 0 5px 1px #999; }
  .top-bar input,
  .top-bar select {
    font-size: 0.75rem; }
  .top-bar .button, .top-bar button {
    font-size: 0.75rem; }
  .top-bar .name {
    font-size: 16px;
    height: 4.8125rem; }
    .top-bar .name h1, .top-bar .name h2, .top-bar .name h3, .top-bar .name h4, .top-bar .name p, .top-bar .name span {
      font-size: 1.0625rem;
      line-height: 4.8125rem; }
      .top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a {
        color: #FFFFFF;
        font-weight: normal;
		padding: 0; }
    .top-bar .toggle-topbar a {
      color: #FFFFFF;
      font-size: 0.8125rem;
      font-weight: bold; }
      .top-bar .toggle-topbar.menu-icon a {
        color: #222; }
        .top-bar .toggle-topbar.menu-icon a span {
          box-shadow: 0 0 0 1px #222, 0 7px 0 1px #222, 0 14px 0 1px #222; }
    .top-bar.expanded .title-area {
      background: #FFFFFF; }
    .top-bar.expanded .toggle-topbar a {
      color: #888888; }
      .top-bar.expanded .toggle-topbar a span {
        box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888; }


  .top-bar-section ul {
    font-size: 16px; }
  .top-bar-section .divider,
  .top-bar-section [role="separator"] {
    border-top: solid 1px #1a1a1a;
    height: 1px; }
  .top-bar-section ul li {
    background: #FFFFFF; }
    .top-bar-section ul li > a i {
		opacity: .6 }
    .top-bar-section ul li > a {
      color: #222;
      display: block;
      font-size: 0.8125rem;
      font-weight: normal;
	  text-transform: uppercase; }
      .top-bar-section ul li > a.button {
        font-size: 0.8125rem;
        background-color: #70af00;
        border-color: #963816;
        color: #FFFFFF; }
        .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
          background-color: #963816; }
        .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
          color: #FFFFFF; }
      .top-bar-section ul li > a.button.secondary {
        background-color: #cda254;
        border-color: #b38634;
        color: #FFFFFF; }
        .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
          background-color: #b38634; }
        .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
          color: #FFFFFF; }
      .top-bar-section ul li > a.button.success {
        background-color: #5da423;
        border-color: #4a831c;
        color: #FFFFFF; }
        .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
          background-color: #4a831c; }
        .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
          color: #FFFFFF; }
      .top-bar-section ul li > a.button.alert {
        background-color: #c60f13;
        border-color: #9e0c0f;
        color: #FFFFFF; }
        .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
          background-color: #9e0c0f; }
        .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
          color: #FFFFFF; }
      .top-bar-section ul li > a.button.warning {
        background-color: #f08a24;
        border-color: #cf6e0e;
        color: #FFFFFF; }
        .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus {
          background-color: #cf6e0e; }
        .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus {
          color: #FFFFFF; }
      .top-bar-section ul li > a.button.info {
        background-color: #a0d3e8;
        border-color: #61b6d9;
        color: #333333; }
        .top-bar-section ul li > a.button.info:hover, .top-bar-section ul li > a.button.info:focus {
          background-color: #61b6d9; }
        .top-bar-section ul li > a.button.info:hover, .top-bar-section ul li > a.button.info:focus {
          color: #FFFFFF; }
    .top-bar-section ul li > button {
      font-size: 0.8125rem;
      background-color: #70af00;
      border-color: #963816;
      color: #FFFFFF; }
      .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
        background-color: #963816; }
      .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
        color: #FFFFFF; }
      .top-bar-section ul li > button.secondary {
        background-color: #cda254;
        border-color: #b38634;
        color: #FFFFFF; }
        .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
          background-color: #b38634; }
        .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
          color: #FFFFFF; }
      .top-bar-section ul li > button.success {
        background-color: #5da423;
        border-color: #4a831c;
        color: #FFFFFF; }
        .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
          background-color: #4a831c; }
        .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
          color: #FFFFFF; }
      .top-bar-section ul li > button.alert {
        background-color: #c60f13;
        border-color: #9e0c0f;
        color: #FFFFFF; }
        .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
          background-color: #9e0c0f; }
        .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
          color: #FFFFFF; }
      .top-bar-section ul li > button.warning {
        background-color: #f08a24;
        border-color: #cf6e0e;
        color: #FFFFFF; }
        .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
          background-color: #cf6e0e; }
        .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
          color: #FFFFFF; }
      .top-bar-section ul li > button.info {
        background-color: #a0d3e8;
        border-color: #61b6d9;
        color: #333333; }
        .top-bar-section ul li > button.info:hover, .top-bar-section ul li > button.info:focus {
          background-color: #61b6d9; }
        .top-bar-section ul li > button.info:hover, .top-bar-section ul li > button.info:focus {
          color: #FFFFFF; }
    .top-bar-section ul li:hover:not(.has-form) > a {
      background-color: #555555;
      color: #FFFFFF;
      background: #222222; }
    .top-bar-section ul li.active > a {
      background: #70af00;
      color: #FFFFFF; }
      .top-bar-section ul li.active > a:hover {
        background:  #70af00;
        color: #FFFFFF; }
    .top-bar-section .dropdown li {
      height: auto;
      width: 100%; }
        .top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
          color: #777;
		  display: none; }
          .top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover {
          color: #777;
            background: none; }
    .top-bar-section .dropdown label {
      color: #777777;
      font-size: 0.625rem;
      font-weight: bold;
      text-transform: uppercase; }

@media only screen and (min-width: 70em) {
  .top-bar {
    background: #FFFFFF; }
    .top-bar.expanded {
      background: #FFFFFF; }
    .top-bar-section li.hover > a:not(.button) {
      background-color: #555555;
      background: #222222;
      color: #FFFFFF; }
    .top-bar-section li:not(.has-form) a:not(.button) {
      background: #FFFFFF;
	  line-height: 4.8125rem;
	  padding: 0 1.9375rem; }
      .top-bar-section li:not(.has-form) a:not(.button):hover {
        background-color: #ccc;
        background: #222222; }
    .top-bar-section li.active:not(.has-form) a:not(.button) {
      background: rgba(0, 0, 0, 0.05);
      color: #222;
	  line-height: 4.8125rem;
	  padding: 0 1.9375rem; }
      .top-bar-section li.active:not(.has-form) a:not(.button):hover {
        background:  rgba(0, 0, 0, 0.05);
        color: #222; }
      .top-bar-section .dropdown li a {
        background: #FFFFFF;
        color: #FFFFFF; }
      .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
        background: #FFFFFF;
        color: #222222; }
      .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
        background-color: #555555;
        color: #FFFFFF;
        background: #222222; }
      .top-bar-section .dropdown li label {
        background: #FFFFFF; }
      .top-bar-section .dropdown li .dropdown {
        left: 100%;
        top: 0; }
    .top-bar-section > ul > .divider,
    .top-bar-section > ul > [role="separator"] {
      border-right: solid 1px #4e4e4e; }
    .top-bar-section .has-form {
      background: #FFFFFF; }

  .no-js .top-bar-section ul li:hover > a {
    background-color: #555555;
    background: #222222;
    color: #FFFFFF; }
  .no-js .top-bar-section ul li:active > a {
    background: #70af00;
    color: #FFFFFF; } }

/* Clearing Styles */

.clearing-blackout {
  background: #fff; }
.clearing-touch-label {
  color: #fff; }
.clearing-caption {
  background: #fff;
  color: #888; }
.clearing-close {
  color: #777;
  text-decoration: none !important; }
  .clearing-close:hover, .clearing-close:focus {
    color: #CCCCCC; }

@media only screen and (min-width: 40.0625em) {
      .clearing-main-prev > span:hover,
      .clearing-main-next > span:hover {
        opacity: .8; }
    .clearing-main-prev > span {
      border-right-color: #999; }
    .clearing-main-next > span {
      border-left-color: #999; }
  .clearing-assembled .clearing-container .carousel {
    background: rgba(255, 255, 255, 1); }
  .clearing-assembled .clearing-container .visible-img {
    background: #fff; }
	 }

/* Breadcrumbs */

.breadcrumbs {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.3);}
  .breadcrumbs > * {
    color: #777; }
    .breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
      text-decoration: none; }
    .breadcrumbs > * a {
      color: #777; }
    .breadcrumbs > *.current {
      color: #333333; }
      .breadcrumbs > *.current a {
        color: #333333; }
      .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a {
        text-decoration: none; }
    .breadcrumbs > *.unavailable {
      color: #999999; }
      .breadcrumbs > *.unavailable a {
        color: #999999; }
      .breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus,
      .breadcrumbs > *.unavailable a:focus {
        color: #999999;
        text-decoration: none; }
    .breadcrumbs > *:before {
      color: #AAAAAA;}