/* 
------------------------------------------------------
:: REM font sizing with px fallback
------------------------------------------------------ 
This site uses rem for font sizing. The base font size is 14px so 
to find the rem equivalent of an px value simply divide target(px) by the base (14). 

for example to find the rem value of 16px font size...

16 / 14 = 1.142857rem

be sure to include at least 5 numbers after the decimal to avoid browser rounding.
for more info... http://snook.ca/archives/html_and_css/font-size-with-rem}


------------------------------------------------------
:: Hevletica Neue Font Family
------------------------------------------------------ 

// Light
font-family: "HelveticaNeueW01-47LtCn_692686";

//Light oblique
font-family: "HelveticaNeueW01-47LtCn_692689";

//Regular body copy
font-family: "HelveticaNeueETW01-55Rg"

//Italic
font-family: "HelveticaNeueETW01-56It"

//Medium
font-family: "HelveticaNeueETW01-65Md"

//Medium oblique
font-family: "HelveticaNeueETW01-66Md"

//Bold
font-family: "HelveticaNeueETW01-75Bd"

//Bold italic
font-family: "HelveticaNeueETW01-76Bd"
*/







/* ==========================================================================
   Normailization
   ========================================================================== */
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;
  font-size: 100%;
  box-sizing: border-box;
}


/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

h1 sup,
h2 sup {
	font-size: 12px;
	top: -1.5em;
}

h3 sup {
	font-size: 12px;
	top: -1em;
}







/* ------------------------------ Document ------------------------------------------------------ */
html {
	font-size: 87.5%;
}

body {
	color: #333;
	font-size: 1rem;
	line-height: 20px;
    background-color: #fff;
}

.clearfix:after {
  display: block;
  zoom: 1;
  content: " ";
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;

}





/* ------------------------------ Typography ------------------------------------------------------ */


h1,
.h-alpha {
	margin-bottom: 18px;
	padding-top: 6px;
	font-size: 2.35714rem;
	font-family: "HelveticaNeueW01-47LtCn_692686";
	line-height: 40px;
}

h2,
.h-beta {
	margin-top: -10px;
	margin-bottom: 16px;
	padding-top: 4px;
	font-size: 1.85714rem;
	font-family: "HelveticaNeueETW01-65Md";
	line-height: 40px; 
	letter-spacing: -.05em;
}

h3,
.h-gamma {
	margin-top: -4px;
	margin-bottom: 15px;
	color: #535353;
	font-size: 1.71428rem;
	font-family: "HelveticaNeueW01-47LtCn_692686";
	line-height: 39px;
}

h4,
.h-delta {
	margin-bottom: 16px;
	padding-top: 2px;
	font-size: 1.42857rem;;
	font-family: "HelveticaNeueETW01-75Bd";
	line-height: 30px;
	letter-spacing: -.05em;
}

h5,
h6,
.h-epsilon {
	margin-top: 0;
	margin-bottom: 22px;
	padding-top: 0;
	font-size: 1.14285rem;
	font-family: "HelveticaNeueETW01-65Md";
	line-height: 20px; 
	letter-spacing: -.05em;
}

p,ol,ul,dl,blockquote,form,fieldset,.accordion,.panels, .flow, .audiojs, .media-object-media {
	margin-bottom: 20px;
}


.subhead,
.intro,
.suphead {
	margin-top: -17px;
	margin-bottom: 16px;
	color: #999;
	.font-size(18);
	font-family: @h45;
	line-height: 25px;
}

.intro {
	margin-top: 0;
}

.suphead {
	margin-top: 0;
	margin-bottom: -5px;
}






/* ------------------------------ Links ------------------------------------------------------ */

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

a:hover,
a:active {
	text-decoration: underline;
}

a:active,
a:focus {
	outline:none !important;
}






/* ------------------------------ Bits ------------------------------------------------------ */

.underline {
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
}

.block {
	display: block;
}

.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}






/* ------------------------------ Lists ------------------------------------------------------ */

ul,ol {
	padding-left: 20px;  
}

li {
	position: relative;
	margin-bottom: 15px;
}

ul ul,
ol ol {
	margin-top: 10px;
}

ol ol {
	list-style-type: lower-alpha;
}

.list-reset {
	padding-left: 0;
	list-style: none;
}

.list-reset > li {
	padding: 0;
}

/* Simple lists: no bullets, horizontal separator */
.list-simple > li {
	margin-bottom: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}

.list-simple :last-child {
	margin-bottom: 0;
}

/* mimic natual list indentation */
.list-indent{
	margin-left: 30px;
}

/* Inline lists: places list elements side by side */

.list-inline {
	margin-bottom: 10px;
}

.list-inline > li {
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 10px;
	vertical-align: top;
}

.list-inline li:last-child {
	margin-right: 0;
}

.list-inline-condensed > li {
	margin-right: 0;/*5px;*/
}

/* Striped Lists: zebra striping */
.list-striped > li {
	margin-bottom: 0;
	padding-right: 10px;
	padding-left: 10px;
}

.list-striped > li:nth-child(2n+1) {
	background-color: #f5f5f5;
}

/* IE 8 fails on the previous selector */
.list-striped .even {
	background-color: #f5f5f5;
}





/* Desription Lists */
dt {
	margin-top: 20px;
	margin-bottom: 10px;
}

dt:first-child {
	margin-top: 0;
}

dl > :last-child {
	margin-bottom: 0;
}

dd {
	margin-bottom: 10px;
}

.dl-horizontal:before,
.dl-horizontal:after,
.dl-horizontal dt:before {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: "";
}

.dl-horizontal dt {
	float: left;
	clear: left;
	width:  160px;
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
}

.dl-horizontal dd {
	margin-left: 180px;
}


@media screen and (max-width: 500px){ /* //////////////////////////////// BREAKPOINT */

	.dl-horizontal:not(.property-info) dd,
	.dl-horizontal:not(.property-info) dt {
		float: none;
		width: 100%;
		margin-left: 0;
	}

	/*.dl-horizontal dt {
		text-align: right;
	}*/

}






/* ------------------------------ Buttons ------------------------------------------------------ */

.btn,
.btn:visited {
  display: inline-block;
  position: relative;
  overflow: visible;
  margin-top: 10px;
  margin-right: 5px;
  padding: .6em 1.15em;
  border-width: 1px;
  border-style: solid;
  border-color: #ddd;
  border-radius: 4px;
  background-color: rgba(91,103,112,.1);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
  color: #555;
  vertical-align: bottom;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(255,255,255,1);
  white-space: nowrap;
  font-family: "HelveticaNeueETW01-65Md";
  line-height: 1;
  cursor: pointer;
  text-align: center;
}

.btn:first-child {
  margin-top: 0;
}

.btn:hover,
.btn:active {
  border-color: #e5e5e5;
  background-color: rgba(91,103,112,.15);
  color: #000;
  text-decoration: none;  
}


.btn[disabled],
.btn[disabled]:hover{
  border-color: #ddd;
  background-color: #f5f5f5;
  color: #999;
  text-decoration: none;  
}

/* primary */
.btn-primary,
.btn-primary:visited,
.btn-primary:link  {
  border-color: #e56a54;
  background:  #e56a54;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0,0,0,.3);
}

.btn-primary:hover,
.btn-primary:active {
  border-color: #f26a09;
  background: #f26a09;  
  color: #fff;
}


.btn-primary[disabled]:hover{
  border-color: #e56a54;
  background:  #e56a54;
  color: #fff;
}

/* error */
.btn-error,
.btn-error:visited,
.btn-error:link  {
  border-color: #bf0a30;
  background: #bf0a30;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0,0,0,.3);
}

.btn-error:hover,
.btn-error:active {
  border-color: #d10b35;
  background: #d10b35;  
  color: #fff;
}

/* success */
.btn-success,
.btn-success:visited,
.btn-success:link  {
  border-color: #7fba00;
  background: #7fba00;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0,0,0,.3);
}

.btn-success:hover,
.btn-success:active {
  border-color: #8bcb00;
  background: #8bcb00;  
  color: #fff;
}

.cta {
	color: #952333;
	font-family: @h75;
	white-space: nowrap;
}

.cta:after {
	content: " \f138";
	display: inline-block;
	padding-left: 5px;
	font-family: FontAwesome;

}


/* button sizes */
	.btn-large {
	  padding: .75em 1.25em .75em 1.25em;
	  font-size: 1.1428rem;;
	}

	.btn-small {
	  padding: .65em 1.15em .65em 1.15em;
	  font-size: 0.85714rem;
	}

	.btn-tiny {
	  padding: .65em 1em .65em 1em;
	  font-size: .64285rem;
	}

	.btn-tiny.btn-square {
	  padding: .65em;
	  width: 22.688px;
	  text-align: center;
	}

	.btn-full, .btn-full:visited {
	  padding-right: 0;
	  padding-left: 0;
	  width: 100%;
	  text-align: center;
	}

@media screen and (max-width: 500px) { /* //////////////////////////////// BREAKPOINT */
    .btn {
        width: 100%;
        margin: .5em auto;
    }
}






/* ------------------------------ Alert Boxes ------------------------------------------------------ */


.alert {
	position: relative;
	margin-bottom: 20px;
	padding: 10px 25px 10px 10px;
	border-width: 1px; 
	border-style: solid;
	border-radius: 5px;
	font-size: .92857rem;
	display:block;
	border-color: #cccccc;
	background: #f0f0f0;
	color: #535353;
}



.alert a:active {
	background-color: transparent;
}

.alert a {
	text-decoration: underline;
	color: #535353;
}

.alert a:hover {
	text-decoration: none;
}

.alert p:last-child {
	margin-bottom: 0;
}

/* warning */
.alert-warning {
	border-color: #f47a77;
	background: #ffe8e6;
	color: #be0703;
}

.alert-warning a{
	color: #be0703;
}

/* success */
.alert-success {
	border-color: #86cd5f;
	background: #ecfde8;
	color: #28832a;
}

.alert-success a {
	color: #28832a;
}

/* info */
.alert-info {
	border-color: #0e9dfc;
	background: #e7f1fd;
	color: #0a6cad;
}

.alert-info a {
	color: #0a6cad;
}

/* disclaimer */
.alert-disclaimer {
	border-color: #cccccc;
	background: #f0f0f0;
	color: #535353;
}

.alert-disclaimer a {
	color: #535353;
}

.alert .alert-close {
    position: absolute;
    top: 7px;
    right: 5px;
    display: block;
}






/* ------------------------------ Pull Classes ------------------------------------------------------ */

.pull-left {
	float: left;
}

.pull-left-module {
	margin: 0 20px 10px 0;
}

.pull-right {
	float: right;
}

.pull-right-module {
	margin: 0 0 10px 20px;
}

.pull-right.clear {
	clear: right;
}

.pull-left.clear {
	clear: left;
}






/* ------------------------------ Panels ------------------------------------------------------ */

.panels {
	position: relative;
	border: 1px solid #e9e9e9;
	border-radius: 5px;
	background-color: #f0f0f0;
	box-shadow: 0 2px 3px rgba(0,0,0,.15);
}

.panel-title {
	background-color: #f0f0f0;
	color: #555;
	.font-size(16);
	font-family:@h65;
}

.panel-title,
.panel-content {
	padding: 15px;
}


@media screen and (min-width: 768px){ /* //////////////////////////////// BREAKPOINT */

	.panels-2up .panel {
		float: left;
		width: 50%;
	}
    

}





/* ------------------------------ Tables ------------------------------------------------------ */

/* option for mobile friendly tables. using a class as this solution is not best for all tables. 
sample can be viewed here (drag window to narrow view to see result) 

http://public.stewart.com/patterns/table-overflow.html 

*/

@media screen and (max-width: 500px) {

			.mobile-table, 
			.mobile-table thead, 
			.mobile-table tbody, 
			.mobile-table th, 
			.mobile-table td, 
			.mobile-table tr {
                display: block;
            }

            .mobile-table  {
                position: relative; 
                box-shadow: none;
                overflow: hidden;
                border: none;
                padding-bottom: 0;
            }

           .mobile-table  thead {
                float: left;
                width: 40%;
            }

            .mobile-table tbody {
                overflow-x: auto;
                overflow-y: hidden;
                position: relative;
                white-space: nowrap;
            }

            .mobile-table tr {
                display: inline-block;
                vertical-align: top;
            }

            .mobile-table th,
			.mobile-table td {
                border: none;
            }


}

table {
	margin-bottom: 24px;
	max-width: 100%;
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	background-color: transparent;
}


table th,
table td {
	padding: 10px 10px;
	border-bottom: 1px solid #e5e5e5;
	vertical-align: top;
	text-align: left;
	line-height: 20px;

}

table th {
	font-size: .85714rem;
	line-height: 1.3rem;
	font-family:'HelveticaNeueETW01-75Bd','Helvetica Neue',Helvetica,Arial,sans-serif;
}

table th {  
	border-width: 3px;
	vertical-align: bottom;
}


.table-striped tr:nth-child(2n+1) td
 {
	background-color: #f5f5f5;
}






/* ------------------------------ Forms ------------------------------------------------------ */

form {
	position: relative;
	display: block;
}

fieldset {
	margin: 10px 0;
	border: none;
}

legend {
	display: block;
	margin-bottom: 20px;
	width: 100%;
	border: none;
	border-bottom: 1px solid #ccc;
	font-size: 18px;
	font-size: 1.28571rem;
	line-height: 2;
}

.fieldset-label {
	margin: 0;
	padding: 0;
}

label, .fieldset-label > legend {
	display: block;
	margin-bottom: 3px;
	font-family:'HelveticaNeueETW01-65Md','Helvetica Neue',Helvetica,Arial,sans-serif;
}

.fieldset-label > legend {
	padding: 0;
	border: none;
	font-size: 14px;
	font-size: 1rem;
	line-height: 20px;
}

.fieldset-label label {
	font-family: inherit;
}

.label-small {
	font-size: 11px;
	font-size: .78571rem;
}

.label-inline {
	display: inline-block;
}

.required { /* only used as a legend for required fields*/
	outline: 0;
	display: inline-block;
	padding: 5px 8px;
	border-width: 1px;
	border-style: solid;
	border-color: #ff662a;
	border-color: rgba(255, 102, 42, 0.8);
	background: #fff7f4;
	background: rgba(255, 102, 42, 0.05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	border-radius: 3px;
}

select, 
textarea, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"] {
	display: inline-block;
	padding: 4px 6px;
	height: 20px;
	border-radius: 4px;
	color: #555555;
	vertical-align: middle;
	font-size: 14px;
	font-size: 1em;
	line-height: 20px;
}

textarea, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"] {
	border: 1px solid #cccccc;
	background-color: #ffffff;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus, 
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="date"]:focus, 
input[type="month"]:focus, 
input[type="time"]:focus, 
input[type="week"]:focus, 
input[type="number"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="color"]:focus {
	outline: 0;
	outline: thin dotted transparent\9;
	border-color: rgba(0,0,0, 0.3);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(0,0,0, 0.3);
}

select {
	width: auto;
	max-width: 100%;
	border: 1px solid #cccccc;
	background-color: #ffffff;
}

textarea,
textarea.input-block {
	min-height: 150px;
}

select, input[type="file"] {
height: 30px;
line-height: 30px;
}

.input-small {
	width: 75px;
}

.input-medium {
	width: 125px;
}

.input-large {
	width: 225px;
}

.input-xlarge {
	width: 350px;
}

.input-block {
	display: block;
	box-sizing: border-box;
	min-height: 30px;
	width: 100%;
}

.input-help {
	color: #888;
	font-size: 12px;
	font-size: .85714rem;
	font-family:'HelveticaNeueETW01-56It','Helvetica Neue',Helvetica,Arial,sans-serif;
}

.input-help-block {
	display: block;
}

.form-actions {
	padding: 8px;
	border: 1px solid #f2f2f2;
	border-radius: 4px;
	background: #f8f8f8;
}

.form-actions .btn:last-child {
	margin-right: 0;
}

/* checkboxes and radio buttons */

.required-group-invalid {
	border-width: 1px;
	border-style: solid;
	border-color: #ff662a;
	border-color: rgba(255, 102, 42, 0.8);
	background: #fff7f4;
	background: rgba(255, 102, 42, 0.05);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	border-radius: 4px;
	padding: 10px 10px 0;
}

.required-group-valid {
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
	background: #ffffff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	border-radius: 4px;
	padding: 10px 10px 0;
}

.checkbox input[type="checkbox"], .radio input[type="radio"], .checkbox input[type="radio"], .radio input[type="checkbox"] {
	display: block;
	display: inline-block;
	float: left;
	margin: 4px 6px 0 0;
}

.checkbox label, .radio label {
	display: block;
	display: inline-block;
	overflow: hidden;
	margin-left: 0;
}



/* appended inputs */
.input-append .input-append-field {	
	margin-left: -4px;
	border-right: none;
	border-radius: 0;
}

.input-append .input-append-field:first-child {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.input-append-btn {
	margin-right: 0;
	margin-left: -4px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	font-size: 12px;
	font-size: .85714rem;
	line-height: 20px;
}

/* validation */

.no-attr-required select.input-invalid,
.no-attr-required textarea.input-invalid,
.no-attr-required input.input-invalid,
.no-attr-required select.input-invalid:focus,
.no-attr-required textarea.input-invalid:focus,
.no-attr-required input.input-invalid:focus {
	outline: 0;
	border-color: #ff662a;
	border-color: rgba(255, 102, 42, 0.8);
	background: #fff7f4;
	background: rgba(255, 102, 42, 0.05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

select:required:invalid,
select:required:invalid:focus,
select[pattern]:invalid,
textarea:required:invalid,
textarea:required:invalid:focus,
textarea[pattern]:invalid,
input:required:invalid,
input:required:invalid:focus,
input[pattern]:invalid {
	outline: 0;
	border-color: #ff662a;
	border-color: rgba(255, 102, 42, 0.8);
	background: #fff7f4;
	background: rgba(255, 102, 42, 0.05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

select:required:valid,
select:required:valid:focus,
textarea:required:valid,
textarea:required:valid:focus,
input:required:valid,
input:required:valid:focus {
	outline: 0;
	border: 1px solid #cccccc;
	background: #fff;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

}

select:required,
select:required:focus,
textarea:required,
textarea:required:focus,
input:required,
input:required:focus {
	outline: 0;
	border-color: #ff662a;
	border-color: rgba(255, 102, 42, 0.8);
	background: rgba(255, 102, 42, 0.05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}










/*
:: the Grid
------------------------------------------------------ */

img, object, embed { 
	max-width: 100%; 
}

img { 
	-ms-interpolation-mode: 
	bicubic; 
}

/* Nicolas Gallagher's micro clearfix */
.container:after,
.row:before,
.row:after,
.block-grid:before,
.block-grid:after,
.clearfix:after {
  display: table;
  visibility: hidden;
  clear: both;
  content: "";
}
.row,
.clearfix {
  zoom: 1;
}
.container {
  position: relative;
  padding: 0px 15px;
}
.container.container-stretch {
  padding-right: 0;
  padding-left: 0;
}
.row {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 980px;
}
.row .row {
  min-width: 0px;
}
.column,
.columns,
.row-c0,
.row-c1,
.row-c2,
.row-c3 {
  width: 100%;
}
@media screen and (min-width: 768px) {  /* //////////////////////////////// BREAKPOINT */
  /* .row-c* for AEM needs */
  .column,
  .columns,
  .row-c0,
  .row-c1,
  .row-c2,
  .row-c3 {
    position: relative;
    float: left;
    margin-left: 4.4%;
    min-height: 1px;
  }
  .column:first-child,
  .columns:first-child,
  .row-c0 {
    margin-left: 0px;
  }
  /* column widths */
  .row .one.column {
    width: 4.3%;
  }
  .row .two.columns {
    width: 13%;
  }
  /* AEM column splitter 3 column width */
  .row .three.columns,
  .cq-colctrl-lt3x3x3x3 .row-c0,
  .cq-colctrl-lt3x3x3x3 .row-c1,
  .cq-colctrl-lt3x3x3x3 .row-c2,
  .cq-colctrl-lt3x3x3x3 .row-c3 {
    width: 21.68%;
  }
  /* AEM column splitter 4 column width */
  .row .four.columns,
  .cq-colctrl-lt8x4 .row-c1,
  .cq-colctrl-lt4x4x4 .row-c0,
  .cq-colctrl-lt4x4x4 .row-c1,
  .cq-colctrl-lt4x4x4 .row-c2,
  .cq-colctrl-lt4x8 .row-c0 {
    width: 30.4%;
  }
  .row .five.columns {
    width: 39.1%;
  }
  /* AEM column splitter 6 column width */
  .row .six.columns,
  .cq-colctrl-lt6x6 .row-c0,
  .cq-colctrl-lt6x6 .row-c1 {
    width: 47.8%;
  }
  .row .seven.columns {
    width: 56.5%;
  }
  /* AEM column splitter 8 column width */
  .row .eight.columns,
  .cq-colctrl-lt8x4 .row-c0,
  .cq-colctrl-lt4x8 .row-c1 {
    width: 65.2%;
  }
  .row .nine.columns {
    width: 73.9%;
  }
  .row .ten.columns {
    width: 82.6%;
  }
  .row .eleven.columns {
    width: 91.3%;
  }
  .row .twelve.columns {
    width: 100%;
  }
  /* offset columns */
  .row .offset-by-one {
    margin-left: 13.1%;
  }
  .row .offset-by-two {
    margin-left: 21.8%;
  }
  .row .offset-by-three {
    margin-left: 30.5%;
  }
  .row .offset-by-four {
    margin-left: 39.2%;
  }
  .row .offset-by-five {
    margin-left: 47.9%;
  }
  .row .offset-by-six {
    margin-left: 56.6%;
  }
  .row .offset-by-seven {
    margin-left: 65.3%;
  }
  .row .offset-by-eight {
    margin-left: 74.0%;
  }
  .row .offset-by-nine {
    margin-left: 82.7%;
  }
  .row .offset-by-ten {
    margin-left: 91.4%;
  }
  .row .offset-by-eleven {
    margin-left: 95.7%;
  }
  .row .offset-by-one:first-child {
    margin-left: 8.7%;
  }
  .row .offset-by-two:first-child {
    margin-left: 17.4%;
  }
  .row .offset-by-three:first-child {
    margin-left: 26.1%;
  }
  .row .offset-by-four:first-child {
    margin-left: 34.8%;
  }
  .row .offset-by-five:first-child {
    margin-left: 43.5%;
  }
  .row .offset-by-six:first-child {
    margin-left: 52.2%;
  }
  .row .offset-by-seven:first-child {
    margin-left: 60.9%;
  }
  .row .offset-by-eight:first-child {
    margin-left: 69.6%;
  }
  .row .offset-by-nine:first-child {
    margin-left: 78.3%;
  }
  .row .offset-by-ten:first-child {
    margin-left: 87%;
  }
  .row .offset-by-eleven:first-child {
    margin-left: 95.7%;
  }
  /* centered columns */
  .row .one.centered {
    margin-left: 47.9%;
  }
  .row .two.centered {
    margin-left: 43.5%;
  }
  .row .three.centered {
    margin-left: 39.2%;
  }
  .row .four.centered {
    margin-left: 34.8%;
  }
  .row .five.centered {
    margin-left: 30.5%;
  }
  .row .six.centered {
    margin-left: 26.1%;
  }
  .row .seven.centered {
    margin-left: 21.8%;
  }
  .row .eight.centered {
    margin-left: 17.4%;
  }
  .row .nine.centered {
    margin-left: 13.1%;
  }
  .row .ten.centered {
    margin-left: 8.7%;
  }
  .row .eleven.centered {
    margin-left: 4.3%;
  }
  /* column ordering only for 8x4 combos */
  .push-by-four {
    left: 34.4%;
  }
  .pull-by-eight {
    right: 65.2%;
    margin-left: 0;
  }
}
.block-grid {
  padding-left: 0;
  display: block;
  zoom: 1;
}
.block-grid:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
.block-grid > li {
  height: auto;
  list-style: none;
}
.block-grid-1up > li {
  width: 100%;
}
.block-grid-family:not(:last-of-type) {
  margin-bottom: 0;
}

.sectionBlock {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media screen and (min-width: 768px) {  /* //////////////////////////////// BREAKPOINT */
  .block-grid {
    display: block;
    margin-left: -4%;
    padding-left: 0;
  }
  .block-grid > li {
    display: block;
    float: left;
    margin-left: 4%;
    height: auto;
  }
  .block-grid > li {
    width: 46%;
  }
  .block-grid > li:nth-child(2n+1) {
    clear: left;
  }
}
@media screen and (min-width: 920px) {  /* //////////////////////////////// BREAKPOINT */
  .block-grid-1up > li {
    width: 96%;
  }
  .block-grid-2up > li {
    width: 46%;
  }
  .block-grid-3up > li {
    width: 29.3333333%;
  }
  .block-grid-4up > li {
    width: 21%;
  }
  .block-grid > li:nth-child(2n+1) {
    clear: none;
  }
  .block-grid-2up > li:nth-child(2n+1),
  .block-grid-3up > li:nth-child(3n+1),
  .block-grid-4up > li:nth-child(4n+1) {
    clear: left;
  }
}








/* extra padding for major sections */
.section {
	padding-top: 40px;
	padding-bottom: 40px;
}










/*
:: Custom Scrollbars
------------------------------------------------------ */
::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
::-webkit-scrollbar-track {
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #f4f4f4;
   /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  border: 1px solid #ccc;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(230,230,230,1); 
   /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); */
}
::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(230,230,230,1); 
}






/* ------------------------------ Block UI ------------------------------------------------------ */
.block-ui {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	text-align: center;
}

.block-ui-overlay {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	opacity: .7;
	z-index: 1
}

.block-ui-message {
	display: inline-block;
    padding: 20px;
	position: relative;
	top: 200px;
	margin: 0 auto 0 auto;
    box-shadow: 0 0 15px rgba(0,0,0,.2);
    border-radius: 75px;
	z-index: 2;
	background-color: #5b6770;
	border: 1px solid #ccc;
	color: #fff;
}

.block-ui-message span {
	text-transform: uppercase;
	font-family: "HelveticaNeueETW01-75Bd"
}









/* ------------------------------ Modal ------------------------------------------------------ */
.modal {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	text-align: center;
}

.modal-overlay {
    position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	opacity: .7;
	z-index: 1
}
 
.modal-message-wrapper {
    width: 450px;
    max-width: 100%;
    margin: 0 10px;
	display: inline-block;
    position: relative;
	top: 200px;
	margin: 0 auto 0 auto;
    box-shadow: 0 0 15px rgba(0,0,0,.2);
    border-radius: 5px;
	z-index: 2;
	background-color: #fff;
	border: 1px solid #ccc;
    overflow: hidden;
}

.modal-message,
.modal-footer {
    padding: 10px 20px;
}

.modal-message {
    min-height: 50px;
}

.modal-footer {
    background-color: #f5f5f5;
    border-top: 1px solid #ccc;
}