/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/

/*
Table of contents:
		- Base Styles
		- Grid
		- Typography
		- Images
		- Links
		- Buttons
		- Forms
		- Lists
		- Code
		- Tables
		- Spacing
		- Utilities
		- Clearfix
		- Miscellaneous
		- Clearing
		- Custom styles
		- Media Queries
		- Image sprites
*/

/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */

html,
body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
	text-align: left;
	font: 300 1em Open Sans, sans-serif;
	color: #000;

	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body > header,
body > section,
body > footer {
	display: block;
	width: 100%;
	clear: both;
}

/* #Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
	position: relative;
	width: 100%;
	max-width: 80rem;
	margin: 0 auto;
	padding: 0 0.5rem;
}

.column,
.columns {
	width: 100%;
	float: left;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 0.313rem 0;
	font-weight: 300;
}

h1 {
	line-height: 1.2;
	font-size: 4.0em;
}

h2 {
	line-height: 1.25;
	font-size: 3.6em;
}

h3 {
	line-height: 1.3;
	font-size: 3.0em;
}

h4 {
	line-height: 1.35;
	font-size: 2.4em;
}

h5 {
	line-height: 1.5;
	font-size: 1.8em;
}

h6 {
	line-height: 1.6;
	font-size: 1.5em;
}

p {
	margin-top: 0;
}

/* #Images
----------------------------------- */

img {
	max-width: 100%;
	height: auto;
	border: 0;
}

/* #Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */

a {
	outline: 0;
	text-decoration: none;
	color: #ff0f0f;
}

a:hover {
	color: #000;
}

a,
a:hover {
	-webkit-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
}

/* #Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */

a.button-primary,
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	display: inline-block;
	height: 3.25em;
	line-height: 2.75em;
	padding: 0 1em;
	border: 1px solid #bbb;
	background-color: transparent;
	white-space: nowrap;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	letter-spacing: .1rem;
	font-weight: 700;
	font-size: 12px;
	color: #555;
	cursor: pointer;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
	border-color: #888;
	outline: 0;
	color: #333;
}

a.button-primary,
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
	border-color: #ff0f0f;
	background-color: #ff0f0f;
	color: #fff;
}

a.button-primary:hover,
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
	border-color: #000000;
	background-color: #000000;
	color: #fff;
}

/* button redefine */
.button {
	height: auto !important;
	line-height: auto !important;
	padding: 0.5em 1em !important;
}

/* full responsive */
.button.full {
	width: 100%;
}

/* disabled */
.button.disabled {
	border: none !important;
	background-color: #e7e7e7 !important;
	color: #000 !important;
	cursor: not-allowed;
}

/* round */
.button.round {
	border-radius: 0.313rem !important;
}

/* colored buttons */
.button-green,
.button-red,
.button-yellow,
.button-blue {
	border: none !important;
	color: #fff !important;
}

.button-red {
	background: rgb(202, 60, 60) !important;
}

.button-yellow {
	background: rgb(223, 117, 20) !important;
}

.button-blue {
	background: rgb(66, 184, 221) !important;
}

/* different sizes */
.button-weight300 {
	font-weight: 300 !important;
}

.button-xsmall {
	font-size: 70% !important;
}

.button-small {
	font-size: 85% !important;
}

.button-large {
	font-size: 110% !important;
}

.button-xlarge {
	font-size: 125% !important;
}

.button-xxlarge {
	font-size: 150% !important;
}

.button-xxxlarge {
	font-size: 200% !important;
}

/* #Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */

input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
	height: 2.5em;
	padding: 0.375rem 0.625rem; /* The 6px vertically centers text on FF, ignored by Webkit */
	background-color: #fff;
	border: 1px solid #d1d1d1;
	box-shadow: none;
}

input[type="checkbox"],
input[type="radio"] {
	display: inline;
}

/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

textarea {
	min-height: 65px;
	padding-top: 6px;
	padding-bottom: 6px;
}

input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
	border: 1px solid #777;
	outline: 0;
}

label,
legend {
	display: block;
	margin-bottom: 0.5rem;
	font-weight: 700;
}

fieldset {
	padding: 0;
	border-width: 0;
}

label > .label-body {
	display: inline-block;
	margin-left: 0.5rem;
	font-weight: normal;
}

/* webform redefine */
.webform input,
.webform textarea,
.webform select {
	margin-bottom: 0.5rem !important;
}

/* form errors */
input.frm-error,
select.frm-error,
textarea.frm-error {
	border: 1px solid #f00;
}

input.frm-success,
select.frm-success,
textarea.frm-success {
	border: 1px solid #a1d909;
}

label.frm-error,
label.frm-warning,
label.frm-success {
	display: block;
	font-weight: 300;
	font-size: 1em;
	color: #f00;
}

label.frm-error {
	color: #f00;
}

label.frm-error a {
	color: #000;
}

label.frm-warning {
	color: #d87b0e;
}

label.frm-success {
	color: #3d9711;
}

/* antispam */
.antispam {
	margin: 0 0 1em !important;
}

.antispam label {
	font-weight: 300;
}

.antispam img.captcha {
	margin-right: 0.625em;
}

.antispam input {
	min-width: 15em;
	margin-left: 0.625em;
}

.antispam > * {
	float: left;
}

/* #Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */

ul {
	list-style: circle inside;
}

ol {
	list-style: decimal inside;
}

ol,
ul {
	margin-top: 0;
	padding-left: 0;
}

ul ul,
ul ol,
ol ol,
ol ul {
	margin: 1.5rem 0 1.5rem 3rem;
	font-size: 90%;
}

li {
	margin-bottom: 1rem;
}

/* #Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */

code {
	margin: 0 .2rem;
	padding: .2rem .5rem;
	border: 1px solid #e1e1e1;
	background: #f1f1f1;
	font-size: 90%;
	white-space: nowrap;
}

pre > code {
	display: block;
	padding: 1rem 1.5rem;
	white-space: pre;
}

/* #Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/*  Generic Styling, for Desktops/Laptops  */
table {
	z-index: 0;
	width: 100%;
	border-collapse: collapse;
	background: #535d65 !important;
}

table th,
table td {
	z-index: 0;
	padding: 0.25rem 0.375rem;
	color: #fff !important;
	text-align: left !important;
	/*overflow: auto !important;
	text-overflow: ellipsis !important;*/
}

/* Zebra striping */
table tr:nth-of-type(odd) {
	background: #31383f !important;
}

table th {
	background: #535d65;
	font-weight: 700 !important;
	color: #fff !important;
}

/*
th:first-child,
td:first-child {
		padding-left: 0;
}

th:last-child,
td:last-child {
		padding-right: 0;
}
*/

/* #Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

button,
.button {
	margin-bottom: 1rem;
}

input,
textarea,
select,
fieldset {
	margin-bottom: 1.5rem;
}

pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
	margin-bottom: 1.5rem;
}

/* #Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.u-full-width {
	width: 100%;
}

.u-max-full-width {
	max-width: 100%;
}

.u-pull-right {
	float: right;
}

.u-pull-left {
	float: left;
}

.clear {
	clear: both;
}

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

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

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

/*
 * Truncate String with Ellipsis
 */
.text__ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/*
 * Section center content (table/table cell/content)
 */
.frame-t {
	display: table;
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	top: 0;
	left: 0;
	padding: 0;
}

.frame-tc {
	display: table-cell;
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

.frame-ct {
	margin: 0 auto;
	padding: 1em;
	text-align: center;
}

/*
 * no JavaScript warning
 */
.warning-noscript {
	position: fixed !important;
	height: auto !important;
	top: 0;
	left: 0;
	background: #f00;
	font-weight: 700;
	font-size: 1rem;
	color: #fff;
	z-index: 10000;
}

.warning-noscript .frame-ct {
	padding: 0.313rem !important;
}

/*
 * lt IE 9 warning
 */
.warning-ltie9 {
	position: fixed !important;
	background: #fffbb2;
	text-align: center;
	z-index: 100000;
}

.warning-ltie9 p {
	margin: 5px 0;
	font-size: 1em;
}

.warning-ltie9 ul {
	position: relative;
	clear: both;
	margin: 10px 0 0;
}

.warning-ltie9 ul li {
	display: inline;
	margin-right: 1.250em;
}

.warning-ltie9 ul li.norm {
	margin: 0;
}

/*
 * site warnings
 */
.warning,
.http__status-code {
	margin-top: 2.5em;
}

.warning,
.http__status-code h1 {
	color: orange;
}

/*
 * Site messages
 */

.message {
	display: block;
	clear: both;
	margin: 2px 0;
	padding: 5px 5px 5px 0;
	font-size: 1em;
}

.msg-success big,
.msg-warning big,
.msg-error big,
.msg-tip big {
	font-weight: 700;
	font-size: 1em;
}

.message.msg-success,
.message.msg-success a {
	color: #3d9711;
}

.message.msg-error,
.message.msg-error a {
	color: #df0510;
}

.message.msg-warning,
.message.msg-warning a {
	color: #d87b0e;
}

/* #Clearfix
		----------------------------------- */

/* #Clearing
--------------------------------------------------------------- */

/* Self Clearing Goodness */

.container:after,
.row:after,
article:after {
	display: table;
	clear: both;
	content: "";
}

/*
 * Clearfix
 * contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after,
.row:before,
.row:after,
article:before,
article:after {
	display: table; /* 2 */
	content: ""; /* 1 */
	line-height: 0;
}

.clearfix:after,
.row:after,
article:after {
	clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 * Clearfix after every .grid
 */
.clearfix,
.row,
article {
	*zoom: 1;
}

/* #Miscellaneous
–––––––––––––––––––––––––––––––––––––––––––––––––– */

hr {
	margin-top: 3rem;
	margin-bottom: 3.5rem;
	/*border-width: 0;
	border-top: 1px solid #e1e1e1;*/
}

/* #Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */

.container:after,
.row:after {
	display: table;
	clear: both;
	content: "";
}

/* #Custom styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/*
 * #Page Loader - Loading animation
*/

#page-loader {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	display: block;
	width: 100%;
	height: 100%;
	background: #fefefe;
}

#page-loader div {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 10000;
	width: 5em;
	height: 5em;
	margin: -1.5em 0 0 -1.5em;
	border: 0.125em solid rgba(0, 0, 0, 0.07);
	border-left: 0.125em solid rgba(0, 0, 0, 0.5);
	border-radius: 50%;
	-webkit-animation: spinner 500ms infinite linear;
	animation: spinner 500ms infinite linear;
}

/*
 * #Layout Styles
*/

.page-wrap {
	position: relative;
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height */
	min-height: 100%; /* real browsers */
	margin: 0 auto -13.25rem;
}

.sticky-footer-push-hack {
	height: 13.25rem;
}

/* #Header
----------------------------------- */

header {
	position: relative;
	z-index: 100;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
	color: #000;
}

header label {
    margin-bottom: 0;
}

.scroll-to-fixed-fixed .row {
	z-index: 25;
	width: 100%;
	padding-bottom: 0.5em;
}

/* #Sticky
----------------------------------- */

#sticky {
	width: 100%;
	margin: 0;
	padding: 0;
	box-shadow: 0 5px 5px -5px #ddd;
	background: rgba(255, 255, 255, 1);
}

/**
 * Top header bar line - up
 */
.hd__top {
	/*z-index: 25;*/
	margin: 0;
	border-bottom: 1px solid rgba(238, 238, 238, 0.8);
	padding: 0;
}

.hd__top ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.hd__top ul > li {
	position: relative;
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

.hd__top ul > li a {
	display: block;
	padding: 0.25em 0.375em;
	color: inherit;
}

/*
 * Left panel
*/
.hd__top-opts-left {
	float: left;
	margin: 0;
	font-size: 0.875em;
}

.hd__top .hd__top-opts-left ul > li span,
.hd__top-opts-left ul > li i {
	vertical-align: inherit;
}

.hd__top .hd__top-opts-left ul > li.location {
	font-weight: 400;
}

.hd__top .hd__top-opts-left ul > li span span {
	margin-left: 0.25em;
	padding: 0;
	color: #ff0f0f;
}

.hd__top .hd__top-opts-left ul > li.location i {
	margin-right: 0.375em;
}

/*
 * Right panel
*/
.hd__top-opts-right {
	float: right;
	padding-right: 1em;
	text-align: right;
}

.hd__top-opts-right li {
	border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.hd__top-opts-right li:last-child {
	border-right: 1px solid rgba(255, 255, 255, 0.2);
}

/**
 * Top header bar line - bottom
 */
.hd__bottom {
	position: relative;
}

/* #Sections
----------------------------------- */

section {
	width: 100%;
	margin-bottom: 1rem;
	font-size: 1.125em;
	color: #071b27;
	z-index: 10;
}

.section__heading {
	margin: 0 0 0.75em;
	border-bottom: 1px solid #575757;
	padding-bottom: 0.5em;
	text-transform: uppercase;
	text-shadow: 1px 1px 0 #000;
	font-weight: 700;
	font-size: 1.75em;
	color: #fff;
}

.section_paragraph__heading {
	margin: 0;
	margin-bottom: -0.125em;
	border: 0;
	padding: 0;
	color: #ff0f0f;
	text-align: center;
	letter-spacing: -1px;
	font-weight: 700;
	font-size: 2rem;
}

.section_paragraph__sub_heading {
	color: #a6a6a6;
	text-align: center;
	font-size: 1rem;
}

.section_paragraph {
	margin: 0;
	line-height: 1.5;
	font-size: 1rem;
	color: #c7c7c7;
}

.section_paragraph strong {
	font-weight: 700;
}

/*
 * Section options
*/
.section__opts {
	float: right;
}

.section__opts a {
	margin-left: 0.25em;
}

.section__opts a:first-child {
	margin-left: 0;
}

.section__opts span {
	cursor: pointer;
}

/* #Navigation responsive
----------------------------------- */

#responsive__menu_top,
#responsive__menu_main {
	display: none;
}

.responsive__logo {
	display: none;
}

/* #Navigation
----------------------------------- */

/*
 * Navigation list
 */
.nav__list {
	clear: both;
}

.nav__list_top {
	z-index: 10;
}

.nav__list_main {
    display: block;
	z-index: 0;
}

/*
 * First level
 */
.nav__list ul {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

.nav__list ul li {
	position: relative;
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin: 0;
}

/*
 * Menu Menu
 */
.nav__list ul li.megamenu {
	position: static;
	background: #75b11f;
}

/*
 * First level right floating
 */
.nav__list ul li.float__right {
	float: right !important;
}

/*
 * Logo
 */
.nav__list ul li.logo a {
	margin: 0 !important;
	padding: 0.375em 0 0 !important;
}

.nav__list ul li.logo:hover {
	border-top: 0 !important;
}

/*
 * Selected item
 */
.nav__list ul li.selected__item {
	background: black;
}

.nav__list ul > li.selected__item a {
	color: #fff;
}

.nav__list ul > li.selected__item:hover a {
	color: #000;
}

/*
 * NO Selected item
 */
.nav__list ul li.no_selected,
.nav__list ul li.no_selected:hover {
	background: none !important;
}

/*
 * Hovered item
 */
nav > ul > li:hover {
	border-top: 2px solid #ff0f0f;
}

.nav__list ul li:hover {
	background: none !important;
}

/*
 * Item link + hover
*/
.nav__list ul li a {
	display: block;
	color: #000;
	text-decoration: none;
	line-height: 2em;
	font-size: 1.125em;
}

.nav__list ul li a:hover {
	color: #ff0f0f;
}

/*
 * First level of Main menu
*/
nav.nav_list_main_menu > ul > li a {
	display: block;
	padding: 1.188rem;
	-webkit-transition: none;
	transition: none;
}

nav.nav_list_main_menu > ul > li:hover a {
	padding-top: 1.063rem;
}

nav.nav_list_main_menu > ul > li:hover ul {
	margin-top: 0;
}

/*
 * First level of Main menu
*/
nav.nav_list_main_menu .hd__logo_img {
	max-width: 20em;
}

/*
 * Arrows
 */
.nav__list ul li.has_list a:after {
	margin-left: 5px;
	font: normal normal normal 14px/1 FontAwesome;
	content: '\f0d7';
}

.nav__list ul li.has_list a:hover:after {
	font: normal normal normal 14px/1 FontAwesome;
	content: '\f0d8';
}

.nav__list ul li.has_list a:only-child:after {
	margin-left: 0;
	content: '';
}

/*
 * Second level
 */
.nav__list ul .megamenu__container,
.nav__list .dropdown,
.nav__list ul ul {
	position: absolute;
	top: 100%;
	z-index: 10 !important;
	display: none;
	width: 15em;
	margin-top: -0.125rem; /* .nav__list ul li:hover border-top (in case of exists) */
	padding: 0;
	box-shadow: 0 0.5em 0.625em 0 rgba(0, 0, 0, 0.35);
	background: #fff;
}

nav.nav__list > ul > li:hover ul li a:hover {
	color: #fff;
}

/*
 * Second level (CSS3 effects)
 */
.nav__list_effects ul .megamenu__container,
.nav__list_effects .dropdown,
.nav__list_effects .nav__list ul ul {
	display: inline !important;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

/*
 * Second level > Sports
 */
.nav__list ul ul.sports li i {
	display: inline-block;
	margin: 0;
	font-size: 1.5em;
}

.nav__list ul ul.sports li span {
	margin-left: 0.5em;
}

.nav__list ul ul.sports li i {
	vertical-align: middle;
}

/*
 * Menu Menu container
 */
.nav__list ul .megamenu__container {
	left: 0;
	overflow: hidden;
	width: 100%;
	margin-right: 0 !important;
	border: 0;
	background: #f6f7f8;
}

/*
 * Needed for styles like padding, border
 */
.nav__list ul .megamenu__container_inner {
	min-height: 6rem;
	border: 0.188rem solid #f00;
}

/*
 * Menu Menu inner container
 */
.nav__list .megamenu__container_inner,
.nav__list .dropdown__container_inner {
	padding: 0.5em;
	font-size: 0.75em;
}

/*
 * Second level - Direction left (default)
 */
.nav__list .dropdown,
.nav__list ul ul,
.nav__list ul ul.dir__left {
	left: 0;
}

/*
 * Dropdown default position
 */
.nav__list .dropdown {
	left: 0 !important;
}

/*
 * Second level + - Hover
 */
.nav__list ul li:hover > ul li:hover {
	display: block;
	padding-top: 0 !important;
	border-top: 0 !important;
	background: #ff0f0f !important;
}

/*
 * Second level - Direction right
 */
.nav__list .dropdown.dir__right,
.nav__list ul ul.dir__right {
	right: 0;
	left: auto !important;
}

/*
 * Dropdown right position
 */
.nav__list .dropdown.dir__right {
	right: 0 !important;
}

.nav__list ul ul li {
	display: block;
	margin: 0;
	padding: 0;
}

.nav__list ul ul.width__pref1 {
	width: 20em !important;
}

.nav__list ul ul a {
	padding: 0.25em 1.125em !important;
}

/*
 * Third level +
 */
.nav__list ul ul ul {
	top: 0; /* get border-top-width in case if exists else 0 */
}

/*
 * Third level + - Direction left
 */
.nav__list .dropdown,
.nav__list ul ul ul,
.nav__list ul ul ul.dir__left {
	left: 100%;
}

/*
 * Third level + - Direction right
 */
.nav__list .dropdown.dir__right,
.nav__list ul ul ul.dir__right {
	right: 100%;
	left: auto !important;
}

/*
 * Third level + - Hover
 */
.nav__list ul li:hover > .megamenu__container,
.nav__list ul li:hover > .dropdown,
.nav__list ul li:hover > ul {
	display: block;
}

/*
 * Third level + - Hover (CSS3 effects)
 */
.nav__list_effects ul li:hover > .megamenu__container,
.nav__list_effects ul li:hover > .dropdown,
.nav__list_effects li:hover > ul {
	display: inline !important;
	visibility: visible;
	opacity: 1;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

/*
 * Top menu override
*/
.hd__top-opts-right .nav__list ul li.hd_account i {
	margin-right: 0.25em;
}

.hd__top-opts-right .nav__list ul li.search a {
	color: #ff0f0f;
}

.hd__top-opts-right .nav__list ul li img {
	vertical-align: middle;
	margin-right: 0.5em;
}

.hd__top-opts-right .nav__list > ul > li:hover img,
.hd__top-opts-right .nav__list > ul > li:hover a {
	padding-top: 0.125em !important;
}

.hd__top-opts-right .nav__list > ul > li a {
	padding: 0.375em 1em !important;
	font-weight: 300;
	font-size: 0.75em;
	-webkit-transition: none;
	transition: none;
}

.hd__top-opts-right .nav__list > ul > li:hover ul {
	margin-top: 0 !important;
}

.hd__top-opts-right .nav__list ul ul li a,
.hd__top-opts-right .nav__list ul li i {
	font-size: 1em !important;
}

.hd__top-opts-right .nav__list ul ul li {
	border-left: 0;
	text-align: left;
}

.hd__top-opts-right .nav__list ul > li ul li a {
	padding: 0.75em 1em !important;
	line-height: 1;
	font-weight: 300;
	font-size: 0.875em !important;
}

.hd__top-opts-right .nav__list > ul > li:hover ul li a {
	padding-top: 0.75em !important; /* same padding-top value as .hd__top-opts-right .nav__list ul > li ul li a */
}

.hd__top-opts-right .nav__list ul ul li:last-child {
	border-right: 0;
}

/* #Banner / Image slider
----------------------------------- */

section.content__slider {
	z-index: 5;
	/*background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.55) 25%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.75) 100%);*/
}

#slider {
	position: relative;
	clear: both;
	margin: 0 auto;
}

/*
 * Slides
*/
#slides {
	position: relative;
	z-index: 0;
	clear: both;
}

#slides .slides__container {
	display: none;
}

.slides__dimentions {
	height: 820px !important;
}

#slides .scrollable {
	position: relative;
	*zoom: 1;
	overflow-y: auto;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-overflow-scrolling: touch;
}

#slides .scrollable:after {
	display: table;
	clear: both;
	content: "";
}

/*
 * Slides caption
*/
.slides-caption {
	position: absolute;
	width: 100%;
	margin: 0 auto;
	top: 25%;
	text-align: center;
	z-index: 3;
}

.slider-caption-content {
	position: relative;
	width: 75%;
	margin: 0 auto;
}

.slider-caption-content p {
	padding: 0.5rem;
	background: url("../images/common/dot-pixel-white.png") repeat;
	font-weight: normal;
	font-size: 1.5rem;
	color: #4d9dbe;
}

/*
 * Slides navigation
*/
.slides-navigation {
	position: absolute;
	width: 100%;
	margin: 0 auto;
	top: 45%;
	z-index: 3;
}

.slides-navigation a {
	position: absolute;
	display: block;
}

.slides-navigation a.prev, .slides-navigation a.next {
	width: 48px;
	height: 48px;
	opacity: 0.7;
}

.slides-navigation a.prev {
	left: 10px;
	background: url("../images/slideshow/arrows.png") 0 0;
}

.slides-navigation a.next {
	right: 10px;
	background: url("../images/slideshow/arrows.png") -48px 0;
}

.slides-navigation a.prev:hover, .slides-navigation a.next:hover {
	opacity: 1;
}

/*
 * Slides pagination
*/
.slides-pagination {
	position: absolute;
	width: 100%;
	bottom: 0.813em;
	text-align: center;
	z-index: 3;
}

.slides__navigation a {
	display: -moz-inline-stack;
	display: inline-block;
	*display: inline;
	width: 1.5em;
	height: 1.5em;
	margin-right: 0.5rem;
	background: #fff;
	text-indent: -100rem;
	overflow: hidden;
	border-radius: 50%;
}

.slides__navigation a.current {
	background: #ff0f0f;
}

/*
 * Slider gradient
*/
.slider__gradient {
	position: absolute;
	bottom: 0;
	height: 25%;
	width: 100%;
	margin: 0;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.95) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.95)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.95) 100%);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.95) 100%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.95) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
	text-align: left;
}

/* #Search
----------------------------------- */

.frame-t.search__outer_container {
	z-index: 4;
}

.search__inner_container {
	text-align: center;
}

.search__inner_container .container {
	padding: 3em 0 2em;
}

.search__inner_container .container.frame-ct {
	padding: 1em 0 0.75em;
}

.search__inner_container .frame-ct {
	max-width: 65em !important;
	border-radius: 0.188em;
	background: rgba(255, 81, 81, 0.75);
	text-align: center;
	box-shadow: 0 0.063em 0.188em 0 rgba(0, 0, 0, 0.12), 0 0.063em 0.125em rgba(0, 0, 0, 0.24);
}

ul.search__categories {
	margin: 0;
	padding: 0;
	text-align: center;
}

ul.search__categories li {
	vertical-align: text-top;
	display: inline-block;
	width: 4.5em;
	min-height: 5.5em;
	margin: 0;
	padding: 0.5em 0.125em;
	list-style: none;
	color: #fff;
	text-align: center;
	font-weight: 600;
	font-size: 1em;
	cursor: pointer;
}

ul.search__categories li.selected,
ul.search__categories li:hover {
	border-radius: 0.188em;
	background: rgba(255, 255, 255, 0.85);
	color: #ff0f0f;
	box-shadow: 0 0.188em 0.375em 0 rgba(0, 0, 0, 0.16), 0 0.188em 0.375em rgba(0, 0, 0, 0.24);
}

ul.search__categories li span {
	display: block;
	font-weight: 400;
	font-size: 0.875em;
}

/*
 * Search container
*/
.search__container {
	margin-top: 1em;
	border-top: 1px solid rgba(255, 255, 255, 0.25);
	padding-top: 0.75em;
}

/*
 * Search form
*/
.search__form_item {
	display: inline-block;
}

.search__container form {
	margin: 0 0 0.5em;
}

.search__container select,
.search__container input {
	margin: 0 0 0.25em 0.125em;
	border: 1px solid #eee !important;
	box-shadow: 0 0 0.625em #eee inset, 0 0.5em 0.5em -0.75em #777 !important;
	font-size: 0.875em !important;
}

.search__container select:hover,
.search__container input:hover,
.search__container input:focus {
	background: #f8f8f8 !important;
	box-shadow: 0 0 0.5em #ddd inset, 0 0.5em 0.5em -0.5em #777 !important;
}

.search__container select:focus,
.search__container input:focus {
	border: 1px solid rgba(140, 227, 255, 0.5) !important;
}

.search__container button {
	/* height: 100% !important; */
	margin-left: 0.125em;
	margin-bottom: 0.25em;
	border-color: rgba(0, 0, 0, 0.75);
	background: rgba(0, 0, 0, 0.75);
}

.search__container select,
.search__container input,
.search__container button {
	vertical-align: middle !important;
	border-radius: 3px;
}

/* #Breadcrumbs
----------------------------------- */

.breadcrumbs {
	padding: 0.375em 0.25em;
	text-align: left;
}

.breadcrumbs a,
.breadcrumbs h6 {
	color: #000;
	font-weight: 300;
	font-size: 1em !important;
}

.breadcrumbs a:hover {
	color: #797979 !important;
}

.breadcrumbs h6 {
	margin: 0;
	color: #797979;
	font-weight: 700;
}

/* #hr
 * http://stackoverflow.com/users/2129835/thgaskell
 * http://stackoverflow.com/questions/15215556/create-a-beautiful-horizontal-line-with-css-only
----------------------------------- */

hr.fancy-line {
	position: relative;
	max-width: 75%;
	height: 1px;
	border: 0;
}

hr.fancy-line:before {
	height: 1em;
	top: -0.5em;
}

hr.fancy-line:after {
	height: 0.125em; /* half the height of :before */
	top: 1px; /* height of hr*/
	content: '';
}

hr.fancy-line:before,
hr.fancy-line:after {
	position: absolute;
	width: 100%;
	content: '';
}

hr.fancy-line,
hr.fancy-line:before {
	background: -moz-radial-gradient(center, ellipse cover, rgba(114, 114, 114, 0.1) 0%, rgba(0, 0, 0, 0) 75%);
	background: -webkit-gradient(radial, center center, 0px, center center, 75%, color-stop(0%, rgba(114, 114, 114, 0.1)), color-stop(75%, rgba(0, 0, 0, 0)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(114, 114, 114, 0.1) 0%, rgba(0, 0, 0, 0) 75%);
	background: -o-radial-gradient(center, ellipse cover, rgba(114, 114, 114, 0.1) 0%, rgba(0, 0, 0, 0) 75%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(114, 114, 114, 0.1) 0%, rgba(0, 0, 0, 0) 75%);
	background: radial-gradient(ellipse at center, rgba(135, 135, 135, 0.1) 0%, rgba(0, 0, 0, 0) 75%);
}

hr.fancy-line:after {
	background: #f4f4f4;
}

/* #content
----------------------------------- */

.page-content {
	margin-top: 1em;
	margin-bottom: 1.5em;
	text-align: justify;
	color: #000;
}

.page-content h1 {
	font-size: 200% !important;
}

.page-content h2 {
	font-size: 150% !important;
}

.page-content h3 {
	font-size: 125% !important;
}

.page-content h1,
.page-content h2,
.page-content h3 {
	color: #ff0f0f;
}

.page-content p {
	margin: 0 0 0.625em;
}

.page-content p.heading {
	font-weight: 700;
	font-size: 1.15em;
	color: #ff0f0f;
}

.page-content p strong {
	font-weight: 700;
}

.page-content ul,
.page-content ol {
	list-style-type: disc;
}

.page-content ul li,
.page-content ul ul {
	margin-top: 0;
	margin-bottom: 0;
}

.page-content ul li {
	font-size: 100%;
}

.page-content .message {
	text-align: center;
}

.page-content form {
	margin: 0 !important;
	padding: 0 !important;
}

/* #Section Content structure
----------------------------------- */

section.content {
	margin: 0;
}

/* #Section Recent Cards
----------------------------------- */

section.recentCards {
	z-index: 20;
	margin-top: -8em;
	padding-bottom: 1em;
	background: #fff; /* background: #f2f5f7; */
}

section.recentCards .container {
	z-index: 25;
}

.section__recent_title {
	vertical-align: middle;
	margin-bottom: 1em;
	padding: 0 0 0.25em;
	line-height: 1.25em;
}

.section__recent_title h3 {
	vertical-align: middle;
	display: inline-block;
	margin: 0;
	padding: 0 2em 0 0;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
	font-weight: 700;
	font-size: 1.25rem;
}

section.recentCards .section__recent_title a {
	display: inline-block;
	padding: 0.313em 0.5em 0.5em;
	box-shadow: inset 0 -0.125em 0 rgba(0, 0, 0, 0.25);
	font-size: 0.75em;
}

section.recentCards .section__recent_title a:hover {
	background: #0f9e5e !important;
}

section.recentCards .section__recent_title a i {
	margin-left: 0.25em;
}

/* #Articles
----------------------------------- */

.articles {
	position: relative;
	width: 100%;
	height: 100%;
	margin-top: 0.25em;
}

/**
* Article
*/
article .art__details {
	overflow: hidden;
	margin-left: 6.5em;
	margin-bottom: 0;
}

article .art__details h3 {
	margin: 0 0 0.375em 0;
	color: #a2a2a2;
	font-weight: 300;
	font-size: 1rem;
}

article ul.art__detailed_ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

article ul.art__detailed_ul > li {
	margin-bottom: 0.25em;
	font-weight: 300;
}

article ul.art__detailed_ul > li.info {
	margin-top: 0.5em;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding-top: 1em;
	padding-bottom: 1em;
	line-height: 1.5;
	font-weight: 300;
	font-size: 1em;
}

article ul.art__detailed_ul > li.social {
	margin-top: 1em;
}

article ul.art__detailed_ul > li.social i {
	font-size: 1.5em;
	color: #373737;
}

article ul.art__detailed_ul > li.social i:hover {
	color: #ff0f0f;
}

article ul.art__detailed_ul > li a:not(button) {
	color: #000 !important;
}

article ul.art__detailed_ul > li a.button {
	margin-top: 2em;
	margin-bottom: 0;
	padding: 0 0.875em !important;
	background: #373737 !important;
	color: #fff !important;
}

article ul.art__detailed_ul > li a.button:hover {
	background: #ff0f0f !important;
	color: #fff !important;
}

article ul.art__detailed_ul > li a {
	color: #ff0f0f;
	font-size: 0.875em;
}

article ul.art__detailed_ul > li i {
	margin-right: 0.25em;
}

article ul.art__detailed_ul > li a:hover {
	color: #fff;
}

/* #Boxes
----------------------------------- */

.box__cards {
	clear: both;
	margin: 0;
}

.card {
	margin-bottom: 1em;
}

.card figure {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
}

.card__opacity figure img {
	opacity: 0.7;
}

.card__opacity figure:hover img {
	opacity: 1;
}

.card figure figcaption {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.card figure figcaption::before,
.card figure figcaption::after {
	pointer-events: none;
}

/* #Box effects
 * Copyright (c) 2016 by purwa-astawa (http://codepen.io/purwa-astawa/pen/LEGxOw)
----------------------------------- */

.effects {
	position: relative;
	margin: 0;
	-webkit-backface-visibility: hidden;
}

.effects > img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-backface-visibility: hidden;
}

.effects .overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	height: 100%;
	width: 100%;
	-webkit-backface-visibility: hidden;
}

/*
 * Blur effects
*/
.effect-blur {
	overflow: hidden;
	color: #fff;
}

.effect-blur .overlay,
.effect-blur .overlay__heading,
.effect-blur .overlay__content,
.effect-blur img {
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.effect-blur img {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.effect-blur .overlay {
	padding: 1.25em;
}

.effect-blur .overlay__heading,
.effect-blur .overlay__content {
	display: block;
	opacity: 0;
	width: 100%;
}

.effect-blur .overlay__heading {
	margin-top: 25%;
	margin-left: -100%;
	font-weight: 700;
	font-size: 1.5em;
}

.effect-blur .overlay__content {
	margin-left: 200%;
}

.effect-blur:hover .overlay {
	box-shadow: inset 0 0 2.5em 0.313em rgba(0, 0, 0, 0.15);
	background-image: -webkit-linear-gradient(rgba(180, 235, 235, 0.25) 0%, rgba(90, 170, 90, 0.5) 100%);
	background-image: linear-gradient(rgba(180, 235, 235, 0.25) 0%, rgba(90, 170, 90, 0.5) 100%);
}

.effect-blur:hover img {
	-webkit-filter: grayscale(1) blur(2px);
	filter: grayscale(1) blur(2px);
	-webkit-transform: scale(1.25);
	-ms-transform: scale(1.25);
	transform: scale(1.25);
}

.effect-blur:hover .overlay__heading {
	opacity: 1;
	margin-left: 0;
}

.effect-blur:hover .overlay__content {
	opacity: 1;
	margin-left: 0;
}

/*
 * Special effects
*/
.effect-chico img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	-moz-transition: opacity 0.35s, -moz-transform 0.35s;
	-o-transition: opacity 0.35s, -o-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;

	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-o-transform: scale(1.25);
	transform: scale(1.25);
}

.effect-chico:hover img {
	opacity: 1;

	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

/* #Recent Cards
----------------------------------- */

.box__recent_cards .card {
	border-radius: 0.188em !important;
	box-shadow: 0 0.063em 0.188em 0 rgba(0, 0, 0, 0.12), 0 0.063em 0.125em rgba(0, 0, 0, 0.24);
}

.box__recent_cards .card:hover,
.box__recent_cards .card:focus {
	box-shadow: 0 0.188em 0.375em 0 rgba(0, 0, 0, 0.16), 0 0.188em 0.375em rgba(0, 0, 0, 0.24);
	background-color: rgba(255, 255, 255, 0.75);
}

.box__recent_cards .card:nth-child(4n+1) {
	clear: both;
	margin: 0;
}

.box__recent_cards__content {
	padding: 0.75em 1rem;
	background: #fff;
}

.box__recent_cards__content h3 {
	margin-top: 0;
	margin-bottom: 0.75rem;
	color: #a2a2a2;
	font-size: 1rem;
}

.recentCards .box__recent_cards__content h3 {
	margin-bottom: 0.25em;
}

.box__recent_cards__content h3 a {
	color: #ff0f0f;
}

.box__recent_cards__content h3 a:hover {
	color: #000;
}

.box__recent_cards__content div {
	position: relative;
	line-height: 1;
	font-size: 0.875em;
}

.box__recent_cards__content ul.art__detailed_ul > li a:hover {
	color: #000 !important;
}

/* #Index Heading 1
----------------------------------- */

.index__heading_one {
	margin-bottom: 2em;
}

.index__heading_one h1 {
	font-size: 1.5em;
}

.index__heading_one h1 strong {
	font-weight: 700;
}

/* #Benefits
----------------------------------- */

section.benefits {
	margin-top: 4em;
	margin-bottom: 2em;
	color: #777;
	line-height: 1.75em;
	font-size: 0.893em;
}

section.benefits .section__heading {
	margin-bottom: 0;
	border-bottom-color: #f2f5f7;
	/*text-transform: inherit;*/
	color: #ff0f0f;
	text-shadow: none;
	font-size: 2em;
}

.benefits_defs {
	box-shadow: 0 -0.438em 0.438em -0.438em #bbb;
	background-color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#fff));
	background-image: -webkit-linear-gradient(top, #f0f0f0, #fff);
	background-image: -moz-linear-gradient(top, #f0f0f0, #fff);
	background-image: -o-linear-gradient(top, #f0f0f0, #fff);
	background-image: linear-gradient(to bottom, #f0f0f0, #fff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#ffffff');
}

.benefits_defs .columns {
	padding: 0.375em;
}

.benefits p.heading {
	line-height: 2em;
	margin: 0 !important;
	padding: 0 !important;
	font-weight: 700;
	font-size: 1.5rem;
	color: #000;
}

.benefits_defs i {
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	color: #404040;
}

/* #Homepage tabs
----------------------------------- */

.homepage_tabs {
	margin-top: 2em;
	margin-bottom: 2em;
}

.ccard {
	border-radius: 0.125em !important;
	box-shadow: 0 0.063em 0.188em 0 rgba(0, 0, 0, 0.12), 0 0.063em 0.125em rgba(0, 0, 0, 0.24);
}

.ccard:hover {
	box-shadow: 0 0.188em 0.375em 0 rgba(0, 0, 0, 0.16), 0 0.188em 0.375em rgba(0, 0, 0, 0.24);
}

/* #Carousel
----------------------------------- */

section.carousel {
	margin: 2em 0 3em;
	padding: 0 0 1em;
}

section.carousel .section__heading {
	border-bottom-color: #f2f5f7;
	color: #ff0f0f;
	text-shadow: none;
}

/* #Account
----------------------------------- */

section.account {
	margin: 0;
	/*border-top: 1px solid #efefef;*/
	padding: 2.5em 0 4.5em;
	box-shadow: 0 -0.438em 0.438em -0.438em #ccc;
	background: rgba(187, 187, 187, 0.1);
}

section.account .section_paragraph__heading {
	color: #4e4b4b;
	letter-spacing: 0;
	font-size: 1.25em;
}

section.account .columns .section_paragraph__sub_heading {
	color: #777;
}

section.account .rows {
	margin-top: 2em;
}

section.account .columns {
	box-shadow: 0 0 0.5em 0 rgba(0, 0, 0, 0.20), 0 -0.5em 0.313em -0.5em #dadada;
	background: #ececec;
}

section.account .columns .section_paragraph__heading,
section.account .columns .section_paragraph__sub_heading {
	text-align: left;
}

section.account .columns .section_paragraph__heading {
	color: #4e4b4b;
}

section.account .columns .columns {
	box-shadow: none;
	padding: 0.5em;
}

section.account .columns.actions {
	line-height: 3em;
}

section.account .columns.actions a {
	float: right;
	margin-top: 1em;
}

/* #Newsletter
----------------------------------- */

section.newsletter {
	vertical-align: middle;
	margin-bottom: 0;
	/*border-top: 1px solid #d6d5d5;*/
	padding: 2em 0 3rem;
	box-shadow: 0 -0.438em 0.438em -0.438em #bbb;
	background: rgba(64, 64, 64, 0.1);
}

.newsletter form {
	margin: 0 0 0.5em;
}

.newsletter .newsletter__form {
	margin-top: 0.5em;
	margin-bottom: 0;
}

.newsletter input {
	margin: 0 0 0.25em 0.125em;
	border: 1px solid #eee !important;
	box-shadow: 0 0 0.625em #eee inset, 0 0.5em 0.5em -0.75em #777 !important;
	font-size: 1rem !important;
}

.newsletter input:hover,
.newsletter input:focus {
	background: #f8f8f8 !important;
	box-shadow: 0 0 0.5em #ddd inset, 0 0.5em 0.5em -0.5em #777 !important;
}

.newsletter input:focus {
	border: 1px solid rgba(140, 227, 255, 0.5) !important;
}

.newsletter button {
	height: 100% !important;
	margin-left: 0.125em;
}

.newsletter input,
.newsletter button {
	vertical-align: text-top !important;
}

/* #Google Maps
----------------------------------- */

#google__map {
	z-index: 0;
	height: 30rem;
}

/* #Footer
----------------------------------- */

footer {
	position: relative;
	z-index: 0;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background: url('../images/common/footer.jpg');
	background-size: contain;
	color: #000;
	font-size: 0.75em;
}

footer section {
	margin: 0;
	padding: 0.25em 0.5em;
	color: #a6a6a6;
}

footer a,
footer .section__opts a {
	color: #eca7a7;
}

/*
 * Footer Top
 */
section.footer__top {
	background: rgba(51, 51, 51, 0.95);
}

footer .container {
	padding: 1em 0.5em;
}

footer a:hover {
	color: #fff;
}

footer p {
	font-size: 0.875em;
}

footer ul {
	padding: 0;
	list-style: none;
}

footer ul > li {
	margin-bottom: 0.25em;
}

footer ul > li a {
	color: #a2a2a2;
}

footer ul > li a:hover {
	color: #fff;
}

footer img {
	vertical-align: middle;
	display: inline-block;
}

footer ul,
footer .ft-cont {
	margin: 1em 0 0;
}

/**
 * Contact UL list
 */
ul.info__contact {
	margin-bottom: 1.5em;
}

ul.info__contact li {
	line-height: 2em;
	color: #999;
}

ul.info__contact li span {
	vertical-align: middle;
	display: inline-block;
	width: 2em;
}

ul.info__contact li i {
	margin-right: 0.25em;
	color: #eee;
}

/**
 * Footer items
 */
.footer__item {
	margin-bottom: 1em;
	border-top: 1px solid #575757;
	padding: 1.625em 0 0 0;
	color: #f7f7f7;
	line-height: 2;
	font-size: 0.938em;

}

.footer__item:first-child {
	border-top: 0;
	padding-top: 0;
}

.footer__item span {
	float: left;
}

.footer__item div {
	overflow: hidden;
	margin-left: 2.5em;
}

.footer__item div > div {
	margin-left: 0;
}

#footer__comments .footer__item div a {
	clear: both;
	display: block;
}

#footer__comments .footer__item div > div {
	color: #aaa;
}

/*
 * Footer Bottom
 */
section.footer__bottom {
	vertical-align: middle;
	min-height: 3em;
	background: rgba(51, 51, 51, 0.95);
}

section.footer__bottom .container {
	border-top: 1px solid #575757;
	padding: 2em 0;
}

section.footer__bottom .columns:last-child {
	text-align: right;
}

section.footer__bottom strong {
	color: #999;
}

/*
 * Footer Bottom Navigation
 */
.footer_nav a {
	margin-left: 3em;
	color: #f2f2f2;
}

.footer_nav a:first-child {
	margin-left: 0;
	color: #f2f2f2;
}

.footer_nav a:hover {
	color: #ff0f0f;
}

/*
 * Footer Bottom Navigation
 */
.footer_copyright {
	font-size: 0.938em;
}

.footer_copyright s {
	color: #fff !important;
}

/**
 * Jump to Top
 */
a#gotop {
	position: fixed;
	right: 45px;
	bottom: 75px;
	z-index: 100;
	display: none;
	opacity: 0.7;
	width: 45px;
	height: 45px;
	background: url("../images/common/gotop.png") no-repeat;
}

a:hover#gotop {
	opacity: 1;
}

/* #Forcing Breaks long words/urls
----------------------------------- */

.wbr {
	overflow-wrap: break-word;
	word-wrap: break-word;

	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;

	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

/* #Image sprites
----------------------------------- */

.icb {
	display: inline-block;
	vertical-align: middle;
}

.icb.p64x64 {
	width: 48px;
	height: 48px;
}

.icb.p48x48 {
	width: 48px;
	height: 48px;
}

.icb.p32x32 {
	width: 32px;
	height: 32px;
}

.icb.p24x24 {
	width: 24px;
	height: 24px;
}

.icb.p16x16 {
	width: 16px;
	height: 16px;
}

.icb.firefox {
	background: url("../images/common/css-sprite.png") no-repeat 0 -192px;
}

.icb.opera {
	background: url("../images/common/css-sprite.png") no-repeat -48px -192px;
}

.icb.chrome {
	background: url("../images/common/css-sprite.png") no-repeat -96px -192px;
}

.icb.safari {
	background: url("../images/common/css-sprite.png") no-repeat -144px -192px;
}

.icb.ie {
	background: url("../images/common/css-sprite.png") no-repeat -192px -192px;
}

/* #CSS3 animations
----------------------------------- */

@-webkit-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/* #Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 30em) {

	/* Sometimes, you just want to be different on small screens */
	.center-on-mobiles {
		text-align: center !important;
	}

	.hide-on-mobile {
		display: none !important;
		width: 0;
		height: 0;
	}

	/* #Typography
	--------------------------------------------------------------- */
	h1 {
		font-size: 5.0em;
	}

	h2 {
		font-size: 4.2em;
	}

	h3 {
		font-size: 3.6em;
	}

	h4 {
		font-size: 3.0em;
	}

	h5 {
		font-size: 2.4em;
	}

	h6 {
		font-size: 1.5em;
	}

	/* #Tables
	----------------------------------- */
	table {
		border: 0;
	}

	table thead {
		display: none;
	}

	table tr {
		display: block;
		margin-bottom: 0.5rem;
		/*border-bottom: 1px solid #ddd;*/
	}

	table td {
		display: block;
		width: 100% !important;
		/*border-bottom: 1px dotted #ccc;*/
		text-align: right !important;
		font-size: 1rem;
	}

	table tr td:first-child {
		font-weight: 700;
		color: #ff0f0f;
	}

	table td:last-child {
		border-bottom: 0;
	}

	table td:before {
		float: left;
		content: attr(data-label);
		text-transform: uppercase;
		font-weight: 700;
	}

	table td.hide {
		display: none;
	}

	/* #breadcrumbs
	----------------------------------- */
	.breadcrumbs {
		text-align: center;
	}

	/* #Banner / Image slider
	----------------------------------- */
	.slides__dimentions {
		height: 480px !important;
	}

	/* #Search
	----------------------------------- */
	ul.search__categories li {
		width: auto;
		min-width: 12%;
		min-height: 2em;
	}

	ul.search__categories li span {
		display: none;
	}

	.search__form_item {
		display: block;
	}

	.chosen-container,
	.search__form_item input,
	.search__form_item button {
		width: 90% !important;
	}

	/* #Section Recent Cards
	----------------------------------- */
	section.recentCards {
		z-index: 20;
		margin-top: 0;
	}

	.section__recent_title h3 {
		display: inherit;
		margin-bottom: 0.375em;
		padding-right: 0;
		color: #000;
		text-align: center !important;
		text-shadow: none;
	}

	.section__recent_title a {
		display: block !important;
		text-align: center;
	}

	/* #Benefits
	----------------------------------- */
	section.benefits {
		margin-top: 0;
	}

	/* #Account
	----------------------------------- */
	.account__columns > .columns .columns {
		width: 100%;
		text-align: center !important;
	}

	.account__columns > .columns:nth-child(2) {
		margin-top: 1.5em;
	}

	.account__columns > .columns .columns:nth-child(1) {
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.account__columns > .columns .columns:nth-child(2) {
		margin-top: -1em;
		padding-top: 0;
	}

	.account__columns .columns .section_paragraph__heading,
	.account__columns .columns .section_paragraph__sub_heading {
		text-align: center !important;
	}

	.account__columns .columns.actions a {
		float: none !important;
		margin: 0 auto;
	}

	/* #Newsletter
	----------------------------------- */
	.newsletter__form input {
		display: inline-block;
	}

	.newsletter__form button {
		display: block;
		margin: 0 auto;
	}

	/* #Footer
	----------------------------------- */
	.footer__top .columns:nth-child(2) {
		margin-bottom: 1.5em;
	}

	.footer_nav a {
		line-height: 2em;
	}

	.footer_copyright p {
		margin-top: 1em;
		text-align: center;
	}

}

@media only screen and (min-width: 48em) {
	/* #Grid
	--------------------------------------------------------------- */
	.column,
	.columns {
		margin-left: 4%;
	}

	.column:first-child,
	.columns:first-child {
		margin-left: 0;
	}

	.one.column,
	.one.columns {
		width: 4.66666666667%;
	}

	.two.columns {
		width: 13.3333333333%;
	}

	.three.columns {
		width: 22%;
	}

	.four.columns {
		width: 30.6666666667%;
	}

	.five.columns {
		width: 39.3333333333%;
	}

	.six.columns {
		width: 48%;
	}

	.seven.columns {
		width: 56.6666666667%;
	}

	.eight.columns {
		width: 65.3333333333%;
	}

	.nine.columns {
		width: 74.0%;
	}

	.ten.columns {
		width: 82.6666666667%;
	}

	.eleven.columns {
		width: 91.3333333333%;
	}

	.twelve.columns {
		width: 100%;
		margin-left: 0;
	}

	.one-third.column {
		width: 30.6666666667%;
	}

	.two-thirds.column {
		width: 65.3333333333%;
	}

	.one-half.column {
		width: 48%;
	}

	/* Offsets */
	.offset-by-one.column,
	.offset-by-one.columns {
		margin-left: 8.66666666667%;
	}

	.offset-by-two.column,
	.offset-by-two.columns {
		margin-left: 17.3333333333%;
	}

	.offset-by-three.column,
	.offset-by-three.columns {
		margin-left: 26%;
	}

	.offset-by-four.column,
	.offset-by-four.columns {
		margin-left: 34.6666666667%;
	}

	.offset-by-five.column,
	.offset-by-five.columns {
		margin-left: 43.3333333333%;
	}

	.offset-by-six.column,
	.offset-by-six.columns {
		margin-left: 52%;
	}

	.offset-by-seven.column,
	.offset-by-seven.columns {
		margin-left: 60.6666666667%;
	}

	.offset-by-eight.column,
	.offset-by-eight.columns {
		margin-left: 69.3333333333%;
	}

	.offset-by-nine.column,
	.offset-by-nine.columns {
		margin-left: 78.0%;
	}

	.offset-by-ten.column,
	.offset-by-ten.columns {
		margin-left: 86.6666666667%;
	}

	.offset-by-eleven.column,
	.offset-by-eleven.columns {
		margin-left: 95.3333333333%;
	}

	.offset-by-one-third.column,
	.offset-by-one-third.columns {
		margin-left: 34.6666666667%;
	}

	.offset-by-two-thirds.column,
	.offset-by-two-thirds.columns {
		margin-left: 69.3333333333%;
	}

	.offset-by-one-half.column,
	.offset-by-one-half.columns {
		margin-left: 52%;
	}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 30.063em) and (max-width: 48em) {

	/* #Clear grid rows
	----------------------------------- */
	.boxfc100 {
		width: 100% !important;
	}

	.boxclear {
		clear: both;
	}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 48em) {

}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 60em) {

	.hd__top-opts-right {
		position: absolute;
		top: 1.875em;
		left: 0;
		z-index: 100;
		float: none !important;
		width: 100%;
	}

    .hd__top .nav__list,
    .hd__bottom .nav__list {
        display: none;
    }

	.hd__top .nav__list {
		position: absolute;
		width: 100%;
		top: 3.5em;
		text-align: left;
		background: #fff;
	}

	.hd__bottom {
        position: relative;
		min-height: 3.5em;
	}

	.responsive__logo {
        position: absolute;
        z-index: 1000;
		display: inline-block;
		margin-left: 3em;
	}

    .hd__bottom span.hd__hack {
        display: inline-block;
        min-height: 3.5em;
    }

	.responsive__logo img {
		max-height: 3.5em;
	}

	/* #Navigation responsive
	----------------------------------- */
	/* top menu */
	label.responsive__menu_top {
		position: relative;
		display: inline-block;
	}

	label.responsive__menu_top:after {
		position: absolute;
		top: -0.25em;
		right: 0;
		content: '\f013';
	}

	/* main menu */
	label.responsive__menu_main {
		position: absolute;
		z-index: 100;
		display: inline-block;
	}

	label.responsive__menu_main:after {
		top: 0.375em;
		left: 0.25em;
		content: '\f0c9';
	}

	/* common */
	label.responsive__menu_top:after,
	label.responsive__menu_main:after {
		position: absolute;
		color: #000;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: 2.125em;
		cursor: pointer;
	}

	#responsive__menu_top:checked + .nav__list,
	#responsive__menu_main:checked + .nav__list {
		display: block;
	}

	/* #Navigation
	----------------------------------- */
	/*
	 * Navigation list
	 */
	.nav__list {
		display: none;
		margin-left: 0;
		background: transparent;
	}

	/*
	 * First level
	 */
	.nav__list ul li {
		position: relative;
		display: block !important;
		clear: both;
	}

	.nav__list ul li.logo {
		display: none !important;
	}

	/*
	 * First level right floating
	 */
	.nav__list ul li.float__right {
		display: block !important;
		float: none !important;
	}

    /*
     * Hovered item
     */
    nav > ul > li:hover {
        border-top: 2px solid #fff;
    }

    /*
     * Item link + hover
    */
    .nav__list ul > li > a {
        line-height: 0.5rem;
        font-size: 1rem;
    }

	/*
	 * Menu Menu
	 */
	.nav__list ul li.megamenu {
		position: relative !important;
	}

    /*
     * First level of Main menu
    */
    nav.nav_list_main_menu > ul > li a {
        padding: 1rem;
    }

    nav.nav_list_main_menu > ul > li:hover a {
        padding-top: 0.875rem;
    }

	/*
	 * Second level
	 */
	.nav__list ul .megamenu__container,
	.nav__list .dropdown,
	.nav__list ul ul {
		position: inherit !important;
		overflow: hidden;
		width: 100% !important;
		padding: 0.625em 0 !important;
	}

	/*
	 * Second level (CSS3 effects)
	 */
	.nav__list_effects ul .megamenu__container,
	.nav__list_effects .dropdown,
	.nav__list_effects .nav__list ul ul {
		display: none !important;
		visibility: initial !important;
		transition: none;
	}

	/*
	 * Second level +
	 */
	.nav__list li > ul li a {
		display: block !important;
		clear: both;
        line-height: 1em !important;
		padding: 0.5em 1em !important;
	}

    /*
     * Second level + - Hover
     */
    .nav__list ul li:hover > ul li:hover {
        background: none !important;
    }

    .nav__list ul li:hover > ul li:hover a {
        /*line-height: 1.25em !important;*/
        color: #ff0f0f !important;
    }

	/*
	 * Third level + - Direction left
	 */
	.nav__list .dropdown,
	.nav__list ul ul ul,
	.nav__list ul ul ul.dir__left {
		left: auto !important;
	}

	/*
	 * Third level + - Direction right
	 */
	.nav__list .dropdown.dir__right,
	.nav__list ul ul ul.dir__right {
		right: auto !important;
		left: auto !important;
	}

	/*
	 * Third level + - Hover (CSS3 effects)
	 */
	.nav__list_effects ul li:hover > .megamenu__container,
	.nav__list_effects ul li:hover > .dropdown,
	.nav__list_effects li:hover > ul {
		display: block !important;
		visibility: initial !important;
		transition: none;
	}
}

/* Expand the wrap a bit further on larger screens */
@media screen and (min-width: 64em) {

}

/* HD desktops */
@media screen and (min-width: 75em) {

}