/* ==================================================================

	Overwriting Ecommera CSS
	- main-box.css
	- contentPages-box.css ( This is inline body css - <link href="berghaus-site.css?$staticlink$" rel="stylesheet" type="text/css"/> )

================================================================== */
img { height: auto; max-width: inherit; }
/* .pg-AT added as it conflicts with Header & Footer */
.pg-AT *, 
.pg-AT *:before, 
.pg-AT *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* ------------------------------------------------------------------
	main-box.css
------------------------------------------------------------------ */
.mainWrapper { max-width: 1024px; padding: 0; }
.mainWrapper:first-child {  }
.mainWrapper:last-child { max-width: 100%; padding: 0; }
.breadcrumbs { margin: 0 0 0 -208px; padding-left: 250px; width: 1190px; }
.breadcrumbs li { display: inline-block; line-height: 21px; padding: 0 19px 0 17px; }
.customSelect { display: inline; }
.customSelect { border: inherit; box-sizing: inherit; display: inline; height: inherit; line-height: inherit; padding: inherit; width: inherit; }
/* ------------------------------------------------------------------
	contentPages-box.css
------------------------------------------------------------------ */
.staticContent { padding: 0; }
.staticContent:last-child { border-top: 1px solid #e9ebe9; }
.staticContent .pageTitle { font-weight: normal; margin: 0 auto; padding: 20px 0 13px 42px; }
.staticContent.pageTitleWrapper { margin: 0 auto; max-width: 1024px; overflow: hidden; }
.staticContent.pageTitleWrapper .hr { display: none; }
.staticContent p,
.staticContent div { line-height: inherit; }
.staticContent div,
.staticContent p,
.staticContent { font-family: inherit; font-size: inherit; }
.staticContent div,
.staticContent p,
.staticContent .pageTitle,
.staticContent { color: inherit; }
@media (max-width: 420px) {
	.staticContent { padding: 0; }
	.staticContent .pageTitle { padding-left: 20px; }
}


/* ==================================================================
	
	Imported CSS
	- working with change requests, seperate jobs that require additional style sheets
	- Add job name & details here

   ================================================================== */
/*
Include new development into site css when finished
@import url('insert-name.css');
*/
/*
disbale current css with:
@media disabled {}
*/


/* ================================================================== */

html { font-family: Helvetica, Arial, sans-serif; font-size: 62.5%; line-height: 1; }
body { background: #e9ebe9; color: #333534; font-size: 10px; line-height: 1; margin: 0; padding: 0; }
/*
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*/
.clearfix:after { clear: both; }
.clearfix:before,
.clearfix:after { content: " "; display: table; }



/* ------------------------------------------------------------------

	CSS Reset

   ------------------------------------------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before,
blockquote:after,
q:before,
q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/* Image replacement */
.ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 150%; }

/* ------------------------------------------------------------------
	normalize.css 
	- Forms
   ------------------------------------------------------------------ */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }
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; /* 1 */ padding: 0; /* 2 */ }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
button, input[type="reset"], input[type="button"], input[type="submit"] { line-height:normal !important; }

/* ------------------------------------------------------------------

	Layout

   ------------------------------------------------------------------ */
.pg-AT.wrapper { margin: 0 auto; max-width: 1440px; padding: 0; }
.pg-AT .container { background: none repeat scroll 0 0 #e9ebe9; margin: 0 auto; width: 100%; }
.pg-AT .container .content { margin: 0px auto; max-width: 1024px; overflow: hidden; /*padding-bottom: 40px;*/ }
.pg-AT .container .content.bgImg { overflow: visible; }
.pg-AT .container .content.nav { padding-bottom: 0px;}
.pg-AT .row { margin: 0px; padding: 0px 42px; /* background-color: pink; */ }
.pg-AT .row:last-child { padding-bottom: 20px; }
.pg-AT .row.responsiveGutter { margin: 0 -10px; padding: 0px 42px; /*background-color: blue;*/}
.pg-AT .column { float: left; padding: 20px 0 0 0; }
.pg-AT .column.full { width: 100%; }
.pg-AT .column.half { width: 50%; }
.pg-AT .column.third { width: 33.3333333333%; }
.pg-AT .column.twothirds { width: 66.6666666666%; }
.pg-AT .column.fourth { width: 25%; }
.pg-AT .column.threefourths { width: 75%; }
.pg-AT .column.sixth { width: 16.6666666667%; }
.pg-AT .column.eighth { width: 12.5%; }
.pg-AT .column.threeeighths { width: 37.5%; padding: 0; }
.pg-AT .column.fiveeighths { width: 62.5%; padding: 0; }
.pg-AT .responsiveGutter { margin: 0 -10px; }
.pg-AT .gutters { display: inline-block; margin: 0 10px; overflow: hidden; position: relative; /*background: red;*/ }
.pg-AT .gutters.visible { overflow: visible; }

/* ------------------------------------------------------------------

	Typography

   ------------------------------------------------------------------ */
/*
=====================================================================
Removed due to eCommera: 
because Firefox doesn’t allow cross-origin requests without proper HTTP headers

@font-face {
			font-family: 'SteelfishRg-Regular';
			src: url('fonts/SteelFish/webfonts/2949F4_1_0.eot');
			src: url('fonts/SteelFish/webfonts/2949F4_1_0.eot?#iefix') format('embedded-opentype'),
				 url('fonts/SteelFish/webfonts/2949F4_1_0.woff') format('woff'),
				 url('fonts/SteelFish/webfonts/2949F4_1_0.ttf') format('truetype');
			font-weight: normal;
			font-style: normal;
}
=====================================================================
*/
.bold { font-weight: bold; }
p a,
span a { color: #002c5f; text-decoration: underline; }
p a:hover,
span a:hover { color: #19134c; }

/* ------------------------------------------------------------------
	
	Call To Actions

   ------------------------------------------------------------------ */
/* Primary CTA blue */
.pg-AT .cta-primary-blue {			display: inline-block; padding: 20px 0 17px; }
.pg-AT .cta-primary-blue a {		background-color: #002c5f; color: #fff; display: inline-block; font-family: steelfishrg-regular; font-size: 26px; font-size: 2.6rem; font-weight: normal; 
									height: auto; letter-spacing: 0.5px; line-height: 10px; line-height: 1; padding: 20px 20px 17px; position: relative; text-decoration: none; text-transform: uppercase; }
.pg-AT .cta-primary-blue a:hover { 	background-color: #19134c; }
/* Primary CTA green */
.pg-AT .cta-primary-green {			display: inline-block; padding: 20px 0 17px; }
.pg-AT .cta-primary-green a { 		background-color: #22a301; color: #fff; display: inline-block; font-family: steelfishrg-regular; font-size: 26px; font-size: 2.6rem; font-weight: normal; 
									height: auto; letter-spacing: 0.5px; line-height: 10px; line-height: 1; padding: 20px 20px 17px; position: relative; text-decoration: none; text-transform: uppercase; }
.pg-AT .cta-primary-green a:hover { background-color: #43b80b; }
/* Small CTA green */
.pg-AT .cta-small-green {			background-color: #22A301; color: #fff; font-size: 16px; font-size: 1.6rem; padding: 15px 20px; }
.pg-AT .cta-small-green:hover {		background-color: #43b80b; }
@media (max-width: 420px) {
	.pg-AT .cta-primary-blue a {	font-size: 20px; font-size: 2.0rem; padding: 15px 20px 12px 20px; }
	.pg-AT .cta-primary-green a {	font-size: 20px; font-size: 2.0rem; padding: 15px 20px 12px 20px; }
	.pg-AT .cta-small-green {		font-size: 13px; font-size: 1.3rem; }
}

/* ------------------------------------------------------------------

	Form Elements

   ------------------------------------------------------------------ */
.pg-AT .navBg { background: none repeat scroll 0 0 #E9EBE9; bottom: 0; margin: 0 0 0 42px; padding: 20px; position: absolute; z-index: 1; }
.pg-AT .navBg .dd-menu { background: url("../img/form-dd-arrow.png") no-repeat right #fff; border: none; height: auto; overflow: hidden; width: 100%; }

.pg-AT .navBg .dd-menu select {	background: none repeat scroll 0 0 transparent; border: 0; border-radius: 0; font-weight: normal;
								height: auto; letter-spacing: 0.5px; line-height: 10px; line-height: 1rem; padding: 15px 40px 15px 20px; -webkit-appearance: none; width: 140%; }
@-moz-document url-prefix() { 
  .pg-AT .navBg .dd-menu select { font-family: steelfishrg-regular; font-size: 20px; font-size: 2rem; margin: 0 0 -3px; padding: 15px 20px 15px 20px; }
}	

.pg-AT .navBg .dd-menu select ul {  }
.pg-AT .navBg .dd-menu select ul li {  }							

.pg-AT .navBg .dd-menu select option { font-family: Helvetica, Arial, sans-serif; font-size: 1.2rem; padding: 5px 0 5px 10px; }
.pg-AT .navBg .dd-menu select option:first-child { /*font-family: steelfishrg-regular; font-weight: normal; font-size: 1.8rem; padding-top: 10px;*/ }

.pg-AT .navBg .dd-menu select option.test { border: 1px solid #FF0000; } 

@media (max-width: 600px) {
	.pg-AT .navBg { }
}

/* ------------------------------------------------------------------

	Img & Video
	
   ------------------------------------------------------------------ */
.pg-AT img { display: block; height: auto; position: relative; width: 100%; }
.pg-AT .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 0px; height: 0; }
.pg-AT .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 85%; }



/* ------------------------------------------------------------------
	
	Athletes Landing Page
   
   ------------------------------------------------------------------ */
.pg-AT .hero { position: relative; }
.pg-AT .hero img { display: block; height: auto; min-height: 100px; position: relative; width: 100%; top: -1px; }
.pg-AT .intro { background-color: white; }
.pg-AT .intro .content { padding-bottom: 0px; }
.pg-AT .intro .column { padding: 20px 0; }
.pg-AT .introText { display: inline-block; font-family: Helvetica, Arial, sans-serif; padding: 16px 0 13px 0; }
.pg-AT .intro .introText { font-size: 1.5rem; line-height: 2.2rem; max-width: 780px; }
.pg-AT .title h2 { color: #333534; font-family: 'SteelfishRg-Regular'; font-size: 3rem; font-weight: normal; letter-spacing: 1px; padding: 20px 0 0; text-transform: uppercase; }
.pg-AT .athletes { padding: 0 0 40px; }
.pg-AT .athlete-name {	background: none repeat scroll 0 0 rgba(0, 44, 95, 0.85); background: url("../img/blue-opaic.png") repeat scroll 0 0 transparent; bottom: 0; color: #fff; font-family: steelfishrg-regular; font-weight: normal; font-size: 2.2rem; padding: 20px 0 17px;
						position: absolute; text-align: center; text-transform: uppercase; width: 100%; z-index: 1; }
.pg-AT .sixth .smaller + img { left: -40%; margin: 0 auto; overflow: hidden; position: relative; width: 200%; }
@media (max-width: 768px) {
/* -- 1/3 to 1/3 tall -- */
	.pg-AT .third .smaller + img { left: -50%; width: 200%; }
/* -- 1/6 to 1/3 -- */
	.pg-AT .column.sixth { width: 33.33333333%; padding: 20px 0 0 0; }
	.pg-AT .sixth .smaller + img { left: 0%; width: 110%; }
}
@media (max-width: 600px) {
/*
	.pg-AT .column.third { width: 100%; padding: 20px 0 0 0; }
*/
}
@media (max-width: 420px) {
/* ------------------------------------------------------------------
	Mobile html takes care of this in the adaptive CMS section
	- imgs are replaced in the html
   ------------------------------------------------------------------ */
/* -- --*/
	.pg-AT body { overflow-x: hidden; }
	.pg-AT nav { background-color: #fff; border-bottom: 1px solid #e9ebe9; padding: 20px; }
	.pg-AT .gutters { margin: 0px 5px; }
	.pg-AT .navBg { border: 1px solid #ccc; margin: 0px; padding: 0; position: relative; }
	.pg-AT .navBg .dd-menu select { color: #585858; font-family: Hevetica, Arial, Sans-serif; font-size: 1.2rem; font-weight: normal; padding: 10px 0 0px 10px; text-transform: none; }
	.pg-AT .navBg .dd-menu select option { padding: 5px 0; }
	.pg-AT .navBg .dd-menu select option:first-child { font-family: Helvetica, Arial, sans-serif; font-size: 1.2rem; }
	.pg-AT .intro .content span.introText { font-size: 1.3rem; line-height: 1.8rem; padding: 0; }
	.pg-AT .title.gutters { overflow: visible; }
	.pg-AT .title h2 { font-size: 22px; font-size: 2.2rem; letter-spacing: 0.5px; }
	.pg-AT .row.responsiveGutter { margin: 0 -5px; padding: 0px 20px; /*background-color: blue;*/}
	.pg-AT .column.third { width: 100%; padding: 20px 0 0 0; }
	.pg-AT .mobile .column.third { padding: 10px 0 0 0; }
	.pg-AT .third .smaller + img { left: 0; width: 100%; }
	.pg-AT .athletes { padding: 0 0 20px; }
	.pg-AT .athletes .column h2 { padding: 0; }
	.pg-AT .column.sixth { width: 33.33333333%; padding: 20px 0 0 0; }
	.pg-AT .mobile .column.sixth { padding: 10px 0 0 0; }
	.pg-AT .sixth .smaller + img { left: 0%; width: 110%; }
}
@media (max-width: 320px) {
	.pg-AT .mobile body { max-width: 320px; }
}

/* ------------------------------------------------------------------

	Athletes Detail Page
   
   ------------------------------------------------------------------ */
.pg-AT .overview { background-color: #fff; padding: 20px 0 0; }
.pg-AT .overview .gutters { overflow: visible; }
.pg-AT .overview .title h2 { padding-top: 0; }
.pg-AT .overview .introText { font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; margin: 0 40px 0 0; }
.pg-AT .overview .introText p { padding: 0 0 15px; }
.pg-AT .overview .introText p:last-child { padding: 0 0 35px; }
.pg-AT .overview .introText p .bold { font-weight: bold; }
/* overview imgs */
.pg-AT .athletes-detail .overviewImgs .gutters { display: block; }
.pg-AT .athletes-detail .column.twothirds .column.half .column.full:first-child { padding-bottom: 6.7%; }
.pg-AT .athletes-detail .overviewImgs .top.column { padding: 0; }
.pg-AT .athletes-detail .overviewImgs .bottom.column { }
.pg-AT .athletes-detail .overviewImgs .bottom.column .column.fourth { padding-top: 0; }
.pg-AT .athletes-detail .overviewImgs .bottom.column .column.threefourths { padding-top: 0; }
.pg-AT .column.twothirds .column.half { padding: 0; }
.pg-AT .column.twothirds .column.half .column.full { padding: 0; }
.pg-AT .column.twothirds .column.half .column.full:first-child { padding-bottom: 20px; }
.pg-AT .column.twothirds .column.half .column.full:last-child { }
/* achievements */
.pg-AT .achievements { border-top: 1px solid #ccc; }
.pg-AT .achievements .content { padding-bottom: 40px; }
.pg-AT .achievements ul { padding-left: 0px; }
.pg-AT .achievements ul li { font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; list-style: disc outside none; padding: 0 10px 2rem 0; }
.pg-AT .achievements ul li:last-child { padding-bottom: 0; }
/* share / blog */
.pg-AT .shareblog { background-color: #fff; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; display: block; padding: 40px 0 0 0; }
.pg-AT.pg-athletes-landing .shareblog { padding: 0; }
.pg-AT .shareblog .container { background: url("../img/berghaus-texture.png") repeat scroll 0 0 #fff; padding: 20px 0 0; }
.pg-AT .shareblog .content { padding-bottom: 40px; }
/* share - social */
.pg-AT .shareblog .title h2 { padding: 0 0 12px; }
.pg-AT .shareblog .third p { font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; padding: 0 0 8px 0; }
.pg-AT .shareblog .third .gutters .column.full { background-color: #fff; padding: 20px; }
.pg-AT .shareblog .socialMedia { margin: 0 -5px; padding: 0; }
.pg-AT .shareblog .socialMedia ul { }
.pg-AT .shareblog .socialMedia li { padding: 10px 5px 0; }
.pg-AT .shareblog .socialMedia li a { text-decoration: none; text-indent: -9999px; }
.pg-AT .shareblog .socialMedia img { background: #fff; color: #fff; }
/* Blog */
.pg-AT .shareblog .twothirds .gutters { background-color: #fff; display: block; }
.pg-AT .shareblog .twothirds .right { float: left; position: relative; }
.pg-AT .shareblog .twothirds .right a { bottom: 0; font-weight: lighter; position: absolute; right: 0; text-decoration: none; z-index: 1; }
.pg-AT .shareblog .twothirds .left { background: #fff; overflow: hidden; padding: 20px; }
.pg-AT .shareblog .twothirds .left span { font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; }
/* CTA */
.pg-AT .shareblog .cta-primary-blue { float: right; margin: 0 42px; padding: 40px 0 20px; }
@media (max-width: 900px) {
/* share / blog */
	.pg-AT .shareblog .column.twothirds .right { width: 50%; }
	.pg-AT .shareblog .column.sixth { width: 25%; }
}
@media (max-width: 768px) {
/* imgs & video */
	.pg-AT .overview .column.third { padding-top: 0; width: 100%; }
	.pg-AT .overview .column.twothirds { padding-top: 0; width: 100%; }
/* share / blog */
	.pg-AT .shareblog .column.sixth { width: 33.3333333333%; }
}
@media (max-width: 600px) {
/* share / blog */
	.pg-AT .shareblog .column.third { width: 50%; }
	.pg-AT .shareblog .column.twothirds { width: 50%; }
	.pg-AT .shareblog .column.twothirds .right { width: 100%; }
	.pg-AT .shareblog .column.sixth { width: 25%; }
}
@media (max-width: 500px) {
/* share / blog */
	.pg-AT .shareblog .column.sixth { width: 33.3333333333%; }
}
@media (max-width: 420px) {

/* ------------------------------------------------------------------
	
	Mobile html takes care of this in the adaptive CMS section
	- imgs are replaced in the html
   
   ------------------------------------------------------------------ */
	.pg-AT .athletes-detail.overview .introText { font-size: 13px; font-size: 1.3rem; line-height: 18px; line-height: 1.8rem; }
	.pg-AT .athletes-detail .overviewImgs .bottom.column { padding-top: 10px; }
	.pg-AT .achievements .content { padding-bottom: 20px; }
	.pg-AT .achievements .column.full { padding-top: 0px; }
	.pg-AT .achievements .column.half { padding-top: 15px; width: 100%; }
	.pg-AT .achievements .title h2 { }
	.pg-AT .achievements ul { padding-left: 12px; }
	.pg-AT .achievements ul li { font-size: 13px; font-size: 1.3rem; line-height: 18px; line-height: 1.8rem; list-style: disc outside none; padding: 0 10px 1.8rem 0; }
	.pg-AT .shareblog { padding: 0; }
	.pg-AT .shareblog .container { background: none; border-bottom: 1px solid #E9EBE9; padding: 0; }
	.pg-AT .shareblog .content { padding-bottom: 20px; }
	.pg-AT .shareblog .content.last { padding-bottom: 40px; }
	.pg-AT .shareblog .column.third { border-bottom: 1px solid #e9ebe9; margin-top: 0; width: 100%; }
	.pg-AT .shareblog .third { margin: 0; }
	.pg-AT .shareblog .third .gutters .column.full { padding: 0 0 20px; }
	.pg-AT .shareblog .third p { font-size: 13px; font-size: 1.3rem; line-height: 19px; line-height: 1.9rem; padding: 0 0 8px; }
	.pg-AT .shareblog .twothirds .left { float: left; padding: 20px 0; }
	.pg-AT .shareblog .twothirds .left span { font-size: 13px; font-size: 1.3rem; line-height: 18px; line-height: 1.8rem; }
	.pg-AT .shareblog .column.twothirds { margin-top: 0; padding-top: 0; width: 100%; }
	.pg-AT .shareblog .column.twothirds .column.sixth { width: 100%; }
	.pg-AT .shareblog .column.sixth { width: 16.6666666666%; }
	.pg-AT .shareblog .title.responsiveGutter { border-bottom: 1px solid #E9EBE9; display: block; padding-bottom: 20px; }
	.pg-AT .shareblog .cta-primary-blue { float: right; margin: 0 20px; padding: 40px 0 20px; }
}
/* ------------------------------------------------------------------
	
	Technology Landing Page
   
   ------------------------------------------------------------------ */
.pg-AT .technology { background-color: #fff; border-top: 1px solid #e9ebe9; padding: 0 0 20px; position: relative; }
.pg-AT .technology:last-child { border-bottom: 1px solid #e9ebe9; padding-bottom: 80px; }
.pg-AT .technology .title h2 { font-size: 4rem; }
.pg-AT .technology .content.technologyTop { overflow: visible; }
.pg-AT .technology .technologyTop img { margin: -7px 0 0; position: absolute; }
.pg-AT .technology .technologyTop { position: relative; z-index: 1; }
.pg-AT .technology .technologyTop .column.full { }
.pg-AT .technology .technologyTop .title span { padding: 12px 0 20px 0; }
.pg-AT .technology .technologyTop span { display: inline-block; font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; max-width: 780px; }
.pg-AT .technology .technologyTop .eighth { padding: 0; }
.pg-AT .technology .technologyTop .eighth img { position: relative; }
.pg-AT .technology .technologyTop .gutters { display: block; }
.pg-AT .technology .left { float: left; width: 53.6%; }
.pg-AT .technology .right { float: right; position: relative; width: 46.4%; }
.pg-AT .technology .logos { background: url("../img/berghaus-texture.png") repeat scroll 0 0 rgba(0, 0, 0, 0); bottom: 0; opacity: 0.8; position: relative; z-index: 1; }
.pg-AT .technology .logos .column.full { padding: 0 0 20px; }
.pg-AT .technology .logos .column.full span { font-size: 14px; font-size: 1.4rem; line-height: 20px; line-height: 2.0rem; }
.pg-AT .technology .bgImg .column.full { padding: 0; position: relative; }
.pg-AT .technology .bgImg img { bottom: 0; position: absolute; right: 0; width: auto; }
@media (max-width: 900px) {
	.pg-AT .technology .left { width: 50%; }
	.pg-AT .technology .column.eighth { }
}
@media (max-width: 768px) {
	.pg-AT .technology .left { width: 100%; }
	.pg-AT .technology .column.eighth { width: 25%; }
	.pg-AT .technology .logos .span { }
	/*.pg-AT .technology .technologyTop { background-color: #fff; opacity: 0.8; }*/
	.pg-AT .technology .technologyTop { background: rgba(255, 255, 255, 0.8); }
	.pg-AT .technology .technologyTop img { margin: 0; }
	.pg-AT .technology .right { position: relative; top: 20%; width: 50%; }
}
@media (max-width: 420px) {
	.pg-AT .technology .title h2 { font-size: 22px; font-size: 2.2rem; padding: 0; }
	.pg-AT .technology .technologyTop { background-color: transparent; opacity: 1; }
	.pg-AT .technology .technologyTop span { font-size: 13px; font-size: 1.3rem; line-height: 18px; line-height: 1.8rem; }
	.pg-AT .technology .column.eighth { width: 33.3333333333%; }
	.pg-AT .technology .logos .column.full { padding: 0 0 10px; }
	.pg-AT .technology .logos .column.full span { font-size: 13px; font-size: 1.3rem; line-height: 18px; line-height: 1.8rem; }
	.pg-AT .technology .bgImg img { position: relative; width: 100%; }
}

/* ------------------------------------------------------------------

	Technology Detail Page

   ------------------------------------------------------------------ */
.pg-AT .technology-landing .overviewImgs .column { padding: 50px 0 0; }
.pg-AT .keyFeatures { /*border-bottom: 1px solid #ccc;*/ border-top: 1px solid #ccc; }
.pg-AT .keyFeatures .title h2 { font-size: 27px; font-size: 2.7rem; padding-bottom: 0; }
.pg-AT .keyFeatures h2 { color: #333534; font-family: 'SteelfishRg-Regular'; font-size: 24px; font-size: 2.4rem; font-weight: normal; letter-spacing: 1px; padding: 20px 0; text-transform: uppercase; }
.pg-AT .keyFeatures p { font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; padding: 0 0 15px; }
.pg-AT .keyFeatures p:last-child { padding-bottom: 20px; }
.pg-AT .keyFeatures .column.half { padding-bottom: 20px; }
.pg-AT .productAndQuote { background-color: #fff; border-top: 1px solid #ccc; padding: 40px 0; }
.pg-AT .productAndQuote .column.twothirds { padding: 0; }
.pg-AT .productAndQuote .column.third { padding: 0; }
.pg-AT .productAndQuote .column.fiveeighths { padding: 0 0 0 20px; }
.pg-AT .productAndQuote .quote { }
.pg-AT .productAndQuote .title h2 { padding-top: 0; }
.pg-AT .productAndQuote p { font-size: 14px; font-size: 1.4rem; line-height: 22px; line-height: 2.2rem; margin-right: 40px; padding: 20px 0 25px; }
.pg-AT .productAndQuote .quoteMain { color: #333534; display: inline-block; font-family: 'SteelfishRg-Regular'; font-size: 23px; font-size: 2.3rem; font-weight: normal; letter-spacing: 1px; line-height: 25px; line-height: 2.5rem; margin-right: 40px; padding: 20px 0 15px; text-transform: uppercase; }
.pg-AT .productAndQuote .quoteCredit { display: inline-block; font-size: 13px; font-size: 1.3rem; line-height: 19px; line-height: 1.9rem; padding: 0 0 15px 0; }
.pg-AT .productAndQuote .quoteMark img { height: 33px; text-decoration: none; text-indent: -9999px; width: 33px; }
.pg-AT .pg-athletes-landing .shareblog { padding: 0; }
.pg-AT .ctaBottomRight { background-color: #fff; }
.pg-AT .ctaBottomRight .column.full { padding: 0; }
.pg-AT .ctaBottomRight .gutters { display: block; }
.pg-AT .ctaBottomRight .cta-primary-blue { float: right; padding: 40px 0; }
@media (max-width: 768px) {
	.pg-AT .technology-landing .column.half { width: 100%; }
	.pg-AT .technology-landing .column.half.overviewImgs { padding: 0 0 40px; width: 100%; }
	.pg-AT .technology-landing .overviewImgs .column { padding: 0 10px; }
	.pg-AT .overview .introText p:last-child { padding: 0 0 20px; }
	.pg-AT .keyFeatures .column.half { width: 100%; }
	.pg-AT .keyFeatures .column.half.overviewImgs { padding: 0 10px 40px; width: 100%; }
	.pg-AT .keyFeatures .column.half.overviewImgs .column.full { width: 50%; }
	.pg-AT .productAndQuote .quoteMain { margin-right: 0; }
	.pg-AT .productAndQuote p { margin-right: 0; padding-bottom: 0; }
	.pg-AT .productAndQuote .column.twothirds { width: 100%; }
	.pg-AT .productAndQuote .column.third { float: right; padding: 20px 0 0 20px; width: 80%; }
	.pg-AT .productAndQuote .column.threeeighths { width: 20%; }
	.pg-AT .productAndQuote .column.fiveeighths { width: 80%; }
}
@media (max-width: 600px) {
	.pg-AT .keyFeatures .column.half.overviewImgs .column.full { width: 100%; }
	.pg-AT .productAndQuote .quoteMain { margin-right: 0; }
	.pg-AT .productAndQuote .column.third { width: 100%; }
	.pg-AT .productAndQuote .column.threeeighths { width: 40%; }
	.pg-AT .productAndQuote .column.fiveeighths { width: 60%; }
}
@media (max-width: 420px) {

/* ------------------------------------------------------------------
	Mobile html takes care of this in the adaptive CMS section
	- imgs are replaced in the html
   ------------------------------------------------------------------ */
/* -- --*/
	.pg-AT .overview .introText { margin-right: 0; }
	.pg-AT .overview .introText p:last-child { padding-bottom: 0; }
	.pg-AT .technology-landing .column.half.overviewImgs { padding-bottom: 20px; }
	.pg-AT .technology-landing .column.half { padding-top: 0px; }
	.pg-AT .technology-landing .overviewImgs .column { padding: 0 5px; }
	.pg-AT .ctaBottomRight .cta-primary-blue { padding: 20px 0 40px; }
	.pg-AT .keyFeatures .title h2 { font-size: 21px; font-size: 2.1rem; padding-top: 0px; }
	.pg-AT .keyFeatures h2 { font-size: 20px; font-size: 2.0rem; letter-spacing: 0.5px; padding-bottom: 12px; padding-top: 0; }
	.pg-AT .keyFeatures p { font-size: 13px; font-size: 1.3rem; line-height: 18px; line-height: 1.8rem; padding: 0 0 20px 0; }
	.pg-AT .keyFeatures p:last-child { padding-bottom: 0; }
	.pg-AT .keyFeatures .column.half.overviewImgs { padding-bottom: 0; }
	.pg-AT .keyFeatures .column.half.overviewImgs .column.full { padding-top: 0; }
	.pg-AT .productAndQuote { padding: 20px 0; }
	.pg-AT .productAndQuote:first-child { }
	.pg-AT .productAndQuote .column.third { padding-left: 0; }
	.pg-AT .productAndQuote p { font-size: 13px; font-size: 1.3rem; line-height: 19px; line-height: 1.9rem; padding: 12px 0 0; }
	.pg-AT .productAndQuote .quoteMain { font-size: 21px; font-size: 2.1rem; line-height: 23px; line-height: 2.3rem; }
}










/* ------------------------------------------------------------------
	100% width issues overwrite css
------------------------------------------------------------------ */

@media disabled {
.breadcrumbs { border: none; margin: 0 auto; padding-left: 42px; width: auto; }
.mainWrapper:first-child { border-bottom: 1px solid #E9EBE9; max-width: 100%; }
.contentArea { background: none repeat scroll 0 0 #FFFFFF; margin: 0 auto 0; max-width: 100%; }
.hr { display: none; }
.pg-AT.wrapper { margin: 0 auto; max-width: 100%; padding: 0; }
.pg-AT .hero { background: url("../img/berghaus-texture.png") repeat scroll 0 0 #FFFFFF; padding: 0; }
.pg-AT .hero img { margin: 0 auto; max-width: 1440px; position: relative; }
}