/*! Tablesaw - v2.0.2 - 2015-10-28
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2015 Filament Group; Licensed  */

table.tablesaw {
    empty-cells: show;
    max-width: 100%;
    width: 100%;
}

.tablesaw {
    border-collapse: collapse;
    width: 100%;
}

/* Structure */

.tablesaw {
    border: 0;
    padding: 0;
}

.tablesaw th,
.tablesaw td {
    box-sizing: border-box;
    padding: .5em .7em;
}

.tablesaw thead tr:first-child th {
    padding-top: .9em;
    padding-bottom: .7em;
}

/* Table rows have a gray bottom stroke by default */

.tablesaw-stack tbody tr {
    border-bottom: 1px solid #dfdfdf;
}

.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
    display: none;
}

/* Mobile first styles: Begin with the stacked presentation at narrow widths */

@media only all {
    /* Show the table cells as a block level element */

    .tablesaw-stack td,
    .tablesaw-stack th {
        text-align: left;
        display: block;
    }

    .tablesaw-stack tr {
        clear: both;
        display: table-row;
    }

    /* Make the label elements a percentage width */

    .tablesaw-stack td .tablesaw-cell-label,
    .tablesaw-stack th .tablesaw-cell-label {
        display: block;
        padding: 0 .6em 0 0;
        width: 30%;
        display: inline-block;
    }

    /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */

    .tablesaw-stack th .tablesaw-cell-label-top,
    .tablesaw-stack td .tablesaw-cell-label-top {
        display: block;
        padding: .4em 0;
        margin: .4em 0;
    }

    .tablesaw-cell-label {
        display: block;
    }

    /* Avoid double strokes when stacked */

    .tablesaw-stack tbody th.group {
        margin-top: -1px;
    }

    /* Avoid double strokes when stacked */

    .tablesaw-stack th.group b.tablesaw-cell-label {
        display: none !important;
    }
}

@media (max-width: 39.9375em) {
    .tablesaw-stack thead td,
    .tablesaw-stack thead th {
        display: none;
    }

    .tablesaw-stack tbody td,
    .tablesaw-stack tbody th {
        clear: left;
        float: left;
        width: 100%;
    }

    .tablesaw-cell-label {
        vertical-align: top;
    }

    .tablesaw-cell-content {
        max-width: 67%;
        display: inline-block;
    }

    .tablesaw-stack td:empty,
    .tablesaw-stack th:empty {
        display: none;
    }
}

/* Media query to show as a standard table at 560px (35em x 16px) or wider */

@media (min-width: 40em) {
    .tablesaw-stack tr {
        display: table-row;
    }

    /* Show the table header rows */

    .tablesaw-stack td,
    .tablesaw-stack th,
    .tablesaw-stack thead td,
    .tablesaw-stack thead th {
        display: table-cell;
        margin: 0;
    }

    /* Hide the labels in each cell */

    .tablesaw-stack td .tablesaw-cell-label,
    .tablesaw-stack th .tablesaw-cell-label {
        display: none !important;
    }
}/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(../%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(../%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(../%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(../%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(../%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(../%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(../%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	-webkit-filter: inherit;
	        filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(../resource/images/ui-icons_444444_256x240.453d6b3d6a93a163ced40397145616c1.png);
}
.ui-widget-header .ui-icon {
	background-image: url(../resource/images/ui-icons_444444_256x240.453d6b3d6a93a163ced40397145616c1.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url(../resource/images/ui-icons_555555_256x240.04de3eeacbcd91a240f09343a3a5ea6c.png);
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url(../resource/images/ui-icons_ffffff_256x240.23f2947182902eb2f10d4c43aa7f54a2.png);
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url(../resource/images/ui-icons_777620_256x240.da1c6476dd62e74ff65a078e32197a55.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(../resource/images/ui-icons_cc0000_256x240.ec3282d13bd3e782989cb241be440176.png);
}
.ui-button .ui-icon {
	background-image: url(../resource/images/ui-icons_777777_256x240.a101b51515f2158f414743fa6277e931.png);
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .003;
	filter: Alpha(Opacity=.3); /* support: IE8 */
}
.ui-widget-shadow {
	box-shadow: 0px 0px 5px #666666;
}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir="rtl"] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}/* brightspot js tabber (bsp-tabber) */
.bsp-tab {
	display: none;
}
.bsp-tab.active {
	display: block;
}/**
 * The below styles are the Vex piping to make the modal look good. They include the necessary scaffolding for Vex, as well as a default theme.
 *
 * We also hide the "modal-data" div for you, as that is where the modal data comes from.
 *
 * TODO: Possibly pull these in via Bower from Vex instead of just forking them here
 */

.modal-data {
  display: none;
}


// START Base Vex code to make modal look ok
@keyframes vex-fadein {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-webkit-keyframes vex-fadein {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes vex-fadeout {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-webkit-keyframes vex-fadeout {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@keyframes vex-rotation {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg); }

  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg); } }

@-webkit-keyframes vex-rotation {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg); }

  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg); } }

.vex, .vex *, .vex *:before, .vex *:after {
  box-sizing: border-box; }

.vex {
  position: fixed;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 1111;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.vex-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

.vex-overlay {
  background: #000;
  filter: alpha(opacity=40);
  /* IE 5–7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE 8 */ }

.vex-overlay {
  animation: vex-fadein 0.5s;
  -webkit-animation: vex-fadein 0.5s;
  -moz-animation: vex-fadein 0.5s;
  -ms-animation: vex-fadein 0.5s;
  -o-animation: vex-fadein 0.5s;
  -webkit-backface-visibility: hidden;
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

  .vex.vex-closing .vex-overlay {
    animation: vex-fadeout 0.5s;
    -webkit-animation: vex-fadeout 0.5s;
    -moz-animation: vex-fadeout 0.5s;
    -ms-animation: vex-fadeout 0.5s;
    -o-animation: vex-fadeout 0.5s;
    -webkit-backface-visibility: hidden; }

.vex-content {
  animation: vex-fadein 0.5s;
  -webkit-animation: vex-fadein 0.5s;
  -moz-animation: vex-fadein 0.5s;
  -ms-animation: vex-fadein 0.5s;
  -o-animation: vex-fadein 0.5s;
  -webkit-backface-visibility: hidden;
  position: relative;
  background: #fff; }

  .vex.vex-closing .vex-content {
    animation: vex-fadeout 0.5s;
    -webkit-animation: vex-fadeout 0.5s;
    -moz-animation: vex-fadeout 0.5s;
    -ms-animation: vex-fadeout 0.5s;
    -o-animation: vex-fadeout 0.5s;
    -webkit-backface-visibility: hidden; }

.vex-close:before {
  font-family: Arial, sans-serif;
  content: "\00D7"; }

.vex-dialog-form {
  margin: 0; }

.vex-dialog-button {
  text-rendering: optimizeLegibility;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent; }

.vex-loading-spinner {
  animation: vex-rotation 0.7s linear infinite;
  -webkit-animation: vex-rotation 0.7s linear infinite;
  -moz-animation: vex-rotation 0.7s linear infinite;
  -ms-animation: vex-rotation 0.7s linear infinite;
  -o-animation: vex-rotation 0.7s linear infinite;
  -webkit-backface-visibility: hidden;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
  position: fixed;
  z-index: 1112;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2em;
  width: 2em;
  background: #fff; }

body.vex-open {
  overflow: hidden; }


   .vex.modal-theme-default .vex-content h1, .vex.modal-theme-default .vex-content h2, .vex.modal-theme-default .vex-content h3, .vex.modal-theme-default .vex-content h4, .vex.modal-theme-default .vex-content h5, .vex.modal-theme-default .vex-content h6, .vex.modal-theme-default .vex-content p, .vex.modal-theme-default .vex-content ul, .vex.modal-theme-default .vex-content li {
      color: inherit; }

  .vex.modal-theme-default .vex-close {
    border-radius: 5px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer; }

    .vex.modal-theme-default .vex-close:before {
      border-radius: 3px;
      position: absolute;
      content: "\00D7";
      font-size: 26px;
      font-weight: normal;
      line-height: 31px;
      height: 30px;
      width: 30px;
      text-align: center;
      top: 3px;
      right: 3px;
      color: #bbb;
      background: transparent; }

    .vex.modal-theme-default .vex-close:hover:before, .vex.modal-theme-default .vex-close:active:before {
      color: #777;
      background: #e0e0e0; }.jq-toast-wrap,.jq-toast-wrap *{margin:0;padding:0}.jq-toast-wrap{display:block;position:fixed;width:250px;pointer-events:none!important;letter-spacing:normal;z-index:9000!important}.jq-toast-wrap.bottom-left{bottom:20px;left:20px}.jq-toast-wrap.bottom-right{bottom:20px;right:40px}.jq-toast-wrap.top-left{top:20px;left:20px}.jq-toast-wrap.top-right{top:20px;right:40px}.jq-toast-single{display:block;width:100%;padding:10px;margin:0 0 5px;border-radius:4px;font-size:12px;font-family:arial,sans-serif;line-height:17px;position:relative;pointer-events:all!important;background-color:#444;color:#fff}.jq-toast-single h2{font-family:arial,sans-serif;font-size:14px;margin:0 0 7px;background:0 0;color:inherit;line-height:inherit;letter-spacing:normal}.jq-toast-single a{color:#eee;text-decoration:none;font-weight:700;border-bottom:1px solid #fff;padding-bottom:3px;font-size:12px}.jq-toast-single ul{margin:0 0 0 15px;background:0 0;padding:0}.jq-toast-single ul li{list-style-type:disc!important;line-height:17px;background:0 0;margin:0;padding:0;letter-spacing:normal}.close-jq-toast-single{position:absolute;top:3px;right:7px;font-size:14px;cursor:pointer}.jq-toast-loader{display:block;position:absolute;top:-2px;height:5px;width:0;left:0;border-radius:5px;background:red}.jq-toast-loaded{width:100%}.jq-has-icon{padding:10px 10px 10px 50px;background-repeat:no-repeat;background-position:10px}.jq-icon-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=);background-color:#31708f;color:#d9edf7;border-color:#bce8f1}.jq-icon-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=);background-color:#8a6d3b;color:#fcf8e3;border-color:#faebcc}.jq-icon-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=);background-color:#a94442;color:#f2dede;border-color:#ebccd1}.jq-icon-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==);color:#dff0d8;background-color:#3c763d;border-color:#d6e9c6}@font-face{font-family:'icomoon';src:url(../resource/fonts/icomoon.f1ee1b6b07bd3ae4197aab66060d5696.eot?lvsr3e);src:url(../resource/fonts/icomoon.f1ee1b6b07bd3ae4197aab66060d5696.eot?lvsr3e#iefix) format('embedded-opentype'),url(../resource/fonts/icomoon.3d73b3e5ac7e4f85b52e7b41d3ca7a45.ttf?lvsr3e) format('truetype'),url(../resource/fonts/icomoon.51d64b777d1ced541be35124a5bd18c6.woff?lvsr3e) format('woff'),url(../resource/fonts/icomoon.f41f5a005d842a791617eca02409622a.svg?lvsr3e#icomoon) format('svg');font-weight:normal;font-style:normal}.Icon:before{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.Icon-camera:before{content:"\f030"}.Icon-edit:before{content:"\f044"}.Icon-pencil-square-o:before{content:"\f044"}
/**********************************************************************************************

******************************** RESONSIVE GRID ***********************************************

***********************************************************************************************/



/*CLEAR UNWANTED DEFAULTS
*********************************************************/

ul, ul li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, img, figure, figcaption, dl, dt, dd {
	margin:0;
	padding:0;
	border: 0;
}

ul { 
	list-style:none;
}

* {
	box-sizing: border-box;
}

.container:before,
.container:after,
.row:before,
.row:after,
.col:before,
.col:after,
.generalForm .group:before,
.generalForm .group:after {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
}
.container:after,
.row:after,
.col:after,
.generalForm .group:after { 
	clear: both;
}

.sronly {
	display: block !important;
	text-align: left !important;
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
	text-indent: -5000em !important;
	margin: 0 !important;
	padding: 0 !important;
}


/*BASIC GRID STRUCTURE
*******************************************************/

/*containers*/

.container {
	width: 100%;
	position: relative;
	padding-bottom: 50px;
}

.container.nopadding {
	padding-bottom: 0;
}

/*rows*/

.row {
	width: 100%;
	max-width: 1300px;
	padding: 0 50px 0;
	margin: 50px auto 0;
	position: relative;
}

.row .row {
	padding-left: 0;
	padding-right: 0;
	margin-top: 20px;
}

.row.fullwidth {
	max-width: 100%;
	padding: 0;
}

.row.nomargin {
	margin-top: 0;
}

/*columns*/

.col {
	float: left;
	position: relative;
	padding: 0 10px;
}

.group > .col,
.copy > .col {
	padding: 0;
}

.col > .inner {
	display: block;
}

.left {
	float: left;
}

.right {
	float: right;
}

.center {
	float: none;
	margin-left: auto;
	margin-right: auto;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

.span1 {
	width: 8.333333333333%;
}

.span2 {
	width: 16.666666666667%;
}

.span2point4 {
	width: 20%;
}

.span3 {
	width: 25%;
}

.span4 {
	width: 33.333333333333%;
}

.span5 {
	width: 41.666666666667%;
}

.span6 {
	width: 50%;
}

.span7 {
	width: 58.333333333333%;
}

.span8 {
	width: 66.666666666666%;
}

.span9 {
	width: 75%;
}

.span10 {
	width: 83.333333333333%;
}

.span11 {
	width: 91.666666666667%;
}

.span12 {
	width: 100%;
}


@media all and (max-width: 768px) {

	.m-span12 {
		width: 100%;
	}

}

/*offsets*/

.offset1 {
	margin-left: 8.333333333333%;
}

.offset2 {
	margin-left: 16.666666666667%;
}

.offset3 {
	margin-left: 25%;
}

.offset4 {
	margin-left: 33.333333333333%;
}

.offset5 {
	margin-left: 41.666666666667%;
}

.offset6 {
	margin-left: 50%;
}

.offset7 {
	margin-left: 58.333333333333%;
}

.offset8 {
	margin-left: 66.666666666666%;
}

.offset9 {
	margin-left: 75%;
}

.offset10 {
	margin-left: 83.333333333333%;
}

.offset11 {
	margin-left: 91.666666666667%;
}

.offset12 {
	margin-left: 100%;
}


/*IMAGES
*******************************************************/

img {
	max-width: 100%;
	height: auto;
}


/*BUTTONS
*******************************************************/

.btn,
.btn:visited,
.copy .btn,
.copy .btn:visited {
	display: inline-block;
	
}

/******************************************************************************************

GENERAL / GLOBAL STYLES

*******************************************************************************************/
/** {
	outline: none;
}*/

* {
	-webkit-appearance: none;
   	   -moz-appearance: none;
   			appearance: none;
}

body {
	background-color: #fff;
	font-family: 'Open Sans', Arial, sans-serif;
	color: #626e7a;
	font-size: 16px;
	padding: 0 0 0 0;
	overflow-x: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow-y:auto;
}

:link {
	color: #2487b2;
}

:visited {
	color: #2487b2;
	opacity: 0.6;
}

.showSubNav{
	z-index: 100000000;
	cursor: pointer;
}

input,
select,
textarea,
button {
	font-family: 'Open Sans', Arial, sans-serif;
}

/*old way of clearing items
.resourceLanding:before,
.resourceLanding:after,
.resourceList .inner:before,
.resourceList .inner:after,
form.general .group:before,
form.general .group:after,
.tabsList:before,
.tabsList:after {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
}
.resourceLanding:after,
.resourceList .inner:after,
form.general .group:after,
.tabsList:after {
	clear: both;
}
*/
/*new simpler way of clearing items*/
.resourceLanding:after,
.resourceList .inner:after,
form.general .group:after,
.tabsList:after,
.slick-slider:after,
.block:after {
	content: "";
	display: table;
	clear: both;
}

.container.grey {
	background: #ebeae8;
}

.container.blue {
	background: #2487b2;
	color: #fff;
}

.videoList {
	margin-left: -10px;
	margin-right: -10px;
	overflow: hidden;
}

xmp,
code {
	color: #2487b2;
	background: #ebeae8;
}

xmp {
	padding: 20px;
}

/* FD Video item - we just show one video in that page so we want to have the image full width to match with the position of the "play" button */
.img-fullwidth {
	width: 100%;
}

/*COPY
*******************************************************/

h1 a:link,
h2 a:link,
h3 a:link,
h4 a:link,
h5 a:link,
h6 a:link,
h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited {
	color: inherit;
	text-decoration: none;
	transition: .5s ease;
}

h2 {
	font-size: 22px;
	font-weight: 300;
	margin: 10px 0;
	color: #2f587c;
}

h2 .link {
	font-weight: 400;
	color: inherit;
	font-size: 13px;
	padding: 0 0 0 5px;
	text-transform: uppercase;
}

h2 .link .fa {
	color: #ff9f00;
	padding-left: 3px;
}

.copy h2 {
	color: #2487b2;
	font-weight: 400;
}

h3 {
	font-size: 18px;
	font-weight: 400;
	margin: 10px 0;
	color: #2f587c;
}

.copy h3 {
	color: #2487b2;
}

.copy h4 {
	font-size: 16px;
	font-weight: 400;
	margin: 10px 0;
	color: #d54d32;
	letter-spacing: 1px;
}

.copy h5 {
	font-size: 14px;
	font-weight: 700;
	margin: 10px 0;
	color: #2487b2;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.copy h6 {
	font-size: 15px;
	font-weight: 700;
	margin: 10px 0;
	color: #2f587c;
}

p {
	font-size: 16px;
	line-height: 24px;
	margin: 10px 0;
}

.sectionTitle {
	font-size: 36px;
	line-height: 40px;
	font-weight: 800;
	margin: 0;
	color: #142b40;
}

.pageTitle {
	font-size: 28px;
	line-height: 32px;
	color: #142b40;
	font-weight: 800;
	border-top: 1px solid #d9d8d7;/*old browsers*/
	border-top: 1px solid rgba(0,0,0,0.15);/*modern browsers - rgba value looks better on pages with patterned background, e.g. Top 100*/
	margin: 10px 0 15px;
	padding: 10px 220px 0 0;
}

.pageTitle.fullwidth {
	padding-right: 0;
}

.directoryMain + .resources .pageTitle {
	padding-right: 0;
}

.subTitle {
	font-size: 18px;
	line-height: 22px;
	font-weight: 300;
	text-transform: uppercase;
	color: #142b40;
}

.pageTitle .subTitle {
	display: block;
	font-size: 18px;
	font-weight: 300;
	text-transform: none;
	color: #626e7a;
	margin-top: 5px;
}

.blue .sectionTitle,
.blue .subTitle {
	color: #fff;
}

.subText {
	font-size: 16px;
	line-height: 24px;
	margin: 10px 0 0;
}

.text-center.subText {
	font-size: 18px;
	line-height: 26px;
}

.copy b, .copy strong {
  font-weight: bold !important;
}

td b, td strong,
li b, li strong,
p b, p strong,
.copy b, .copy strong {
	color: #142b40;
}

.formTitle {
	font-size: 26px;
	line-height: 30px;
	font-weight: 300;
	margin: 0;
	color: #fff;
	margin: 10px 0;
}

.formHolder.grey .formTitle {
	color: #2f587c;
}

.copy p .fa {
	color: #ff9f00;
}

.footnote {
	font-size: 10px;
	line-height: 14px;
}

.copy p {
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 20px;
	font-weight: 400;
}

.copy ul,
.copy ol {
	overflow: hidden;
}

.copy ul {
	list-style-type: none !important;
}

.copy li {
	margin: 10px 0 10px 10px;
	padding-left: 20px;
	position: relative;
	font-weight: 400;
	line-height: 26px;
}

.copy ol > li {
	padding-left: 0;
}

.copy ul > li:before {
	content:"\f0c8";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: 10px;
	color: #2487b2;
	position: absolute;
	top: 0;
	left: 0;
}

.copy ul[style="list-style-type: circle;"] > li:before,
.copy ul.circle > li:before {
	content:"\f111";
}

.copy ul[style="list-style-type: disc;"] > li:before,
.copy ul.disc > li:before {
	content:"\f10c";
}

.copy ul.bigCheck li {
	padding: 0 0 10px 50px;
	border-bottom: 1px solid #d9d8d7;
	margin-left: 0;
}
.copy ul.bigCheck .alert h2{
	color: #8fa51e;
}
.copy ul.bigCheck li.alert {
	    padding: 20px 60px;
}
.copy ul.bigCheck li.alert:before {
	    font-size: 28px;
    color: #8fa51e;
    top: 35px;
    left: 28px;
}
.copy ul.bigCheck li img{
	margin: 10px 20px 20px 0;
	max-width: 145px;
}

.copy ul.bigCheck li:before {
	content:"\f05d";
	font-size: 40px;
	color: #8fa51e;
	top: 0;
	left: 0;
}

.tableWrapper {
	width: 100%;
	overflow-x: auto;
}

.copy table {
	border-collapse: collapse;
	width: 100%;
	margin: 20px auto 20px;
	font-size: 14px;
}

.copy table caption {
	background: #2487b2;
	color: white;
	padding: 10px;
	text-align: left;
}

.copy table th {
	background: #d9d8d7;
	color: #2f587c;
}

.copy table td,
.copy table th {
	border: 1px solid #d9d8d7;
	padding: 10px;
	text-align: left;
}

.copy table tr:nth-child(even) td {
	background: #f7f6f5;
}

dl {
	margin: 0 0 20px;
	border-bottom: 1px solid #d9d8d7;
	overflow: hidden;
}

dt,
dd {
	float: left;
	border-top: 1px solid #d9d8d7;
	font-size: 14px;
	padding: 10px 0;
}

dt {
	color: #d54d32;
	font-weight: 700;
	text-transform: uppercase;
	width: 40%;
	clear: left;
	padding-right: 10px;
}

dd {
	width: 60%;
}

dl .fa {
	color: #ff9f00;
	width: 20px;
}

dl .contact span {
	display: block;
	padding: 2px 0;
}

dl .contact a {
	text-decoration: none;
	color: #626e7a;
}
.contact .ImageEnhancement img {
	margin: 10px 20px 20px 0;
	max-width: 145px;
}
.profileContent .span4 dt {
	width: 100%;
	padding-bottom: 0;
}

.profileContent .span4 dd {
	width: 100%;
	border-top: 0;
	padding-top: 5px;
}

.profileContent .span4 dd p {
       font-size: 14px;
       line-height: 1.4em;
       margin-top: 0;
}

.copy blockquote {
	margin: 20px 0;
	line-height: 26px;
	background: #f2f1f0;
	padding: 20px;
	border-left: 5px solid #2487b2;
}

.copy cite {
	display: block;
	margin: 10px 0;
	color: #2f587c;
}

.copy img.right {
	margin: 10px 0 20px 20px;
	float: right;
}

.copy img[align="right"],
.copy img[style*="float: right"],
.copy img[style*="float:right"] {
	margin: 10px 0 20px 20px;
}

.copy img.left {
	margin: 10px 20px 20px 0;
	float: left;
}

.copy img[align="left"],
.copy img[style*="float: left"],
.copy img[style*="float:left"] {
	margin: 10px 20px 20px 0;
}

.copy img.center {
	display: block;
	margin: 20px auto;
}

.copy img[align="center"],
.copy img[style*="display: block; margin-left: auto; margin-right: auto;"] {
	display: block;
	margin: 20px auto;
}

.copy .callout {
	background: #2f587c;
	padding: 20px;
	margin: 20px 0;
	color: #fff;
}

.copy .callout h1,
.copy .callout h2,
.copy .callout h3,
.copy .callout h4,
.copy .callout h5,
.copy .callout h6,
.copy .callout p,
.copy .callout li,
.copy .callout blockquote,
.copy .callout cite,
.copy .callout b,
.copy .callout strong,
.copy .callout a {
	color: #fff;
}

.copy .callout p,
.copy .callout li,
.copy .callout blockquote,
.copy .callout cite {
	font-weight: 300;
}

.copy .callout li:before {
	color: #ff9f00;
}

.copy .highlight.green h1,
.copy .highlight.green h2,
.copy .highlight.green h3,
.copy .highlight.green h4,
.copy .highlight.green h5,
.copy .highlight.green h6,
.copy .highlight.green p,
.copy .highlight.green li,
.copy .highlight.green blockquote,
.copy .highlight.green cite,
.copy .highlight.green b,
.copy .highlight.green strong,
.copy .highlight.green a {
	color: #fff;
}
.copy .highlight.green li:before {
	color: #142b40;
}

.copy .highlight.red h1,
.copy .highlight.red h2,
.copy .highlight.red h3,
.copy .highlight.red h4,
.copy .highlight.red h5,
.copy .highlight.red h6,
.copy .highlight.red p,
.copy .highlight.red li,
.copy .highlight.red blockquote,
.copy .highlight.red cite,
.copy .highlight.red b,
.copy .highlight.red strong,
.copy .highlight.red a {
	color: #fff;
}
.copy .highlight.red li:before {
	color: #ff9f00;
}

.copy .highlight.blue h1,
.copy .highlight.blue h2,
.copy .highlight.blue h3,
.copy .highlight.blue h4,
.copy .highlight.blue h5,
.copy .highlight.blue h6,
.copy .highlight.blue p,
.copy .highlight.blue li,
.copy .highlight.blue blockquote,
.copy .highlight.blue cite,
.copy .highlight.blue b,
.copy .highlight.blue strong,
.copy .highlight.blue a {
	color: #fff;
}
.copy .highlight.blue li:before {
	color: #ff9f00;
}


/*figures*/

.copy figure.left {
	padding: 0 20px 20px 0;
}

.copy figure.right {
	padding: 0 0 20px 20px;
}

.copy figcaption,
.copy figcaption p {
	font-style: italic;
	font-size: 14px;
	color: #9fa6ae;
	margin: 5px 0 0;
}

.copy figcaption p {
	margin: 0;
}

/*BUTTONS
*******************************************************/

.btn {
	display: inline-block;
	padding: 11px 20px;
	color: #fff;
	background: #2487b2;
	font-size: 14px;
	line-height: 16px;
	font-weight: 400;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	transition: .5s ease;
}

.btn.block {
	display: block;
	padding: 15px 0;
	font-size: 16px;
	line-height: 18px;
	font-weight: 700;
}

.btn.text-left {
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}

.btn.text-right {
	text-align: right;
	padding-left: 20px;
	padding-right: 20px;
}

.btn.red {
	background: #d54d32;
}

.btn.yellow {
	background: #ff9f00;
}

.btn.navy {
	background: #2f587c;
}

.btn.green {
	background: #8fa51e;
}

.btn.subtle.white {
	background: rgba(255,255,255,0.1);
}

.btn.grey {
	background: #ebeae8;
	color: #2f587c;
}

.btn.darkNavy {
	background: #142b40;
}

.btn:hover {
	opacity: 0.8;
}

.btn.subtle.white:hover {
	opacity: 1;
	background: rgba(255,255,255,0.2);
}

.btn .fa {
	padding-left: 5px;
}


/*ADD TO REQUEST LIST
the yellow checkbox strip that appears in various places
*******************************************************/

.req {
	color: #fff;
	background: #ff9f00;
	position: absolute;
	z-index: 20;
	left: 0;
	bottom: 0;
	right: 0;
	font-weight: 700;
	padding: 15px 5px 15px 10px;
	cursor: pointer;
	text-align: center;
}

.directoryMainList .req {
	left: 10px;
	right: 10px;
}

.sel .req {
	background: #2487b2;
}

.disabled .req {
	background: #2487b2;
	opacity: 0.7;
}

.disabled.rejected .req {
	background: #d54d32;
	opacity: 0.7;
}

.req input {
	opacity: 0;
	position: absolute;
}

.req .fa {
	position: relative;
	left: -3px;
	top: 3px;
}

.sel .req .fa,
.disabled .req .fa {
	top: 0;
}

.req .fa:before,
.req .fa:before {
	box-sizing: border-box;
	content:"";
	display: block;
	width: 18px;
	height: 18px;
	border-radius: 2px;
	background: #fff;
	border: 2px solid #2f587c;
	font-size: 14px;
	color: #fff;
	padding-top: 0;
}

.sel .req .fa:before,
.disabled .req .fa:before {
	content:"\f00c";
	color: #fff;
	border-color: #142b40;
	background: #142b40;
	position: relative;
	top: -1px;
}

.disabled.rejected .req .fa:before {
	content:"\f096";
}

.disabled .req {
	cursor: default;
}


/*SLICK CONTROLS
*******************************************************/

.slick li,
.slick img {
	outline: none !important;
}

.slick img {
	width: 100%;
	height: auto;
}

/*slick buttons*/

.slick .slick-prev,
.slick .slick-next {
	position: absolute;
	top: 50%;
	margin-top: -35px;
	display: inline-block;
	width: 50px;
	height: 70px;
	text-indent: -5000px;
	transition: .5s all ease;
	cursor: pointer;
	border-radius: 0;
	border: 0;
	background: transparent;
	padding: 0;
}

.slick .slick-prev {
	left: -50px;
}

.slick .slick-next {
	right: -50px;
}

.slick.storySlider .slick-prev {
	left: 0;
}

.slick.storySlider .slick-next {
	right: 0;
}

.slick.profileSlider .slick-prev {
	left: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.slick.profileSlider .slick-next {
	right: 10px;
	text-shadow: 0 0 10px rgba(0,0,0,0.7);
}

.slick .slick-prev:hover,
.slick .slick-next:hover {
	opacity: 1;
}

.slick .slick-prev:before,
.slick .slick-next:before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #142b40;
	font-size: 70px;
	line-height: 70px;
	height: 70px;
	position: absolute;
	top: 0;
	text-indent: 0;
	opacity: 0.5;
}

.slick.profileSlider .slick-prev:before,
.slick.profileSlider .slick-next:before,
.blue .slick .slick-prev:before,
.blue .slick .slick-next:before {
	color: #fff;
	opacity: 0.8;
	z-index: 50;
}

.slick .slick-prev:before {
	content:"\f104";
	left: 9px;
}

.slick .slick-next:before {
	content:"\f105";
	right: 9px;
}

/*slick dots*/

.slick-dots {
	text-align: center;
	margin-top: 30px;
}

.banner .slick-dots,
.profileSlider .slick-dots {
	position: absolute;
	z-index: 20;
	bottom: 10px;
	left: 0;
	right: 0;
	margin: 0;
}

.featuredContentSlider .slick-dots {
	position: absolute;
	z-index: 20;
	bottom: 45px;
	left: 0;
	right: 50%;
	margin: 0;
}

.slick-dots li {
	display: inline-block;
	margin: 0 3px;
}

.slick-dots button {
	border-radius: 50%;
	border: 1px solid #2487b2;
	background: rgba(255,255,255,0.2);
	width: 12px;
	height: 12px;
	padding: 0;
	text-indent: -5000px;
	outline: none;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.slick-dots .slick-active button {
	background: #2487b2;
}

.blue .slick-dots button,
.featuredContentSlider .slick-dots button,
.banner .slick-dots button,
.profileSlider .slick-dots button  {
	border: 1px solid #fff;
}

.blue .slick-dots .slick-active button,
.featuredContentSlider .slick-dots .slick-active button,
.banner .slick-dots .slick-active button,
.profileSlider .slick-dots .slick-active button {
	background: #fff;
}

/* Fixing issues with .slick-dots in sponsorship banners in the Directory  pages */
.featuredContentSlider .slick-dots {
	position: absolute;
	z-index: 20;
	bottom: 60px;
	left: 0;
	right: 50%;
	margin: 0;
}
@media all and (max-width: 768px) {
	.featuredContentSlider .slick-dots {
		bottom: 50px;
	}
}
@media all and (max-width: 508px) {
	.featuredContentSlider .slick-dots {
		left: 0;
		right: 50%;
	}
}

.featuredContentSlider .col.span4.card.franchise {
	display: none;
}

.featuredContentSlider .col.span4.card.franchise.slick-slide {
	display: block;
}

/*FANCYBOX OVERRIDES
*******************************************************/

.fancybox-skin {
	padding: 10px !important;
	border-radius: 0 !important;
}

.noBorder .fancybox-skin {
	padding: 0 !important;
}

.fancybox-close {
	top: 10px !important;
	right: 10px !important;
	background-image: none !important;
	background-color: rgba(255,255,255,0.3);
	text-align: center;
	font-size: 20px;
	color: #fff;
	font-weight: 300;
	text-decoration: none;
	padding-top: 5px;
}

.noBorder .fancybox-close {
	top: 0 !important;
	right: 0 !important;
}

.fancybox-close:before {
	content: "X";
}

body .fancybox-error {
	background: #d54d32;
	color: #fff;
	padding: 50px 50px;
	font-size: 16px;
	line-height: 26px;
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 300;
	text-align: center;
	white-space: normal;
}

body .fancybox-error span {
	display: block;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px;
}


/*VIDEO THUMBNAILS
*******************************************************/

.videoLisiting .image.video {
	overflow: hidden;
}

.videoLisiting .image.video a {
	width: 100%;
	position: relative;
	display: inline-block;
	text-decoration: none;
	height: 0;
	padding-bottom: 66.5%;
	overflow: hidden;
}

.videoLisiting .image.video img {
	width: 100%;
}

.image.video a,
.featuredContentSlider .image.video {
	position: relative;
	display: block;
	text-decoration: none;
}

.image.video a:before,
.featuredContentSlider .image.video:before {
	display: block;
	position: absolute;
	z-index: 5;
	left: 50%;
	top: 50%;
	margin: -40px 0 0 -40px;
	content:"\f04b";
	font-family: FontAwesome;
	color: #fff;
	font-size: 28px;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: 3px solid #fff;
	background: rgba(0,0,0,0.3);
	text-align: center;
	padding: 24px 0 0 5px;
	-webkit-box-sizing: border-box;h
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: .5s ease;
}

.image.video a:hover:before {
	background: rgba(0,0,0,0.6);
}

.featuredContentSlider .image.video:before {
	left: 75%;
	top: 50%;
	margin: -40px 0 0 -40px;
}


/*VIDEO PLAYER WRAP
this is required to make video iframes scale responsively
ratio is 16:9
*********************************************************/

/*youtube*/

.videoPlayerWrap {
	position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
}

.videoPlayerWrap.ar169 {
	padding-bottom: 56.25%; /*aspect ratio 16:9*/
}

.videoPlayerWrap.ar43 {
	padding-bottom: 75%; /*aspect ratio 4:3*/
}

.copy .videoPlayerWrap {
	margin: 20px 0 30px;
}

.videoPlayerWrap iframe {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100% !important;
	height: 100% !important;
	border: 0;
	overflow: hidden !important;
}

/*flowplayer*/

.player-frame-wrapper {
	position: relative;
	width: 100%;
  /* room for slim timeline */
  padding-bottom: 3px;
}

.ar169 .player-frame-wrapper-ratio {
	padding-top: 56.25%; /*aspect ratio 16:9*/
}

.ar43 .player-frame-wrapper-ratio {
	padding-top: 75%; /*aspect ratio 4:3*/
}

.player-frame {
	/* make iframe fill wrapper */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}



/*VIDEO IN LIGHTBOX
*******************************************************/

.simpleBox .inner .video {
	background: #2f587c;
	overflow: hidden;
	position: relative;
	min-width: 1150px;
}

.simpleBox .inner .videoLeft {
	width: 65%;
	overflow: hidden;
}

.simpleBox .inner .videoRight {
	padding: 20px 25px 0;
	color: #fff;
	position: absolute;
	z-index: 10;
	top: 0;
	right: 0;
	width: 35%;
}

.simpleBox .inner .videoRight h2 {
	color: #fff;
	font-weight: 700;
}

.simpleBox .inner .videoRight p {
	font-size: 14px;
	line-height: 20px;
}

.simpleBox .inner .videoRight .btn {
	margin-top: 20px;
}

/*VIDEO IN LIGHTBOX
*******************************************************/

.fancyVideoContainer .video {
	background: #2f587c;
	overflow: hidden;
	position: relative;
	min-width: 1150px;
}

.fancyVideoContainer .videoLeft {
	width: 65%;
	overflow: hidden;
}

.fancyVideoContainer .videoRight {
	padding: 20px 25px 0;
	color: #fff;
	position: absolute;
	z-index: 10;
	top: 0;
	right: 0;
	width: 35%;
}

.fancyVideoContainer .video h2 {
	color: #fff;
	font-weight: 700;
}

.fancyVideoContainer .video p {
	font-size: 14px;
	line-height: 20px;
}

.fancyVideoContainer .video .btn {
	margin-top: 20px;
}


/*ICON LISTS
*******************************************************/

.iconList a {
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #d9d8d7;
	padding: 7px 0 7px 24px;
	font-size: 16px;
	position: relative;
}

.iconList a:hover {
	background: #fff;
	background: rgba(255,255,255,0.4);
	color: #2f587c;
}

.iconList a i {
	width: 16px;
	text-align: center;
	margin-right: 5px;
	color: #ff9f00;
	font-size: 16px;
	position: absolute;
	left: 0;
	top: 10px;
}

.iconList a:hover i {
	color: #d54d32;
}


/*VIDEO LIST
used on profile page and main video page
********************************************************/

.videoList li {
	margin-top: 20px;
	padding-bottom: 30px;
	min-height: 360px;
}

.videoList .span6:nth-child(2n+3) {
	clear: left;
}

.videoList .span3:nth-child(4n+5) {
	clear: left;
}

.videoList .span4:nth-child(3n+4) {
	clear: left;
}

.videoList p {
	font-size: 14px;
	line-height: 20px;
}

.videoList a {
	text-decoration: none;
}


/*ACCORDIONS
*******************************************************/

.accordion .open {
	display: block !important;
}

.accordionTitle {
	color: #fff;
	margin: 10px 0 0;
}

.accordionTitle a {
	display: block;
	color: #fff;
	background: #2487b2;
	padding: 15px 30px 15px 15px;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
	position: relative;
}

.accordionTitle a:after {
	content:"\f055";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	color: inherit;
	font-size: 14px;
	line-height: 14px;
	position: absolute;
	right: 15px;
	top: 20px;
}

.accordionTitle.open a:after {
	content:"\f056";
}

#franchiseRequestAdditionalFields {
	width: auto;
	margin: 0 5px;
	background: #ebeae8;
}
#franchiseRequestAdditionalFields h3 {
	margin-top: 15px;
}
#franchiseRequestAdditionalFields .row{
	margin-top: 0;
	margin-bottom: 15px;
}
/* Note that this is probably only to be applied to accordions with a link in their title that has a padding */
.thankYouContent .accordionTitle + .accordionContent > p:first-child {
	margin-top: 0;
}


/*NETWKRK/COUNTRIES LIST
*****************************************************/

.locationsList {
	margin-top: 30px;
}

.locationsList li {
	width: 50%;
	float: left;
	padding: 0 0 10px;
}

.locationsList a {
	text-decoration: none;
	font-size: 18px;
	font-weight: 300;
	color: #2f587c;
}

.locationsList img {
	padding-right: 10px;
	position: relative;
	top: 5px;
}


/*ALERTS
*******************************************************************************************/

.alert {
	background: #ebeae8;
	padding: 20px 30px;
	position: relative;
	margin-top: 10px;
}

body > .alert:first-child {
  margin-top: 0;
}

.alert .close {
	position: absolute;
	z-index: 10;
	top: 10px;
	right: 10px;
	font-size: 20px;
	line-height: 20px;
	color: #000;
	opacity: 0.4;
	cursor: pointer;
	transition: .5s ease;
}

.alert .close:hover {
	color: #2487b2;
	opacity: 1;
}

.alert h2 {
	font-size: 28px;
	line-height: 32px;
	font-weight: 800;
	color: #2487b2;
}

.alert .small h2 {
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
}

.alert p {
	margin-left: 30px;
}

.alert ul {
	margin: 0 0 10px 30px;
}

.alert li {
	position: relative;
	margin: 5px 0;
	padding: 0 0 0 16px;
}

.alert li:before {
	content:"\f111";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	color: #2487b2;
	font-size: 8px;
	position: absolute;
	z-index: 5;
	left: 0;
	top: 8px;
}

.alert .success h2,
.alert .success li:before {
	color: #8fa51e;
}

.alert .fail h2,
.alert .fail li:before {
	color: #d54d32;
}

.alert .info h2,
.alert .info li:before {
	color: #2487b2;
}

/* Browser update DIV finetuning */
.alert.browserUpdate {
	margin-top: 0;
}

/******************************************************************************************
#introVideo > div.banner.large {
	margin-top: 0;
	margin-bottom: 0;
}

NAVIGATION

*******************************************************************************************/

/*MAIN NAV
*****************************************************/

.mainNavList {
	float: right;
	position: relative;
	top: 44px;
	right: 45px;
	transition: .5s ease;
}

.sticky .mainNavList {
	top: 20px;
}

.mainNavList > li {
	float: left;
	position: relative;
	height: 32px;
}

.mainNavList > li.columns {
	position: static;
}

.mainNavList > li > a {
	display: block;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	height: 32px;
	margin: 0 1px 0 0;
	padding: 6px 10px 0;
}

.mainNavList a {
	transition: .5s ease;
}

.mainNavList > li:hover > a {
	background: #142b40;
	color: #fff;
}

.mainNavList > li.sel > a {
	background: #142b40;
	color: #ff9f00;
}

/*
.mainNavList > li.haschildren:hover > a {
	background: #fff;
	color: #2f587c;
}
*/
.mainNavList > li > span {
	display: none;
}

/*dropdowns*/
.mainNavList .wrap {
	position: absolute;
	top: -5000em;
	left: 0;
	overflow: hidden;
	width: 240px;
	background: #fff;
	opacity: 0;
	transition: opacity .5s ease;
	border-top: 3px solid #142b40;
	padding: 20px 15px;
}

.mainNavList li:last-child .wrap,
.mainNavList li:nth-last-child(2) .wrap {
	left: auto;
	right: 0;
}

.mainNavList li:hover .wrap {
	top: 32px;
	opacity: 1;
}

.mainNavList .columns .wrap {
	width: 715px;
}

.mainNavList .columns li {
	width: 100%;
	float: none;
	padding: 0 5px;
}

.mainNavList .wrap a {
	display: block;
	color: #2f587c;
	font-size: 14px;
	text-decoration: none;
	border-bottom: 1px solid rgba(20,43,64,0.1);
	padding: 4px 5px;
}

.mainNavList .wrap a:hover {
	background: rgba(20,43,64,0.1);
}

/* Autosizing top nav menu elements */
.mainNavList .wrap {
	width: auto;
	white-space: nowrap;
}


/*PAGE NAV
*****************************************************/

.pageNavList {
	border-left: 1px solid #d9d8d7;
	border-right: 1px solid #d9d8d7;
}

.pageNavList a {
	display: block;
	padding: 10px 24px 10px 28px;
	background: #fff;
	color: #626e7a;
	font-size: 14px;
	line-height: 18px;
	text-decoration: none;
	border-bottom: 1px solid #d9d8d7;
	position: relative;
}

.pageNavList .sel a,
.pageNavList a:hover {
	color: #142b40;
}

.pageNavList a:before {
	content:"\f10c";
	font-family: FontAwesome;
	color: #ff9f00;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	position: absolute;
	z-index: 5;
	top: 10px;
	left: 10px;
}

.pageNavList a:after {
	content:"\f105";
	font-family: FontAwesome;
	color: #9fa6ae;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	position: absolute;
	z-index: 5;
	top: 9px;
	right: 10px;
}

.pageNavList .sel a:before,
.pageNavList a:hover:before {
	content:"\f111";
	color: #d54d32;
}

.pageNavList .sel a:after,
.pageNavList a:hover:after {
	content:"\f054";
	color: #2f587c;
	font-size: 12px;
	top: 11px;
	right: 10px;
}



/*SOCIAL MEDIA ICONS
*****************************************************/

/*icons*/

.social a:before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	font-size: 28px;
	line-height: 28px;
	display: inline-block;
	position: absolute;
	top: 9px;
	left: 9px;
	text-indent: 0;
	color: inherit;
}

.social .navtwitter a:before {
	content: "\f099";
}
.social .navfacebook a:before {
	content: "\f09a";
	left: 13px;
}
.social .navlinkedin a:before {
	content: "\f0e1";
}
.social .navyoutube a:before {
	content:"\f16a";
}
.social .navflickr a:before {
	content: "\f16e";
}
.social .navrss a:before {
	content: "\f09e";
}
.social .navpinterest a:before {
	content: "\f0d2";
}
.social .navgoogle a:before {
	content: "\f0d5";
}

/*social links*/

.socialNavList {
	text-align: center;
}

.socialNavList li {
	padding: 0 5px 0;
	display: inline-block;
}

.socialNavList a {
	width: 44px;
	height: 44px;
	display: inline-block;
	text-indent: -5000px;
	text-align: left;
	position: relative;
	transition: .3s all ease;
	background: #fff;
	color: #2487b2;
	text-decoration: none;
}

.socialNavList .navtwitter a {
	color: #00aced;
}
.socialNavList .navfacebook a {
	color: #3b5997;
}
.socialNavList .navlinkedin a {
	color: #005a87;
}
.socialNavList .navyoutube a,
.socialNavList .navgoogle a,
.socialNavList .navpinterest a {
	color: #be1522;
}
.socialNavList .navflickr a {
	color: #ff0084;
}
.socialNavList .navrss a {
	color: #f39200;
}

.socialNavList li a:hover {
	color: #fff;
}

.socialNavList .navtwitter a:hover {
	background: #00aced;
}
.socialNavList .navfacebook a:hover {
	background: #3b5997;
}
.socialNavList .navlinkedin a:hover {
	background: #005a87;
}
.socialNavList .navyoutube a:hover,
.socialNavList .navgoogle a:hover,
.socialNavList .navpinterest a:hover {
	background: #be1522;
}
.socialNavList .navflickr a:hover {
	background: #ff0084;
}
.socialNavList .navrss a:hover {
	background: #f39200;
}

/*share links*/

.rhsPagetitle {
	text-align: right;
	/*margin-top: -40px;*/
	position: absolute;
	top: 25px;
	right: 10px;
}

.rhsPagetitle > div {
	display: inline-block;
	text-transform: uppercase;
	 font-weight: 700;
	 color: #9fa6ae;
	 font-size: 14px;
	 position: relative;
	 top: 5px;
}

.shareList {
	display: inline-block;
	vertical-align: text-top;
}

.shareList li {
	padding: 0 0 0 5px;
	display: inline-block;
}

.shareList a {
	width: 30px;
	height: 30px;
	display: inline-block;
	text-indent: -5000px;
	text-align: left;
	position: relative;
	transition: .3s all ease;
	background: #2487b2;
	color: #fff;
	text-decoration: none;
}

.shareList .navtwitter a {
	background: #00aced;
}
.shareList .navfacebook a {
	background: #3b5997;
}
.shareList .navlinkedin a {
	background: #005a87;
}
.shareList .navyoutube a,
.shareList .navgoogle a,
.shareList .navpinterest a {
	background: #be1522;
}
.shareList .navflickr a {
	background: #ff0084;
}
.shareList .navrss a {
	background: #f39200;
}

.shareList a:before {
	font-size: 20px;
	line-height: 20px;
	top: 6px;
	left: 6px;
}

.shareList .navfacebook a:before {
	left: 10px;
}


/*PATH
*****************************************************/

.path {
	margin-top: 20px;
	margin-bottom: 10px;
}

.path ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.path li {
	display: inline;
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	color: #2487b2;
}

.path li a {
	color: #626e7a;
	text-decoration: none;
}

.path li a:hover {
	text-decoration: underline;
}

.path li a:after {
	content: "/";
	display: inline-block;
	padding: 0 5px;
}


/******************************************************************************************

FORMS

*******************************************************************************************/


/*GENERAL FORMS
********************************************************/

.formHolder {
	padding: 10px;

}

.formHolder.modal,
.simpleBox > .inner {
	max-width: 500px;
	position: relative;
}

.fancyVideoContainer .formHolder.modal{
	min-width: 1200px;
	padding: 0;
	/* outline: 10px solid white; */
}

.formHolder.yellow {
	background: #ff9f00;
}

.banner .formHolder.yellow {
	background: #ff9f00;
	background: rgba(255,159,0,0.9);
}

.formHolder.white {
	background: white;
}

.formHolder.blue {
	background: #2487b2;
}

.formHolder.red {
	background: #d54d32;
}

.formHolder.grey {
	background: #e6e6e6;
}

.generalForm.white {
	background: #fff;
	padding: 10px;
}

.generalForm legend,
.generalForm h3 {
	font-size: 14px;
	font-weight: 700;
	color: #2487b2;
	margin: 15px 0 10px;
	padding: 0;
	text-transform: uppercase;
}

.generalForm .accordion h3 {
	margin-bottom: 0;
}

.generalForm h3 a {
	display: inline-block;
	color: #2487b2;
	background: transparent;
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-weight: 700;
	line-height: 14px;
}

fieldset.accordion {
	margin: 10px 0;
}

fieldset.accordion:first-child {
	margin: 0 0 5px;
}

.generalForm .accordionTitle a {
	display: block;
	padding: 12px;
	background: #ebeae8;
	border-radius: 2px;
	padding-left: 30px;
}

.generalForm .accordionTitle a:after {
	font-size: 14px;
	line-height: 14px;
	position: absolute;
	left: 0;
	top: auto;
	padding: 0 10px;
}

.generalForm .accordionContent {
	float: left;
	width: 100%;
}

.generalForm .accordionContent > .row {
	width: auto;
	margin: 0 5px;background: #ebeae8;
}

.generalForm .accordionContent > .row:first-of-type {
	margin-top: 0;
}

.generalForm .accordionContent .col {

	margin-top: 0;
	padding: 5px 10px;
}

.generalForm .accordionContent .row:last-child .col:last-child {
	padding-bottom: 12px;
}

.generalForm .row {
	margin-top: 15px;
	padding-left: 0;
	padding-right: 0;
}

.generalForm .col {
	padding-left: 5px;
	padding-right: 5px;
}

.generalForm p {
	font-size: 14px;
	line-height: 18px;
	margin: 5px 0;
}

.generalForm label,
.generalForm .label {
	display: block;
	font-size: 13px;
	font-weight: 400;
	color: #626e7a;
	padding-top: 5px;
	padding-bottom: 5px;
}

.generalForm label.inline,
.generalForm .label.inline {
	display: inline-block;
	padding-top: 0;
	padding-bottom: 0;
}

.generalForm input[type="text"],
.generalForm input[type="password"],
.generalForm input[type="email"],
.generalForm input[type="tel"],
.generalForm select,
.generalForm textarea {
	border: 1px solid #d9d8d7;
	display: block;
	width: 100%;
	box-sizing: border-box;
	height: 40px;
	padding: 0;
	font-size: 15px;
	color: #384350;
	background: #fff;
	border-radius: 0;
}

.generalForm input[type="text"]:focus,
.generalForm input[type="password"]:focus,
.generalForm input[type="email"]:focus,
.generalForm input[type="tel"]:focus,
.generalForm select:focus,
.generalForm textarea:focus {
	outline: none;
	border-color: rgba(36,135,178,0.5);
	box-shadow: 0 0 6px rgba(36,135,178,0.5);
}

.generalForm input[type="text"],
.generalForm input[type="password"],
.generalForm input[type="email"],
.generalForm input[type="tel"],
.generalForm select {
	padding: 0 4px;
}

.generalForm select {
	-webkit-appearance: none;
	background-color: white;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAFCAYAAABM6GxJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRCMkJDOEI0NUQ1MDExRTZBMkRGOENEMENBMDQyMDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRCMkJDOEI1NUQ1MDExRTZBMkRGOENEMENBMDQyMDJFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REIyQkM4QjI1RDUwMTFFNkEyREY4Q0QwQ0EwNDIwMkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REIyQkM4QjM1RDUwMTFFNkEyREY4Q0QwQ0EwNDIwMkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6FVMotAAAAOUlEQVR42mJUad/0n4EAuF3hy4hLjgmIGQnoxyvPREARIcMZmIDOw6WYoGa4C7AYwojkf7wGAAQYADvpCO/6+6YSAAAAAElFTkSuQmCC);
	background-position: right center;
	background-repeat: no-repeat;
}

.generalForm textarea {
	padding: 6px 4px;
}

.generalForm select::-ms-expand {
	width:12px;
	border:none;
	background:#fff;
}

.IE11 .generalForm input[type="text"],
.IE11 .generalForm input[type="password"],
.IE11 .generalForm input[type="email"],
.IE11 .generalForm input[type="tel"],
.IE11 .generalForm select {

}

.generalForm textarea {
	height: 80px;
}

.generalForm input[type="checkbox"] {
	display: inline-block;
	margin-top: 5px;
}

.generalForm button,
.generalForm input[type="submit"] {
	display: inline-block;
	padding: 8px 15px;
	min-height: 40px;
	color: #fff;
	background: #2f587c;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	border: 0;
	box-sizing: border-box;
	cursor: pointer;
}


button.blue {
	background: #2487b2;
}

button.red {
	background: #d54d32;
}

button.yellow {
	background: #ff9f00;
}

button.navy {
	background: #2f587c;
}

button.green {
	background: #8fa51e;
}

.formHolder.yellow button.yellow {
	background: #2f587c;
}

.generalForm button.block,
.generalForm input[type="submit"].block {
	width: 100%;
}
.generalForm button.block.submitButton{
	text-transform: none;
}

/*fancy checkboxes and radio buttons*/

.generalForm input.styled {
	opacity: 0;
	position: absolute;
	left: -5000em;
}

.generalForm label.styled {
	position: relative;
	/*margin-left: -24px;*/
}

.generalForm label.styled.hide{
	display: none;
}

.generalForm label.styled:before {
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	color: inherit;
	display: inline-block;
	padding-right: 6px;
	font-size: 18px;
	position: relative;
	top: 2px;
}

.generalForm label.checkbox:before {
	content:"\f096";
}

.generalForm label.radio:before {
	content:"\f10c";
}

.generalForm label.checkbox.sel:before {
	content:"\f046";
}

.generalForm label.radio.sel:before {
	content:"\f058";
}

#newsletterResultContainer > p {
	color: #626e7a;
}

/*lead form*/

.requestInformationForm label,
.requestInformationForm .label {
	font-weight: 700;
	font-size: 16px;
	color: #142b40;
}

.requestInformationForm label.inline {
	font-weight: 400;
	font-size: 14px;
}

.requestInformationForm input[type="text"],
.requestInformationForm input[type="password"],
.requestInformationForm input[type="email"],
.requestInformationForm input[type="tel"],
.requestInformationForm input[type="search"],
.requestInformationForm select,
.requestInformationForm textarea {
	border: 1px solid #b9b9b8;
	box-shadow: inset 2px 2px 3px rgba(0,0,0,0.1);
	border-radius: 2px;
}

.requestInformationForm input[type="text"],
.requestInformationForm input[type="password"],
.requestInformationForm input[type="email"],
.requestInformationForm input[type="tel"],
.requestInformationForm input[type="search"],
.requestInformationForm select {
	height: 36px;
}
.requestInformationForm input[type="search"] {
	width: 100%;
}

.requestInformationForm ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
.requestInformationForm :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  1;
}
.requestInformationForm ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
}
.requestInformationForm :-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #fff;
}

/*filters forms*/

.filtersForm {
	padding: 10px;
}

.filtersForm label,
.filtersForm .label,
.greyBar .label {
	font-weight: 700;
	font-size: 12px;
	text-align: right;
	text-transform: uppercase;
	position: relative;
	top: 5px;
	color: #112b3a;
	padding-top: 5px;
	padding-bottom: 5px;
	}

 .az .label {
	top: 0;
	padding-left: 10px;
	padding-right: 10px;
}

.filtersForm span {
	width: 10%;
	float: left;
}

.filtersForm select {
	width: 17%;
	margin-left: 1%;
	float: left;
	height: 34px;
	font-size: 13px;
}

.filtersForm select optgroup{
	background:#000;
	color:#fff;
	font-style:normal;
	font-weight:normal;
}

.filtersForm button.btn {
	width: 6%;
	margin-left: 1%;
	float: left;
	font-weight: 400;
	font-size: 14px;
	height: 34px;
	padding: 0;
}

/*validation errors*/

label.error {
	color: #d54d32;
	font-size: 13px;
	font-style: italic;
}

.generalForm input.error,
form input.error,
form select.error,
form textarea.error {
	border-color: #d54d32;
}


/*SEARCH WIZARD
*******************************************************/

.searchWizardForm.searchAgain {
	padding-bottom: 10px;
}

.searchWizardForm input[type="text"],
.searchWizardForm input[type="password"],
.searchWizardForm input[type="email"],
.searchWizardForm select,
.searchWizardForm textarea {
	border: 0;
	font-size: 16px;
}

.condensed .formHolder {
	padding: 22px 0;
}

.condensed .searchWizardForm .col {
	width: 20%;
}

.condensed .searchWizardForm .col:last-child {
	padding-right: 10px;
}

.searchWizardForm legend {
	font-size: 22px;
	font-weight: 700;
	color: #fff;
	margin: 15px 0 10px;
	text-transform: uppercase;
}
@media(max-width: 768px) {
	.searchWizardForm legend {
		margin: 0;
	}
}

.grey > .searchWizardForm legend {
	color: #142b40;
}

.searchWizardForm.searchAgain legend {
	margin-top: 5px;
}

.condensed .searchWizardForm legend {
	text-transform: none;
	font-size: 19px;
	margin: 7px 0 0 0;
	padding-left: 10px;
}


/*SITE SEARCH IN HEADER
*******************************************************/

.siteSearchForm {
	position: absolute;
	z-index: 20;
	right: 40px;
	top: -5000em;
	background: #446989;
	opacity: 0;
	transition: .5s opacity;
	background: #142b40;
	width: 700px;
	height: 40px;
}

.open .siteSearchForm {
	top: 0;
	opacity: 1;
}

.siteSearchForm input[type="search"] {
	width: 90%;
	height: 40px;
	background: transparent;
	color: #fff;
	border: 0;
	font-size: 16px;
	padding-left: 10px;
	-webkit-appearance: none;
}

.siteSearchForm input[type="search"]:focus {
	outline: none;
}

.siteSearchForm button {
	width: 40px;
	height: 40px;
	background: transparent;
	color: #ff9f00;
	border: 0;
	font-size: 16px;
	float: right;
}


/*NEWSLETTER SIGN UP
*******************************************************/

.newsletterForm {
	background: #e6e6e6;
}

.newsletterForm input[type="text"],
.newsletterForm input[type="password"],
.newsletterForm input[type="email"],
.newsletterForm select {
	background: transparent;
	border: 0;
	font-size: 20px;
}


/******************************************************************************************

PAGE STRUCTURE
Header, Footer, etc

*******************************************************************************************/


/*HEADER
*******************************************************/

.header {
	background: #2f587c;
	min-height: 100px;
	z-index: 100;
	transition: .5s ease;
}

.header.sticky {
	position: fixed;
	height: 70px;
	min-height: 70px;
	top: 0;
}

.header .logo {
	float: left;
	position: relative;
	top: 38px;
	transition: .5s ease;
}

.header.sticky .logo {
	top: 17px;
}

/*country selection*/
.topNav {
	position: absolute;
	top: 0;
	right: 10px;
}
.loggedIn,
.login {
	    display: inline-block;
    padding-left: 10px;
}
.login a {
	color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    height: 32px;
    margin: 0 1px 0 0;
    padding: 6px 10px 0;
}
.loggedIn .profile {
	     position: absolute;
    background: #fff;
    opacity: 0;
    transition: opacity .5s ease;
    padding: 10px;
        margin-top: 5px;
  width: 130px;
    right: 0;
	z-index: -10;
	visibility: hidden;
}
.loggedIn .profile li a {
	    display: block;
    color: #2f587c;
    font-size: 14px;
    text-decoration: none;
    border-bottom: 1px solid rgba(20,43,64,0.1);
    padding: 4px 5px;
}
.loggedIn .profile li:last-child a {
	border-bottom: none;
}
.loggedIn .profile.open {
    opacity: 1;
	z-index: 10;
	visibility: visible;

}
.profileLink a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    height: 32px;
    margin: 0 1px 0 0;
    padding: 6px 10px 0;
}
.profileLink img {
    padding-right: 5px;
}
.countrySelect {
	display: inline-block;
	z-index: 200;
	top: 0;
	right: 10px;
	background: #446989;
	width: 160px;
	transition: .5s ease;
}

.sticky .topNav {
	top: -30px;
	opacity: 1;
}

.countrySelect ul {
	position: absolute;
	z-index: 20;
	left: 0;
	right: 0;
	top: -5000em;
	background: #446989;
	opacity: 0;
	transition: .5s opacity;
}

.countrySelect.open ul {
	top: 30px;
	opacity: 1;
}

.countrySelect a {
	color: #fff;
	font-size: 13px;
	text-decoration: none;
	display: block;
	text-transform: uppercase;
	padding: 5px 25px 5px 10px;
	transition: .5s opacity;
}

.countrySelect a:hover {
	background: rgba(255,255,255,0.1);
}

.countrySelect .sel > a {
	border-bottom: 1px solid #2f587c;
	background: rgba(255,255,255,0.1);
	position: relative;
}
.profileLink a:after {
	content:"\f0d7";
	font-family: FontAwesome;
	padding-left: 10px;
}

.countrySelect .sel > a:after {
	content:"\f0d7";
	font-family: FontAwesome;
	position: absolute;
	top: 9px;
	right: 10px;
}

.countrySelect li li:last-child > a {
	padding-bottom: 10px;
}

.countrySelect img {
	width: 16px;
	position: relative;
	top: 3px;
	padding-right: 5px;
}

/*site search in header*/

.siteSearch {
	position: absolute;
	z-index: 5;
	top: 44px;
	right: 10px;
	transition: .5s ease;
}

.sticky .siteSearch {
	top: 15px;
}

.toggleSearch {
	display: block;
	color: #fff;
	font-size: 16px;
	width: 40px;
	height: 40px;
	padding-top: 5px;
	text-align: center;
	transition: .5s ease;
}

.sticky .toggleSearch {
	padding-top: 9px;
}

.open .toggleSearch {
	background: rgba(255,255,255,0.1);
	padding-top: 5px;
}

.open .toggleSearch i:before {
	content: "x";
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	font-size: 24px;
}


/*FOOTER
********************************************************/

.footer {
	background: #2f587c;
}
.footerLinks li {
	padding: 2px 0;
}

.footerLinks a {
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	opacity: 0.8;
}

.footer .partnerLogos li {
	display: block;
	float: right;
	margin: 10px 0 0 10px;
	padding: 5px;
	background: #fff;
}

.footer .partnerLogos li.truste {
	clear: both;
}

.copy .partnerLogos li:before {
	display: none;
}

.partnerLogos img {
	display: block;
	width: auto;
	height: auto;
	max-width: 300px;
}

.contentWrap .partnerLogos li {
	border: 1px solid #d9d8d7;
	padding: 10px;
	display: inline-block;
	margin: 0 5px;
	height: 120px;
}

.contentWrap .partnerLogos li.truste {
	padding-top: 34px;
}

.copyright {
	padding: 40px 0 0;
	border-top: 1px solid rgba(255,255,255,0.2);
	color: #fff;
	opacity: 0.8;
	font-size: 13px;
}

/* TRUSTe logo in the footer */

.footer .partnerLogos-TRUSTe {
	width: 215px;
}
.footer .partnerLogos-TRUSTe img {
	margin: 0 auto;
}
.footer .col.span6 {
	white-space: nowrap;
}


/*MAIN CONTENT BLOCKS
sidebar, content container
********************************************************/

.sidebar {
	margin-bottom: 40px;
}

.sidebar.left {
	padding-right: 30px;
}

.sidebar.right {
	padding-left: 30px;
	z-index: 1;
}

.content.col {
	/*padding-left: 0;
	padding-right: 0;*/
	padding-bottom: 40px;
}


/******************************************************************************************

CONTENT BLOCK STYLES

*******************************************************************************************/


/*IMAGE SLIDERS
the large banner images at the top of the home page,
state directory pages and certain other pages
********************************************************/

.bannerSlider {
	z-index: 1;
	height: 0;
	overflow: hidden;
}

.bannerLarge .bannerSlider {
	padding-bottom: 35.7142857142%;
}

.bannerMedium .bannerSlider {
	padding-bottom: 25.7142857142%;
}

.bannerSlider figure {
	position: relative;
}

.bannerSlider figure:before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0; /* FF3.6+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.8) 100%); /* W3C */
}

.bannerSlider img {
	width: 100%;
	display: block;
}

.bannerContent,
.banner figcaption {
	position: absolute;
	z-index: 20;
	left: 0;
	right: 0;
	bottom: 50px;
	color: #fff;
}

.banner .searchWizard,
.banner .infoBox {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 60px;
	margin-top: 30px;
}

.banner .searchWizard .formHolder {
	width: 66.6666666666%;
	height: 135px;
}

.banner figcaption .inner {
	width: 32.3333333333%;
	height: 135px;
	background: #2487b2;
	background: rgba(36,135,178,0.9);
	padding: 20px 15px 0;
}

.bannerSlider figcaption h2 {
	font-size: 22px;
	text-transform: uppercase;
	margin: 0 0 5px;
	font-weight: 700;
	color: #fff;
}

.bannerTitle {
	margin-bottom: 0;
}

.bannerTitle h1,
.bannerTitle h2 {
	font-weight: 800;
	font-size: 46px;
	line-height: 52px;
	text-shadow: 0 0 12px rgba(0,0,0,0.7);
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.bannerTitle p {
	font-size: 20px;
	line-height: 26px;
	font-weight: 700;
	text-shadow: 0 0 8px rgba(0,0,0,0.7);
}


/*GALLERY SLIDERS
used for golden opportunities on home page
********************************************************/

.gallerySlider .card {
	position: relative;
	width: 50%;
	float: left;
	padding: 0 10px;
	margin: 10px 0;
	cursor: pointer;
	overflow: hidden;
}

.gallerySlider .card a {
	display: block;
}

.gallerySlider .image {
	position: relative;
	border: 1px solid #d9d8d7;
	background: #fff;
	height: 0;
	overflow: hidden;
	padding-bottom: 62.8571428571%;
}

.gallerySlider .image:before {
	content: "";
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	box-shadow: inset 0 0 70px rgba(0,0,0,0.1);
}

.gallerySlider img {
	display: block;
	margin: 0 auto;
}

.gallerySlider .text {
	position: absolute;
	z-index: 10;
	top: 100%;
	left: 0;
	right: 0;
	bottom: auto;
	background: #2f587c;
	background: rgba(20,43,64,0.9);
	transition: .3s linear;
	color: #fff;
	padding: 20px;
	text-decoration: none;
}

.gallerySlider .card:hover .text,
.gallerySlider .card.sel .text  {
	top: 0;
	bottom: 0;
}

.gallerySlider .req {
	position: absolute;
	z-index: 10;
	left: 10px;
	right: 10px;
	bottom: -55px;
	transition: .3s ease;
}

.gallerySlider .card:hover .req,
.gallerySlider .card.sel .req,
.gallerySlider .card.disabled .req  {
	bottom: 0;
}

/*.gallerySlider .sel .text {
	background: #d54d32;
	background: rgba(213,77,50,0.95);
}*/

.gallerySlider h2,
.gallerySlider h3,
.gallerySlider h4,
.gallerySlider h5,
.gallerySlider h6 {
	font-size: 20px;
	line-height: 20px;
	margin: 0 0 5px;
	font-weight: 700;
	color: #fff;
}

.gallerySlider p {
	font-size: 13px;
	line-height: 18px;
	opacity: 0.8;
}



/*STORY SLIDERS
used for success stories, testimonials
********************************************************/

.storySlider img {
	margin: 30px auto 0;
	border-radius: 50%;
	border: 3px solid #2f587c;
	max-width: 100px;
}

.storySlider .logo img {
	margin: 30px auto 0;
	border-radius: 0;
	border: 0;
	max-width: 170px;
}

.storySlider blockquote {
	max-width: 800px;
	margin: 20px auto 0;
	font-size: 20px;
	line-height: 26px;
	font-weight: 300;
}

.storySlider blockquote .fa {
	color: #142b40;
	opacity: 0.2;
}

.storySlider .fa-quote-left {
	font-size: 34px;
	position: relative;
	top: -2px;
	left: -5px;
}

.storySlider .fa-quote-right {
	font-size: 28px;
	position: relative;
	top: 10px;
	left: 5px;
}

.storySlider .btn {
	margin-top: 30px;
}


/*RESOURCES LISTING
used on home page and directory pages
*************************************************************/

.resourceList,
.row.resourceList {
	-webkit-columns: 3;
	-moz-columns: 3;
	columns: 3;
	-moz-column-fill: balance;
	-webkit-column-fill: balance;
	column-fill: balance;
	padding: 0 10px 0;
	margin: 40px 0 0;
}

.content .resourceList {
	padding-left: 0;
	padding-right: 0;
}

.resourceList li {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	vertical-align: top;
}

.content .resourceList {
	margin-top: 20px;
}

.content .resourceListWrap {
	margin: 0;
}

.content .row + .resourceListWrap {
	margin: 0 10px;
}



/*3 column layout

.resourceList.column {
	width: 33.3333333334%;
	float: left;
	margin: 40px 0 0;
	padding: 0 10px;
}

.content .resourceList.column {
	margin-top: 20px;
}

.content .resourceListWrap {
	margin: 0 -10px;
}

.content .row + .resourceListWrap {
	margin: 0;
}
*/

.resourceList .inner {
	background: #f2f1f0;
	padding: 20px 25px 25px;
	border-bottom: 20px solid #fff;
}

.grey .resourceList .inner {
	background: #fff;
	background: rgba(255,255,255,0.5);
	border-bottom: 20px solid #ebeae8;
}

.resourceList .subTitle {
	font-size: 14px;
	font-weight: 700;
}

.resourceList h3 {
	font-size: 26px;
	line-height: 30px;
	font-weight: 300;
	margin: 0;
}

.resourceList p {
	font-size: 15px;
	line-height: 22px;
	margin: 10px 0 0;
}

.resourceList p img {
	max-width: 150px;
	float: left;
	margin: 0 10px 10px 0;
	position: relative;
	top: 5px;
}

.resourceList .btn {
	margin-top: 20px;
}

.resourceList .image {
	margin-top: 10px;
}

.resourceList .image.video a {
	max-width: 100%;
	width: 100%;
}

/*colours*/

.resourceList .article .subTitle,
.resourceList .article h3 {
	color: #2f587c;
}
.resourceList .article .btn {
	background: #2f587c;
}

.resourceList .video .subTitle,
.resourceList .video h3 {
	color: #ff9f00;
}
.resourceList .video .btn {
	background: #ff9f00;
}

.resourceList .news .subTitle,
.resourceList .news h3 {
	color: #2487b2;
}
.resourceList .news .btn {
	background: #2487b2;
}

.resourceList .report .subTitle,
.resourceList .report h3 {
	color: #d54d32;
}
.resourceList .report .btn {
	background: #d54d32;
}

.resourceList .blog .subTitle,
.resourceList .blog h3 {
	color: #8fa51e;
}
.resourceList .blog .btn {
	background: #8fa51e;
}

.resourceList .successStory .subTitle,
.resourceList .successStory h3 {
	color: #7d477d;
}
.resourceList .successStory .btn {
	background: #7d477d;
}


/*RESOURCES SECTION LANDING
*****************************************************************/

#resourceMedia .slick-dots button {
	width: 10px;
	height: 10px;
}

#resourceMedia .content img {
	width: 100%;
}

#resourceMedia .content .tileWrap .tileInner > img {
	width: auto;
}

#resourceMedia p {
	font-size: 14px;
	line-height: 26px;
}

p.author cite,
p.author span {
	font-style: italic;
	color: #2f587c;
}

p.author cite:after{
	content: ' | '
}

h2.sectionHead {
	font-weight: 800;
	font-size: 28px;
	line-height: 44px;
	color: #142b40;
}

hr {
	border: 0;
	border-bottom: 1px solid #d9d8d7;
}

/*grid
*********************************************/

#resourceMedia .col.span9.content {
	margin-top: 10px;
}

.row.tileRow {
	margin-top: 15px;
}

.row.tileRow.marginTop {
	margin-top: 78px;
}

/*banner
*********************************************/

.contentBanner .slick-slider {
	height: auto;
}

.contentBanner figcaption,
.articleBanner figcaption {
	color: #142b40;
	bottom: auto;
	top: 40px;
	position: absolute;
	z-index: 50;
}

.contentBanner figcaption .inner,
.articleBanner figcaption .inner {
	background: white;
	background: rgba(255, 255, 255, 0.8);
	padding: 20px;
	height: auto;
	width: auto;
}

.contentBanner figcaption h2,
.articleBanner figcaption h2 {
	font-size: 36px;
	text-transform: capitalize;
	margin: 0 0 5px;
	font-weight: 800;
	margin: 0 0 -5px;
	white-space: nowrap;
	color: #142b40;
}

.contentBanner figcaption h3,
.articleBanner figcaption h3 {
	font-size: 20px;
	text-transform: capitalize;
	margin: 0 0 5px;
	font-weight: 300;
	white-space: nowrap;
	color: #142b40;
}

.contentBanner .bannerSlider figure p,
.articleBanner figure p {
	position: absolute;
	bottom: 0;
	color: white;
	z-index: 20;
	text-align: center;
	padding: 0 20px 40px;
}

.contentBanner .slick-dots {
	position: absolute;
	z-index: 20;
	bottom: 10px;
	left: 0;
	right: 0;
	margin: 0;
}

.contentBanner .slick-dots button {
	border: 1px solid white;
}

.contentBanner .slick-dots .slick-active button {
	background: white;
}

.articleBanner figure p {
	padding: 0 10% 20px;
	margin-bottom: 0;
}

/*resources landing - grid
*********************************************/

.resourceLanding {
	padding-bottom: 50px;
}

.resourceLanding .col:nth-child(2n+3) {
	clear: left;
}

.resourceLanding .col {
	margin-top: 20px;
}

.tileWrap {
	position: relative;
	padding-bottom: 138.5%;
}

.tileInner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	padding: 0 20px;
}

.tileInner.orange,
.resourceItem.sidePost .inner.orange {
	background-color: #d54d32;
}

.tileInner.green,
.resourceItem.sidePost .inner.green {
	background-color: #8fa51e;
}

.tileInner.navy,
.resourceItem.sidePost .inner.navy {
	background-color: #2f587c;
}

.tileInner img {
	width: auto;
	padding-top: 30px;
}

.tileInner p {
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	color: #2487b2;
	color: white;
}

.tileInner.sky p {
	color: #2487b2;
	margin-top: 82%;
}

.tileInner.color p {
	bottom: 85px;
}

.tileInner p > a,
.sidePost p > a {
	color: white;
	text-decoration: underline;
	opacity: 0.7;
	webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.tileInner p > a:hover,
.sidePost p > a:hover {
	opacity: 1;
}

.tileInner a.btn.block {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
}

.tileInner h2 {
	text-transform: uppercase;
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	color: white;
}

.tileInner li,
.sidePost li {
	padding-bottom: 5px;
}

.tileInner li:last-of-type,
.sidePost li:last-of-type {
	padding-bottom: 0;
}

.tileInner li a,
.sidePost li a {
	font-size: 14px;
	color: white;
	text-decoration: none;
	text-transform: capitalize;
	display: block;
	position: relative;
	webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.tileInner li a:hover,
.sidePost li a:hover {
	opacity: 0.8;
}

.tileInner li a:after,
.sidePost li a:after {
	content:"\f105";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: inherit;
	font-size: inherit;
	padding-left: 0.5em;
	position: relative;
	top: 0;
	left: 0;
	text-decoration: none;
}

.resourceList .tileWrap {
	padding-bottom: 20px;
}

.resourceList .tileInner {
	padding-bottom: 20px;
}

.resourceList .tileInner,
.resourceList .tileInner a.btn.block {
	position: static;
}


/*resource listing
*********************************************/

.resourceMedia .row.resourceBanner.marginTop {
	margin-top: 0;
}

.resourceMedia .row.resourceList {
	margin-top: 15px;
}

.resourceMedia .resourceList .article .inner {
	background: #f2f1f0;
}

.resourceMedia .resourceList .article .inner p {
	font-size: 14px;
	line-height: 22px;
}

.resourceMedia .resourceItem > .inner {
	padding: 20px 20px 25px
}

.resourceMedia .resourceItem > .inner h3 {
	font-size: 24px;
	line-height: 26px;
}

.resourceMedia .resourceItem.sidePost {
	text-align: center;
}

.resourceMedia .resourceItem.sidePost img {
	width: auto;
}

.resourceMedia .resourceItem.sidePost h2 {
	position: relative;
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	color: white;
	text-transform: uppercase;
}

.resourceMedia .resourceItem.sidePost .inner > a.btn {
	width: 100%;
}

.resourceMedia .resourceItem.sidePost .inner p {
	color: white;
}

.resourceMedia .resourceItem.sidePost.top100 {
	background: #F3F4F3 url(../resource/images/layout/top100bg.9f4f25b75bd7cd38c40059aea7c71377.jpg);
	background-size: 636px 387px;
	background-position: center top;
	background-repeat: no-repeat;
}

.tileInner.sky {
	background: url(../resource/images/layout/top100bg.9f4f25b75bd7cd38c40059aea7c71377.jpg);
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}

.resourceMedia .resourceItem.sidePost.top100 .inner {
	background: none;
	padding-top: 190px;
}

.resourceMedia .resourceItem.sidePost.top100 .inner p {
	color: #2487b2;
}

/*resourcelist - articles
*********************************************/

.articleBanner {
	margin-top: 10px;
}

.articleBanner figure {
	position: relative;
}

.articleBanner figure:before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 5px;
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.8) 100%);
}

.articleBanner figure img {
	width: 100%;
}

/*
.resourceArticles h3 {
	font-size: 22px;
	line-height: 32px;
	font-weight: 300;
	color: #2f587c;
}

.resourceArticles p {
	margin-bottom: 26px;
}
*/


/*resourcelist - articles / copy sliding banner
*********************************************/

p.author.articleHead {
	font-size: 16px;
	margin: -10px 0 0;
	clear: left;
}

.copyBanner  ul li img {
	width: 100%;
}

.copyBanner ul li {
	padding: 0;
	padding-left: 0;
	margin: 0 0 20px;
}

.copyBanner li:before {
	display: none;
}

.copyBanner .slick-dots {
	display: none !important;
}

.copyBanner p {
	position: absolute;
	text-align: center;
	bottom: 0;
	padding: 10px 20px;
	width: 100%;
	margin-bottom: 0;
	background-color: #142b40;
	background-color: rgba(20, 43, 64,0.8);
	color: white;
}

.copyBanner .slick .slick-next {
	right: 10px;
}

.copyBanner .slick .slick-prev {
	left: 10px;
}

.copyBanner .slick .slick-prev:before, .copyBanner .slick .slick-next:before {
	color: white;
}


.resourceMedia .copy > img {
	width: auto;
	max-width: 100%;
	padding: 40px 0 40px 20px;
}

.resourceMedia .content #franchiseDirectory {
	border-top: 1px solid #d9d8d7;
    margin-top: 40px;
}


/*resources - contents
*********************************************/

#contents {
	position: relative;
	padding-bottom: 0;
	overflow: hidden;
}

#contents ul {
	padding-left: 20px;
}

#contents ul li {
	position: relative;
	font-size: 16px;
	line-height: 34px;
}

#contents ul li:before {
	content:"\f105";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: inherit;
	font-size: inherit;
	padding-right: 0.5em;
	position: absolute;
	top: 0;
	left: -20px;
}

#contents ul li a {
	text-decoration: none;
	text-transform: capitalize;
}

#contents ul li.sel a {
	font-weight: 700;
}

#contents > a.btn {
	margin-top: 20px;
}


/*resources - facebook widget
*********************************************/

#facebookWidget .fb_iframe_widget {
	background-color: #f2f1f0;
	padding: 40px 20px;
}

#facebookWidget .fb_iframe_widget,
#facebookWidget .fb_iframe_widget span,
#facebookWidget .fb_iframe_widget iframe {
	width: 100% !important;
}

#contents,
#facebookWidget {
	border-top: 1px solid #d9d8d7;
	margin-top: 40px;
}



/*FEATURED FRANCHISE SLIDER
**********************************************************/

.featuredContentSlider {
	margin-top: 10px;
	z-index: 1;
}

.featuredContentSlider,
.featuredContentSlider .slick-list,
.featuredContentSlider .slick-track,
.featuredContentSlider .slick-slide,
.featuredContentSlider .inner {
	height: 0 !important;
	overflow: hidden !important;
	padding-bottom: 30% !important;
}

 .featuredContentSlider .inner {
	position: relative;
}

.featuredContentSlider a {
	display: block;
}

.featuredContentSlider .text {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	bottom: 0;
	right: 50%;
	background: #142b40;
	background: rgba(20,43,64,0.9);
	padding: 20px;
	color: #fff;
}

/*.featuredContentSlider.video figcaption {
	bottom: 5px;
}*/

.featuredContentSlider .subtitle {
	color: #fff;
	font-size: 14px;
	line-height: 16px;
}

.featuredContentSlider h3 {
	font-size: 26px;
	line-height: 28px;
	font-weight: 700;
	color: #fff;
	margin-top: 3px;
}

.featuredContentSlider p {
	font-size: 14px;
	line-height: 20px;
}

.featuredContentSlider .req {
	right: 50%;
}

/*on services pages*/
/*
.featuredContentSlider.services a {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.featuredContentSlider.services .text {
	position: relative;
	width: 50%;
}
*/

.featuredContentSlider.services {
	border-bottom: 1px solid #d9d8d7;
}

.featuredContentSlider.services .inner {
	display: block;
	box-shadow: inset 0 0 70px rgba(0,0,0,0.05);
	border: 1px solid #d9d8d7;
}

.featuredContentSlider .btn {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px 0;
}

.featuredContentSlider .logo {
	overflow: hidden;
	position: relative;
	width: 50%;
	float: right;
}

.featuredContentSlider .logo:before {
	display: block;
	content: "";
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: auto;
}

.featuredContentSlider .logo img {
	margin: 0 auto;
	padding: 20px 0;
	max-width: 350px;
	min-height: 100%;
	display: block;
}

/******************************************************************************************

DIRECTORY AND PROFILE PAGES

*******************************************************************************************/

/*FILTER, A-Z, PAGINATION
************************************************************/

.greyBar {
	background: #ebeae8;
	overflow: hidden;
}

/*pagination*/

.pages,
.az {
	font-size: 12px;
	text-transform: uppercase;
	padding: 10px 0;
	clear: both;
}

.az {
	font-size: 14px;
}

.pages .all {
	padding-top: 4px;
}

.pages .all a {
	color: #626e7a;
	text-decoration: underline;
	transition: .5s ease;
}

.pages .all a:hover {
	color: #2487b2;
	text-decoration: none;
}

.pageList,
.pageList li,
.pagination a {
	display: inline-block;
}

.pageList li {
	margin: 0;
	padding: 0;
}

.pageList li:before {
	display: none;
}

.pagination a {
	background: #fff;
	padding: 3px 7px;
	text-decoration: none;
	transition: .5s ease;
}

.pagination a:hover,
.pagination .sel a {
	color: #fff;
	background: #2487b2;
}

.pagination .disabled a:hover,
.pagination .disabled a {
	opacity: 0.5;
	background: #fff;
	color: #5998b3;
	cursor: default;
}

/*MAIN DIRECTORY LISTING
************************************************************/

.directoryMain.row {
	margin-top: 10px;
}

.directoryMainList {
	overflow: hidden;
	margin: 20px -10px 0;

	display: -ms-flexbox;
	-ms-align-items: stretch;
	-ms-justify-content: left;
	-ms-flex-flow: row wrap;
	-ms-align-content: flex-end;

	display: -webkit-flex;
	-webkit-align-items: stretch;
	-webkit-justify-content: left;
	-webkit-flex-flow: row wrap;
	-webkit-align-content: flex-end;

	display: -webkit-box;

	display: flex;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	-webkit-box-pack: left;
	    -ms-flex-pack: left;
	        justify-content: left;
	-ms-flex-flow: row wrap;
	    flex-flow: row wrap;
	-ms-flex-line-pack: end;
	    align-content: flex-end;
}

.directoryMainList li {
	display: -ms-flexbox;
	-ms-align-items: stretch;

	display: -webkit-flex;
	-webkit-align-items: stretch;

	display: -webkit-box;

	display: flex;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	margin-bottom: 20px;
}

.directoryMainList .inner {
	width: 100%;
	position: relative;
	margin: 0 -5px;
	padding: 15px 15px 60px;
	background: #f2f1f0;
	/*min-height: 390px;*/
	display: block;
	text-decoration: none;
	color: #626e7a;
}

.directoryMainList li:nth-child(3n+4) {
	clear: left;
}

.directoryMainList .inner a {
	white-space: nowrap;
}

.directoryMainList .inner h3 a {
	white-space: normal;
}

.directoryMainList .image {
	position: relative;
	display: block;
	background: #fff;
	height: 0;
	overflow: hidden;
	padding-bottom: 62.8571428571%;
}

.directoryMainList .image:before {
	display: block;
	content: "";
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	box-shadow: inset 0 0 70px rgba(0,0,0,0.05);
	border: 1px solid #d9d8d7;
}

.directoryMainList img {
	display: block;
	margin: 0 auto;
}

.directoryMainList h2,
.directoryMainList h3,
.directoryMainList h4,
.directoryMainList h5,
.directoryMainList h6 {
	font-size: 20px;
	line-height: 22px;
	font-weight: 700;
	color: #142b40;
	margin: 20px 0 5px;
}

.directoryMainList p {
	font-size: 15px;
	line-height: 1.5;
	margin: 10px 0;
}

.card .moreResults p {
	font-size: 19px;
	line-height: 1.5;
	padding-right: 70px;
}

.directoryMainList p .navy {
	color: #2f587c;
}

.card .moreResults .fa {
	color: #d54d32;
	font-size: 42px;
	float: right;
	position: relative;
	left: -20px;
}

.directoryMainList p .more {
	color: #2487b2;
	display: block;
	text-decoration: underline;
}

/*SUB FILTERS*/

.subFilters {
	overflow: hidden;
	padding: 5px 10px 20px;
}

.subFilters .label {
	width: 10%;
	float: left;
	color: #112b3a;
	padding-top: 5px;
	padding-bottom: 5px;
}

.subFilters ul {
	width: 89%;
	float: right;
	margin-left: 1%;
}

.subFilters li {
	float: left;
}

.subFilters a {
	display: inline-block;
	padding: 3px 10px;
	margin: 5px 5px 0 0;
	background: #f2f1f0;
	color: #626e7a;
	font-size: 14px;
	text-decoration: none;
}

.subFilters a:hover,
.subFilters li.sel a,
.subFilters a.sel {
	color: #2f587c;
	background: #fff;
}

.subFilters .fa {
	font-size: 12px;
	margin-right: 5px;
	color: #ff9f00;
	position: relative;
	top: -1px;
}

.subFilters a:hover .fa,
.subFilters li.sel .fa,
.subFilters a.sel .fa {
	color: #d54d32;
}

.subFilters a:hover .fa:before,
.subFilters li.sel .fa:before,
.subFilters a.sel .fa:before {
	content:"\f111";
}


/*PROFILE PAGES
********************************************************/

/*profile header area
appears above tabas on all profile pages*/

.profileHeader,
.profileHeader .headerTagline {
	display: -webkit-flex;
	-webkit-align-items: stretch;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
}

.profileHeader .headerTagline {
	/*padding: 0;*/
}

.headerTagline .inner {
	background: #217cce center center no-repeat;
	background-size: cover;
	/*position: absolute;
	top: 0;
	left: 10px;
	right: 10px;
	bottom: 0;*/
	text-align: center;
	width: 100%;
	margin: 0 -4px;
}

.headerTagline .inner:before {
	display: block;
	content: "";
	position: absolute;
	z-index: 10;
	top: 0;
	left: 10px;
	right: 10px;
	bottom: 0;
	background: rgba(0,0,0,0.7);
}

.headerTagline h2,
.headerTagline p,
.headerTagline a {
	position: relative;
	z-index: 20;
}

.headerTagline h2 {
	color: #fff;
	font-size: 36px;
	line-height: 40px;
	font-weight: 800;
	margin: 50px 100px 0;
}

.headerTagline a {
	display: block;
	color: #ff9f00;
	font-size: 20px;
	margin-top: 20px;
	text-decoration: none;
}

.headerCTA .inner {
	position: relative;
	padding: 20px;
	background: #fff;
}

.headerCTA .inner:before {
	display: block;
	content: "";
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	box-shadow: inset 0 0 70px rgba(0,0,0,0.1);
	border: 1px solid #d9d8d7;
}

.headerCTA img {
	max-width: 270px;
	display: block;
	margin: 0 auto;
}

.headerCTA .inner .btn {
	position: relative;
	z-index: 15;
}

/*tabs*/

.tabs {
	z-index: 60;
}

.tabsList {
	border-bottom: 5px solid #2487b2;
}

.tabsList > li {
	float: left;
	width: 20%;
	margin-bottom: 1px;
	position: relative;
}

.tabsList a {
	display: block;
	background: #2f587c;
	margin-right: 1px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-weight: 700;
	text-transform: uppercase;
	padding: 12px 0;
	transition: .5s ease;
}

.tabsList a:hover,
.tabsList li.sel a,
.tabsList li.sel li.sel a  {
	background: #2487b2;
}

.tabsList li.sel li a {
	background: #2f587c;
}

.tabsList > li:last-child > a {
	margin-right: 0;
}

.tabsList a .fa {
	margin-left: 5px;
	font-size: 18px;
}

.tabsList a:hover,
.tabsList li.sel a {
	background: #2487b2;
}

.subTabList {
	position: absolute;
	z-index: 20;
	top: -5000em;
	right: 0;
	width: 100%;
	opacity: 0;
	transition: .5s ease opacity;
}

li.open > .subTabList {
	top: 47px;
	opacity: 1;
}

.subTabList a {
	margin-right: 0;
	border-bottom: 1px solid #fff;
}

/*3 tabs only*/

.tabsList.tabs3 > li {
	width: 33.3333333334%;
}

.tabsList.tabs3 #moreTabs > a {
	display: none !important;
}

.tabsList.tabs3 .subTabList {
	position: relative;
	top: auto;
	right: auto;
	width: 100%;
	opacity: 1;
	transition: none;
}

/*different colour tabs*/

.tabsList.yellow {
	border-color: #ff9f00;
}

.tabsList.yellow a:hover,
.tabsList.yellow li.sel a {
	background: #ff9f00;
	color: #142b40;
}

/*profile content
this is mostly WYSIWYG - styling near top of this document*/

.profileContent {
	margin-bottom: 20px;
}

.profileSlider {
	margin: 20px 0 30px;
}

.profileContent > .row > .span8 {
	padding-right: 80px;
}

.profileContent + .btn.block.yellow.fancyLeadForm {
	margin: 30px 0;
}

/* Gap between InBrief content and CTA buttons, needed especially when there are offers */
.profileContent + .profileInBriefBottomCTAButtons {
	margin-top: 20px;
}

/* Margin between headers -- Maria P's request */

.profileContent h2 + h2,
.profileContent h3 + h2,
.profileContent h4 + h2,
.profileContent h5 + h2,
.profileContent h2 + h3,
.profileContent h3 + h3,
.profileContent h4 + h3,
.profileContent h5 + h3,
.profileContent h2 + h4,
.profileContent h3 + h4,
.profileContent h4 + h4,
.profileContent h5 + h4,
.profileContent h2 + h5,
.profileContent h3 + h5,
.profileContent h4 + h5,
.profileContent h5 + h5
{
	margin-top: 20px;
	margin-bottom: 20px;
}

/*testimonials*/

ul.testimonialsList {
	margin: 20px 0;
	padding: 0;
}

ul.testimonialsList li {
	margin: 10px 0 20px;
	padding-left: 0;
	position: relative;
	font-weight: 400;
	overflow: hidden;
}

ul.testimonialsList li:before {
	display: none;
}

.testimonialsList .inner {
	background: #f2f1f0;
	padding: 20px;
	position: relative;
}

.testimonialsList .inner:after {
	content: "";
	position: absolute;
	left: 20px;
	bottom: -30px;
	border-top: 15px solid #f2f1f0;
	border-right: 15px solid #f2f1f0;
	border-left: 15px solid transparent;
	border-bottom: 15px solid transparent;
}

ul.testimonialsList q {
	quotes: "" "";
	font-style: italic;
}

ul.testimonialsList .fa {
	color: #2487b2;
	opacity: 0.4;
	font-size: 22px;
	position: relative;
}

ul.testimonialsList .fa-quote-left {
	top: -1px;
	padding-right: 3px;
}

ul.testimonialsList .fa-quote-right {
	top: 7px;
	left: 3px;
}

ul.testimonialsList .image {
	max-width: 60px;
	float: left;
	margin: 15px 0 0 63px;
	position: relative;
}

ul.testimonialsList .logo {
	max-width: 60px;
	border: 1px solid #d9d8d7;
}

ul.testimonialsList .logo:before {
	content: "";
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: inset 0 0 20px rgba(0,0,0,.1);
}

ul.testimonialsList .image img {
	display: block;
	margin: 0;
}

ul.testimonialsList cite {
	display: block;
	padding: 20px 0 0 135px;
	color: #2487b2;
	font-style: normal;
	font-weight: 700;
}

/*news*/

ul.newsList {
	margin: 20px 0;
	padding: 0;
}

ul.newsList li {
	margin: 10px 0 20px;
	padding: 10px 20px 25px;
	position: relative;
	font-weight: 400;
	overflow: hidden;
	background: #f2f1f0;
}

ul.newsList li:before {
	display: none;
}

ul.newsList .newsTitle {
	color: #d54d32;
}

ul.newsList .newsDate {
	font-size: 80%;
	font-style: italic;
	margin: -5px 0 10px;
	color: #888f96;
}


/*hightlight boxes for veterans, prospectuses etc*/

.prospectus {
	background: #8fa51e;
	padding: 20px;
	margin-top: 20px;
}

.prospectus h2 {
	text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: white;
}

.prospectus :first-child {
	margin-top: 0;
}

.prospectus p {
	color: white;
	font-size: 14px;
	line-height: 20px;
}

.highlight {
	background: #8fa51e;
	padding: 20px;
	margin: 20px 0 20px;
}

.highlight.green {
	background: #8fa51e;
}

.highlight.red {
	background: #d54d32;
}

.highlight.blue {
	background: #2487b2;
}

.highlight.grey {
	background: #ebeae8;
}

.highlight h2 {
	text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: white;
}

.highlight h3 {
	color: #fff;
	font-size: 22px;
	font-weight: 300;
}

.highlight p {
	color: white;
	font-size: 14px;
	line-height: 20px;
}

.highlight.grey h2,
.highlight.grey h3,
.highlight.grey p {
	color: #2f587c;
}

.highlight h2 i {
	float: right;
	font-size: 44px;
}

/*MASTER FRANCHISES*/

.masterOptionsList {
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 20px;
}

.masterOptionsList,
.masterOptionsList li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
}

.masterOptionsList .inner {
	padding: 10px 20px 20px;
	text-decoration: none;
	color: #fff;
	opacity: 0.6;
	position: relative;
	transition: .5s ease;
}

.masterOptionsList  .inner:hover,
.masterOptionsList .sel .inner {
	opacity: 1;
}

.masterOptionsList .green .inner {
	background: #8fa51e;
}

.masterOptionsList .blue .inner {
	background: #2487b2;
}

.masterOptionsList .sel .inner:before {
	content: "";
	position: absolute;
	z-index: 5;
	left: 50%;
	bottom: -21px;
	margin-left: -22px;
	border-top: 22px solid;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
}

.masterOptionsList .green .inner:before {
	border-top-color: #8fa51e;
}

.masterOptionsList .blue .inner:before {
	border-top-color: #2487b2;
}

.masterOptionsList h2 {
	color: #fff;
	font-weight: 700;
	font-size: 26px;
	line-height: 28px;
}

.masterOptionsList p {
	font-size: 14px;
	line-height: 22px;
}

/*CALL TO ACTON*/

.call-to-action {
	background: #ff9f00;
	padding: 20px 20px 10px;
	text-align: center;
	margin: 20px 0;
}

.call-to-action h3 {
	color: #142b40;
	font-size: 26px;
	font-weight: 700;
}

.call-to-action p {
	color: #142b40;
	font-size: 18px;
	font-weight: 700;
}


/*REQUEST BAR
the bar that appears at the bottom of a page
when a franchise is added to the request list.
********************************************************/

.requestBar {
	position: fixed;
	z-index: 999;
	bottom: 0;
	left: 0;
	right: 0;
	background: #ff9f00;
	text-align: center;
	padding: 15px 10px;
}

.requestBar .requestText {
	display: inline-block;
	color: #142b40;
	font-weight: 400;
	font-size: 26px;
	padding: 0 20px 0 0;
	position: relative;
	top: 3px;
	white-space: nowrap;
}

.requestBar.profile .requestText {
	display: none;
}

.requestBar .btn {
	font-weight: 700;
	padding: 17px 25px;
	font-size: 16px;
	background: #142b40;
	color: #fff;
	border: 0;
	cursor: pointer;
}

/*color variations*/

.requestBar.navyOnYellow {
	background: #ff9f00;
}
.requestBar.navyOnYellow .requestText {
	color: #142b40;
}
.requestBar.navyOnYellow .btn {
	background: #142b40;
	color: #fff;
}


.requestBar.navyOnGreen {
	background: #8fa51e;
}
.requestBar.navyOnGreen .requestText {
	color: #142b40;
}
.requestBar.navyOnGreen .btn {
	background: #142b40;
	color: #fff;
}


.requestBar.yellowOnRed {
	background: #d54d32;
}
.requestBar.yellowOnRed .requestText {
	color: #fff;
}
.requestBar.yellowOnRed .btn {
	background: #ff9f00;
	color: #142b40;
}


.requestBar.yellowOnBlue {
	background: #2487b2;
}
.requestBar.yellowOnBlue .requestText {
	color: #fff;
}
.requestBar.yellowOnBlue .btn {
	background: #ff9f00;
	color: #142b40;
}


.requestBar/*.yellowOnNavy*/ {
	background: #142b40;
}
.requestBar/*.yellowOnNavy*/ .requestText {
	color: #fff;
}
.requestBar/*.yellowOnNavy*/ .btn {
	background: #ff9f00;
	color: #142b40;
}


.requestBar.greenOnNavy {
	background: #142b40;
}
.requestBar.greenOnNavy .requestText {
	color: #fff;
}
.requestBar.greenOnNavy .btn {
	background: #8fa51e;
	color: #fff;
}


.requestBar.blueOnNavy {
	background: #142b40;
}
.requestBar.blueOnNavy .requestText {
	color: #fff;
}
.requestBar.blueOnNavy .btn {
	background: #2487b2;
	color: #fff;
}


.requestBar.redOnNavy {
	background: #142b40;
}
.requestBar.redOnNavy .requestText {
	color: #fff;
}
.requestBar.redOnNavy .btn {
	background: #d54d32;
	color: #fff;
}


/******************************************************************************************

THE TOP 100 LISTING

******************************************************************************************/
.overlayBanner {
	position: absolute;
	z-index: -1;
	width: 100%;
}

.overlayBanner:after {
	content: ''; /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
	background: linear-gradient(to bottom,  rgba(125,185,232,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 75%;
}

.contentWrap.container {
	padding-bottom: 0;
	overflow-x: hidden;
}

.overlayBanner > img {
	width: 100%;
	height: auto;
}

.overlayBanner > div > img {
	width: 100%;
	background-blend-mode: multiply;
}

.top100hero {
	max-width: 1300px;
	margin: 0 auto;
    padding: 0 60px;
    display: -webkit-flex;
	-webkit-align-items: stretch;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	position: relative;
}

.top100hero:before {
	content: "";
	display: block;
	background: rgba(36,135,178,0.2);
	position: absolute;
	top: 0;
	right: -1000%;
	bottom: 0;
	left: 58.333333333333%;
	margin-left: -10px;
}

.pngOverlay {
    width: 58.333333333333%;
    float: left;
    display: -webkit-flex;
	-webkit-align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.globalListing {
	width: 41.666666666667%;
	float: left;
	position: relative;
	z-index: 10;
}

.pngOverlay img {
	display: block;
	margin: 0 auto;
	position: relative;
	left: -50px;
}

.globalListing .inner {
	float: right;
	width: 329px;
}


/*
.top100hero {
	display: -webkit-flex;
	-webkit-align-items: stretch;
	display: flex;
	align-items: stretch;
}

.contentWrap.container .pngOverlay {
	text-align: center;
	width: 60%;
	float: left;
}

.pngOverlay img {
	width: 100%;
	max-width: 464px;
	margin: 0 auto;
}

.globalListing {
	background-color: rgba(36,135,178,0.2);
	text-align: center;
	width: 40%;
	float: left;
}
*/
.globalListing h1 {
	position: relative;
	text-align: center;
	font-size: 25px;
	line-height: 28px;
	text-transform: uppercase;
	color: #2f587c;
	margin-top: 75px;
	box-sizing: border-box;
	max-width: 329px;
}

.globalListing h1:before {
	content: url(../resource/images/layout/starDivider.36e9384f3529bfbe199c373be673f378.png);
	position: absolute;
	top: -40px;
	left: 50%;
	margin-left: -164.5px;
	opacity: 0.5;
}

.globalListing h1:after {
	content: url(../resource/images/layout/starDivider.36e9384f3529bfbe199c373be673f378.png);
	position: absolute;
	bottom: -35px;
	left: 50%;
	margin-left: -164.5px;
	opacity: 0.5;
}

.globalListing ol {
	box-sizing: border-box;
   	max-width: 329px;
    margin: 20px auto;
    position: relative;
    left: 0;
    padding: 30px 0 10px;
    text-align: left;
    list-style: none;
}


.globalListing li {
	position: relative;
	color: white;
	font-size: 17px;
	line-height: 22px;
	border-bottom: 1px solid rgba(36,135,178,0.2);
	padding: 9px 0 9px 45px;
	counter-increment: li;
}

.globalListing li a,
.globalListing li a:visited {
	display: block;
	color: #2f587c;
	text-decoration: none;
}

.globalListing li a:hover {
	color: #2487b2;
	text-decoration: underline;
}

.globalListing li:before {
	content: counter(li);
	background: transparent url(../resource/images/layout/olBg.81024962f19b629d57c575ed5e029c9f.png) center 2px no-repeat;
	position: absolute;
	z-index: -1;
	z-index: 10;
	left: 0;
	top: 1px;
	display: block;
	width: 35px;
	height: 37px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	padding-top: 8px;
}

.globalListing .btn {
	max-width: 329px;
	box-sizing: border-box;
	margin: 0 auto;
	margin-bottom: 50px;
}

.blueBg {
	background-color: #2487b2;
	color: white;
}

.statement .content.center {
	text-align: center;
}

.statement .content,
.analytics .content {
	padding: 50px 0;
}

.statement h1 {
	font-size: 36px;
	line-height: 20px;
	margin-bottom: 40px;
	text-transform: capitalize;
}

.statement p {
	font-size: 20px;
	line-height: 30px;
}

.greyBg {
	background-color: #ebeae8;
	color: #2f587c;
}

.analytics ul {
	margin-bottom: 5%;
}

.analytics li {
	line-height: 70px;
	border-bottom: 1px solid lightgrey;
}

.analytics h2 {
	display: inline;
	font-size: 20px;
	line-height: 70px;
}

.analytics h2 span {
	font-weight: 800;
}

.analytics .linkBtn {
	float: right;
	clear: both;
}

.analytics .linkBtn .btn {
	width: 200px;
}

.reportsList li:nth-child(n+4) {
	display: none;
}

.reportsList.open li:nth-child(n+4) {
	display: block;
}

/* Always display all reports on the Top100 page -- rules, JS and CSS can be fully removed in v2.2 */
.reportsList li:nth-child(n+4) {
	display: block;
}
ul.reportsList {
	margin-bottom: 10px;
	padding-bottom: 0;
}
/*end of this*/


.copy .articleCopy {
	padding: 5% 0;
}

.copy .articleCopy h1 {
	font-size: 36px;
	line-height: 30px;
	text-align: center;
	margin-bottom: 40px;
	color: #2f587c;
}

.copy .articleCopy p {
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 20px;
}

.copy .articleCopy ul,
.copy .articleCopy ol {
	margin-bottom: 20px;
	padding: 1% 5%;
}
.copy .articleCopy .btn > i {
	color: inherit;
}


/*top100 listing page
************************************************************/

.path.top100path {
	position: absolute;
	left: 0;
	right: 0;
}

.path.top100path {
	max-width: 1300px;
	padding: 0 60px;
	margin-left: auto;
	margin-right: auto;
}

.top100Listing .content .copy {
	padding-top: 0;
	/*margin-bottom: 80px;*/
}

.top100Listing .content .copy > img.top100logoSmall {
	position: relative;
	float: right;
	top: -45px;
	width: 200px;
	height: auto;
	margin-left: 20px;
	margin-bottom: 20px;
}

.top100Listing .content > .row {
	margin-top: 80px;
}

.top100Listing .content a.btn {
	display: block;
}

.top100Listing .content a.btn.select:before {
	content: url(../resource/images/layout/triangle.29fd953fe9767c792fbd05b8fb14fdd4.png);
	position: absolute;
    top: -13px;
    left: 50%;
    margin-left: -7.5px;
}

.top100listingTable {
 	width: 100%;
 	border-collapse: collapse;
 	counter-reset: serial-number;  /* Set the serial number counter to 0 */
 	margin-top: 40px;
}
/*
.top100listingTable td:first-child:before {
  	counter-increment: serial-number;
  	content: counter(serial-number);
}
*/
.top100listingTable thead th {
	text-align: left;
	text-transform: uppercase;
	color: #2487b2;
	font-weight: 400;
}

.top100listingTable thead th:first-of-type {
	text-align: center;
}

.top100listingTable tr {
	border-bottom: 1px solid #d9d8d7;
}

.top100listingTable thead th,
.top100listingTable tbody td {
	padding: 10px 10px 10px 0;
	position: relative;
	vertical-align: top;
	word-break: break-all;
}

.top100listingTable tbody tr td:nth-of-type(3) {
	font-weight: 800;
}

.top100listingTable thead th:first-of-type,
.top100listingTable thead th:nth-of-type(2) {
	width: 5%;
}

.top100listingTable thead th:nth-of-type(3) {
	width: 40%;
}

.top100listingTable thead th:nth-of-type(4) {
	width: 20%;
}

.top100listingTable thead th:nth-of-type(5) {
	width: 30%;
}

.top500 .top100listingTable thead th {
	width: auto;
}

.top500 .top100listingTable thead th:nth-of-type(6) {
	width: 10%;
}

.top100listingTable tbody td:first-of-type {
	color: white;
	text-align: center;
	font-size: 15px;
	padding-right: 0;
}

.top100listingTable tbody td:first-of-type:after  {
	content: url(../resource/images/layout/olBg.81024962f19b629d57c575ed5e029c9f.png);
	position: absolute;
	z-index: -1;
	left: 50%;
	margin-left: -17px;
	top: 4px;
}

.top100listingTable tbody .tableSortRow td:first-of-type:after  {
	content: "";
}

.top100listingTable tbody td:nth-of-type(3) {
	color: #142b40;
	text-decoration: none;
	transition: .5s ease;
}

.top100listingTable tbody td:nth-of-type(3) a,
.top100listingTable tbody td:nth-of-type(3) a:visited {
	display: block;
	color: #142b40;
	text-decoration: none;
	transition: .5s ease;
}

.top100listingTable tbody td:nth-of-type(3) a:hover {
	color: #2487b2;
}

.top100listingTable tbody td:nth-of-type(4),
.top100listingTable tbody td:nth-of-type(5) {
	color: #626e7a;
}

.top100listingTable tbody td.ranking {
	position: relative;
	text-align: left;
	padding-left: 28px;
	padding-right: 15px;
	min-width: 85px;
}

.top100listingTable tbody td.ranking:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: inherit;
    padding-right: 5px;
    /*position: absolute;
    top: 12px;
    margin-left: -20px;*/
}

.top100listingTable tbody td.ranking.moveUp:before {
	content:"\f0aa";
	color: #8fa51e;
}

.top100listingTable tbody td.ranking.moveDown:before {
	content:"\f0ab";
	color: #d54d32;
}

.top100listingTable tbody td.ranking.moveNone:before {
	content:"\f056";
	color: #ff9f00;
}

/*Non data tables sorting*/

.top100listingTable tbody .tableSortRow .tableSort a,
.top100listingTable tbody .tableSortRow .tableSort a:visited {
	display: block;
	float: left;
	padding: 0 3px;
	color: #2487b2;
	font-size: 20px;
	transition: .5s ease;
}

.top100listingTable tbody .tableSortRow .tableSort a:hover {
	color: #39b2e6;
}

.top100listingTable tbody .tableSortRow .tableSort a.sel {
	color: #d54d32;
}

.top100listingTable tbody .tableSortRow .tableSort:nth-of-type(1) {
	padding-left: 12px;
	min-width: 48px;
}

.top100listingTable tbody .tableSortRow .tableSort:nth-of-type(2) {
	padding-left: 4px;
}



/*data tables sorting*/

.dataTables_wrapper .datatable.top100listingTable thead th {
	position: relative;
	padding-bottom: 30px;
}

.dataTables_wrapper .datatable.top100listingTable thead th:before,
.dataTables_wrapper .datatable.top100listingTable thead th:after {
	font-family: "FontAwesome";
	position: absolute;
	bottom: 10px;
	cursor: pointer;
}

.dataTables_wrapper .datatable.top100listingTable thead th:before {
	content:"\f0d8";
	left: 0;
}

.dataTables_wrapper .datatable.top100listingTable thead th:after {
	content: "\f0d7";
	left: 12px;
}

.dataTables_wrapper .datatable.top100listingTable thead th:first-child:before {
	left: 15px;
}

.dataTables_wrapper .datatable.top100listingTable thead th:first-child:after {
	left: 27px;
}

.dataTables_wrapper .datatable.top100listingTable thead th.sorting_asc:before {
	color: #d54d32;
}

.dataTables_wrapper .datatable.top100listingTable thead th.sorting_desc:after {
	color: #d54d32;
}

.dataTables_wrapper .datatable.top100listingTable thead th:nth-child(2):before,
.dataTables_wrapper .datatable.top100listingTable thead th:nth-child(2):after {
	content: "";
}

/* TOP 500 LISTING */

/* TODO granite solution is expected to be different for these top500listingTable.... classes,  similar to top100ListingTable class */
.top500listingTableName {
	width: 28% !important;
}
.top500listingTableUnits {
	width: 7% !important;
}
.top500listingTableEstablished {
	width: 15% !important;
}
.top500listingTableCountry {
	width: 20% !important;
}
.top500listingTableIndustry {
	width: 25% !important;
}


/******************************************************************************************

US Franchise

******************************************************************************************/

.content div.franchiseLocationsWrap > img {
	width: 100%;
}

.content div.franchiseLocationsWrap .franchiseLocations {
	background: #ebeae8;
	padding: 20px;
	overflow: auto;
}

.content div.franchiseLocationsWrap .franchiseLocations > h2 {
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
	color: #142b40;
	font-weight: 800;
}

.content div.franchiseLocationsWrap .franchiseLocations ul li {
	font-size: 16px;
	line-height: 26px;
	width: 33.3333333333%;
	float: left;
	position: relative;
	padding-left: 12px;
}

.content div.franchiseLocationsWrap .franchiseLocations ul a {
	text-decoration: none;
}

.content div.franchiseLocationsWrap .franchiseLocations ul li:before {
	content:"\f0da";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #ff9f00;
	font-size: inherit;
	padding-right: 0.5em;
	position: absolute;
	top: -1px;
	left: 0;
}

.content div.usFranchises .hotSpot {
	text-align: center;
	color: white;
	background: #d54d32;
	padding: 20px 20px 56px;
}

.content div.usFranchises .hotSpot h2 {
	text-transform: uppercase;
	font-size: 16px;
	line-height: 20px;
	font-weight: 800;
	color: white;
}

.content div.usFranchises .hotSpot p {
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
}

.content div.usFranchises .hotSpot a {
	color: #fff;
	text-decoration: none;
}

.content div.usFranchises .hotSpot ul {
	padding: 20px 0;
}

.content div.usFranchises .hotSpot ul li {
	font-size: 22px;
	line-height: 30px;
	font-weight: 300;
}


/*svg map
**************************/

.map #container {
	height: auto;
	position: relative;
	padding-top: 20px;
}
.mapWrapper {
	width: 100% !important;
	height: auto !important;
}
#map {
	width: 100% !important;
	height: auto !important;
	padding-bottom: 65%;
	position: relative !important;
}

#svggroup {
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

#map svg {
	width: 100% !important;
	height: auto !important;
}

.map #text {
	position: absolute;
	top: 0;
	right: 0;
	color: #142b40;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	padding: 3px 5px;
	background: #f2f1f0;
}

.map #text:before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #d54d32;
	margin-right: 5px;
}

/* Fixing issue with the name of the region in the map, without this fix, the label is missed at the top when we scroll down */
#map path {
	cursor: pointer;
	transition: fill .5s 0s;
}
#map path:hover {
	fill: #d54d32;
}
#map {
	padding-bottom: 0;
}
.map #text {
	position: fixed;
	top: 100px;
	right: 100px;
}

/* Use a generic classname for the div under the map */
.content div.mapListFranchises .hotSpot {
	text-align: center;
	color: white;
	background: #d54d32;
	padding: 20px 20px 56px;
}

.content div.mapListFranchises .hotSpot h2 {
	text-transform: uppercase;
	font-size: 16px;
	line-height: 20px;
	font-weight: 800;
	color: white;
}

.content div.mapListFranchises .hotSpot p {
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
}

.content div.mapListFranchises .hotSpot a {
	color: #fff;
	text-decoration: none;
}

.content div.mapListFranchises .hotSpot ul {
	padding: 20px 0;
}

.content div.mapListFranchises .hotSpot ul li {
	font-size: 22px;
	line-height: 30px;
	font-weight: 300;
}


/******************************************************************************************

video directory

******************************************************************************************/

.videoDirectory .image.video.featureBanner a:before {
	left: 75%;
}

/*
.videoDirectory .filtersForm select {
	width: 28%;
}
*/

.videoDirectory .featuredContentSlider .slick-dots {
	bottom: 10px;
}

/******************************************************************************************

ufoc

******************************************************************************************/

.ufoc .copy p:nth-of-type(-n+3) {
	margin-bottom: 0;
}

.ufoc .copy p:nth-of-type(3) {
	margin-bottom: 50px;
}

/******************************************************************************************

sticky button to profile page

******************************************************************************************/
/*
.headerCTA.scrollFixed .inner a.btn {
	position: fixed;
	top: 80px;
	width: 335px;
	z-index: 1000;
	webkit-transition: all 0;
	-moz-transition: all 0;
	-ms-transition: all 0;
	-o-transition: all 0;
	transition: all 0;
}
*/



/******************************************************************************************

CALENDAR PAGES
used for Discovery Days, Expos & Events

******************************************************************************************/

.monthPicker {
	background: #ebeae8;
	text-align: center;
	padding: 12px 0;
	position: relative;
}

.monthPicker span {
	display: block;
	text-align: center;
	color: #142b40;
	font-size: 20px;
	font-weight: 700;
}

.monthPicker a,
.monthPicker a:visited {
	display: block;
	font-size: 30px;
	line-height: 48px;
	color: #2f587c;
	position: absolute;
	z-index: 10;
	top: 0;
	bottom: 0;
	width: 45px;
	transition: .5s ease;
}

.monthPicker a:hover {
	background: #d9d8d7;
}

.monthPicker .prev {
	left: 0;
}

.monthPicker .next {
	right: 0;
}

.table_calendarMonth {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}


.table_calendarMonth .th_day {
	vertical-align: top;
	text-align: left;
	color: #9fa6ae;
	font-size: 14px;
	font-weight: 300;
	text-transform: uppercase;
	padding: 5px 0;
}

.table_calendarMonth .td_date {
	background: #2487b2;
	vertical-align: top;
	color: #fff;
	border: 1px solid #fff;
	padding: 10px;
	height: 125px;
}

.table_calendarMonth .number {
	display: block;
	font-size: 26px;
	font-weight: 300;
	opacity: 0.6;
}

.table_calendarMonth a,
.table_calendarMonth a:visited {
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	line-height: 16px;
	margin: 5px 0 0 0;
	word-wrap: break-word;
}

.table_calendarMonth a:hover,
.table_calendarMonth a:active {
	text-decoration: underline;
}

/*disabled dates*/

.table_calendarMonth .td_date.disabled {
	background: #ebeae8;
	color: #9fa6ae;
}

/*current date*/

.table_calendarMonth .td_date.current {
	background: #2f587c;
}



/******************************************************************************************

EVENT LIST
used for Discovery Days, Expos & Events

******************************************************************************************/

.eventList > li {
	background: #ebeae8;
	padding: 20px 30px 30px;
	margin: 10px 0 20px;
	font-size: 15px;
}

.eventList > li:before {
	display: none;
}

.eventList h3 {
	font-weight: 700;
	color: #142b40;
}

.eventList .iconItem {
	color: #142b40;
	margin: 10px 0;
}

.eventList .iconItem .fa {
	color: #d54d32;
	font-size: 16px;
	text-align: center;
	float: left;
	clear: left;
	width: 16px;
	position: relative;
	top: 2px;
}

.eventList .iconItem span {
	display: block;
	color: #142b40;
	margin: 10px 0;
	padding-left: 25px;
}

.eventList p {
	font-size: 15px;
	margin-left: 25px;
}



/******************************************************************************************

SERVICES

******************************************************************************************/

.servicesList li:after,
.servicesList .inner:after {
	content: "";
	display: table;
	clear: both;
}

.servicesList li {
	margin: 20px 0 20px;
}

.servicesList .inner {
	padding: 20px 20px 20px;
	background: #f2f1f0;
}

.servicesList .image {
	position: relative;
	display: block;
	background: #fff;
	padding: 0;
}

.servicesList .image:before {
	display: block;
	content: "";
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: auto;
	box-shadow: inset 0 0 70px rgba(0,0,0,0.05);
	border: 1px solid #d9d8d7;
}

.servicesList img {
	display: block;
	margin: 0 auto;
}

.servicesList .text {
	padding: 0 0 0 20px;
}

.servicesList h3 {
	font-weight: 700;
	color: #142b40;
}

.servicesList p {
	font-size: 15px;
	line-height: 22px;
}

.servicesList .contact {
	background: #ebeae8;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
}

.servicesList .contact .fa {
	color: #d54d32;
	width: 18px;
}

.servicesList .contact span {
	display: inline-block;
	padding: 0 10px;
}

.servicesList .contact a {
	color: #626e7a;
	text-decoration: none;
}



/******************************************************************************************

SIMPLE SPLASH PAGES

******************************************************************************************/

.simpleSplash {
	min-height: 700px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.simpleSplash h1 {
	color: #d54d32;
	font-weight: 800;
	font-size: 200px;
	line-height: 110px;
	margin: 20px 0 0;
}

.simpleSplash h1 span {
	display: block;
	font-size: 38px;
	color: #ff9f00;
	text-transform: uppercase;
}

.swing {
	margin: -20px auto 0 auto;
}

.simpleSplash h3 {
	font-size: 28px;
	line-height: 32px;
}

.simpleSplash h3 a,
.simpleSplash p a {
	text-decoration: underline;
}

.simpleSplash .newsletterForm,
.simpleSplash .formHolder.grey,
.simpleSplash .formHolder.grey input[type="text"],
.simpleSplash .formHolder.grey input[type="password"],
.simpleSplash .formHolder.grey input[type="email"],
.simpleSplash .formHolder.grey select {
	background: #fff;
}


/*SWING***************************/

.animated {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

@-webkit-keyframes swing {
	20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
	20% { -webkit-transform: rotate(3deg); }
	40% { -webkit-transform: rotate(-2deg); }
	60% { -webkit-transform: rotate(1deg); }
	80% { -webkit-transform: rotate(-1deg); }
	100% { -webkit-transform: rotate(0deg); }
}

@keyframes swing {
	20% { -webkit-transform: rotate(3deg); transform: rotate(3deg); }
	40% { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); }
	60% { -webkit-transform: rotate(1deg); transform: rotate(1deg); }
	80% { -webkit-transform: rotate(-1deg); transform: rotate(-1deg); }
	100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
}

.swing {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing;
}



/******************************************************************************************

PROMPT
Used for asking users what network tp be on

******************************************************************************************/

.prompt {
	background: #fff;
	background: rgba(255,255,255,0.95);
	border-radius: 4px;
	max-width: 260px;
	box-shadow: 5px 5px 7px rgba(0,0,0,0.1);
	position: relative;
}

.prompt.networkPrompt {
	display: none;
	position: absolute;
	z-index: 30;
	top: 45px;
	right: 10px;
	opacity: 1;
	transition: .5s ease 0.5s opacity;
}

.sticky .prompt.networkPrompt {
	opacity: 0;
}

.prompt.networkPrompt.show {
	display: block;
}

.prompt:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
}

.prompt.networkPrompt:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #fff;
	position: absolute;
	top: -9px;
	right: 70px;
}

.prompt .close {
	color: #d54d32;
	position: absolute;
	top: 3px;
	right: 8px;
	font-size: 22px;
	cursor: pointer;
}

.prompt .inner {
	padding: 10px 20px;
}

.promptTitle {
	color: #2f587c;
	font-size: 18px;
	line-height: 22px;
	margin: 10px 0;
}

.promptTitle a {
	color: inherit;
}

.promptText {
	color: #626e7a;
	font-size: 13px;
	line-height: 16px;
	margin: 10px 0;
}

/*animation*/

.prompt {
	-moz-animation-name:colorChange;
	-moz-animation-duration:2s;
	-moz-animation-delay:3s;
	-moz-animation-iteration-count:1;
	-moz-animation-fill-mode:both;

	-webkit-animation-name:colorChange;
	-webkit-animation-duration:2s;
	-webkit-animation-delay:3s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:both;

	-ms-animation-name:colorChange;
	-ms-animation-duration:2s;
	-ms-animation-delay:3s;
	-ms-animation-iteration-count:1;
	-ms-animation-fill-mode:both;

	-webkit-animation-name:colorChange;

	        animation-name:colorChange;
	-webkit-animation-duration:2s;
	        animation-duration:2s;
	-webkit-animation-delay:3s;
	        animation-delay:3s;
	-webkit-animation-iteration-count:1;
	        animation-iteration-count:1;
	-webkit-animation-fill-mode:both;
	        animation-fill-mode:both;
}

.prompt:before {
	-moz-animation-name:arrowChange;
	-moz-animation-duration:2s;
	-moz-animation-delay:3s;
	-moz-animation-iteration-count:1;
	-moz-animation-fill-mode:both;

	-webkit-animation-name:arrowChange;
	-webkit-animation-duration:2s;
	-webkit-animation-delay:3s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:both;

	-ms-animation-name:arrowChange;
	-ms-animation-duration:2s;
	-ms-animation-delay:3s;
	-ms-animation-iteration-count:1;
	-ms-animation-fill-mode:both;

	-webkit-animation-name:arrowChange;

	        animation-name:arrowChange;
	-webkit-animation-duration:2s;
	        animation-duration:2s;
	-webkit-animation-delay:3s;
	        animation-delay:3s;
	-webkit-animation-iteration-count:1;
	        animation-iteration-count:1;
	-webkit-animation-fill-mode:both;
	        animation-fill-mode:both;
}

@-webkit-keyframes colorChange {
	1% {background:#fff;}
	50% {background:#ff9f00;}
	100% {background:#fff;}
}

@keyframes colorChange {
	1% {background:#fff;}
	50% {background:#ff9f00;}
	100% {background:#fff;}
}

@-webkit-keyframes arrowChange {
	1% {border-bottom: 10px solid #fff;}
	50% {border-bottom: 10px solid #ff9f00;}
	100% {border-bottom: 10px solid #fff;}
}

@keyframes arrowChange {
	1% {border-bottom: 10px solid #fff;}
	50% {border-bottom: 10px solid #ff9f00;}
	100% {border-bottom: 10px solid #fff;}
}


/*COOKIE POLICY
***********************************************************************/

#cookiePolicy {
	background: #142b40;
	text-align: center;
	font-size: 13px;
	color: #fff;
	color: rgba(255,255,255,0.7);
	padding: 10px;
}

#cookiePolicy a {
	display: inline-block;
	margin: 0 10px;
	color: #fff;
	color: rgba(255,255,255,0.7);
}

#cookiePolicy .btn {
	padding: 5px 10px;
	color: #fff;
	color: rgba(255,255,255,0.7);
	background: #2f587c;
	font-size: 13px;
	line-height: 13px;
	text-decoration: none;
	text-transform: none;
}

/*noSCRIPT
***********************************************************************/

.noScriptContainer {
	background: #d54d32;
	text-align: center;
	font-size: 15px;
	color: #fff;
	padding: 20px 10px 25px;
	position: fixed;
	z-index: 100;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0.95;
}

.noScriptContainer:hover {
	opacity: 1;
}

.noScriptContainer a {
	display: inline-block;
	color: #fff;
	color: rgba(255,255,255,0.7);
}

.noScriptContainer .fa {
	font-size: 18px;
	padding-right: 10px;
	position: relative;
	top: 2px;
}

.noScriptContainer .btn {
	padding: 5px 10px;
	color: #fff;
	color: rgba(255,255,255,0.7);
	background: #2f587c;
	font-size: 13px;
	line-height: 13px;
	text-decoration: none;
	text-transform: none;
}



/*ADDITIONAL STYLES PROVIDED BY FD
*******************************************************************************/

.extraHtmlCode {
	max-height: 1px;
	background: #2f587c; /* same color than footer */
}

/* Removing checkbox from bizcards in Confirmation page (desktop and mobile). Bizcards in directory pages remain the same. */
.thankYouContent .bizcard-circle {
	display: none;
}
/* Some experiments for bizcards in mobile ONLY in Confirmation page. Bizcards in directory pages remain the same */
.bizcard-readmore-only-mobile {
	display: none;
}
.thankYouContent h2.pageTitle {
	font-size: 20px;
	line-height: 22px;
	border-top: none;
	padding-top: 0;
}
@media all and (max-width: 768px) {
	.thankYouContent h2.pageTitle {
		font-size: 18px;
		line-height: 20px;
	}

	.thankYouContent h3.bizcard-product-name {
		text-align: center;
	}
	.thankYouContent p.bizcard-description {
		display:none;
	}
	.thankYouContent p.bizcard-investment {
		text-align: center;
		font-size: 13px;
		line-height: 13px;
	}
	.thankYouContent .bizcard-readmore-only-mobile {
		display: block;
		text-align: center;
		font-size: 13px;
		line-height: 15px;
	}
	.thankYouContent .directoryMainList .inner {
		min-height: 150px;
	}
}
/* Some experiments for messages in thank you mage (success and fail) */
.thankYouContent .alert {
	padding: 0;
	background: transparent;
}
.thankYouContent .accordionTitle a {
	font-size: 22px;
	background: #ebeae8;
}
.thankYouContent .success .accordionTitle a {
	color: #8FA51E;
}
.thankYouContent .fail .accordionTitle a {
	color: #D54D32;
}
.thankYouContent .accordionContent {
	 padding: 0 0 10px;
	 background: #ebeae8;
}
@media all and (max-width: 768px) {
	.thankYouContent .accordionTitle a {
		font-size: 20px;
	}
	.thankYouContent p,
	.thankYouContent .accordionContent a {
		font-size: 15px;
	}
}

/* i18n: allow longer button text on forms where we have the space for it */
.spaciousFiltersForm button.btn {
	width: auto;
	padding: 0 0.5em;
}

/* Affiliation logos in Profile - appearing in "In Brief" data */
dd.affiliation-logos .partnerLogos {
	margin-top: 15px;
}
/* TODO undo this quick hack made for planio 1310 - by removing this style definition - when Granite will provide full solution for Geographical location redirects */
.promptTitleGeoLocation {
	display: none;
	color: #2f587c;
	font-size: 18px;
	line-height: 22px;
	margin: 10px 0;
}

/* TODO undo this quick hack made for planio 1310 - by removing this style definition - when Granite will provide full solution for Geographical location redirects */
.promptTitleGeoLocation.show {
	display: block;
}

.directoryMainList img.hideImageOnLoad{
	display: none;
}

div#leadFormContainer{
	display: none;
}

/*RAPID ALERT
used on thank you page where users can submit requests quickly without completing the form again
****************************************************************************/

#rapidAlert {
	display: none;
	position: fixed;
	z-index: 20;
	/*top: 110px;*/
	top: 30%;
	left: 20px;
	right: 20px;

}

#rapidAlert .inner {
	/*background: #d54d32;
	background: rgba(213,77,50,0.8);*/
	/*background: #ff9f00;
	background: rgba(255, 159, 0, 0.8);*/
	background: rgba(143, 165, 30, 0.9);
	color: #fff;
	text-align: center;
	/*padding: 20px;*/
	padding: 4em;
	border-radius: 2px;
	margin: 0 auto;
	max-width: 600px;
}

#rapidAlert .btn {
	margin: 0 0 0 5px;
	/*padding: 6px 10px;*/
	padding: 1.5em 3em;
	display: block;
    width: 127px;
    margin: 20px auto 0 auto;
}

/* Rapid Alert dialog touches */

#rapidAlert {
	top: 30%;
}

#rapidAlert .inner {
	background: rgba(143, 165, 30, 0.9);
	padding: 4em;
}

#rapidAlert .btn {
	padding: 1.5em 3em;
}



/*GRID LINKS
used for sitemap pages
********************************************************************************/

.gridLinks .block {
	margin: 20px -10px;
}

.gridLinks .block > * {
	padding: 0 10px;
}

.gridLinks .block h2 {
	font-weight: 800;
	font-size: 20px;
}

.gridLinks .block h2 a:link,
.gridLinks .block h2 a:visited {
	border-bottom: 1px solid transparent;
}

.gridLinks .block h2 a:hover,
.gridLinks .block h2 a:focus {
	border-bottom: 1px solid #ff9f00;
}

.gridLinksList > li:first-child {
	border-top: 1px solid #ebeae8;
}

.gridLinksList > li {
	border-bottom: 1px solid #ebeae8;
	background: transparent;
	transition: .5s ease;
	position: relative;
}

.gridLinksList > li > .fa.toggle {
	display: block;
	text-align: center;
	font-size: 14px;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 5px;
	color: #2487b2;
	opacity: 0.5;
	transition: .5s ease;
	width: 26px;
	height: 26px;
	padding-top: 5px;
	cursor: pointer;
}

.gridLinksList > li.open > .fa.toggle:before {
	content:"\f146";
	opacity: 1;
	color: #d54d32;
}

.gridLinksList > li > .fa.toggle:hover {
	opacity: 1;
	color: #d54d32;
}

.gridLinksList li a {
	display: block;
	position: relative;
	padding: 7px 20px 7px 25px;
	text-decoration: none;
	font-size: 14px;
	transition: .5s ease;
}

.gridLinksList > li:hover,
.gridLinksList > li.open {
	background: #f2f1f0;
}

.gridLinksList li a:hover,
.gridLinksList li a:active,
.gridLinksList li a:focus,
.gridLinksList li.open > a {
	color: #142b40;
}

.gridLinksList li a:after {
	content:"\f105";
	font-family: "FontAwesome";
	color: #ff9f00;
	position: absolute;
	top: 9px;
	right: 12px;
	transition: .5s ease;
}

.gridLinksList li.open > a:after {
	-webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
	color: #d54d32;
}

.gridLinksList li ul {
	padding: 0;
	position: relative;
	height: 0;
	overflow: hidden;
}

.gridLinksList li.open ul {
	height: auto;
	padding: 0 0 10px;
}

.gridLinksList li ul a {
	font-style: italic;
	opacity: 0.9;
}

.gridLinksList li ul a:after {
	color: #2487b2;
	opacity: 0.5;
	top: 10px;
}

.gridLinksList li a:hover:after {
	color: #d54d32;
	opacity: 1;
}


/* Temp CSS for some lists */
.content div.linkListsWrap .linkLists {
	background: #ebeae8;
	padding: 20px;
	overflow: auto;
}

.content div.linkListsWrap .linkLists > h2 {
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
	color: #142b40;
	font-weight: 800;
}

.content div.linkListsWrap .linkLists ul li {
	font-size: 16px;
	line-height: 26px;
	width: 100%;
	float: left;
}

.content div.linkListsWrap .linkLists ul a {
	text-decoration: none;
}

.content div.linkListsWrap .linkLists ul li:before {
	content:"\f0da";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #ff9f00;
	font-size: inherit;
	padding-right: 0.5em;
	position: relative;
	top: 0;
	left: 0;
}

.content div.linkListsWrap .linkLists ul li ul li {
	margin:0;
}




/*Simple Box
*******************************************************/

html.active body{
	height: 100%;
	width: 100%;
	overflow: hidden;
}
html.active{
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.simpleBoxOpen ::-webkit-scrollbar{
    width: 5px;
}
.simpleBoxOpen ::-webkit-scrollbar-thumb {
    background: lightgrey;
}
.simpleBoxOpen ::-moz-scrollbar{
    width: 5px;
}
.simpleBoxOpen ::-moz-scrollbar-thumb {
    background: lightgrey;
}
.simpleBox {
	z-index: 9999;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	height: 100%;
	overflow-y: hidden;
	overflow-x: hidden;
	background-color: #000;
	visibility: hidden;
}
.simpleBox.active  {
	visibility: visible;
	opacity: 1;
	transition-delay: 0s;
}
.simpleBox > .inner {
	z-index: 99999;
	margin: 0 auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0;
	overflow-y: auto;
	overflow-x: hidden;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.simpleBox .close {
	box-sizing: border-box;
	display: block;
	border: 0;
	color: #fff;
	background:#1c6382;
	background: rgba(255,255,255,0.3);
	text-shadow: none;
	opacity: 1;
	font-size: 20px;
	line-height: 20px;
	width: auto;
	height: auto;
	position: absolute;
	z-index: 100;
	top: 0;
	right: 0;
	text-align: center;
	padding: 4px 9px;
	transition: .5s ease opacity;
	cursor: pointer;
}

@media(min-width: 960px) {


	/* new simplebox */

	.simpleBox {
		position: fixed;
	    z-index: 10000;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    background-color: #142b40;
	    display: none;
	    overflow: auto;
	    text-align: center;
	    -webkit-overflow-scrolling: touch;
	    padding: 10px 10px 0;
	    -webkit-backface-visibility: hidden;
	    backface-visibility: hidden;
	}
	.simpleBox.active  {
		display: block;
	}

	.simpleBox > .inner {
		position: relative;
	    outline: 0;
	    -ms-text-size-adjust: 100%;
	    -webkit-text-size-adjust: 100%;
	            text-size-adjust: 100%;
	    box-sizing: border-box;
	    width: 100%;
	    text-align: left;
	    margin-bottom: 10px;
	    -webkit-transform: translate3d(0,0,0);
	    transform: translate3d(0,0,0);
	    display: inline-block;
	}
	.simpleBox > .inner,
	.simpleBox > .inner:after {
		vertical-align: middle;
	}
	.simpleBox:after {
		display: inline-block;
		height: 50%;
		margin-left: -.05em;
		content: "";
	}

	.simpleBox .close {
		box-sizing: border-box;
		display: block;
		border: 0;
		color: #fff;
		background:#1c6382;
		background: rgba(255,255,255,0.3);
		text-shadow: none;
		opacity: 1;
		font-size: 20px;
		line-height: 20px;
		width: auto;
		height: auto;
		position: absolute;
		z-index: 100;
		top: 0;
		right: 0;
		text-align: center;
		padding: 4px 9px;
		opacity: 0;
		transition: .5s ease opacity;
		cursor: pointer;
	}

	.simpleBox.active .close {
		opacity: 1;
	}

	.simpleBox .close .fa:before {
		content: "X";
		font-family: "Open Sans", sans-serif;
		font-weight: 300;
	}
}

@media(max-width: 1250px) {
	.fancyVideoContainer .formHolder.modal,
	.simpleBox .inner .video,
	.simpleBox.lf-slide.fancyVideoContainer > .inner {
		min-width: 700px !important;
		width: 700px;
	}
	.simpleBox .inner .videoRight {
		position: relative;
	}
	.simpleBox .inner .videoLeft,
	.simpleBox .inner .videoRight {
		width: 100%;
	}
	.simpleBox .inner .videoRight {
		padding-bottom: 20px;
	}
}
@media(max-width: 750px) {
	.fancyVideoContainer .formHolder.modal,
	.simpleBox .inner .video,
	.simpleBox.lf-slide.fancyVideoContainer > .inner {
		min-width: 400px !important;
		width: 400px;
	}
}
@media(max-width: 480px) {
	.fancyVideoContainer .formHolder.modal,
	.simpleBox .inner .video,
	.simpleBox.lf-slide.fancyVideoContainer > .inner {
		min-width: 300px !important;
		width: 300px;
	}
}
/*
@media(min-width: 960px) {
	.simpleBox > .inner {
		top: 50%;
		bottom: auto;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}
*/

/*FORM IN SLIDE OUT CONTENT*/

/* body .simpleBox .inner > .formHolder {
	margin: 0px auto 60px;
} */
body .simpleBox .inner > .formHolder > .formHolder {
	padding: 0;
}
/*
@media all and (min-width: 550px) {
	body .simpleBox .inner > .formHolder {
		margin: 20px auto 0;
	}
	.simpleBox .close {
		top: 20px;
	}
}
*/

@media all and (min-width: 1023px) {

	.simpleBox.lf-slide > .inner {
		max-width: 500px;
	}

	.simpleBox.lf-slide.fancyVideoContainer > .inner {
		min-width: 1200px;
	}

	.simpleBox .formHolder {
		/* margin: 20px auto 50px; */
		/* box-shadow: 0 0 20px rgba(0,0,0,0.5); */
		box-shadow: none;
	}

}

.cms-textAlign-center {
	text-align: center;
}

.cms-textAlign-right {
	text-align: right;
}

.slick .col.span4.card.franchise{
	padding: 0;
}


.loader {
    position: absolute;
	top: 50%;
	left: 50%;
    width: 70px;
    height: 70px;
	margin: -35px 0px 0px -35px;
    border: 10px solid #f3f3f3; /* Light grey */
    border-top: 10px solid #3498db; /* Blue */
    border-radius: 50%;
    opacity: .8;
    -webkit-animation: spin 2s linear infinite;
            animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
} /*hide main nav toggle on normal screens*/
.toggleNav,
.toggleIconList {
    display: none;
}













@media all and (max-width: 1024px) {

    /* Get rid of weird looking buttons on iphone */
    input[type="button"], input[type="submit"], input[type="text"], input[type="password"]{
        -webkit-appearance: none!important;
    }

    .topNav {
        position: static;
        padding: 20px;
    }

    .countrySelect {
        width: 100% !important;
        margin: 0 !important;
    }

    .topNav .login {
        line-height: 43px;
        position: relative;
        display: block;
        padding: 0;
        font-size: 16px;
    }

    .topNav .loggedIn {
        display: block;
        line-height: 43px;
        padding-left: 0;
        position: relative;
    }
    .topNav .loggedIn .profileLink a {
        font-size: 16px;
    }
    .profileLink a:after {
        position: absolute;
        right: 10px;
    }
    .topNav .loggedIn .profile {
        background: #3F6282;
        margin: 0;
        left: 0;
        right: 0;
        width: 100%;
    }
    .topNav .loggedIn .profile li a {
        color: white;
        padding: 10px;
    }

    .generalForm input[type="text"],
    .generalForm input[type="password"],
    .generalForm input[type="email"],
    .generalForm input[type="tel"],
    .generalForm textarea {
        -webkit-appearance: none;
    }

    .generalForm select {
        -webkit-appearance: none;
        background-color: white;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAFCAYAAABM6GxJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRCMkJDOEI0NUQ1MDExRTZBMkRGOENEMENBMDQyMDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRCMkJDOEI1NUQ1MDExRTZBMkRGOENEMENBMDQyMDJFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REIyQkM4QjI1RDUwMTFFNkEyREY4Q0QwQ0EwNDIwMkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REIyQkM4QjM1RDUwMTFFNkEyREY4Q0QwQ0EwNDIwMkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6FVMotAAAAOUlEQVR42mJUad/0n4EAuF3hy4hLjgmIGQnoxyvPREARIcMZmIDOw6WYoGa4C7AYwojkf7wGAAQYADvpCO/6+6YSAAAAAElFTkSuQmCC);
        background-position: right center;
        background-repeat: no-repeat;
    }

}













@media (min-width: 768px) {

    .featuredContentSlider + .row.directoryMain {
        margin-top: 20px;
    }

}














@media all and (min-width: 1024px) {

    /* Quick fix for bug in mediaQueries.css  for slider with biz cards in homepage */

    .slick.gallerySlider li {
        width: auto;
        float: none;
    }
    .slick.gallerySlider .slick-list li {
        width: 50%;
        float: left;
    }

    /*fix for when JS is disabled*/

    .slick.gallerySlider > li {
        width: 50%;
        float: left;
    }

}











@media all and (min-width: 1025px) {

    .toggleFilters {
        font-weight: 700;
        font-size: 18px;
        color: #112b3a;
        padding: 10px 0 10px 20px;
        margin: 0 0 10px;
        background: #d9d8d7;
    }

    .toggleFilters .fa {
        display: none;
    }

}










@media all and (max-width: 1300px)  {


    /*
    .globalListing .inner {
            margin: 0 auto;
            float: none;
            position: relative;
            left: 15px;
    }
    */

    .pngOverlay img {
        max-width: 320px;
        left: -30px;
    }

}














@media all and (max-width: 1200px) {

    /*GENERAL*/

    .row {
        padding: 0 20px 0;
    }

    /*VIDEO IN LIGHTBOX*/

    .fancybox-inner .video {
        min-width: 900px;
    }

    .fancybox-inner .videoRight {
        padding: 20px 20px 0;
    }

    .fancybox-inner .video h2 {
        font-size: 19px;
        line-height: 22px;
    }

    .fancybox-inner .video .btn {
        margin-top: 15px;
    }

    /*HEADER*/

    .header .logo {
        top: 44px;
    }

    .header .logo img {
        width: 270px;
    }

    .mainNavList > li > a {
        padding: 6px 6px 0;
    }

    .mainNavList .columns .wrap {
        width: 640px;
    }

    .mainNavList .wrap a {
        font-size: 13px;
    }

    /*BANNER*/

    .bannerSlider figcaption h2 {
        font-size: 18px;
        margin: 0 0 5px;
    }

    .bannerSlider figcaption p {
        font-size: 14px;
        line-height: 18px;
    }

    /*DIRECTORY PAGES*/

    .featuredContentSlider figcaption {
        padding: 15px;
    }

    .featuredContentSlider h3 {
        margin-bottom: 5px;
    }

    .featuredContentSlider p {
        font-size: 13px;
        line-height: 18px;
        margin-top: 0;
    }

    /*RESOURCES*/

    .tileInner img {
        padding-top: 20px;
    }

    .tileInner h2 {
        font-size: 15px;
    }

    .tileInner p {
        font-size: 13px;
        line-height: 18px;
    }

}






@media all and (max-width: 1199px) {


    /*PROFILE PAGES*/

    .tabsList > li {
        width: 25%;
    }


}






@media all and (max-width: 1143px) {

    .headerCTA.scrollFixed .inner a.btn {
        right: 40px;
    }

    .resourceList p img {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }

}
















@media all and (max-width: 1120px) {

    /*DIRECTORY*/

    .greyBar.pages .col {
        width: 100%;
        text-align: center;
        float: left;
    }

    .pages .pagination {
        margin-top: 5px;
        margin-bottom: 8px;
    }

    .pages .az {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    .pagination a {
        font-size: 14px;
        padding: 5px 10px;
        margin: 3px 0 0 3px;
    }

    .pagination.az .pageList {
        display: block;
        padding: 0 5px;
    }

    .pagination.az li {
        width: 7.6923076923%;
        display: block;
        float: left;
        padding: 0 1px;
    }

    .pagination.az a {
        width: 100%;
        padding: 5px 0;
        margin: 1px 0;
        text-align: center;
    }

    /*VIDEOS*/

    .fancybox-inner .video p {
        font-size: 13px;
        line-height: 18px;
    }

}

















@media all and (max-width: 1024px) {

    .prompt.networkPrompt {
        display: none;
    }

    /*GENERAL*/

    body {
        padding-top: 60px;
    }

    .offset1,
    .offset2,
    .offset3,
    .offset4,
    .offset5,
    .offset6,
    .offset7,
    .offset8,
    .offset9,
    .offset10,
    .offset11,
    .offset12 {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .col.span8.offset2 {
        width: 83.333333333333%;
        margin-left: 8.333333333333%
    }

    .generalForm input[type="text"],
    .generalForm input[type="password"],
    .generalForm input[type="email"],
    .generalForm select,
    .generalForm textarea,
    .generalForm button,
    .generalForm input[type="submit"] {
        font-size: 14px;
    }

    .buttons .btn.block {
        font-size: 11px;
        line-height: 16px;
        font-weight: 400;
    }

    .buttons .btn .fa {
        display: none;
    }

    .image.video a:before {
        margin: -30px 0 0 -30px;
        font-size: 20px;
        width: 60px;
        height: 60px;
        padding: 18px 0 0 5px;
    }

    .resourceList .image.video a:before {
        margin: -20px 0 0 -18px;
        font-size: 14px;
        width: 36px;
        height: 36px;
        padding: 9px 0 0 3px;
        border-width: 2px;
    }

    .span9.content {
        width: 100%;
    }

    .gallerySlider .slick-arrow,
    .storySlider .slick-arrow {
        display: none !important;
    }

    /*VIDEO IN LIGHTBOX*/

    .fancybox-inner .video {
        min-width: 650px;
        width: 650px;
    }

    .fancybox-inner .videoLeft {
        width: 100%;
    }

    .fancybox-inner .videoRight {
        padding: 20px 25px 25px;
        color: #fff;
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
    }

    .fancybox-inner .video h2 {
        font-size: 22px;
        line-height: 24px;
    }

    .fancybox-inner .video p {
        font-size: 14px;
        line-height: 20px;
    }

    .fancybox-inner .video .btn {
        margin-top: 25px;
    }

    .fancyVideo .fancybox-close {
        top: -15px !important;
        right: -15px !important;
        background-color: #d54d32;
        font-size: 20px;
        line-height: 25px;
        color: #fff;
        padding-top: 5px;
        border-radius: 50%;
        z-index: 1000;
    }

    /*HEADER*/

    .header {
        min-height: 60px;
        border-bottom: 1px solid rgba(255,255,255,0.2);
        padding: 0;
        position: fixed;
        top: 0;
        /* overflow: hidden; */
    }

    .header.sticky {
        position: fixed;
        height: auto;
        min-height: 60px;
    }

    .header .row,
    .header .col {
        margin: 0;
        padding: 0;
    }

    .header .logo {
        float: none;
        position: absolute;
        top: 19px;
        left: 0;
        right: 0;
        display: block;
        text-align: center;
    }

    .header.sticky .logo {
        top: 19px;
    }

    .header .logo img {
        width: 220px;
        height: auto;
    }

    /*MAIN NAV*/

    .toggleNav {
        display: block;
        position: absolute;
        z-index: 3;
        top: 0;
        left: 0;
        width: 60px;
        height: 60px;
        border-right: 1px solid rgba(255,255,255,0.2);
        color: #fff;
        font-size: 20px;
        text-align: center;
        padding: 15px 0 0 0;
        opacity: 0.5;
    }

    .header nav {
        height: 0;
        overflow: hidden;
        position: relative;
    }

    /* .header nav.open {
                    height: auto;
                    margin-top: 60px;
                    border-top: 1px solid rgba(255,255,255,0.2);
            } */

    .header nav.open {
        height: 100%;
        height: 100vh;
        width: 100%;
        top: 59px;
    }

    .header nav.open .navInnerWrap {
        background: #2F587C;
        height: 100%;
        height: 100vh;
        padding-bottom: 150px;
        overflow-y: scroll;
    }

    .mainNavList {
        float: none;
        position: relative;
        top: auto;
        right: auto;
        border-top: 1px solid rgba(255,255,255,0.2);
    }

    .sticky .mainNavList {
        top: auto;
    }


    .mainNavList > li,
    .mainNavList > li.columns {
        float: none;
        height: auto;
        position: relative;
        border-bottom: 1px solid rgba(255,255,255,0.2);
    }

    .mainNavList > li > a,
    .mainNavList > li:hover > a {
        display: block;
        font-size: 16px;
        margin: 0;
        padding: 10px 15px;
        height: auto;
        border: 0;
        background: transparent;
    }

    .mainNavList > li > span {
        display: block;
        color: #fff;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 40px;
        font-size: 14px;
        background: rgba(255,255,255,0.07);
        text-align: center;
        padding-top: 12px;
    }

    /*dropdowns*/

    .mainNavList .wrap {
        position: static;
        z-index: -1;
        width: auto;
        background: rgba(255,255,255,0.1);
        opacity: 1;
        transition: none;
        border-top: 0;
        padding: 0;
        height: 0;
    }

    .mainNavList .columns .wrap {
        width: auto;
    }

    .mainNavList .open .wrap {
        height: auto;
    }

    .mainNavList .columns ul {
        width: 100%;
        float: none;
        padding: 0;
    }

    .mainNavList .wrap a,
    .mainNavList .wrap a:hover {
        color: #fff;
        font-size: 15px;
        text-decoration: none;
        border-bottom: 1px solid rgba(20,43,64,0.1);
        padding: 8px 15px;
    }

    /*COUNTRY SELECT*/

    .countrySelect {
        position: static;
        background: #446989;
        width: auto;
        margin: 20px 15px 0;
    }

    .sticky .countrySelect {
        opacity: 1;
    }

    .countrySelect ul,
    .countrySelect.open ul {
        position: relative;
        height: 0;
        overflow: hidden;
    }

    .countrySelect.open ul {
        top: 0;
        height: auto;
        background: rgba(255,255,255,0.1);
    }

    .countrySelect a {
        font-size: 16px;
        padding: 10px 25px 10px 10px;
    }

    .countrySelect .sel > a:after {
        top: 12px;
    }

    .countrySelect img {
        width: 22px;
        top: 2px;
    }


    /*SITE SEARCH IN HEADER*/

    .siteSearch {
        top: 0;
        right: 0;
    }

    .sticky .siteSearch {
        top: 0;
    }

    .siteSearch.open {
        left: 0;
    }

    .toggleSearch,
    .sticky .toggleSearch,
    .open .toggleSearch {
        position: absolute;
        z-index: 3;
        top: 0;
        right: 0;
        font-size: 18px;
        width: 60px;
        height: 60px;
        padding-top: 17px;
        border-left: 1px solid rgba(255,255,255,0.2);
        opacity: 0.5;
    }

    .siteSearchForm {
        right: 60px;
        height: 60px;
        left: 60px;
        width: auto;
    }

    .siteSearchForm input[type="search"] {
        height: 60px;
        width: 100%;
        padding-right: 60px;
    }

    .siteSearchForm button {
        width: 60px;
        height: 60px;
        position: absolute;
        z-index: 10;
        top: 0;
        right: 0;
    }


    /*SEARCH WIZARD*/

    .banner .searchWizard {
        padding: 0 30px;
        margin-top: 10px;
    }

    .searchWizardForm.searchAgain {
        padding-bottom: 0;
    }

    .banner .searchWizard .formHolder {
        width: 100%;
        height: auto;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .searchWizardForm .col {
        width: 18%;
    }

    .searchWizardForm.searchAgain .col.span9 {
        width: 54%;
    }

    .searchWizardForm legend.col {
        width: 28%;
        margin: 6px 0 0 0;
        font-size: 19px;
    }

    .condensed .searchWizardForm legend {
        font-size: 16px;
        padding: 4px 0 0 10px;
        line-height: 20px;
    }

    /*BANNER*/

    .bannerTitle h1, .bannerTitle h2 {
        font-size: 36px;
        line-height: 42px;
    }

    .bannerTitle p {
        display: none;
    }

    .banner figcaption {
        display: none;
    }

    /*CONTENT*/

    .contentWrap > .row > .col {
        width: 100%;
    }

    .top100Listing .copy .col.span2point4 {
        width: 20%;
    }

    .sidebar.span3 {
        margin-bottom: 0;
    }

    .sidebar.span3 .accordion {
        display: none;
    }

    /*GALLERY SLIDERS*/

    .gallerySlider .card {
        padding-bottom: 42px;
    }

    .gallerySlider .req {
        bottom: 0;
    }

    .gallerySlider .card:hover .text,
    .gallerySlider .card.sel .text  {
        top: 100%;
        bottom: auto;
    }

    /*DIRECTORY*/

    .toggleFilters {
        display: block;
        padding: 0 10px;
        font-size: 16px;
        cursor: pointer;
    }

    .toggleFilters .fa {
        float: right;
        position: relative;
        top: 4px;
    }

    .filters .filtersForm,
    .subFilters {
        display: none;
        padding: 0 10px 10px;
    }

    .open.filters .filtersForm,
    .open.subFilters {
        display: block;
    }

    .filtersForm .label,
    .filtersForm label,
    .filtersForm select,
    .subFilters .label {
        width: 100%;
    }

    .filtersForm .label,
    .filtersForm label,
    .subFilters .label {
        text-align: left;
    }

    .filtersForm select {
        margin: 10px 0 0;
    }

    .filtersForm button.btn {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }

    .subFilters {
        margin-top: 0;
        padding-top: 0;
    }

    .subFilters ul {
        width: 100%;
        margin-left: 0;
    }

    /*PROFILE*/

    .headerCTA img {
        width: auto;
        max-width: 100%;
    }

    .headerTagline h2 {
        font-size: 26px;
        line-height: 30px;
        margin: 50px 40px 0;
    }

    .tabsList > li {
        width: 33.3333333333%;
    }

    /*US FRANCHISES (AMP)*/

    .usFranchises > .row > .col {
        width: 100%;
    }

    .content div.usFranchises .hotSpot {
        margin: 20px 0;
    }


    .headerCTA.scrollFixed .inner a.btn {
        position: relative;
        top: auto;
        width: auto;
        right: 0;
        webkit-transition: all 0;
        transition: all 0;
    }
    /*
    .btnFixed {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 1000;
    }

    .btnFixed.hide {
            bottom: 74px;
    }
    */

    /*RESOURCES*/

    #facebookWidget .fb_iframe_widget {
        background: transparent;
        padding: 0;
    }

    .rhsPagetitle  {
        position: static;
        float: left;
        text-align: right;
        margin: 5px 0 15px;
    }

    .pageTitle {
        padding-right: 0;
    }


    /*TOP 100*/

    .top100Listing .content .copy > img.top100logoSmall {
        top: auto;
    }

    /*SERVICES*/

    .servicesList .contact div {
        float: none;
        display: inline;
    }

    .servicesList .contact span {
        display: block;
        width: 50%;
        float: left;
        margin: 5px 0;
    }

    /*MAPS*/

    .map {
        padding: 0 100px;
    }

    /*TOP 100*/

    .top100hero {
        padding: 0;
    }

    .top100hero:before {
        right: -1000%;
        left: 50%;
        margin-left: -10px;
    }

    .pngOverlay {
        width: 50%;
    }

    .globalListing {
        width: 50%;
    }

    .pngOverlay img {
        left: 0;
    }

    .globalListing .inner {
        margin: 0 auto;
        float: none;
    }

    /*RAPID ALERT*/

    .rapidAlert {
        left: 10px;
        right: 10px;
        top: 70px;
    }

}























@media all and (max-width: 850px) {

    .overlayBanner {
        overflow: hidden;
    }

    /*.overlayBanner > div > img {
            height: 1000px;
            width: auto;
            max-width: 3000px;
            background-blend-mode: multiply;
    }

    table.top100listingTable thead {
            display: none;
    }

    table.top100listingTable tr,
    table.top100listingTable td {
            display: block;
    }

    table.top100listingTable tr {
        border: 1px solid #d9d8d7;
        display: block;
        margin-bottom: 20px;
    }

    table.top100listingTable td {
            padding-left: 170px;
            text-align: left;
    }

    .top100listingTable tbody td.ranking {
            position: relative;
            text-align: center;
            padding-left: 190px;
    }

    table.top100listingTable td {
            padding-left: 10px;
    }

    table.top100listingTable td:nth-of-type(even) {
            background: #f3f3f3;
    }

    :first-child:after {
            content: "";
        color: inherit;
        left: 20px;
        margin-left: 0;
        top: 0;
        position: absolute;
        top: 10px;
    }

    table.top100listingTable tbody td:first-of-type,
    table.top100listingTable tbody td.ranking {
            text-align: left;
    }

    table.top100listingTable tbody td:first-of-type {
            background: #1c84aa;
            color: white;
    }

    .top100listingTable tbody td:first-of-type:after {
            z-index: 1;
    }

    table.top100listingTable tbody td.ranking:before {
            left: 170px;
            margin-left: 0;
    }*/
    /*
            table.top100listingTable tbody td:nth-of-type(2):after {
                    content: 'Moved:';
            }

            table.top100listingTable tbody td:nth-of-type(3):before {
                    content: 'Franchise Name:';
            }

            table.top100listingTable tbody td:nth-of-type(4):before {
                    content: 'Country:';
            }

            table.top100listingTable tbody td:nth-of-type(5):before {
                    content: 'Industry:'
            }

            table.top100listingTable tbody td:nth-of-type(2):after,
            table.top100listingTable tbody td:nth-of-type(3):before,
            table.top100listingTable tbody td:nth-of-type(4):before,
            table.top100listingTable tbody td:nth-of-type(5):before {
                    position: absolute;
                    left: 20px;
                    text-transform: capitalize;
                    font-weight: 400;
            }

            .locationsList a {
                    font-size: 16px;
            }

            .tileInner p, .tileInner ul {
                    display: none;
            }
    */


}
















@media all and (max-width: 768px) {

    /*GENERAL*/

    .container {
        padding-bottom: 20px;
    }

    .row {
        padding: 0 5px;
        margin-top: 20px;
    }

    .row .row {
        margin-top: 10px;
    }

    .col {
        padding-left: 5px;
        padding-right: 5px;
    }

    .span10.offset1 {
        width: 100%;
        margin-left: 0;
    }

    .col.span8.offset2 {
        width: 100%;
        margin-left: 0;
    }

    .pageTitle {
        font-size: 22px;
        line-height: 24px;
        margin: 10px 0 10px;
    }

    .sectionTitle {
        font-size: 22px;
        line-height: 24px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .subText {
        font-size: 13px;
        line-height: 20px;
        margin: 5px 0 0;
    }

    .buttons .col {
        width: 50%;
        padding-top: 10px;
    }

    .resources .buttons {
        text-align: center;
    }

    .buttons[data-btn-count="5"],
    .buttons[data-btn-count="4"],
    .buttons[data-btn-count="3"],
    .buttons[data-btn-count="2"]{
        text-align: center;
    }

    .buttons .span2point4,
    .buttons[data-btn-count="5"] .col.span,
    .buttons[data-btn-count="4"] .col.span,
    .buttons[data-btn-count="3"] .col.span,
    .buttons[data-btn-count="2"] .col.span{
        width: 32%;
        float: none;
        display: inline-block;
        padding-left: 2px;
        padding-right: 2px;
        padding-top: 5px;
    }

    .req {
        font-size: 14px;
        font-size: 18px;
    }

    .req .fa {
        font-size: 12px;
    }

    .directoryMainList .req {
        left: 4px;
        right: 6px;
    }

    .copy img,
    .resourceMedia .copy > img {
        float: none !important;
        display: block !important;
        margin: 10px auto 20px !important;
        padding: 0 !important;
        text-align: left !important;
        width: auto !important;
        height: auto !important;
        max-width: 100% !important;
    }

    /*FANCYBOX*/

    /*.fancybox-wrap.fancybox-type-ajax,
    .fancybox-wrap.fancybox-type-ajax .fancybox-inner {
            max-width: 340px !important;
    }*/

    body .fancybox-error {
        padding: 45px 20px;
    }

    /*VIDEO IN LIGHTBOX*/

    .fancybox-inner .video {
        min-width: 400px;
        width: 400px;
    }

    .fancybox-inner .video h2 {
        font-size: 20px;
        line-height: 22px;
    }

    /*SOCIAL NAV LIST*/

    .socialNavList {
        margin-top: 10px;
    }

    .socialNavList a {
        width: 32px;
        height: 32px;
    }

    .social a:before {
        font-size: 18px;
        line-height: 18px;
        top: 9px;
        left: 9px;
    }

    /*BANNER*/

    .banner .bannerSlider {
        display: none;
    }

    .bannerContent,
    .banner figcaption {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
    }

    .bannerTitle {
        background: #142b40;
    }

    .bannerTitle h1 {
        font-size: 16px;
        line-height: 22px;
        text-shadow: none;
        padding: 20px 0;
    }

    .bannerTitle p {
        display: none;
    }

    .banner .searchWizard {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        margin-top: 0;
    }

    .searchWizard.toggle {
        height: 52px;
        overflow: hidden;
        cursor: pointer;
    }

    .searchWizard.open.toggle {
        height: auto;
    }

    .searchWizard .formHolder,
    .searchWizard.condensed .formHolder,
    .banner .searchWizard .formHolder {
        width: 100%;
        height: auto;
        padding-top: 10px;
        padding-bottom: 15px;
    }

    .searchWizard.condensed .formHolder {
        padding-top: 9px;
    }

    .searchWizardForm .col,
    .condensed .searchWizardForm .col {
        width: 50%;
        padding-top: 12px;
    }

    .searchWizardForm.searchAgain .col.span9 {
        width: 75%;
        padding-top: 12px;
    }

    .searchWizardForm.searchAgain .col.span3 {
        width: 25%;
        padding-top: 12px;
    }

    .searchWizardForm.searchAgain button {
        padding-left: 0;
        padding-right: 0;
    }

    .condensed .searchWizardForm .col:last-child {
        padding-right: 5px;
    }

    .searchWizardForm legend.col,
    .condensed .searchWizardForm legend.col {
        width: 100%;
        font-size: 16px;
        text-transform: none;
        text-align: center;
        font-size: 22px;
        line-height: 24px;
        font-weight: 800;
        padding-top: 4px;
        padding-bottom: 0;
        margin: 0;
    }

    .yellow .searchWizardForm legend.col,
    .yellow .condensed .searchWizardForm legend.col {
        color: #142b40;
    }

    .toggle .searchWizardForm legend.col,
    .toggle.condensed .searchWizardForm legend.col {
        padding-bottom: 5px;
    }

    .searchWizard.toggle legend:after,
    .toggle.condensed .searchWizardForm legend:after {
        content:"\f055";
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        color: inherit;
        font-size: 20px;
        line-height: 20px;
        height: 24px;
        display: inline;
        padding-left: 10px;
    }

    .searchWizard.toggle.open legend:after,
    .toggle.condensed.open .searchWizardForm legend:after {
        content:"\f056";
    }

    .iconList a {
        font-size: 16px;
        padding-left: 20px;
    }

    .iconList i {
        width: 14px;
        margin-right: 0;
        font-size: 14px;
    }

    /*RESOURCES*/

    .resources .subText {
        display: none;
    }

    .resourceList,
    .row.resourceList {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
        margin: 20px 0 0;
        padding: 0 5px;
    }

    .content .row + .resourceListWrap {
        margin: 0 5px;
    }

    /*
    .resourceList.column {
            width: 100%;
            margin-top: 20px;
    }

    .resourceList.column + .resourceList.column {
            margin-top: 0;
    }
    */



    .contentBanner .bannerSlider figure p,
    .articleBanner figure p {
        display: none;
    }

    .contentBanner figcaption,
    .articleBanner figcaption {
        bottom: 40px;
        top: auto;
        left: 15px;
        right: 15px;
        text-align: center;
    }

    .contentBanner figcaption h2,
    .articleBanner figcaption h2,
    .contentBanner figcaption h3,
    .articleBanner figcaption h3 {
        color: #fff;
    }

    .contentBanner figcaption h2,
    .articleBanner figcaption h2 {
        font-size: 30px;
        margin-bottom: 3px;
    }

    .contentBanner figcaption h3,
    .articleBanner figcaption h3 {
        font-size: 16px;
    }

    .contentBanner figcaption .inner,
    .articleBanner figcaption .inner {
        background: transparent;
        padding: 0;
        height: auto;
        width: 100%;
    }

    .tileInner p,
    .tileInner ul {
        display: block;
    }

    .tileInner img {
        max-width: 40px;
    }

    #contents > a.btn {
        display: block;
        width: 100%;
    }


    /*GALLERY SLIDER*/

    .gallerySlider .card {
        padding: 0 5px 42px;
    }

    .gallerySlider .req,
    .gallerySlider .text {
        left: 5px;
        right: 5px;
    }

    .gallerySlider h2,
    .gallerySlider h3,
    .gallerySlider h4,
    .gallerySlider h5,
    .gallerySlider h6 {
        font-size: 16px;
        line-height: 19px;
    }

    .gallerySlider p {
        display: none;
    }

    /*RESOURCES*/

    .resourceList .inner,
    .grey .resourceList .inner {
        border-bottom-width: 10px;
    }

    /*NEWSLETTER SIGN UP*/

    .newsletterForm .span9 {
        width: 66.6666666666%;
        padding: 0;
    }

    .newsletterForm .span3 {
        width: 33.3333333333%;
        padding: 0;
    }

    .newsletterForm input[type="text"],
    .newsletterForm input[type="password"],
    .newsletterForm input[type="email"],
    .newsletterForm select,
    .newsletterForm button {
        height: 30px;
        padding: 0;
    }

    /*FOOTER*/

    .footer .span2 {
        width: 50%;
    }

    .footer .span2:nth-of-type(2n+3) {
        clear: left;
    }

    .footer .right {
        width: 100%;
        margin-top: 20px;
        clear: left;
        text-align: center;
    }

    .footer .partnerLogos li {
        float: left;
    }

    /*

    .partnerLogos {
            border-top: 1px solid rgba(255,255,255,0.2);
            padding-top: 20px;
    }

    .partnerLogos li {
            padding: 0 5px;
    }

    .partnerLogos img {
            max-height: 60px;
            width: auto;
    }

    */

    .copyright {
        padding: 0;
        border-top: 0;
        text-align: center;
    }

    /*CONTENT*/

    .content.col,
    .sidebar.left,
    .sidebar.right {
        padding-left: 5px;
        padding-right: 5px;
    }

    .path {
        margin-top: 10px;
        margin-bottom: 0;
    }

    .path li {
        font-size: 11px;
    }

    /*DIRECTORY PAGES*/

    .featuredContentSlider .slick-dots {
        bottom: 55px;
    }

    .featuredContentSlider .slick-list {
        padding-bottom: 50px;
    }

    .featuredContentSlider.video .slick-list {
        padding-bottom: 10px;
    }

    .featuredContentSlider p {
        display: none;
    }

    .featuredContentSlider .req,
    .featuredContentSlider .btn {
        bottom: 0;
        /*right: -100%;*/
        right: 0;
        font-weight: 700;
        font-size: 16px;
        z-index: 50;
    }

    .featuredContentSlider .btn {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .featuredContentSlider .logo img {
        padding: 0;
    }

    .directoryMainList {
        margin-left: -5px;
        margin-right: -5px;
    }

    .directoryMainList .card {
        width: 50%;
    }

    .directoryMainList .inner {
        padding: 10px 10px 60px;
        min-height: 380px;
    }

    .directoryMainList li:nth-child(3n+4) {
        clear: none;
    }

    .directoryMainList li:nth-child(2n+3) {
        clear: left;
    }

    .directoryMainList h2,
    .directoryMainList h3,
    .directoryMainList h4,
    .directoryMainList h5,
    .directoryMainList h6 {
        font-size: 16px;
        margin: 10px 0 5px;
    }

    /*.directoryMainList p {
            display: none;
    }*/

    .directoryMainList .moreResults p {
        display: block;
        font-size: 14px;
        line-height: 20px;
        padding-right: 50px;
    }

    .card .moreResults .fa {
        left: 0;
        font-size: 32px;
    }

    /*MASTER FRANCHISES*/

    .masterOptionsList {
        margin-left: -5px;
        margin-right: -5px;
    }

    .masterOptionsList .inner {
        padding: 5px 10px 5px;
    }

    .masterOptionsList h2 {
        font-size: 16px;
        line-height: 22px;
    }

    .masterOptionsList p {
        display: none;
    }

    /*PROFILE*/

    .headerTagline .inner {
        left: 5px;
        right: 5px;
    }

    .headerTagline .inner:before {
        left: 5px;
        right: 5px;
    }

    .headerTagline h2 {
        font-size: 22px;
        line-height: 26px;
        margin: 20px 10px 0;
    }

    .headerTagline a {
        font-size: 14px;
        line-height: 16px;
        margin-top: 10px;
    }

    .tabsList {
        border-bottom: 0;
    }

    .tabsList > li {
        width: 50%;
    }

    .tabsList > li:last-child:nth-child(odd) {
        width: 100%;
    }

    .tabsList > li a {
        padding: 8px 0;
        font-size: 14px;
    }

    .tabsList.tabs3 > li:last-child:nth-child(odd) {
        width: 33.3333333334%;
    }


    .profileContent .col {
        width: 100%;
    }

    .profileContent > .row > .span8 {
        padding-right: 5px;
    }

    .videoList .col {
        width: 50%;
    }

    .videoList .span4:nth-child(3n+4) {
        clear: none;
    }

    .videoList .span4:nth-child(2n+3) {
        clear: left;
    }

    /*REQUEST BAR*/

    .requestBar .inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .requestBar .requestText {
        font-size: 20px;
        padding: 0;
        top: auto;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }

    .requestBar .btn {
        padding: 14px 15px;
        font-size: 14px;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        max-width: 320px;
        margin: 0 auto 10px;
    }

    /*RESOURCES*/

    .resourceLanding .span8 {
        width: 100%;
    }

    .resourceLanding .span4 {
        width: 50%;
    }

    .resourceLanding .col:nth-child(2n+3) {
        clear: none;
    }

    /* US FRANCHISES (MAP)*/

    .content div.usFranchises .usaStates ul li {
        width: 50%;
        font-size: 14px;
    }

    .content div.usFranchises .usaStates ul li:nth-child(2n+3) {
        clear: left;
    }

    /*TOP 100*/

    .top100hero {
        padding: 0;
        display: block;
    }

    .top100hero:before {
        display: none;
        right: -1000%;
        left: 50%;
        margin-left: -10px;
    }

    .pngOverlay {
        width: 100%;
    }

    .globalListing {
        width: 100%;
        box-sizing: border-box;
        padding: 0 30px;
        margin-top: -70px;
    }

    .pngOverlay img {
        max-width: 240px;
        max-height: 344px;
    }

    .globalListing .inner {
        margin: 0 auto;
        float: none;
        width: 100%;
    }

    .globalListing h1 {
        font-size: 19px;
        margin-left: auto;
        margin-right: auto;
    }

    .globalListing li {
        font-size: 15px;
    }


    /*

    .top100hero {
            display: block;
    }

    .contentWrap.container .pngOverlay {
            width: 100%;
    }

    .globalListing {
            width: 100%;
            background: transparent;
            padding-left: 20px;
            padding-right: 20px;
            overflow-x: hidden;
    }

    .globalListing ol {
            max-width: 240px;
            padding: 0;
    }

    .globalListing li {
            font-size: 15px;
    }

    .pngOverlay img {
            max-width: 240px;
    }

    .globalListing h1 {
            margin-top: 0;
    }*/

    .analytics h2 {
        display: block;
        line-height: 24px;
        text-align: center;
    }

    .analytics .linkBtn {
        float: none;
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
    }

    .analytics li {
        line-height: 22px;
        padding-bottom: 15px;
    }

    .analytics .linkBtn .btn {
        width: 49%;
    }

    .analytics .linkBtn .btn:nth-of-type(2) {
        float: right;
    }

    /*PROSPECTUS*/

    div.prospectus {
        margin-bottom: 20px;
    }

    /*CALENDAR PAGES*/

    .eventList > li {
        padding: 10px 20px 20px;
        margin: 10px 0 10px;
        font-size: 14px;
    }

    /*MAPS*/

    .map {
        display: none;
    }

    /*TABLES*/
    /*
    .copy .tableWrapper:before {
            content: "(Swipe to view more table data)";
            font-size: 13px;
            font-style: italic;
            color: #2487b2;
    }
    */

    /*FORMS*/

    /* .generalForm .m-span12 + .m-span12 {
                    margin-top: 15px;
            } */

    /*FANCYBOX LEAD FORM*/

    html.fixed,
    html.fixed body {
        height: 100%;
        width: 100%;
        overflow: hidden;
    }

    .fancybox-wrap.fancyLeadForm {
        position: fixed !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: auto !important;
    }

    .fancybox-wrap.fancyLeadForm .fancybox-skin {
        width: 100% !important;
        height: 100% !important;
        overflow: scroll !important;
        -webkit-overflow-scrolling: touch;
    }

    .fancybox-wrap.fancyLeadForm .fancybox-inner {
        width: 100% !important;
    }
    /*
    .fancybox-wrap.fancyLeadForm .fancybox-outer,
    .fancybox-wrap.fancyLeadForm .fancybox-inner,
    .fancybox-wrap.fancyLeadForm .formHolder {
            height: 100% !important;
    }
    */

    .fancybox-wrap.fancyLeadForm .fancybox-skin {
        background: #2487b2;
    }

    .formHolder.modal {
        max-width: 100%;
    }

    /*GRID LIST*/

    .gridLinksList > li > .fa.toggle {
        top: 0;
        left: 0;
        width: 40px;
        height: 33px;
        text-align: left;
        padding: 9px 0 0 6px;
    }



}













@media (max-width: 767px) {


    /*GRID LIST*/

    .gridLinksList.col.span4 {
        width: 100%;
    }

    .gridLinksList:nth-of-type(n+2) > li:first-child {
        border-top: 0;
    }


}














/*matches tablesaw plugin - do not change*/
@media (max-width: 39.9375em) {

    /*TOP 100*/

    .top100listingTable {
        overflow-x: hidden;
    }

    .top100listingTable tbody tr {
        display: block;
    }

    .top100listingTable tbody td {
        font-size: 14px;
        line-height: 16px;
        padding-top: 7px;
        padding-bottom: 7px;
        padding-right: 0;
        border-top: 1px solid #d9d8d7;
    }

    .top100listingTable tbody td .tablesaw-cell-label {
        padding-left: 10px;
    }

    .top100listingTable tbody td:first-of-type {
        background: #eee;
        text-align: left;
        color: #142b40;
        font-size: 14px;
    }

    .top100listingTable tbody td:first-of-type b {
        color: #142b40;
    }

    .top100listingTable tbody td:first-of-type:after {
        content: "";
    }

    .top100listingTable tbody td.ranking {
        /*padding-left: 32%;
        margin-left: 0;
        border-top: 0;
        min-width: 10px;*/
        position: relative;
        top: -23px;
        left: 30%;
        margin-left: 50px;
        width: 100px;
        border: 0;
        padding: 0;
        height: 0;
    }

    .top100listingTable tbody td.ranking:before {
        top: 7px;
        position: static;
        padding-right: 5px;
    }

    .top100listingTable.tablesaw-stack td:nth-of-type(2) .tablesaw-cell-label,
    .top100listingTable.tablesaw-stack th:nth-of-type(2) .tablesaw-cell-label {
        padding: 0;
        width: 0;
    }

    .tablesaw-cell-content {
        padding-left: 2%;
    }

    .top100listingTable b,
    .top100listingTable strong,
    .top100listingTable tbody tr td:nth-of-type(3) {
        font-weight: 700;
    }


    .top100listingTable tbody td:nth-of-type(3),
    .top100listingTable tbody td:nth-of-type(3) a,
    .top100listingTable tbody td:nth-of-type(3) a:visited {
        color: #2487b2;
    }

    .tableSortRow {
        display: none !important;
    }



}













@media all and (max-width: 640px) {

    .copy table {
        border: 1px solid #d9d8d7;
    }

    .copy table td, .copy table th {
        border: 0;
    }

    .tablesaw-stack tbody tr {
        border-bottom: 1px solid #d9d8d7;
    }

    .tablesaw-stack tbody tr:first-child {
        border-top: 1px solid #d9d8d7;
    }

    .featuredContentSlider,
    .featuredContentSlider .slick-list,
    .featuredContentSlider .slick-track,
    .featuredContentSlider .slick-slide,
    .featuredContentSlider .inner {
        padding-bottom: 35% !important;
    }

    .content div.franchiseLocationsWrap .franchiseLocations ul li {
        width: 50%;
        font-size: 14px;
        line-height: 24px;
    }

    .resourceList,
    .row.resourceList {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
    }

    .resourceList .inner {
        padding: 15px 15px 15px;
        border-bottom-width: 5px;
        position: relative;
    }

    .resourceList h3 {
        font-size: 22px;
        line-height: 24px;
    }

    .resourceLanding .col {
        margin-top: 10px;
    }

    .resourceItem p,
    .resourceItem .btn {
        display: none;
    }

    .resourceList .video .inner {
        padding-right: 100px;
    }

    .resourceList .image {
        margin-top: 0;
        max-width: 80px;
        position: absolute;
        z-index: 5;
        top: 15px;
        right: 15px;
    }

    .resourceList .tileWrap {
        margin-bottom: 10px;
    }


}















@media all and (max-width: 600px) {

    .gallerySlider .card {
        width: 50%;
    }

    .gallerySlider .req {
        font-size: 13px;
        font-weight: 400;
    }

    /*CONTENT*/
    .contentWrap .copy .col {
        width: 100%;
    }

    /*TOP 100*/

    .top100Listing .content .copy > img.top100logoSmall {
        width: 100px;
    }

    .top100Listing .copy .col.span2point4 {
        width: 100%;
        margin-bottom: 20px;
    }

    /*ICON LIST*/

    .iconList {
        width: 100%;
    }

    .iconList:nth-child(n+2) {
        clear: left;
        display: none;
    }

    .open .iconList:nth-child(n+2) {
        display: block;
    }

    .iconList li {
        width: 100%;
    }

    .toggleIconList {
        display: block;
    }

    /*SVG MAP*/

    #map svg {
        width: 100% !important;
        height: 100% !important;
    }

    /*CALENDAR PAGES*/

    .monthPicker span {
        font-size: 16px;
    }

    .table_calendarMonth .th_day span {
        display: none;
    }

    .table_calendarMonth .td_date {
        padding: 3px;
        height: 60px;
        font-weight: 700;
    }

    .table_calendarMonth .number {
        font-size: 18px;
        line-height: 18px;
    }

    .table_calendarMonth a,
    .table_calendarMonth a:visited {
        width: 100%;
        font-size: 10px;
        line-height: 10px;
        margin: 3px 0 0 0;
        padding: 1px 2px;
        word-wrap: normal;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        background: rgba(255,255,255,0.2);
    }

    /*RESOURCES*/

    .tileInner {
        padding: 0 10px;
    }

    .tileInner p, .tileInner ul {
        display: none;
    }

    .tileInner a.btn.block {
        left: 10px;
        right: 10px;
        bottom: 10px;
        font-weight: 400;
        font-size: 12px;
    }

    .tileWrap .btn .fa {
        display: none;
    }

    /*ABOUT*/

    .locationsList li {
        width: 100%;
    }

    /*SIMPLE SPLASH PAGES*/

    .simpleSplash {
        min-height: 400px;
    }


    .simpleSplash .col {
        width: 100%;
    }

    .simpleSplash .swing {
        max-width: 160px;
    }

    .simpleSplash h1 {
        font-size: 160px;
        line-height: 90px;
    }

    .simpleSplash h1 span {
        font-size: 31px;
    }

    .simpleSplash h3 {
        font-size: 20px;
        line-height: 22px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .simpleSplash p {
        font-size: 14px;
        line-height: 18px;
        padding-left: 20px;
        padding-right: 20px;
    }



}



















@media all and (max-width: 508px) {

    /*
    .btnFixed.hide {
            bottom: 100px;
    }
    */

    .sectionTitle {
        font-size: 18px;
        line-height: 22px;
    }

    /*WIZARD*/

    .searchWizardForm .col,
    .condensed .searchWizardForm .col {
        width: 100%;
        padding-top: 12px;
    }

    .condensed .searchWizardForm .col:last-child {
        padding-right: 5px;
    }


    /*LEAD FORM*/

    .requestInformationForm .row {
        margin-top: 0;
    }

    .requestInformationForm .col {
        width: 100%;
        margin-top: 5px;
    }

    .generalForm legend, .generalForm h3 {
        margin-bottom: 0;
    }

    .generalForm .footnote {
        margin: 15px 0 5px;
    }

    .generalForm .footnote img.right {
        margin: 0 0 5px 10px;
    }

    .requestInformationForm button {
        margin: 15px auto;
    }

    /*DIRECTORY*/

    .featuredContentSlider,
    .featuredContentSlider .slick-list,
    .featuredContentSlider .slick-track,
    .featuredContentSlider .slick-slide,
    .featuredContentSlider .inner {
        padding-bottom: 38% !important;
    }

    .featuredContentSlider .slick-dots {
        left: 50%;
        right: 0;
    }

    .directoryMainList .card {
        width: 100%;
    }

    /*SERVICES*/

    .servicesList .image {
        width: 100%;
    }

    .servicesList img {
        display: block;
        margin: 0 auto;
    }

    .servicesList .text {
        width: 100%;
        padding: 0 0 0 0;
    }

    .servicesList .contact span {
        width: 100%;
    }


}




@media all and (max-width: 444px) {

    .searchWizard.toggle {
        height: 70px;

    }

}



@media all and (max-width: 479px) {

    /*GENERAL*/

    .btn.block {
        padding: 12px 0;
        font-size: 13px;
        line-height: 13px;
    }

    /*VIDEO IN LIGHTBOX*/

    .fancybox-inner .video {
        min-width: 280px;
        width: 280px;
    }

    /*ICON LIST*/

    .iconList li:nth-child(n+11) {
        display: none;
    }

    .iconList.open li:nth-child(n+11) {
        display: block;
    }

    .iconList li {
        width: 100%;
    }

    .toggleIconList {
        display: block;
        margin-top: 13px;
    }

    /*DIRECTORY PAGES*/

    /*.featuredContentSlider,
    .featuredContentSlider .slick-list,
    .featuredContentSlider .slick-track,
    .featuredContentSlider .slick-slide,
    .featuredContentSlider figure {
            padding-bottom: 39% !important;
    }*/

    .featuredContentSlider figcaption {
        padding: 10px;
    }

    .featuredContentSlider .subTitle {
        font-size: 12px;
    }

    .featuredContentSlider .text {
        padding: 10px;
    }

    .featuredContentSlider h3 {
        font-size: 14px;
        line-height: 16px;
    }

    .directoryMainList .inner {
        min-height: 335px;
    }

    /*PROFILE*/

    .profileHeader {
        display: block;
        overflow: hidden;
    }

    .profileHeader .headerTagline {
        display: none;
    }

    .headerCTA {
        width: 100%;
    }

    .headerCTA img {
        max-width: 220px;
    }

    ul.testimonialsList cite {
        padding-top: 15px;
        font-size: 14px;
        line-height: 18px;
    }

    .tabsList.tabs3 > li a {
        font-size: 13px;
        min-height: 52px;
        padding-left: 3px;
        padding-right: 3px;
    }

    .requestBar .requestText {
        font-size: 16px;
        /*padding: 0 0 8px 0;*/
        top: auto;
        display: block;
    }

    .requestBar .btn {
        padding: 12px 15px;
        font-size: 14px;
        display: block;
    }

    /*LEAD FORM IN MODAL*/

    .formHolder.modal {
        /*max-width: 320px;*/
    }

    /*RESOURCES*/

    .tileWrap {
        padding-bottom: 140%;
    }

    .contentBanner figcaption h2, .articleBanner figcaption h2 {
        font-size: 20px;
    }


}













@media all and (max-width: 359px) {

    .header .logo {
        top: 22px;
    }

    .header .logo img {
        width: 160px;
    }

    .tileWrap {
        padding-bottom: 142%;
    }

    .featuredContentSlider,
    .featuredContentSlider .slick-list,
    .featuredContentSlider .slick-track,
    .featuredContentSlider .slick-slide,
    .featuredContentSlider .inner {
        height: 0 !important;
        overflow: hidden !important;
        padding-bottom: 42% !important;
    }

    .content div.franchiseLocationsWrap .franchiseLocations ul li {
        width: 100%;
    }

    .gridLinks .block h2 {
        font-size: 17px;
    }

    .tabsList.tabs3 > li a {
        font-size: 12px;
        line-height: 16px;
        min-height: 48px;
    }


}











@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 1024px) {

    select,
    textarea,
    input {
        font-size: 16px !important;
    }

}



/* New Mobile Directory Styling */

@media(max-width: 768px) {
    .directoryMainList .image {
        padding-bottom:40%;
    }
    .directoryMainList .image img {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .directoryMainList p span.more {
        display: inline;
    }
    .directoryMainList p span.navy {
        font-weight: 700;
    }
    .directoryMainList .inner {
        min-height: 290px;
    }
    .directoryMainList h2,
    .directoryMainList h3,
    .directoryMainList h4,
    .directoryMainList h5,
    .directoryMainList h6 {
        margin-top: 5px;
    }
    .directoryMainList p {
        margin: 5px 0;
    }
}



[data-btn-count="1"]>div{width:100%}[data-btn-count="2"]>div{width:50%}[data-btn-count="3"]>div{width:33.33333333%}[data-btn-count="4"]>div{width:25%}[data-btn-count="5"]>div{width:20%}[data-btn-count="6"]>div{width:16.66666667%}.Table-table{border:1px solid rgba(47,88,124,0.4);background:#fff;border-collapse:collapse;width:100%}.Table-table th{padding:0 10px}.Table-table thead{background:#2f587c;color:white}.Table-table tbody{font-weight:200;border-top:2px solid red}.Table-table tbody tr:nth-child(odd){background:rgba(47,88,124,0.4);color:#fff}.Table-table tbody td{padding:0 10px}.Table-productLogo{margin-right:5px}.Table-productLogo img{max-width:70px;display:block;padding:5px}.Table-productInfo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.AuthenticateModal-title{font-size:36px;line-height:40px;font-weight:800;margin:0;color:#142b40;text-align:center;margin-bottom:20px}.AuthenticateModal-fields{margin-bottom:10px}.AuthenticateModal-fields [type="text"],.AuthenticateModal-fields [type="password"]{padding:10px 10px 9px 10px;width:100%}.AuthenticateModal-buttons [type="submit"]{display:block;padding:15px 0;font-size:16px;line-height:18px;font-weight:700;background:#ff9f00;border:none;color:white;width:200px;text-transform:uppercase;margin:0 auto}.AuthenticateModal-fields input{height:47px;font-size:16px;background-color:#f2f2f2;border:0;width:100%;padding:0 10px;margin-bottom:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.AuthenticateModal-helpLinks{border-top:1px grey;padding-top:17px}.AuthenticateModal-helpLinks a{display:block;font-size:12px;margin-bottom:17px}.modal-forgot-password .vex-content{max-width:767px;margin-left:auto;margin-right:auto}.modal-forgot-password .vex-content form{padding:60px}.modal-forgot-password .result{text-align:center}.SignIn,.ResetPassword{padding:60px 20px 60px;max-width:767px;margin:0 auto}.SignIn-error,.SignIn-error,.ResetPassword-error,.ResetPassword-error{color:red;line-height:1.2;padding-bottom:30px;text-align:center}.SignIn-items,.SignIn-items,.ResetPassword-items,.ResetPassword-items{text-align:center}.SignIn button,.SignIn button,.ResetPassword button,.ResetPassword button{display:block;padding:15px 0;font-size:16px;line-height:18px;font-weight:700;background:#ff9f00;border:none;color:white;width:200px;text-transform:uppercase;margin:0 auto}.SignIn-form,.SignIn-form,.ResetPassword-form,.ResetPassword-form{padding-bottom:30px;text-align:center}.SignIn-form-title,.SignIn-form-title,.ResetPassword-form-title,.ResetPassword-form-title{font-size:36px;line-height:40px;font-weight:800;margin:0;color:#142b40;margin-bottom:20px}.SignIn-form input,.SignIn-form input,.ResetPassword-form input,.ResetPassword-form input{height:47px;font-size:16px;background-color:#f2f2f2;border:0;width:100%;padding:0 10px;margin-bottom:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.SignIn-items-item,.SignIn-items-item,.ResetPassword-items-item,.ResetPassword-items-item{margin-bottom:12px}.SignIn-items a:hover,.SignIn-items a:hover,.ResetPassword-items a:hover,.ResetPassword-items a:hover{color:#ff9f00}.ResetPassword{padding:60px 20px 60px;max-width:767px;margin:0 auto}.ResetPassword-error{color:red;line-height:1.2;padding-bottom:30px;text-align:center}.ResetPassword-items{text-align:center}.ResetPassword button{display:block;padding:15px 0;font-size:16px;line-height:18px;font-weight:700;background:#ff9f00;border:none;color:white;width:200px;text-transform:uppercase;margin:0 auto}.ResetPassword-form{padding-bottom:30px;text-align:center}.ResetPassword-form-title{font-size:36px;line-height:40px;font-weight:800;margin:0;color:#142b40;margin-bottom:20px}.ResetPassword-form input{height:47px;font-size:16px;background-color:#f2f2f2;border:0;width:100%;padding:0 10px;margin-bottom:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ResetPassword-items-item{margin-bottom:12px}.ResetPassword-items a:hover{color:#ff9f00}.ClientArea{padding-top:40px}.ClientArea-section,.ClientArea-tab{background-color:#f2f2f2;padding:20px}.ClientArea-title{font-size:28px;line-height:32px;color:#142b40;font-weight:800;margin:10px 0 15px;padding:10px 220px 0 0}.ClientArea .bsp-tabber-nav{text-decoration:none;display:inline-block;border-radius:0;text-transform:uppercase;text-align:center;transition:.5s ease;font-weight:700;padding:10px 16px;font-size:16px;background:#fff;color:#2f587c;border:0;cursor:pointer}.ClientArea .bsp-tabber-nav.active{background:#2f587c;color:#fff}.ClientArea-table-header,.ClientArea-table-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin:0 10px}.ClientArea-table-search{margin-left:auto}.ClientArea-table-search .input-sm{border:1px solid #d9d8d7;display:block;width:260px;box-sizing:border-box;height:30px;padding:0 10px;font-size:15px;color:#384350;background:#fff;border-radius:0}.ClientArea-table-buttons{margin-left:auto}.ClientArea-table-buttons a{color:#337ab7;background-color:#fff;border:1px solid #ddd}.ClientArea-info{text-align:right;margin-bottom:10px}.ClientArea select{border:1px solid #b9b9b8;box-shadow:inset 2px 2px 3px rgba(0,0,0,0.1);border-radius:2px;-webkit-appearance:none;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAFCAYAAABM6GxJAAAAGXRFW…mIGQnoxyvPREARIcMZmIDOw6WYoGa4C7AYwojkf7wGAAQYADvpCO/6+6YSAAAAAElFTkSuQmCC);background-position:right center;background-repeat:no-repeat;display:block;width:100%;box-sizing:border-box;height:30px;padding:0 10px;font-size:15px;color:#384350;background:#fff}.ClientArea-inner-block{padding:20px}.ClientArea-inner-block .ClientArea-submit{margin-left:10px;display:inline-block;text-decoration:none;text-transform:uppercase;text-align:center;transition:.5s ease;font-weight:700;padding:10px 16px;font-size:16px;background:#2f587c;color:#fff;border:0;cursor:pointer}.ClientArea-inner-block .ClientArea-submit:hover{cursor:pointer}.ClientArea-inner-block .ClientArea-footer{margin:15px auto 0;text-align:center}.ClientArea-inner-block .ClientArea-footer .Profile-edit-link{text-decoration:none}.ClientArea-inner-block .ClientArea-footer .Profile-edit-link:before{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ClientArea-inner-block .ClientArea-footer .Profile-edit-link:before{content:"\f044"}.ClientArea-inner-block .ClientArea-footer .Profile-edit-link:before{padding-right:10px}.ClientArea-inner-block .ClientArea-reset{margin-right:10px}.ClientArea-inner-block .ClientArea-form{max-width:655px;margin:0 auto}.ClientArea-inner-block .Input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ClientArea-inner-block .Input-input{border:1px solid #d9d8d7;display:block;width:100%;box-sizing:border-box;height:30px;padding:0 10px;font-size:15px;color:#384350;background:#fff;border-radius:0;margin-bottom:10px}.ClientArea-inner-block .Input-label{width:220px;text-align:right;padding-right:10px}.ClientArea-inner-block textarea.Input-input{height:100px;width:100%}.ClientArea-inner-heading{text-align:center;font-size:22px;line-height:1.1;color:#142b40;font-weight:800}.ClientArea-inner-blurb{text-align:center;font-size:16px;line-height:1.1;color:#142b40;padding:10px 0}.ClientArea-tabs{position:relative}.ClientArea-tab{padding:20px 0}.ClientArea-tab-title{font-size:28px;line-height:32px;color:#142b40;font-weight:800;position:absolute;top:10px}.ClientArea .dataTables_wrapper .dataTables_paginate{margin-left:auto}.ClientArea .dataTables_wrapper .dataTables_paginate{padding:0;text-align:right;margin-bottom:10px}.ClientLead-info{text-align:right}.ClientLead-tab-title{text-align:right}#ClientLeadsTable tbody td{height:48px}#ClientLeadsTable-search{margin-left:auto}#ClientLeadsTable .ClientArea-table-header{padding-top:50px}.ClientArea-invoices-table tbody td{height:48px}.ClientArea-table-header .input-sm{border:1px solid #d9d8d7;display:block;width:260px;box-sizing:border-box;height:30px;padding:0 10px;font-size:15px;color:#384350;background:#fff;border-radius:0}.ClientArea-ajax-content .ClientArea-table-header{margin-top:50px}.ClientLead-inner-block{padding:20px}.ClientLead-inner-block .ClientArea-submit{margin-left:10px;display:inline-block;text-decoration:none;text-transform:uppercase;text-align:center;transition:.5s ease;font-weight:700;padding:10px 16px;font-size:16px;background:#2f587c;color:#fff;border:0;cursor:pointer}.ClientLead-inner-block .ClientArea-submit:hover{cursor:pointer}.ClientLead-inner-block .ClientArea-reset{margin-right:10px}.ClientLead-inner-block .ClientArea-form{max-width:655px;margin:0 auto}.ClientLead-inner-block .Input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ClientLead-inner-block .Input-input{border:1px solid #d9d8d7;display:block;width:100%;box-sizing:border-box;height:30px;padding:0 10px;font-size:15px;color:#384350;background:#fff;border-radius:0;margin-bottom:10px}.ClientLead-inner-block .Input-label{width:220px;text-align:right;padding-right:10px}.ClientLead-inner-block textarea.Input-input{height:100px;width:100%}.ClientLead-inner-heading{text-align:center;font-size:22px;line-height:1.1;color:#142b40;font-weight:800}.ClientLead-inner-blurb{text-align:center;font-size:16px;line-height:1.1;color:#142b40;padding:10px 0}.ClientLead-footer{margin:15px auto 0;text-align:center}.ClientLead-footer .Profile-edit-link{text-decoration:none}.ClientLead-footer .Profile-edit-link:before{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ClientLead-footer .Profile-edit-link:before{content:"\f044"}.ClientLead-footer .Profile-edit-link:before{padding-right:10px}.ClientLead-submit{display:inline-block;text-decoration:none;text-transform:uppercase;text-align:center;transition:.5s ease;font-weight:700;padding:10px 16px;font-size:16px;background:#2f587c;color:#fff;border:0;cursor:pointer}.Profile{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.Profile-readonly .Profile-username-input{border:0;height:40px;line-height:40px;background:transparent;color:#626e7a;font-size:16px}.Profile-avatar{margin:0 30px 0 0;position:relative}.Profile-avatar span{position:absolute;left:10px;top:10px;font-size:20px}.Profile-avatar span:before{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.Profile-avatar span:before{content:"\f030"}.Profile-avatar img{width:125px;height:125px;border:1px solid #2f587c;-o-object-fit:cover;object-fit:cover}.Profile-row{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:10px}.Profile-group .Input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.Profile-group .Input-input{border:1px solid #d9d8d7;display:block;width:260px;box-sizing:border-box;height:30px;padding:0 10px;font-size:15px;color:#384350;background:#fff;border-radius:0}.Profile-group .Input-label{width:160px;text-align:right;padding-right:10px}.Profile-submit{margin-left:10px;display:inline-block;text-decoration:none;text-transform:uppercase;text-align:center;transition:.5s ease;font-weight:700;padding:10px 16px;font-size:16px;background:#2f587c;color:#fff;border:0;cursor:pointer}.Profile-submit:hover{cursor:pointer}.Profile-footer{margin:15px auto 0}.Profile-footer .Profile-edit-link{text-decoration:none}.Profile-footer .Profile-edit-link:before{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.Profile-footer .Profile-edit-link:before{content:"\f044"}.Profile-footer .Profile-edit-link:before{padding-right:10px}.Profile-cancel{margin-right:10px}.Profile-form[data-readonly="true"] .Profile-group .Input-input{border-color:transparent;background:transparent}.Profile-form[data-readonly="true"] .Profile-submit,.Profile-form[data-readonly="true"] .Profile-cancel{display:none}.Profile-form[data-readonly="false"] .Profile-edit-link{display:none}.Profile #accountBalance{border-color:transparent;background:transparent}.Top100 .col.span12.path{position:absolute;left:0;right:0;max-width:1300px;padding:0 60px;margin-left:auto;margin-right:auto}.col.nopadding{padding:0}.greyBar.pages .col{margin:0}[data-alignment="left"]{float:left}[data-alignment="right"]{float:right}[data-alignment="center"]>img{display:block;margin-left:auto;margin-right:auto}@media all and (max-width:768px){[data-alignment="left"],[data-alignment="right"],[data-alignment="center"]{float:none}}