.mainContent .module .moduleContent { padding:0 0 20px 0;}
#formRegion .fieldSelect {
float:left;
display:inline;
margin:0 0 20px;
padding:20px 0 0 0;
}
#formRegion .fieldSelect label,
#formRegion .fieldSelect select
{
float:left;
display:inline;
margin:0 0 0 24px;
}
/* address listing */
.address dl dd {margin-bottom:0;}
/* PanelNav */
.panelNav {
float:left;
display:inline;
width:120px;
margin:0 0 0 0;
padding:0;
list-style-type:none;
}
.panelNav li {
float:none;
display:block;
margin:0 0 1px 0;
padding:0 0 0 0;
}
.panelNav li a {
display:block;
margin:0 0 0 0;
padding:5px 10px;
background-color:#f7f7f7;
}
.panelNav li.ui-tabs-selected a {
background-color:#5994d6;
background-image:none;
color:#fff;
}
.panelSet {
padding-top:20px;
background-color:#fff;
}
.panelContent ul {
display:block;
margin:0;
list-style-type:none;
clear:left;
}
.panelContent ul li
{
display:block;
margin:0 0 10px 0;
padding:5px 0 10px 0;
border-bottom:1px solid #ddd;
font-weight:normal;
font-size:13px;
}
.panelContent ul li span
{
display:block;
margin:0 0;
padding:0;
font-weight:normal;
font-size:11px;
}
.panelContent li a {
}
.panelContent ul.webIcon {
display:block;
margin:0 0 5px;
padding:0 0 5px;
list-style-type:none;
clear:left;
}
.panelContent ul.webIcon li {
float:left;
display:inline;
margin:0 20px 20px 0;
padding:0;
}
.panelContent .webIcon li a {
display:block;
margin:0 0 0 0;
width:178px;
padding:5px 0;
border:1px solid #ddd;
}
.panelContent .webIcon li span {
display:block;
height:80px;
margin:0 10px 0 0;
padding:5px 10px;
}
.panelContent .webIcon li span img {
display:block;
margin:0 auto;
}
.panelContent li strong {
display:block;
height:40px;
margin:0 10px 0 0;
padding:5px 10px;
font-weight:normal;
text-align:center;
}
.panelContent {
float:right;
display:inline;
width:460px;
padding: 0;
margin-right:0;
background-color:#fff;
}
.pgOneCol .panelContent {
width:760px;
}
/* added 2016April19 by aes */
.tabs dd > a, .tabs .tab-title > a { font-size:0.8125rem;}
.white-text-ttac, .white-text-ttac h4 {
color: white !important;
}
.black-text-ttac, .black-text-ttac h4 {
color: black !important;
}
/*
-------------------------------------------
vertically aligned image layout
-------------------------------------------
*/
@media screen and (min-width: 40em) {
.valign-container {position:relative;}
.valign {
position: absolute;
left:0;
right:0;
}
.valign.middle {
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
.ttac .lv-right {
padding-left: 0;
}
.ttac .lv-right-cta {
padding-left: 0;
}
.ttac .lv-left {
padding-right: 0;
}
.ttac .lv-left-cta {
padding-right: 0;
}
}
/*
* Copyright 2015 Adobe Systems Incorporated
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/* Text-Image component */
.textimage-left {
float: left;
margin: 0 1em 1em 0;
}
.textimage-right {
float: right;
margin: 0 0 1em 1em;
}
.textimage-text {
margin: 0 0 -1em;
}
.textimage-text:after {
content: "";
display: table;
clear: both;
}
.menu.vertical.medium-horizontal .series-nav-buy-now {
display: none;
}
@media screen and (min-width: 640px) {
.menu.vertical.medium-horizontal {
display: flex;
}
.menu.vertical.medium-horizontal .series-nav-buy-now {
margin-left: auto;
margin-right: 15px;
display: list-item;
}
.menu.vertical.medium-horizontal .series-nav-buy-now .button {
border: none;
font-size: inherit;
background-color: #EB3300;
}
}
.productCarousel .slick-slider{
margin-bottom: 35px;
}
.rating{
text-align: center !important;
margin: 0 auto !important;
display: inline-block;
}
/*
-----------------------------------
Primary nav
-----------------------------------
*/
.newco-default-menu #utilRegionPicker a {padding-top:4px; padding-bottom:4px;}
.newco-default-menu, .newco-mega-menu { background-color:#002843;}
#primNavStickyContainer {z-index:99;}
.newco-primary-nav .dropdown-pane {
visibility: hidden;
opacity: 0;
transition: visibility 0s linear 300ms, opacity 300ms;
padding:0;
border:0 none;
}
.newco-primary-nav .dropdown-pane.is-open {
visibility: visible;
opacity: 1;
transition: visibility 0s linear 0s, opacity 600ms;
}
.newco-primary-nav .dropdown-pane.full {
width: 100%;
display:block;
margin: 0 auto;
background-color:transparent;
}
.newco-primary-nav .dropdown-pane.full .row {
margin-right: auto;
margin-left: auto
}
.newco-primary-nav .dropdown-pane.full .menu.vertical {margin-bottom:30px; border-color:pink;}
.newco-primary-nav .dropdown-pane .callout {border:0 none; background-color:#002843;}
.newco-primary-nav .menu-header { text-transform:uppercase; font-size:0.8125rem; padding:0 1rem; color:#fff; font-weight: bold;}
.newco-primary-nav .dropdown-pane .menu li a:not(.button) { color:#fff; }
/*
-----------------------------------
Mega menu
-----------------------------------
*/
.newco-mega-menu {}
.newco-mega-menu .menu-logo .newco-logo {height: 70px;}
.newco-mega-menu .menu {}
.newco-mega-menu .menu li { }
.newco-mega-menu .menu li a { color:#fff; text-transform:uppercase;line-height:50px; }
.newco-mega-menu .menu li.menu-logo {padding:0;}
.newco-mega-menu .menu li.menu-logo a {padding:0; display:block;}
.newco-mega-menu .menu li.menu-logo a img { width:235px; height:50px; margin:0 2rem 0 0; display:block;}
.newco-mega-menu .menu.primary-links li:last-child a {
border: 1px solid white;
border-radius: 3px;
padding: 11px 8px;
line-height: 15px;
margin-top: 19px;
}
.newco-mega-menu .menu li a.hover {
background-color:#002843;
color:#fff;
}
.newco-mega-menu .menu > li > a img, .newco-mega-menu .menu > li > a i, .newco-mega-menu .menu > li > a svg {margin:0;padding:0;display:block;}
.newco-mega-menu .menu-container {
display: flex;
width:100%;
}
.newco-mega-menu .primary-links {width: 60%; display:flex; justify-content: center;}
.newco-mega-menu .primary-icons {width: 20%; display:flex; justify-content: flex-end}
.newco-mega-menu .menu-logo {width: 20%}
.newco-mega-menu .menu.primary-links > li > a {
position: relative;
padding: 0.7rem 1.6rem;
}
.newco-mega-menu .menu.primary-icons #utilRegionPicker {
margin-top: 18px;
}
/*
-----------------------------------
Default menu
-----------------------------------
*/
.newco-default-menu .menu li.menu-logo, .newco-default-menu .menu li.menu-logo a {padding:0;}
.newco-default-menu .menu-logo .newco-logo{height: 40px;}
.newco-default-menu .menu li a { color:#fff;}
.newco-default-menu .menu li.menu-logo a img { height:41px;}
.newco-default-menu .menu > li > a img, .newco-default-menu .menu > li > a i, .newco-default-menu .menu > li > a svg { margin-right: 0; }
/*
-----------------------------------
Cart
-----------------------------------
*/
.cart-image-container {width:140px; display: inline-block;}
.cart-text-container {width:auto; display: inline-block;}
.cart-text-container * {margin-bottom: 0;}
.cart-image { width:auto; max-height:140px; margin: 0 auto; display: block;}
.cart .input-group {margin-bottom:0; }
.responsive-card-table .button {margin-bottom: 0;}
.responsive-card-table {
border-collapse: collapse;
}
.responsive-card-table.unstriped tbody {
background-color: transparent;
border:0 none;
}
.responsive-card-table.unstriped tfoot {
border:0 none;
}
.responsive-card-table th {
}
.responsive-card-table tr,
.responsive-card-table th,
.responsive-card-table td {
border: 1px solid #fff;
}
.theme-gaming .responsive-card-table.unstriped tbody, .responsive-card-table.unstriped tfoot { color:#000;}
.theme-gaming table.unstriped thead, .theme-gaming table.unstriped tfoot {background:#f8f8f8; color:#000; border:0 none;}
.theme-gaming table.unstriped tbody tr:nth-child(even), .theme-gaming table.unstriped tbody {background-color: #fff;}
@media screen and (max-width: 640px) {
.responsive-card-table thead {
border:0 none;
}
.responsive-card-table {
}
.responsive-card-table thead tr {
position: absolute;
top: -9999em;
left: -9999em;
}
.responsive-card-table tr {
border: 1px solid #eee;
display: block;
}
.responsive-card-table tr + tr {
margin-top: 1.5rem;
}
.responsive-card-table td:not(:first-child) {
border: none;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-left: 50%;
position: relative;
}
.responsive-card-table td:not(:first-child):before {
content: attr(data-label);
display: inline-block;
font-weight: bold;
line-height: 1.5;
margin-left: -100%;
width: 100%;
position: relative;
z-index: 1;
}
.responsive-card-table td:not(:first-child):after {
content: '';
position: absolute;
background: #f1f1f1;
width: 45%;
height: 100%;
left: 0;
top: 0;
z-index: 0;
border-top:1px solid #fff;
}
.cart-subtotal-head {display: none;}
.responsive-card-table.unstriped tfoot, .theme-gaming .responsive-card-table.unstriped tfoot {background:#e1e1e1}
.responsive-card-table.unstriped tfoot tr {border:0 none;}
.responsive-card-table td.cart-subtotal-cell:after { background:transparent; border:0 none;}
}
/*
-----------------------------------
autocomplete search
-----------------------------------
*/
.ui-autocomplete {z-index:99;}
/*
-----------------------------------
Hide My Account
-----------------------------------
*/
.en.in #utilNavAccount,
.en.in #utilNavLogin,
.ja.jp #utilNavAccount,
.ja.jp #utilNavLogin,
.pt.br #utilNavAccount,
.pt.br #utilNavLogin,
.en.hk #utilNavAccount,
.en.hk #utilNavLogin,
.ko.kr #utilNavAccount,
.ko.kr #utilNavLogin,
.es.mx #utilNavAccount,
.es.mx #utilNavLogin,
.en.me #utilNavAccount,
.en.me #utilNavLogin,
.ar.me #utilNavAccount,
.ar.me #utilNavLogin,
.ru.ru #utilNavAccount,
.ru.ru #utilNavLogin,
.en.sg #utilNavAccount,
.en.sg #utilNavLogin,
.bg.bg #utilNavAccount,
.bg.bg #utilNavLogin,
.el.gr #utilNavAccount,
.el.gr #utilNavLogin,
.iw.il #utilNavAccount,
.iw.il #utilNavLogin,
.sl.si #utilNavAccount,
.sl.si #utilNavLogin,
.zh.tw #utilNavAccount,
.zh.tw #utilNavLogin,
.sq.al #utilNavAccount,
.sq.al #utilNavLogin,
.ru.am #utilNavAccount,
.ru.am #utilNavLogin,
.ru.az #utilNavAccount,
.ru.az #utilNavLogin,
.ru.by #utilNavAccount,
.ru.by #utilNavLogin,
.hr.hr #utilNavAccount,
.hr.hr #utilNavLogin,
.ar.eg #utilNavAccount,
.ar.eg #utilNavLogin,
.et.ee #utilNavAccount,
.et.ee #utilNavLogin,
.ru.ge #utilNavAccount,
.ru.ge #utilNavLogin,
.is.is #utilNavAccount,
.is.is #utilNavLogin,
.ru.kz #utilNavAccount,
.ru.kz #utilNavLogin,
.ru.kg #utilNavAccount,
.ru.kg #utilNavLogin,
.lv.lv #utilNavAccount,
.lv.lv #utilNavLogin,
.lt.lt #utilNavAccount,
.lt.lt #utilNavLogin,
.ae.en #utilNavAccount,
.ae.en #utilNavLogin,
.ae.ar #utilNavAccount,
.ae.ar #utilNavLogin,
.ro.md #utilNavAccount,
.ro.md #utilNavLogin,
.sr.rs #utilNavAccount,
.sr.rs #utilNavLogin,
.sk.sk #utilNavAccount,
.sk.sk #utilNavLogin,
.ru.tj #utilNavAccount,
.ru.tj #utilNavLogin,
.tr.tr #utilNavAccount,
.tr.tr #utilNavLogin,
.ru.tm #utilNavAccount,
.ru.tm #utilNavLogin,
.uk.ua #utilNavAccount,
.uk.ua #utilNavLogin,
.ru.uz #utilNavAccount,
.ru.uz #utilNavLogin {
display:none !important;
}
/*
-----------------------------------
Hide Search
-----------------------------------
*/
.sq.al #utilSearchIcon,
.ru.am #utilSearchIcon,
.ru.az #utilSearchIcon,
.ru.by #utilSearchIcon,
.hr.hr #utilSearchIcon,
.ar.eg #utilSearchIcon,
.et.ee #utilSearchIcon,
.ru.ge #utilSearchIcon,
.is.is #utilSearchIcon,
.ru.kz #utilSearchIcon,
.ru.kg #utilSearchIcon,
.lv.lv #utilSearchIcon,
.lt.lt #utilSearchIcon,
.ro.md #utilSearchIcon,
.sr.rs #utilSearchIcon,
.sk.sk #utilSearchIcon,
.ru.tj #utilSearchIcon,
.tr.tr #utilSearchIcon,
.ru.tm #utilSearchIcon,
.uk.ua #utilSearchIcon,
.ru.uz #utilSearchIcon {
display:none !important;
}
/*
-----------------------------------
Primary nav
-----------------------------------
*/
.default-menu #utilRegionPicker a {padding-top:4px; padding-bottom:4px;}
.default-menu, .mega-menu { background-color:#fff;}
#primNavStickyContainer {z-index:99;}
.primary-nav .dropdown-pane {
visibility: hidden;
opacity: 0;
transition: visibility 0s linear 300ms, opacity 300ms;
padding:0;
border:0 none;
}
.primary-nav .dropdown-pane.is-open {
visibility: visible;
opacity: 1;
transition: visibility 0s linear 0s, opacity 600ms;
}
.primary-nav .dropdown-pane.full {
width: 100%;
display:block;
margin: 0 auto;
background-color:transparent;
}
.primary-nav .dropdown-pane.full .row {
margin-right: auto;
margin-left: auto
}
.primary-nav .dropdown-pane.full .menu.vertical {margin-bottom:30px; border-color:pink;}
.primary-nav .dropdown-pane .callout {border:0 none; background-color:#002843;}
.primary-nav .menu-header { text-transform:uppercase; font-size:1rem; padding:0 1rem; color:#EB3300; font-weight: bold;}
.primary-nav .dropdown-pane .menu li a:not(.button) { color:#fff; padding: 0.45rem 1rem; }
/*
-----------------------------------
Mega menu
-----------------------------------
*/
.mega-menu {}
.mega-menu .menu {}
.mega-menu .menu li { }
.mega-menu .menu li a { color:#000; text-transform:uppercase;font-size: 1rem; padding-top:0; padding-bottom:0;line-height:50px; }
.mega-menu .menu li.menu-logo {padding:0;}
.mega-menu .menu li.menu-logo a {padding:0; display:block;}
.mega-menu .menu li.menu-logo a img { width:235px; height:50px; margin:0 2rem 0 0; display:block;}
/*
.mega-menu .menu li a.hover {
background-image: url(clientlib-all/img/bg-orange-pixel.gif);
background-position: bottom;
background-size: 1px 4px;
background-repeat: repeat-x;
color: #fff;
}
*/
.mega-menu .menu li a.hover {
background-color:#fff;
color:#EB3300;
}
.mega-menu .menu > li > a img, .mega-menu .menu > li > a i, .mega-menu .menu > li > a svg {margin:0;padding:0;display:block;}
.mega-menu .menu > li > a {
position: relative;
}
.mega-menu .menu > li:not(.menu-logo) > a::after {
content: "";
position: absolute;
top: calc(100% - 4px);
border-bottom: 4px solid #EB3300;
left: 50%;
right: 50%;
transition: all 0.5s ease;
}
.mega-menu .menu > li > a:hover::after, .mega-menu .menu > li > a.hover::after {
left: 0;
right: 0;
transition: all 0.5s ease;
}
/* Cart */
.cart-image-container {width:140px; display: inline-block;}
.cart-text-container {width:auto; display: inline-block;}
.cart-text-container * {margin-bottom: 0;}
.cart-image { width:auto; max-height:140px; margin: 0 auto; display: block;}
.cart .input-group {margin-bottom:0; }
.responsive-card-table .button {margin-bottom: 0;}
.responsive-card-table {
border-collapse: collapse;
}
.responsive-card-table.unstriped tbody {
background-color: transparent;
border:0 none;
}
.responsive-card-table.unstriped tfoot {
border:0 none;
}
.responsive-card-table th {
}
.responsive-card-table tr,
.responsive-card-table th,
.responsive-card-table td {
border: 1px solid #fff;
}
.theme-gaming .responsive-card-table.unstriped tbody, .responsive-card-table.unstriped tfoot { color:#000;}
.theme-gaming table.unstriped thead, .theme-gaming table.unstriped tfoot {background:#f8f8f8; color:#000; border:0 none;}
.theme-gaming table.unstriped tbody tr:nth-child(even), .theme-gaming table.unstriped tbody {background-color: #fff;}
@media screen and (max-width: 640px) {
.responsive-card-table thead {
border:0 none;
}
.responsive-card-table {
}
.responsive-card-table thead tr {
position: absolute;
top: -9999em;
left: -9999em;
}
.responsive-card-table tr {
border: 1px solid #eee;
display: block;
}
.responsive-card-table tr + tr {
margin-top: 1.5rem;
}
.responsive-card-table td:not(:first-child) {
border: none;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-left: 50%;
position: relative;
}
.responsive-card-table td:not(:first-child):before {
content: attr(data-label);
display: inline-block;
font-weight: bold;
line-height: 1.5;
margin-left: -100%;
width: 100%;
position: relative;
z-index: 1;
}
.responsive-card-table td:not(:first-child):after {
content: '';
position: absolute;
background: #f1f1f1;
width: 45%;
height: 100%;
left: 0;
top: 0;
z-index: 0;
border-top:1px solid #fff;
}
.cart-subtotal-head {display: none;}
.responsive-card-table.unstriped tfoot, .theme-gaming .responsive-card-table.unstriped tfoot {background:#e1e1e1}
.responsive-card-table.unstriped tfoot tr {border:0 none;}
.responsive-card-table td.cart-subtotal-cell:after { background:transparent; border:0 none;}
}
/*
-----------------------------------
Default menu
-----------------------------------
*/
.default-menu .menu li.menu-logo, .default-menu .menu li.menu-logo a {padding:0;}
.default-menu .menu li a { color:#000;}
.default-menu .menu li.menu-logo a img { height:41px;}
.default-menu .menu > li > a img, .default-menu .menu > li > a i, .default-menu .menu > li > a svg { margin-right: 0; }
/*
-----------------------------------
autocomplete search
-----------------------------------
*/
.ui-autocomplete {z-index:99;}
/*
-----------------------------------
Hide My Account
-----------------------------------
*/
.en.in #utilNavAccount,
.en.in #utilNavLogin,
.ja.jp #utilNavAccount,
.ja.jp #utilNavLogin,
.pt.br #utilNavAccount,
.pt.br #utilNavLogin,
.en.hk #utilNavAccount,
.en.hk #utilNavLogin,
.ko.kr #utilNavAccount,
.ko.kr #utilNavLogin,
.es.mx #utilNavAccount,
.es.mx #utilNavLogin,
.en.me #utilNavAccount,
.en.me #utilNavLogin,
.ar.me #utilNavAccount,
.ar.me #utilNavLogin,
.ru.ru #utilNavAccount,
.ru.ru #utilNavLogin,
.en.sg #utilNavAccount,
.en.sg #utilNavLogin,
.bg.bg #utilNavAccount,
.bg.bg #utilNavLogin,
.el.gr #utilNavAccount,
.el.gr #utilNavLogin,
.iw.il #utilNavAccount,
.iw.il #utilNavLogin,
.sl.si #utilNavAccount,
.sl.si #utilNavLogin,
.zh.tw #utilNavAccount,
.zh.tw #utilNavLogin,
.sq.al #utilNavAccount,
.sq.al #utilNavLogin,
.ru.am #utilNavAccount,
.ru.am #utilNavLogin,
.ru.az #utilNavAccount,
.ru.az #utilNavLogin,
.ru.by #utilNavAccount,
.ru.by #utilNavLogin,
.hr.hr #utilNavAccount,
.hr.hr #utilNavLogin,
.ar.eg #utilNavAccount,
.ar.eg #utilNavLogin,
.et.ee #utilNavAccount,
.et.ee #utilNavLogin,
.ru.ge #utilNavAccount,
.ru.ge #utilNavLogin,
.is.is #utilNavAccount,
.is.is #utilNavLogin,
.ru.kz #utilNavAccount,
.ru.kz #utilNavLogin,
.ru.kg #utilNavAccount,
.ru.kg #utilNavLogin,
.lv.lv #utilNavAccount,
.lv.lv #utilNavLogin,
.lt.lt #utilNavAccount,
.lt.lt #utilNavLogin,
.ae.en #utilNavAccount,
.ae.en #utilNavLogin,
.ae.ar #utilNavAccount,
.ae.ar #utilNavLogin,
.ro.md #utilNavAccount,
.ro.md #utilNavLogin,
.sr.rs #utilNavAccount,
.sr.rs #utilNavLogin,
.sk.sk #utilNavAccount,
.sk.sk #utilNavLogin,
.ru.tj #utilNavAccount,
.ru.tj #utilNavLogin,
.tr.tr #utilNavAccount,
.tr.tr #utilNavLogin,
.ru.tm #utilNavAccount,
.ru.tm #utilNavLogin,
.uk.ua #utilNavAccount,
.uk.ua #utilNavLogin,
.ru.uz #utilNavAccount,
.ru.uz #utilNavLogin {
display:none !important;
}
/*
-----------------------------------
Hide Search
-----------------------------------
*/
.sq.al #utilSearchIcon,
.ru.am #utilSearchIcon,
.ru.az #utilSearchIcon,
.ru.by #utilSearchIcon,
.hr.hr #utilSearchIcon,
.ar.eg #utilSearchIcon,
.et.ee #utilSearchIcon,
.ru.ge #utilSearchIcon,
.is.is #utilSearchIcon,
.ru.kz #utilSearchIcon,
.ru.kg #utilSearchIcon,
.lv.lv #utilSearchIcon,
.lt.lt #utilSearchIcon,
.ro.md #utilSearchIcon,
.sr.rs #utilSearchIcon,
.sk.sk #utilSearchIcon,
.ru.tj #utilSearchIcon,
.tr.tr #utilSearchIcon,
.ru.tm #utilSearchIcon,
.uk.ua #utilSearchIcon,
.ru.uz #utilSearchIcon {
display:none !important;
}
[id*="-error"] {
color: red;
}
.distributor_name {
font-weight: bold;
}
[id*="-error"] {
color: red;
}
/*
* Title : Hotspotter - Plantronics Hotspot Maker jQuery Plugin
* Extension : Ben Neigher bneigher@gmail.com
*/
/* CUSTOM */
.list_hs {
position: relative;
z-index: 3;
}
.list_hs a {
cursor: pointer;
color: #fe471a;
}
.list_hs[dir="rtl"] li {
/*direction: rtl;*/
}
.hotspot-container{
position: relative;
}
/* */
.ui-dialog { z-index: 1000;}
.ui-dialog .ui-dialog-titlebar-close span {
display: block;
margin: -8.2px;
}
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
position: absolute;
top: 50%;
margin-top: -8px;
}
/* Medium + Large ++ display targeting */
@media only screen and (min-width: 768px) {
.hs-area {
position: relative;
float: right;
}
.hs-area img {
max-width: 500px;
max-height: 575px;
}
.feature_right {
/*text-align: right;*/
}
}
/* Small display targeting */
@media only screen and (max-width: 767px) {
.hs-area {
position: relative;
}
.feature_right {
text-align: left;
}
}
.hs-wrap,.tt-wrap
{
position: absolute;
display: none;
z-index: 3;
}
.tt-wrap
{
z-index: 3;
border: 10px solid transparent;
}
.invisible-spot,.red-spot,.onhover-spot
{
background: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7');
}
.red-spot
{
opacity: .7;
border: 2px solid red;
box-shadow: 0 0 10px #000;
}
.red-spot.active
{
opacity: .6;
border-color: #0dff0d;
box-shadow: 0 0 5px #0dff0d inset;
}
.shadow-spot
{
box-shadow: 0 0 20px #000;
}
.shadow-spot.active
{
box-shadow: 0 0 50px #000;
}
.glass-spot
{
box-shadow: 0 0 20px #fff;
}
.glass-spot.active
{
box-shadow: 0 0 50px #fff;
}
.sniper-spot
{
z-index: 10;
width: 20px;
height: 20px;
opacity: .8;
border: 2px solid #752424;
border-radius: 20px;
background-color: red;
box-shadow: 0 0 12px #000 inset;
}
.sniper-spot:before,.sniper-spot:after
{
position: absolute;
content: '';
background-color: white;
}
.sniper-spot:before
{
top: 3px;
left: 11px;
width: 2px;
height: 19px;
}
.sniper-spot:after
{
top: 11px;
left: 3px;
width: 19px;
height: 2px;
}
.sniper-spot.active:before,.sniper-spot.active:after
{
width: 0;
height: 0;
}
.sniper-spot.active
{
opacity: .4;
border: 2px solid #000;
background-color: #f99;
box-shadow: 0 0 10px #000;
}
@-webkit-keyframes pulse {
0% { opacity: 1; }
50% { opacity: .3; -webkit-transform: scale(2); }
100% { opacity: 1; }
}
@-moz-keyframes pulse {
0% { opacity: 1; }
50% { opacity: .3; -moz-transform: scale(2); }
100% { opacity: 1; }
}
@-o-keyframes pulse {
0% { opacity: 1; }
50% { opacity: .3; -o-transform: scale(2); }
100% { opacity: 1; }
}
@-ms-keyframes pulse {
0% { opacity: 1; }
50% { opacity: .3; -ms-transform: scale(2); }
100% { opacity: 1; }
}
@keyframes pulse {
0% { opacity: 1; }
50% { opacity: .3; transform: scale(2); }
100% { opacity: 1; }
}
@-webkit-keyframes focus {
100% { opacity: 1; }
0% { opacity: 0; -webkit-transform: scale(3); }
}
@-moz-keyframes focus {
100% { opacity: 1; }
0% { opacity: 0; -moz-transform: scale(3); }
}
@-o-keyframes focus {
100% { opacity: 1; }
0% { opacity: 0; -o-transform: scale(3); }
}
@-ms-keyframes focus {
100% { opacity: 1; }
0% { opacity: 0; -ms-transform: scale(3); }
}
@keyframes focus {
100% { opacity: 1; }
0% { opacity: 0; transform: scale(3); }
}
.sniper-spot-plt
{
position: absolute;
z-index: 4;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' x='0px' y='0px' viewBox='0 0 1 1' preserveAspectRatio='none'%3E %3Ccircle cx='50%25' cy='50%25' r='40%25' stroke='%23fe471a' stroke-width='20%25' fill='white' /%3E%3C/svg%3E ");
}
.sniper-spot-plt:hover
{
-webkit-animation: pulse 1.5s infinite;
-moz-animation: pulse 1.5s infinite;
-o-animation: pulse 1.5s infinite;
-ms-animation: pulse 1.5s infinite;
animation: pulse 1.5s infinite;
}
.bolden {
font-weight: bolder;
}
.pulsate
{
-webkit-animation: focus 1s;
-moz-animation: focus 1s;
-o-animation: focus 1s;
-ms-animation: focus 1s;
animation: focus 1s;
}
.sniper-spot-plt.active:hover, .sniper-spot-plt.active.pulsate {
-webkit-animation: none;
-moz-animation: none;
-o-animation: none;
-ms-animation: none;
animation: none;
}
.sniper-spot-plt:before,.sniper-spot-plt:after
{
}
.sniper-spot-plt:before
{
}
.sniper-spot-plt:after
{
}
.sniper-spot-plt.active:before,.sniper-spot-plt.active:after
{
}
.sniper-spot-plt.active
{
}
.onhover-spot
{
border: 2px solid transparent;
}
.onhover-spot.active
{
opacity: .7;
border: 2px solid red;
box-shadow: 0 0 10px #000;
}
.img-spot img,.markup-spot div:last-child
{
display: none;
vertical-align: bottom;
}
.tip-tooltip
{
display: block;
min-width: 300px;
min-height: 60px;
padding: 10px 20px 20px 20px;
color: #fff;
border-radius: 2px;
background-color: #000;
box-shadow: 0 12px 10px -4px rgba(0, 0, 0, 0.5);
border-style: solid;
border-width: 2px;
border-color: #fe471a;
z-index: 4;
opacity: 1.00;
}
.tip-tooltip h1
{
color: #fff;
}
.tip-tooltip h2
{
color: #fff;
}
.tip-tooltip h3
{
color: #fff;
}
.tip-tooltip h4
{
color: #fff;
}
.tip-tooltip h5
{
color: #fff;
}
/*.tip-tooltip:before
{
position: absolute;
z-index: 6;
width: 0;
height: 0;
content: '';
border: 8px solid;
}*/
/*.tip-tooltip.right:before
{
top: 10px;
right: 100%;
border-color: transparent #000 transparent transparent;
}
.tip-tooltip.left:before
{
top: 10px;
left: 100%;
border-color: transparent transparent transparent #000;
}
.tip-tooltip.top:before
{
top: 100%;
left: 12px;
border-color: #000 transparent transparent;
}
.tip-tooltip.bottom:before
{
bottom: 100%;
left: 12px;
border-color: transparent transparent #000;
}*/
.tip-tooltip.white
{
color: #000;
background-color: #fff;
}
.tip-tooltip.white h1
{
color: #000;
}
.tip-tooltip.white h2
{
color: #000;
}
.tip-tooltip.white h3
{
color: #000;
}
.tip-tooltip.white h4
{
color: #000;
}
.tip-tooltip.white h5
{
color: #000;
}
.bubble-tooltip
{
position: relative;
z-index: 6;
display: block;
min-width: 30px;
min-height: 20px;
padding: 10px 5px 8px;
opacity: .8;
color: #000;
border-radius: 10px;
background-color: #fff;
box-shadow: 0 0 10px #fff;
}
.bubble-tooltip:before
{
position: absolute;
bottom: -10px;
left: 9px;
width: 20px;
height: 16px;
content: '';
border: 1px solid #e2e2e2;
border-radius: 20px;
background-color: #fff;
}
.bubble-tooltip:after
{
position: absolute;
bottom: -17px;
left: 18px;
width: 11px;
height: 9px;
content: '';
border: 1px solid #e2e2e2;
border-radius: 20px;
background-color: #fff;
}
.aim-tooltip
{
position: absolute;
display: none;
padding: 6px;
color: #fff;
background-color: #000;
}
.aim-tooltip .tt-content
{
display: none;
}
.aim-tooltip.top
{
border-radius: 10px 10px 0 0;
}
.aim-tooltip.right
{
border-radius: 0 10px 10px 0;
}
.aim-tooltip.bottom
{
border-radius: 0 0 10px 10px;
}
.aim-tooltip.left
{
border-radius: 10px 0 0 10px;
}
.hs-aim-rect,.hs-aim-pillar
{
position: absolute;
z-index: 6;
display: none;
opacity: .75;
background-color: #000;
}
.hs-aim-pillar
{
z-index: 7;
opacity: .2;
background-color: #fff;
}
.hs-flatten
{
border-radius: 0!important;
}
.flip-container{
width:100%;
}
.flipper-front,.flipper-back{
width:100%;
transition:0.6s;
transform-style:preserve-3d;
}
.flipper-front,.flipper-back{
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
position:absolute;
top:0;
left:0;
}
.editing-flipper .flipper-front,.editing-flipper .flipper-back{
-webkit-backface-visibility:visible;
backface-visibility:visible;
position:relative;
top:0;
left:0;
}
.flipper-front{
transform:rotateY(0deg);
}
.flipper-back{
transform:rotateY(-180deg);
}
.editing-flipper .flipper-back{
transform:rotateY(0deg);
}
.flipper-fb {
min-height: 500px;
position:relative;
overflow: hidden;
}
.live .flipper-fb img{
max-height: 450px;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
top: auto;
}
@media screen and (max-width: 450px) {
.flipper-fb {
min-height: 350px;
position:relative;
overflow: hidden;
}
.flipper-fb img{
max-height: 300px;
}
}
.flipper-fb.flip .flipper-front{
z-index:1;
transform:rotateY(180deg);
}
.flipper-fb.flip .flipper-back{
z-index:2;
transform:rotateY(0deg);
display:block;
}
/*
* Copyright 2015 Adobe Systems Incorporated
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/* Column Control component */
@media (min-width: 600px) {
.parsys_column {
margin: 0;
}
.cq-colctrl-lt0-c0,
.cq-colctrl-lt0-c1 {
float: left;
width: 48%;
}
.cq-colctrl-lt0-c0 {
margin-right: 2%;
}
.cq-colctrl-lt0-c1 {
margin-left: 2%;
}
}
#category-nav .dropdown-pane {padding:15px; border:1px solid #eee;}
.row.list .column { width: 100% !important; }
.product-image { height: 350px; background-color: transparent; padding: 0; position:relative;}
.theme-gaming .product-image { background-color: transparent;}
.list .product-image { height: auto; background-color:transparent;}
.list .product-image img { max-height: 160px; position:static;}
.product-image img {
display:block;
margin:0 auto;
max-height: 100%;
position: absolute;
top: auto;
left: 0;
right: 0;
bottom: 0;
background-color:transparent;
}
.product-image-wtb img {
display:block;
margin:0 auto;
position:relative;
max-height: 160px;
float: left;
top: auto;
left: 0;
right: 0;
bottom: 0;
background-color:transparent;
}
.product-text { margin-top: 15px;}
.product-text * { margin-bottom: 0; }
a .product-text { color:#000; }
.theme-gaming a .product-text,
.theme-gaming .bv-cv2-cleanslate div[class*="bv-core-container-"],
.theme-gaming .bv-cv2-cleanslate div[class*="bv-core-container-"] .bv-summary-bar .bv-rating.bv-text-link,
.theme-gaming .bv-cv2-cleanslate div[class*="bv-core-container-"] .bv-summary-bar .bv-rating-ratio-count,
.theme-gaming .bv-cv2-cleanslate div[class*="bv-core-container-"] .bv-summary-bar-minimalist .bv-write-container .bv-submission-button,
.theme-gaming .bv-cv2-cleanslate div[class*="bv-core-container-"] .bv-summary-bar-minimalist .bv-read-container .bv-submission-button,
.theme-gaming .bv-cv2-cleanslate div[class*="bv-core-container-"] .bv-summary-bar-minimalist .bv-write-container .bv-read-reviews-button,
.theme-gaming .bv-cv2-cleanslate div[class*="bv-core-container-"] .bv-summary-bar-minimalist .bv-read-container .bv-read-reviews-button
{ color: #fff !important; }
.list .product-image { width: 30%; display: inline-block; float: left;}
.list .product-text {
width: 68%;
display: inline-block;
float: right;
text-align: left !important;
}
.quickview {
position: absolute;
top: 150px;
left: -999em;
display: block;
margin: 10px auto;
}
.list .quickview {}
.column-block:hover .quickview { left: 0; right: 0;}
.list .column-block:hover .quickview { left: 50px; right: auto;}
/* .medium-desc-text { display: none; } */
.list .medium-desc-text { display: inherit; }
ul.detail-list li.image { height:120px;}
/* Small only */
@media screen and (max-width: 39.9375em) {}
/* Medium and up */
@media screen and (min-width: 40em) {
.list .product-image {
width: 20%;
}
.list .product-text {
width: 78%;
}
.column-block.series-item {
margin-bottom: 3.625rem;
}
}
/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}
/* Large and up */
@media screen and (min-width: 64em) {}
/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}
.carousel .slick-slider{
/** comment margin-bottom style, as it will have extra white space in the bottom for carousel.
margin-bottom: 35px;
*/
}
/* Styles go here */
.hide {display:none;}
.responsive-embed.widescreen.video { position: relative; margin-bottom:0;}
.bg-video-container {
background:black;
margin:-120px auto;
overflow:hidden;
}
.loading .player {opacity:0;}
.paused .player {opacity:.3;}
.player {opacity:.7;}
.loading .sham-spinner {opacity:1;}
.sham-spinner {opacity:0;}
.loading .player-controls {opacity:0;}
.player-controls {opacity:1;}
button.volumeButton {display: none;}
.bg-video-container * {
-webkit-transition:opacity 1s ease-in-out .1s;
-moz-transition:opacity 1s ease-in-out .1s;
-o-transition: opacity 1s ease-in-out .1s;
transition: opacity 1s ease-in-out .1s;
}
.player-controls button.clear, .player-controls button.clear:hover {background:transparent;}
.player-controls {
display:inline-block;
position: absolute;
right: 10px;
left:auto;
top: 10px;
bottom:auto;
}
.spa .billboard .hero .hero-media .bgvideo .bg-video-container .player-controls {
display: inline-block !important;
}
.bgvideo iframe {
pointer-events: none;
}
.player-controls .button {
-webkit-transition: opacity ease-out 1s;
-moz-transition: opacity ease-out 1s;
-o-transition: opacity ease-out 1s;
transition: opacity ease-out 1s;
}
.billboard:hover .player-controls .button {
opacity: .7;
}
.player-controls .button {
opacity: .2;
}
.player-controls .button.large { font-size: 2rem;}
.button.white {
color: #eee;
}
.button.white:hover, .button.white:focus {
color: #fff;
}
.fi-play-circle {
font-size: 4em;
}
.audio-player .audio-bar {
background: #CCC;
padding: 20px 30px
}
.audio-player {
background: #f2f2f2;
}
.audio-player .audio-content {
padding: 20px;
}
.audio-player .grey-accent {
background: #5f6a72;
height: 14px;
}
.audio-player #audioControls {
width: 100%;
height: 60px
}
.audio-player .audio-player-play {
background: url("clientlib-all/img/play.png") !important;
background: red;
}
.audio-player .audio-player-pause {
background: url("clientlib-all/img/pause.png") !important;
background:blue;
}
.audio-player #playButton {
height: 60px;
width: 60px;
border: none;
background-repeat: no-repeat;
background-position: center;
float: left;
outline: none;
cursor: pointer
}
.audio-player #timeline {
position: relative;
width: calc(100% - 60px);
height: 4px;
margin-top: 28px;
float: left;
background: #FFF
}
.audio-player #timelinePlayed {
position: absolute;
width: 0;
height: 4px;
background: #EF4D26
}
.audio-player #playHead {
width: 14px;
height: 14px;
border-radius: 50%;
margin-top: -5px;
background: #EF4D26;
opacity: 0;
transition: opacity 0.25s ease;
cursor: pointer
}
.audio-player #playHead.active {
opacity: 1
}
.audio-player [type="radio"]:checked,
.audio-player [type="radio"]:not(:checked) {
position: absolute;
left: -9999px
}
.audio-player [type="radio"]:checked+label,
.audio-player [type="radio"]:not(:checked)+label {
position: relative;
padding-left: 35px;
cursor: pointer;
margin: 0 15px 15px 0
}
.audio-player [type="radio"]:checked+label:last-child,
.audio-player [type="radio"]:not(:checked)+label:last-child {
margin-bottom: 0
}
.audio-player [type="radio"]:not(:checked)+label:before {
content: '';
position: absolute;
left: 0;
top: 2px;
width: 25px;
height: 25px;
border-radius: 50%;
border: 1px solid #ef4d26;
background: #fff
}
.audio-player [type="radio"]:checked+label:before {
content: '';
position: absolute;
left: 0;
top: 2px;
width: 25px;
height: 25px;
border-radius: 50%;
border: 1px solid #ef4d26;
background: #fff
}
.audio-player [type="radio"]:checked+label:after,
.audio-player [type="radio"]:not(:checked)+label:after {
content: '';
position: absolute;
width: 13px;
height: 13px;
top: 8px;
left: 6px;
font-size: 18px;
line-height: 0.8;
color: #FFF;
border-radius: 50%;
border: 1px solid #ef4d26;
background: #ef4d26;
transition: all 0.2s
}
.audio-player [type="radio"]:not(:checked)+label:after {
opacity: 0;
-ms-transform: scale(0);
transform: scale(0)
}
.audio-player [type="radio"]:checked+label:after {
opacity: 1;
-ms-transform: scale(1);
transform: scale(1)
}
.audio-player [type="radio"]:disabled:checked+label:before,
.audio-player [type="radio"]:disabled:not(:checked)+label:before {
box-shadow: none;
border-color: #bbb;
background-color: #ddd
}
.audio-player [type="radio"]:disabled:checked+label:after {
color: #999
}
.audio-player [type="radio"]:disabled+label {
color: #aaa
}
.audio-player [type="radio"]:checked:focus+label:before,
.audio-player [type="radio"]:not(:checked):focus+label:before {
border: 1px solid #ef4d26
}
.audio-player [type="radio"]+label:hover:before {
border: 1px solid #ef4d26 !important
}
h2 {
line-height: 1.5em;
}
h4.slide-subhead {
padding-top: 10px;
color:#fff;
}
h2.slide-subhead {
color:#82B8FA;
}
.contentModuleBlock {
margin: 0 0 20px 0;
padding: 0 0 20px 0;
}
.contentModuleBlock.bottom {
clear: both;
margin: 0;
padding: 0;
border-bottom: none;
}
.contentModuleBlock.formBlock {
margin: 0 0 20px 0;
padding: 0;
border-bottom: none;
}
.connectLogo img {
display:block;
text-align: center;
margin: 0 auto 0 auto;
padding: 10px;
}
ul.partnersNav {
list-style-type: none;
margin-left: 1px;
}
ul.partnersSubNav {
list-style-type: none;
margin-left: 1px;
}
ul.left-column-list {
width:160px;
float:left;
}
ul.right-column-list {
width:200px;
float:left;
clear:right;
}
#FORMPROTECT {
display: none;
}
em.required, em.fieldRequired {
color: red;
font-size: 0.75rem;
}
em.required:before, em.fieldRequired:before {
content: "* ";
}
/* DEALER CONNECT */
.msgErrors, div.alert-box.msgErrors {
display: none;
}
.alert-box.error label.error {
color: red;
}
/*
-------------------------------------------
accordion
-------------------------------------------
*/
ul.accordion, dl.accordion {
margin: 0 0 1rem 0;
}
.accordion .accordion-navigation, .accordion dd {
border-top: 1px solid #ddd;
}
.accordion .accordion-navigation > a, .accordion dd > a {
background: #f7f7f7;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}
.accordion .accordion-navigation.active, .accordion dd.active {
border-top: 3px solid #F04C24
}
.accordion .accordion-navigation.active > a, .accordion dd.active > a {
background: #fff;
}
ul.accordion>li.active > .content {
-moz-box-shadow: inset 0 7px 7px -7px #333;
-webkit-box-shadow: inset 0 7px 7px -7px #333;
box-shadow: inset 0 7px 7px -7px #333;
}
/* maybe this should be applied at the page level?
.accordion-navigation > a:after {
content: "+";
padding-left: 5px;
float: right;
}
.accordion-navigation.active > a:after { content: "-";}
*/
fieldset {
border: 1px solid #DDDDDD;
padding: 1.25rem;
margin: 1.125rem 0;
}
fieldset legend {
font-weight: bold;
background: #FFFFFF;
padding: 0 0.1875rem;
margin: 0;
margin-left: -0.1875rem;
}
/*
* Copyright 2017 Adobe Systems Incorporated
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/** @define image */
.cmp-image__image {
width: 100%;
}
/*
* Copyright 2017 Adobe Systems Incorporated
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/** @define breadcrumb */
.cmp-breadcrumb {
display: inline-block;
list-style: none;
padding: 0;
}
.cmp-breadcrumb__item {
display: inline-block;
vertical-align: top;
}
@charset "UTF-8";
/**
* Foundation for Sites by ZURB
* Version 6.3.0
* foundation.zurb.com
* Licensed under MIT Open Source
*/
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document
========================================================================== */
/**
* 1. Change the default font family in all browsers (opinionated).
* 2. Correct the line height in all browsers.
* 3. Prevent adjustments of font size after orientation changes in
* IE on Windows Phone and in iOS.
*/
html {
font-family: sans-serif;
/* 1 */
line-height: 1.15;
/* 2 */
-ms-text-size-adjust: 100%;
/* 3 */
-webkit-text-size-adjust: 100%;
/* 3 */ }
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0; }
/**
* Add the correct display in IE 9-.
*/
article,
aside,
footer,
header,
nav,
section {
display: block; }
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0; }
/* Grouping content
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
figcaption,
figure {
display: block; }
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px; }
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */ }
/**
* Add the correct display in IE.
*/
main {
display: block; }
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */ }
/* Links
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent;
/* 1 */
-webkit-text-decoration-skip: objects;
/* 2 */ }
/**
* Remove the outline on focused links when they are also active or hovered
* in all browsers (opinionated).
*/
a:active,
a:hover {
outline-width: 0; }
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the bottom border in Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
text-decoration: underline dotted;
/* 2 */ }
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit; }
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder; }
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */ }
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic; }
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000; }
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%; }
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }
/* Embedded content
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
audio,
video {
display: inline-block; }
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0; }
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none; }
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden; }
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */ }
/**
* Show the overflow in IE.
*/
button {
overflow: visible; }
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none; }
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
/* 2 */ }
button,
[type="button"],
[type="reset"],
[type="submit"] {
/**
* Remove the inner border and padding in Firefox.
*/
/**
* Restore the focus styles unset by the previous rule.
*/ }
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; }
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; }
/**
* Show the overflow in Edge.
*/
input {
overflow: visible; }
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */ }
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; }
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/ }
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */ }
/**
* Change the border, margin, and padding in all browsers (opinionated).
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
/* 1 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
color: inherit;
/* 2 */
white-space: normal;
/* 1 */ }
/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */ }
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto; }
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE, and Firefox.
*/
details {
display: block; }
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item; }
/*
* Add the correct display in IE 9-.
*/
menu {
display: block; }
/* Scripting
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
canvas {
display: inline-block; }
/**
* Add the correct display in IE.
*/
template {
display: none; }
/* Hidden
========================================================================== */
/**
* Add the correct display in IE 10-.
*/
[hidden] {
display: none; }
.foundation-mq {
font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; }
html {
box-sizing: border-box;
font-size: 100%; }
*,
*::before,
*::after {
box-sizing: inherit; }
body {
margin: 0;
padding: 0;
background: #fefefe;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-weight: normal;
line-height: 1.5;
color: #0a0a0a;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
height: auto;
-ms-interpolation-mode: bicubic; }
textarea {
height: auto;
min-height: 50px;
border-radius: 0; }
select {
width: 100%;
border-radius: 0; }
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
max-width: none !important; }
button {
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
border-radius: 0;
background: transparent;
line-height: 1; }
[data-whatinput='mouse'] button {
outline: 0; }
.is-visible {
display: block !important; }
.is-hidden {
display: none !important; }
.row {
max-width: 75rem;
margin-right: auto;
margin-left: auto; }
.row::before, .row::after {
display: table;
content: ' '; }
.row::after {
clear: both; }
.row.collapse > .column, .row.collapse > .columns {
padding-right: 0;
padding-left: 0; }
.row .row {
margin-right: -0.625rem;
margin-left: -0.625rem; }
@media print, screen and (min-width: 40em) {
.row .row {
margin-right: -0.9375rem;
margin-left: -0.9375rem; } }
@media print, screen and (min-width: 64em) {
.row .row {
margin-right: -0.9375rem;
margin-left: -0.9375rem; } }
.row .row.collapse {
margin-right: 0;
margin-left: 0; }
.row.expanded {
max-width: none; }
.row.expanded .row {
margin-right: auto;
margin-left: auto; }
.row.gutter-small > .column, .row.gutter-small > .columns {
padding-right: 0.625rem;
padding-left: 0.625rem; }
.row.gutter-medium > .column, .row.gutter-medium > .columns {
padding-right: 0.9375rem;
padding-left: 0.9375rem; }
.column, .columns {
width: 100%;
float: left;
padding-right: 0.625rem;
padding-left: 0.625rem; }
@media print, screen and (min-width: 40em) {
.column, .columns {
padding-right: 0.9375rem;
padding-left: 0.9375rem; } }
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
float: right; }
.column.end:last-child:last-child, .end.columns:last-child:last-child {
float: left; }
.column.row.row, .row.row.columns {
float: none; }
.row .column.row.row, .row .row.row.columns {
margin-right: 0;
margin-left: 0;
padding-right: 0;
padding-left: 0; }
.small-1 {
width: 8.33333%; }
.small-push-1 {
position: relative;
left: 8.33333%; }
.small-pull-1 {
position: relative;
left: -8.33333%; }
.small-offset-0 {
margin-left: 0%; }
.small-2 {
width: 16.66667%; }
.small-push-2 {
position: relative;
left: 16.66667%; }
.small-pull-2 {
position: relative;
left: -16.66667%; }
.small-offset-1 {
margin-left: 8.33333%; }
.small-3 {
width: 25%; }
.small-push-3 {
position: relative;
left: 25%; }
.small-pull-3 {
position: relative;
left: -25%; }
.small-offset-2 {
margin-left: 16.66667%; }
.small-4 {
width: 33.33333%; }
.small-push-4 {
position: relative;
left: 33.33333%; }
.small-pull-4 {
position: relative;
left: -33.33333%; }
.small-offset-3 {
margin-left: 25%; }
.small-5 {
width: 41.66667%; }
.small-push-5 {
position: relative;
left: 41.66667%; }
.small-pull-5 {
position: relative;
left: -41.66667%; }
.small-offset-4 {
margin-left: 33.33333%; }
.small-6 {
width: 50%; }
.small-push-6 {
position: relative;
left: 50%; }
.small-pull-6 {
position: relative;
left: -50%; }
.small-offset-5 {
margin-left: 41.66667%; }
.small-7 {
width: 58.33333%; }
.small-push-7 {
position: relative;
left: 58.33333%; }
.small-pull-7 {
position: relative;
left: -58.33333%; }
.small-offset-6 {
margin-left: 50%; }
.small-8 {
width: 66.66667%; }
.small-push-8 {
position: relative;
left: 66.66667%; }
.small-pull-8 {
position: relative;
left: -66.66667%; }
.small-offset-7 {
margin-left: 58.33333%; }
.small-9 {
width: 75%; }
.small-push-9 {
position: relative;
left: 75%; }
.small-pull-9 {
position: relative;
left: -75%; }
.small-offset-8 {
margin-left: 66.66667%; }
.small-10 {
width: 83.33333%; }
.small-push-10 {
position: relative;
left: 83.33333%; }
.small-pull-10 {
position: relative;
left: -83.33333%; }
.small-offset-9 {
margin-left: 75%; }
.small-11 {
width: 91.66667%; }
.small-push-11 {
position: relative;
left: 91.66667%; }
.small-pull-11 {
position: relative;
left: -91.66667%; }
.small-offset-10 {
margin-left: 83.33333%; }
.small-12 {
width: 100%; }
.small-offset-11 {
margin-left: 91.66667%; }
.small-up-1 > .column, .small-up-1 > .columns {
float: left;
width: 100%; }
.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
clear: both; }
.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
float: left; }
.small-up-2 > .column, .small-up-2 > .columns {
float: left;
width: 50%; }
.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
clear: both; }
.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
float: left; }
.small-up-3 > .column, .small-up-3 > .columns {
float: left;
width: 33.33333%; }
.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
clear: both; }
.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
float: left; }
.small-up-4 > .column, .small-up-4 > .columns {
float: left;
width: 25%; }
.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
clear: both; }
.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
float: left; }
.small-up-5 > .column, .small-up-5 > .columns {
float: left;
width: 20%; }
.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
clear: both; }
.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
float: left; }
.small-up-6 > .column, .small-up-6 > .columns {
float: left;
width: 16.66667%; }
.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
clear: both; }
.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
float: left; }
.small-up-7 > .column, .small-up-7 > .columns {
float: left;
width: 14.28571%; }
.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
clear: both; }
.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
float: left; }
.small-up-8 > .column, .small-up-8 > .columns {
float: left;
width: 12.5%; }
.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
clear: none; }
.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
clear: both; }
.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
float: left; }
.small-collapse > .column, .small-collapse > .columns {
padding-right: 0;
padding-left: 0; }
.small-collapse .row {
margin-right: 0;
margin-left: 0; }
.expanded.row .small-collapse.row {
margin-right: 0;
margin-left: 0; }
.small-uncollapse > .column, .small-uncollapse > .columns {
padding-right: 0.625rem;
padding-left: 0.625rem; }
.small-centered {
margin-right: auto;
margin-left: auto; }
.small-centered, .small-centered:last-child:not(:first-child) {
float: none;
clear: both; }
.small-uncentered,
.small-push-0,
.small-pull-0 {
position: static;
float: left;
margin-right: 0;
margin-left: 0; }
@media print, screen and (min-width: 40em) {
.medium-1 {
width: 8.33333%; }
.medium-push-1 {
position: relative;
left: 8.33333%; }
.medium-pull-1 {
position: relative;
left: -8.33333%; }
.medium-offset-0 {
margin-left: 0%; }
.medium-2 {
width: 16.66667%; }
.medium-push-2 {
position: relative;
left: 16.66667%; }
.medium-pull-2 {
position: relative;
left: -16.66667%; }
.medium-offset-1 {
margin-left: 8.33333%; }
.medium-3 {
width: 25%; }
.medium-push-3 {
position: relative;
left: 25%; }
.medium-pull-3 {
position: relative;
left: -25%; }
.medium-offset-2 {
margin-left: 16.66667%; }
.medium-4 {
width: 33.33333%; }
.medium-push-4 {
position: relative;
left: 33.33333%; }
.medium-pull-4 {
position: relative;
left: -33.33333%; }
.medium-offset-3 {
margin-left: 25%; }
.medium-5 {
width: 41.66667%; }
.medium-push-5 {
position: relative;
left: 41.66667%; }
.medium-pull-5 {
position: relative;
left: -41.66667%; }
.medium-offset-4 {
margin-left: 33.33333%; }
.medium-6 {
width: 50%; }
.medium-push-6 {
position: relative;
left: 50%; }
.medium-pull-6 {
position: relative;
left: -50%; }
.medium-offset-5 {
margin-left: 41.66667%; }
.medium-7 {
width: 58.33333%; }
.medium-push-7 {
position: relative;
left: 58.33333%; }
.medium-pull-7 {
position: relative;
left: -58.33333%; }
.medium-offset-6 {
margin-left: 50%; }
.medium-8 {
width: 66.66667%; }
.medium-push-8 {
position: relative;
left: 66.66667%; }
.medium-pull-8 {
position: relative;
left: -66.66667%; }
.medium-offset-7 {
margin-left: 58.33333%; }
.medium-9 {
width: 75%; }
.medium-push-9 {
position: relative;
left: 75%; }
.medium-pull-9 {
position: relative;
left: -75%; }
.medium-offset-8 {
margin-left: 66.66667%; }
.medium-10 {
width: 83.33333%; }
.medium-push-10 {
position: relative;
left: 83.33333%; }
.medium-pull-10 {
position: relative;
left: -83.33333%; }
.medium-offset-9 {
margin-left: 75%; }
.medium-11 {
width: 91.66667%; }
.medium-push-11 {
position: relative;
left: 91.66667%; }
.medium-pull-11 {
position: relative;
left: -91.66667%; }
.medium-offset-10 {
margin-left: 83.33333%; }
.medium-12 {
width: 100%; }
.medium-offset-11 {
margin-left: 91.66667%; }
.medium-up-1 > .column, .medium-up-1 > .columns {
float: left;
width: 100%; }
.medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
clear: both; }
.medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
float: left; }
.medium-up-2 > .column, .medium-up-2 > .columns {
float: left;
width: 50%; }
.medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
clear: both; }
.medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
float: left; }
.medium-up-3 > .column, .medium-up-3 > .columns {
float: left;
width: 33.33333%; }
.medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
clear: both; }
.medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
float: left; }
.medium-up-4 > .column, .medium-up-4 > .columns {
float: left;
width: 25%; }
.medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
clear: both; }
.medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
float: left; }
.medium-up-5 > .column, .medium-up-5 > .columns {
float: left;
width: 20%; }
.medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
clear: both; }
.medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
float: left; }
.medium-up-6 > .column, .medium-up-6 > .columns {
float: left;
width: 16.66667%; }
.medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
clear: both; }
.medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
float: left; }
.medium-up-7 > .column, .medium-up-7 > .columns {
float: left;
width: 14.28571%; }
.medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
clear: both; }
.medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
float: left; }
.medium-up-8 > .column, .medium-up-8 > .columns {
float: left;
width: 12.5%; }
.medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
clear: none; }
.medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
clear: both; }
.medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
float: left; }
.medium-collapse > .column, .medium-collapse > .columns {
padding-right: 0;
padding-left: 0; }
.medium-collapse .row {
margin-right: 0;
margin-left: 0; }
.expanded.row .medium-collapse.row {
margin-right: 0;
margin-left: 0; }
.medium-uncollapse > .column, .medium-uncollapse > .columns {
padding-right: 0.9375rem;
padding-left: 0.9375rem; }
.medium-centered {
margin-right: auto;
margin-left: auto; }
.medium-centered, .medium-centered:last-child:not(:first-child) {
float: none;
clear: both; }
.medium-uncentered,
.medium-push-0,
.medium-pull-0 {
position: static;
float: left;
margin-right: 0;
margin-left: 0; } }
@media print, screen and (min-width: 64em) {
.large-1 {
width: 8.33333%; }
.large-push-1 {
position: relative;
left: 8.33333%; }
.large-pull-1 {
position: relative;
left: -8.33333%; }
.large-offset-0 {
margin-left: 0%; }
.large-2 {
width: 16.66667%; }
.large-push-2 {
position: relative;
left: 16.66667%; }
.large-pull-2 {
position: relative;
left: -16.66667%; }
.large-offset-1 {
margin-left: 8.33333%; }
.large-3 {
width: 25%; }
.large-push-3 {
position: relative;
left: 25%; }
.large-pull-3 {
position: relative;
left: -25%; }
.large-offset-2 {
margin-left: 16.66667%; }
.large-4 {
width: 33.33333%; }
.large-push-4 {
position: relative;
left: 33.33333%; }
.large-pull-4 {
position: relative;
left: -33.33333%; }
.large-offset-3 {
margin-left: 25%; }
.large-5 {
width: 41.66667%; }
.large-push-5 {
position: relative;
left: 41.66667%; }
.large-pull-5 {
position: relative;
left: -41.66667%; }
.large-offset-4 {
margin-left: 33.33333%; }
.large-6 {
width: 50%; }
.large-push-6 {
position: relative;
left: 50%; }
.large-pull-6 {
position: relative;
left: -50%; }
.large-offset-5 {
margin-left: 41.66667%; }
.large-7 {
width: 58.33333%; }
.large-push-7 {
position: relative;
left: 58.33333%; }
.large-pull-7 {
position: relative;
left: -58.33333%; }
.large-offset-6 {
margin-left: 50%; }
.large-8 {
width: 66.66667%; }
.large-push-8 {
position: relative;
left: 66.66667%; }
.large-pull-8 {
position: relative;
left: -66.66667%; }
.large-offset-7 {
margin-left: 58.33333%; }
.large-9 {
width: 75%; }
.large-push-9 {
position: relative;
left: 75%; }
.large-pull-9 {
position: relative;
left: -75%; }
.large-offset-8 {
margin-left: 66.66667%; }
.large-10 {
width: 83.33333%; }
.large-push-10 {
position: relative;
left: 83.33333%; }
.large-pull-10 {
position: relative;
left: -83.33333%; }
.large-offset-9 {
margin-left: 75%; }
.large-11 {
width: 91.66667%; }
.large-push-11 {
position: relative;
left: 91.66667%; }
.large-pull-11 {
position: relative;
left: -91.66667%; }
.large-offset-10 {
margin-left: 83.33333%; }
.large-12 {
width: 100%; }
.large-offset-11 {
margin-left: 91.66667%; }
.large-up-1 > .column, .large-up-1 > .columns {
float: left;
width: 100%; }
.large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
clear: both; }
.large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
float: left; }
.large-up-2 > .column, .large-up-2 > .columns {
float: left;
width: 50%; }
.large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
clear: both; }
.large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
float: left; }
.large-up-3 > .column, .large-up-3 > .columns {
float: left;
width: 33.33333%; }
.large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
clear: both; }
.large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
float: left; }
.large-up-4 > .column, .large-up-4 > .columns {
float: left;
width: 25%; }
.large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
clear: both; }
.large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
float: left; }
.large-up-5 > .column, .large-up-5 > .columns {
float: left;
width: 20%; }
.large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
clear: both; }
.large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
float: left; }
.large-up-6 > .column, .large-up-6 > .columns {
float: left;
width: 16.66667%; }
.large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
clear: both; }
.large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
float: left; }
.large-up-7 > .column, .large-up-7 > .columns {
float: left;
width: 14.28571%; }
.large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
clear: both; }
.large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
float: left; }
.large-up-8 > .column, .large-up-8 > .columns {
float: left;
width: 12.5%; }
.large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
clear: none; }
.large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
clear: both; }
.large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
float: left; }
.large-collapse > .column, .large-collapse > .columns {
padding-right: 0;
padding-left: 0; }
.large-collapse .row {
margin-right: 0;
margin-left: 0; }
.expanded.row .large-collapse.row {
margin-right: 0;
margin-left: 0; }
.large-uncollapse > .column, .large-uncollapse > .columns {
padding-right: 0.9375rem;
padding-left: 0.9375rem; }
.large-centered {
margin-right: auto;
margin-left: auto; }
.large-centered, .large-centered:last-child:not(:first-child) {
float: none;
clear: both; }
.large-uncentered,
.large-push-0,
.large-pull-0 {
position: static;
float: left;
margin-right: 0;
margin-left: 0; } }
.column-block {
margin-bottom: 1.25rem; }
.column-block > :last-child {
margin-bottom: 0; }
@media print, screen and (min-width: 40em) {
.column-block {
margin-bottom: 1.875rem; }
.column-block > :last-child {
margin-bottom: 0; } }
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
margin: 0;
padding: 0; }
p {
margin-bottom: 1rem;
font-size: inherit;
line-height: 1.6;
text-rendering: optimizeLegibility; }
em,
i {
font-style: italic;
line-height: inherit; }
strong,
b {
font-weight: bold;
line-height: inherit; }
small {
font-size: 80%;
line-height: inherit; }
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-style: normal;
font-weight: normal;
color: inherit;
text-rendering: optimizeLegibility; }
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
line-height: 0;
color: #cacaca; }
h1 {
font-size: 1.5rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem; }
h2 {
font-size: 1.25rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem; }
h3 {
font-size: 1.1875rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem; }
h4 {
font-size: 1.125rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem; }
h5 {
font-size: 1.0625rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem; }
h6 {
font-size: 1rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem; }
@media print, screen and (min-width: 40em) {
h1 {
font-size: 3rem; }
h2 {
font-size: 2.5rem; }
h3 {
font-size: 1.9375rem; }
h4 {
font-size: 1.5625rem; }
h5 {
font-size: 1.25rem; }
h6 {
font-size: 1rem; } }
a {
line-height: inherit;
color: #EB3300;
text-decoration: none;
cursor: pointer; }
a:hover, a:focus {
color: #C53100; }
a img {
border: 0; }
hr {
clear: both;
max-width: 75rem;
height: 0;
margin: 1.25rem auto;
border-top: 0;
border-right: 0;
border-bottom: 1px solid #cacaca;
border-left: 0; }
ul,
ol,
dl {
margin-bottom: 1rem;
list-style-position: outside;
line-height: 1.6; }
li {
font-size: inherit; }
ul {
margin-left: 1.25rem;
list-style-type: disc; }
ol {
margin-left: 1.25rem; }
ul ul, ol ul, ul ol, ol ol {
margin-left: 1.25rem;
margin-bottom: 0; }
dl {
margin-bottom: 1rem; }
dl dt {
margin-bottom: 0.3rem;
font-weight: bold; }
blockquote {
margin: 0 0 1rem;
padding: 0.5625rem 1.25rem 0 1.1875rem;
border-left: 1px solid #cacaca; }
blockquote, blockquote p {
line-height: 1.6;
color: #8a8a8a; }
cite {
display: block;
font-size: 0.8125rem;
color: #8a8a8a; }
cite:before {
content: "— "; }
abbr {
border-bottom: 1px dotted #0a0a0a;
color: #0a0a0a;
cursor: help; }
figure {
margin: 0; }
code {
padding: 0.125rem 0.3125rem 0.0625rem;
border: 1px solid #cacaca;
background-color: #e6e6e6;
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: normal;
color: #0a0a0a; }
kbd {
margin: 0;
padding: 0.125rem 0.25rem 0;
background-color: #e6e6e6;
font-family: Consolas, "Liberation Mono", Courier, monospace;
color: #0a0a0a; }
.subheader {
margin-top: 0.2rem;
margin-bottom: 0.5rem;
font-weight: normal;
line-height: 1.4;
color: #8a8a8a; }
.lead {
font-size: 125%;
line-height: 1.6; }
.stat {
font-size: 2.5rem;
line-height: 1; }
p + .stat {
margin-top: -1rem; }
.no-bullet {
margin-left: 0;
list-style: none; }
.text-left {
text-align: left; }
.text-right {
text-align: right; }
.text-center {
text-align: center; }
.text-justify {
text-align: justify; }
@media print, screen and (min-width: 40em) {
.medium-text-left {
text-align: left; }
.medium-text-right {
text-align: right; }
.medium-text-center {
text-align: center; }
.medium-text-justify {
text-align: justify; } }
@media print, screen and (min-width: 64em) {
.large-text-left {
text-align: left; }
.large-text-right {
text-align: right; }
.large-text-center {
text-align: center; }
.large-text-justify {
text-align: justify; } }
.show-for-print {
display: none !important; }
@media print {
* {
background: transparent !important;
box-shadow: none !important;
color: black !important;
text-shadow: none !important; }
.show-for-print {
display: block !important; }
.hide-for-print {
display: none !important; }
table.show-for-print {
display: table !important; }
thead.show-for-print {
display: table-header-group !important; }
tbody.show-for-print {
display: table-row-group !important; }
tr.show-for-print {
display: table-row !important; }
td.show-for-print {
display: table-cell !important; }
th.show-for-print {
display: table-cell !important; }
a,
a:visited {
text-decoration: underline; }
a[href]:after {
content: " (" attr(href) ")"; }
.ir a:after,
a[href^='javascript:']:after,
a[href^='#']:after {
content: ''; }
abbr[title]:after {
content: " (" attr(title) ")"; }
pre,
blockquote {
border: 1px solid #8a8a8a;
page-break-inside: avoid; }
thead {
display: table-header-group; }
tr,
img {
page-break-inside: avoid; }
img {
max-width: 100% !important; }
@page {
margin: 0.5cm; }
p,
h2,
h3 {
orphans: 3;
widows: 3; }
h2,
h3 {
page-break-after: avoid; } }
.button {
display: inline-block;
vertical-align: middle;
margin: 0 0 1rem 0;
padding: 0.85em 1em;
-webkit-appearance: none;
border: 1px solid transparent;
border-radius: 0;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
font-size: 0.9rem;
line-height: 1;
text-align: center;
cursor: pointer;
background-color: #EB3300;
text-transform: uppercase;
color: #fff; }
[data-whatinput='mouse'] .button {
outline: 0; }
.button:hover, .button:focus {
background-color: #C22F07;
color: #FFF; }
.button.tiny {
font-size: 0.6rem; }
.button.small {
font-size: 0.75rem; }
.button.large {
font-size: 1.25rem; }
.button.expanded {
display: block;
width: 100%;
margin-right: 0;
margin-left: 0; }
.button.primary {
background-color: #EB3300;
color: #fefefe; }
.button.primary:hover, .button.primary:focus {
background-color: #126195;
color: #fefefe; }
.button.secondary {
background-color: #fff;
border: 1px solid #000;
color: #000;
text-transform: uppercase; }
.button.secondary:hover, .button.secondary:focus {
background-color: #000;
color: #FFF; }
.button.success {
background-color: #3adb76;
color: #0a0a0a; }
.button.success:hover, .button.success:focus {
background-color: #22bb5b;
color: #0a0a0a; }
.button.warning {
background-color: #ffae00;
color: #0a0a0a; }
.button.warning:hover, .button.warning:focus {
background-color: #cc8b00;
color: #0a0a0a; }
.button.alert {
background-color: #cc4b37;
color: #fefefe; }
.button.alert:hover, .button.alert:focus {
background-color: #a53b2a;
color: #fefefe; }
.button.hollow {
border: 1px solid #EB3300;
color: #EB3300; }
.button.hollow, .button.hollow:hover, .button.hollow:focus {
background-color: transparent; }
.button.hollow:hover, .button.hollow:focus {
border-color: #0c3d5d;
color: #0c3d5d; }
.button.hollow.primary {
border: 1px solid #EB3300;
color: #EB3300; }
.button.hollow.primary:hover, .button.hollow.primary:focus {
border-color: #0c3d5d;
color: #0c3d5d; }
.button.hollow.secondary {
border: 1px solid #767676;
color: #767676; }
.button.hollow.secondary:hover, .button.hollow.secondary:focus {
border-color: #3b3b3b;
color: #3b3b3b; }
.button.hollow.success {
border: 1px solid #3adb76;
color: #3adb76; }
.button.hollow.success:hover, .button.hollow.success:focus {
border-color: #157539;
color: #157539; }
.button.hollow.warning {
border: 1px solid #ffae00;
color: #ffae00; }
.button.hollow.warning:hover, .button.hollow.warning:focus {
border-color: #805700;
color: #805700; }
.button.hollow.alert {
border: 1px solid #cc4b37;
color: #cc4b37; }
.button.hollow.alert:hover, .button.hollow.alert:focus {
border-color: #67251a;
color: #67251a; }
.button.disabled, .button[disabled] {
opacity: 0.25;
cursor: not-allowed; }
.button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
background-color: #EB3300;
color: #fefefe; }
.button.disabled.primary, .button[disabled].primary {
opacity: 0.25;
cursor: not-allowed; }
.button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary:hover, .button[disabled].primary:focus {
background-color: #EB3300;
color: #fefefe; }
.button.disabled.secondary, .button[disabled].secondary {
opacity: 0.25;
cursor: not-allowed; }
.button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
background-color: #767676;
color: #fefefe; }
.button.disabled.success, .button[disabled].success {
opacity: 0.25;
cursor: not-allowed; }
.button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
background-color: #3adb76;
color: #fefefe; }
.button.disabled.warning, .button[disabled].warning {
opacity: 0.25;
cursor: not-allowed; }
.button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
background-color: #ffae00;
color: #fefefe; }
.button.disabled.alert, .button[disabled].alert {
opacity: 0.25;
cursor: not-allowed; }
.button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
background-color: #cc4b37;
color: #fefefe; }
.button.dropdown::after {
display: block;
width: 0;
height: 0;
border: inset 0.4em;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #000 transparent transparent;
position: relative;
top: 0.4em;
display: inline-block;
float: right;
margin-left: 1em; }
.button.dropdown:hover:after { border-color: #fff transparent transparent; }
.button.arrow-only::after {
top: -0.1em;
float: none;
margin-left: 0; }
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
display: block;
box-sizing: border-box;
width: 100%;
height: 2.4375rem;
margin: 0 0 1rem;
padding: 0.5rem;
border: 1px solid #cacaca;
border-radius: 0;
background-color: #fefefe;
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
font-family: inherit;
font-size: 1rem;
font-weight: normal;
color: #0a0a0a;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
textarea:focus {
outline: none;
border: 1px solid #8a8a8a;
background-color: #fefefe;
box-shadow: 0 0 5px #cacaca;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
textarea {
max-width: 100%; }
textarea[rows] {
height: auto; }
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #cacaca; }
input::-moz-placeholder,
textarea::-moz-placeholder {
color: #cacaca; }
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #cacaca; }
input::placeholder,
textarea::placeholder {
color: #cacaca; }
input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
background-color: #e6e6e6;
cursor: not-allowed; }
[type='submit'],
[type='button'] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0; }
input[type='search'] {
box-sizing: border-box; }
[type='file'],
[type='checkbox'],
[type='radio'] {
margin: 0 0 1rem; }
[type='checkbox'] + label,
[type='radio'] + label {
display: inline-block;
vertical-align: baseline;
margin-left: 0.5rem;
margin-right: 1rem;
margin-bottom: 0; }
[type='checkbox'] + label[for],
[type='radio'] + label[for] {
cursor: pointer; }
label > [type='checkbox'],
label > [type='radio'] {
margin-right: 0.5rem; }
[type='file'] {
width: 100%; }
label {
display: block;
margin: 0;
font-size: 0.875rem;
font-weight: normal;
line-height: 1.8;
color: #0a0a0a; }
label.middle {
margin: 0 0 1rem;
padding: 0.5625rem 0; }
.help-text {
margin-top: -0.5rem;
font-size: 0.8125rem;
font-style: italic;
color: #0a0a0a; }
.input-group {
display: table;
width: 100%;
margin-bottom: 1rem; }
.input-group > :first-child {
border-radius: 0 0 0 0; }
.input-group > :last-child > * {
border-radius: 0 0 0 0; }
.input-group-label, .input-group-field, .input-group-button, .input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
margin: 0;
white-space: nowrap;
display: table-cell;
vertical-align: middle; }
.input-group-label {
padding: 0 1rem;
border: 1px solid #cacaca;
background: #e6e6e6;
color: #0a0a0a;
text-align: center;
white-space: nowrap;
width: 1%;
height: 100%; }
.input-group-label:first-child {
border-right: 0; }
.input-group-label:last-child {
border-left: 0; }
.input-group-field {
border-radius: 0;
height: 2.5rem; }
.input-group-button {
padding-top: 0;
padding-bottom: 0;
text-align: center;
width: 1%;
height: 100%; }
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
height: 2.5rem;
padding-top: 0;
padding-bottom: 0;
font-size: 1rem; }
.input-group .input-group-button {
display: table-cell; }
fieldset {
margin: 0;
padding: 0;
border: 0; }
legend {
max-width: 100%;
margin-bottom: 0.5rem; }
.fieldset {
margin: 1.125rem 0;
padding: 1.25rem;
border: 1px solid #cacaca; }
.fieldset legend {
margin: 0;
margin-left: -0.1875rem;
padding: 0 0.1875rem;
background: #fefefe; }
select {
height: 2.4375rem;
margin: 0 0 1rem;
padding: 0.5rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #cacaca;
border-radius: 0;
background-color: #fefefe;
font-family: inherit;
font-size: 1rem;
line-height: normal;
color: #0a0a0a;
background-image: url("data:image/svg+xml;utf8,");
background-origin: content-box;
background-position: right -1rem center;
background-repeat: no-repeat;
background-size: 9px 6px;
padding-right: 1.5rem;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
@media screen and (min-width: 0\0) {
select {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } }
select:focus {
outline: none;
border: 1px solid #8a8a8a;
background-color: #fefefe;
box-shadow: 0 0 5px #cacaca;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
select:disabled {
background-color: #e6e6e6;
cursor: not-allowed; }
select::-ms-expand {
display: none; }
select[multiple] {
height: auto;
background-image: none; }
.is-invalid-input:not(:focus) {
border-color: #cc4b37;
background-color: #f9ecea; }
.is-invalid-input:not(:focus)::-webkit-input-placeholder {
color: #cc4b37; }
.is-invalid-input:not(:focus)::-moz-placeholder {
color: #cc4b37; }
.is-invalid-input:not(:focus):-ms-input-placeholder {
color: #cc4b37; }
.is-invalid-input:not(:focus)::placeholder {
color: #cc4b37; }
.is-invalid-label {
color: #cc4b37; }
.form-error {
display: none;
margin-top: -0.5rem;
margin-bottom: 1rem;
font-size: 0.75rem;
font-weight: bold;
color: #cc4b37; }
.form-error.is-visible {
display: block; }
.accordion {
margin-left: 0;
background: #fefefe;
list-style-type: none; }
.accordion-item:first-child > :first-child {
border-radius: 0 0 0 0; }
.accordion-item:last-child > :last-child {
border-radius: 0 0 0 0; }
.accordion-title {
position: relative;
display: block;
padding: 1.25rem 1rem;
border: 1px solid #e6e6e6;
border-bottom: 0;
font-size: 0.75rem;
line-height: 1;
color: #EB3300; }
:last-child:not(.is-active) > .accordion-title {
border-bottom: 1px solid #e6e6e6;
border-radius: 0 0 0 0; }
.accordion-title:hover, .accordion-title:focus {
background-color: #e6e6e6; }
.accordion-title::before {
position: absolute;
top: 50%;
right: 1rem;
margin-top: -0.5rem;
content: '+'; }
.is-active > .accordion-title::before {
content: '–'; }
.accordion-content {
display: none;
padding: 1rem;
border: 1px solid #e6e6e6;
border-bottom: 0;
background-color: #fefefe;
color: #0a0a0a; }
:last-child > .accordion-content:last-child {
border-bottom: 1px solid #e6e6e6; }
.is-accordion-submenu-parent > a {
position: relative; }
.is-accordion-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #EB3300 transparent transparent;
position: absolute;
top: 50%;
margin-top: -3px;
right: 1rem; }
.is-accordion-submenu-parent[aria-expanded='true'] > a::after {
-ms-transform: rotate(180deg);
transform: rotate(180deg);
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%; }
.badge {
display: inline-block;
min-width: 2.1em;
padding: 0.3em;
border-radius: 50%;
font-size: 0.6rem;
text-align: center;
background: #EB3300;
color: #fefefe; }
.badge.primary {
background: #EB3300;
color: #fefefe; }
.badge.secondary {
background: #767676;
color: #fefefe; }
.badge.success {
background: #3adb76;
color: #0a0a0a; }
.badge.warning {
background: #ffae00;
color: #0a0a0a; }
.badge.alert {
background: #cc4b37;
color: #fefefe; }
.breadcrumbs {
margin: 0 0 1rem 0;
list-style: none; }
.breadcrumbs::before, .breadcrumbs::after {
display: table;
content: ' '; }
.breadcrumbs::after {
clear: both; }
.breadcrumbs li {
float: left;
font-size: 0.6875rem;
color: #fff;
cursor: default;
text-transform: uppercase; }
.breadcrumbs li:not(:last-child)::after {
position: relative;
top: 1px;
margin: 0 0.75rem;
opacity: 1;
content: "/";
color: #cacaca; }
.breadcrumbs a {
color: #EB3300; }
.breadcrumbs a:hover {
text-decoration: underline; }
.breadcrumbs .disabled {
color: #cacaca;
cursor: not-allowed; }
.button-group {
margin-bottom: 1rem;
font-size: 0; }
.button-group::before, .button-group::after {
display: table;
content: ' '; }
.button-group::after {
clear: both; }
.button-group .button {
margin: 0;
margin-right: 1px;
margin-bottom: 1px;
font-size: 0.9rem; }
.button-group .button:last-child {
margin-right: 0; }
.button-group.tiny .button {
font-size: 0.6rem; }
.button-group.small .button {
font-size: 0.75rem; }
.button-group.large .button {
font-size: 1.25rem; }
.button-group.expanded {
margin-right: -1px; }
.button-group.expanded::before, .button-group.expanded::after {
display: none; }
.button-group.expanded .button:first-child:nth-last-child(2), .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button {
display: inline-block;
width: calc(50% - 1px);
margin-right: 1px; }
.button-group.expanded .button:first-child:nth-last-child(2):last-child, .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button:last-child {
margin-right: -6px; }
.button-group.expanded .button:first-child:nth-last-child(3), .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button {
display: inline-block;
width: calc(33.33333% - 1px);
margin-right: 1px; }
.button-group.expanded .button:first-child:nth-last-child(3):last-child, .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button:last-child {
margin-right: -6px; }
.button-group.expanded .button:first-child:nth-last-child(4), .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button {
display: inline-block;
width: calc(25% - 1px);
margin-right: 1px; }
.button-group.expanded .button:first-child:nth-last-child(4):last-child, .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button:last-child {
margin-right: -6px; }
.button-group.expanded .button:first-child:nth-last-child(5), .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button {
display: inline-block;
width: calc(20% - 1px);
margin-right: 1px; }
.button-group.expanded .button:first-child:nth-last-child(5):last-child, .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button:last-child {
margin-right: -6px; }
.button-group.expanded .button:first-child:nth-last-child(6), .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button {
display: inline-block;
width: calc(16.66667% - 1px);
margin-right: 1px; }
.button-group.expanded .button:first-child:nth-last-child(6):last-child, .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button:last-child {
margin-right: -6px; }
.button-group.primary .button {
background-color: #EB3300;
color: #fefefe; }
.button-group.primary .button:hover, .button-group.primary .button:focus {
background-color: #126195;
color: #fefefe; }
.button-group.secondary .button {
background-color: #767676;
color: #fefefe; }
.button-group.secondary .button:hover, .button-group.secondary .button:focus {
background-color: #5e5e5e;
color: #fefefe; }
.button-group.success .button {
background-color: #3adb76;
color: #0a0a0a; }
.button-group.success .button:hover, .button-group.success .button:focus {
background-color: #22bb5b;
color: #0a0a0a; }
.button-group.warning .button {
background-color: #ffae00;
color: #0a0a0a; }
.button-group.warning .button:hover, .button-group.warning .button:focus {
background-color: #cc8b00;
color: #0a0a0a; }
.button-group.alert .button {
background-color: #cc4b37;
color: #fefefe; }
.button-group.alert .button:hover, .button-group.alert .button:focus {
background-color: #a53b2a;
color: #fefefe; }
.button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {
width: 100%; }
.button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {
margin-bottom: 0; }
@media print, screen and (min-width: 40em) {
.button-group.stacked-for-small .button {
width: auto;
margin-bottom: 0; } }
@media print, screen and (min-width: 64em) {
.button-group.stacked-for-medium .button {
width: auto;
margin-bottom: 0; } }
@media screen and (max-width: 39.9375em) {
.button-group.stacked-for-small.expanded {
display: block; }
.button-group.stacked-for-small.expanded .button {
display: block;
margin-right: 0; } }
.card {
margin-bottom: 1rem;
border: 1px solid #e6e6e6;
border-radius: 0;
background: #fefefe;
box-shadow: none;
overflow: hidden;
color: #0a0a0a; }
.card > :last-child {
margin-bottom: 0; }
.card-divider {
padding: 1rem;
background: #e6e6e6; }
.card-divider > :last-child {
margin-bottom: 0; }
.card-section {
padding: 1rem; }
.card-section > :last-child {
margin-bottom: 0; }
.callout {
position: relative;
margin: 0 0 1rem 0;
padding: 1rem;
border: 1px solid rgba(10, 10, 10, 0.25);
border-radius: 0;
background-color: white;
color: #0a0a0a; }
.callout > :first-child {
margin-top: 0; }
.callout > :last-child {
margin-bottom: 0; }
.callout.primary {
background-color: #d7ecfa;
color: #0a0a0a; }
.callout.secondary {
background-color: #eaeaea;
color: #0a0a0a; }
.callout.success {
background-color: #e1faea;
color: #0a0a0a; }
.callout.warning {
background-color: #fff3d9;
color: #0a0a0a; }
.callout.alert {
background-color: #f7e4e1;
color: #0a0a0a; }
.callout.small {
padding-top: 0.5rem;
padding-right: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.5rem; }
.callout.large {
padding-top: 3rem;
padding-right: 3rem;
padding-bottom: 3rem;
padding-left: 3rem; }
.close-button {
position: absolute;
color: #8a8a8a;
cursor: pointer; }
[data-whatinput='mouse'] .close-button {
outline: 0; }
.close-button:hover, .close-button:focus {
color: #0a0a0a; }
.close-button.small {
right: 0.66rem;
top: 0.33em;
font-size: 1.5em;
line-height: 1; }
.close-button, .close-button.medium {
right: 1rem;
top: 0.5rem;
font-size: 2em;
line-height: 1; }
.menu {
margin: 0;
list-style-type: none; }
.menu > li {
display: table-cell;
vertical-align: middle; }
[data-whatinput='mouse'] .menu > li {
outline: 0; }
.menu > li > a {
display: block;
padding: 0.7rem 1rem;
line-height: 1; }
.menu input,
.menu select,
.menu a,
.menu button {
margin-bottom: 0; }
.menu > li > a img,
.menu > li > a i,
.menu > li > a svg {
vertical-align: middle; }
.menu > li > a img + span,
.menu > li > a i + span,
.menu > li > a svg + span {
vertical-align: middle; }
.menu > li > a img,
.menu > li > a i,
.menu > li > a svg {
margin-right: 0.25rem;
display: inline-block; }
.menu > li, .menu.horizontal > li {
display: table-cell; }
.menu.expanded {
display: table;
width: 100%;
table-layout: fixed; }
.menu.expanded > li:first-child:last-child {
width: 100%; }
.menu.vertical > li {
display: block; }
@media print, screen and (min-width: 40em) {
.menu.medium-horizontal > li {
display: table-cell; }
.menu.medium-expanded {
display: table;
width: 100%;
table-layout: fixed; }
.menu.medium-expanded > li:first-child:last-child {
width: 100%; }
.menu.medium-vertical > li {
display: block; } }
@media print, screen and (min-width: 64em) {
.menu.large-horizontal > li {
display: table-cell; }
.menu.large-expanded {
display: table;
width: 100%;
table-layout: fixed; }
.menu.large-expanded > li:first-child:last-child {
width: 100%; }
.menu.large-vertical > li {
display: block; } }
.menu.simple li {
display: inline-block;
margin-right: 1rem;
line-height: 1; }
.menu.simple a {
padding: 0; }
.menu.align-right::before, .menu.align-right::after {
display: table;
content: ' '; }
.menu.align-right::after {
clear: both; }
.menu.align-right > li {
float: right; }
.menu.icon-top > li > a {
text-align: center; }
.menu.icon-top > li > a img,
.menu.icon-top > li > a i,
.menu.icon-top > li > a svg {
display: block;
margin: 0 auto 0.25rem; }
.menu.icon-top.vertical a > span {
margin: auto; }
.menu.nested {
margin-left: 1rem; }
.menu .active > a {
background: #EB3300;
color: #fefefe; }
.menu.menu-bordered li {
border: 1px solid #e6e6e6; }
.menu.menu-bordered li:not(:first-child) {
border-top: 0; }
.menu.menu-hover li:hover {
background-color: #e6e6e6; }
.menu-text {
padding-top: 0;
padding-bottom: 0;
padding: 0.7rem 1rem;
font-weight: bold;
line-height: 1;
color: inherit; }
.menu-centered {
text-align: center; }
.menu-centered > .menu {
display: inline-block; }
.no-js [data-responsive-menu] ul {
display: none; }
.menu-icon {
position: relative;
display: inline-block;
vertical-align: middle;
width: 20px;
height: 16px;
cursor: pointer; }
.menu-icon::after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 2px;
background: #fefefe;
box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
content: ''; }
.menu-icon:hover::after {
background: #cacaca;
box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; }
.menu-icon.dark {
position: relative;
display: inline-block;
vertical-align: middle;
width: 20px;
height: 16px;
cursor: pointer; }
.menu-icon.dark::after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 2px;
background: #0a0a0a;
box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
content: ''; }
.menu-icon.dark:hover::after {
background: #8a8a8a;
box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; }
.is-drilldown {
position: relative;
overflow: hidden; }
.is-drilldown li {
display: block; }
.is-drilldown.animate-height {
transition: height 0.5s; }
.is-drilldown-submenu {
position: absolute;
top: 0;
left: 100%;
z-index: -1;
width: 100%;
background: #002843;
transition: transform 0.15s linear; }
.is-drilldown-submenu.is-active {
z-index: 1;
display: block;
-ms-transform: translateX(-100%);
transform: translateX(-100%); }
.is-drilldown-submenu.is-closing {
-ms-transform: translateX(100%);
transform: translateX(100%); }
.drilldown-submenu-cover-previous {
min-height: 100%; }
.is-drilldown-submenu-parent > a {
position: relative; }
.is-drilldown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #EB3300;
position: absolute;
top: 50%;
margin-top: -6px;
right: 1rem; }
.js-drilldown-back > a::before {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #EB3300 transparent transparent;
border-left-width: 0;
display: inline-block;
vertical-align: middle;
margin-right: 0.75rem;
border-left-width: 0; }
.dropdown-pane {
position: absolute;
z-index: 10;
display: block;
width: 300px;
padding: 1rem;
visibility: hidden;
border: 1px solid #cacaca;
border-radius: 0;
background-color: #fefefe;
font-size: 1rem; }
.dropdown-pane.is-open {
visibility: visible; }
.dropdown-pane.tiny {
width: 100px; }
.dropdown-pane.small {
width: 200px; }
.dropdown-pane.large {
width: 400px; }
.dropdown.menu > li.opens-left > .is-dropdown-submenu {
top: 100%;
right: 0;
left: auto; }
.dropdown.menu > li.opens-right > .is-dropdown-submenu {
top: 100%;
right: auto;
left: 0; }
.dropdown.menu > li.is-dropdown-submenu-parent > a {
position: relative;
padding-right: 1.5rem; }
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #EB3300 transparent transparent;
right: 5px;
margin-top: -3px; }
[data-whatinput='mouse'] .dropdown.menu a {
outline: 0; }
.no-js .dropdown.menu ul {
display: none; }
.dropdown.menu.vertical > li .is-dropdown-submenu {
top: 0; }
.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
right: 100%;
left: auto; }
.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%; }
.dropdown.menu.vertical > li > a::after {
right: 14px; }
.dropdown.menu.vertical > li.opens-left > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #EB3300 transparent transparent; }
.dropdown.menu.vertical > li.opens-right > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #EB3300; }
@media print, screen and (min-width: 40em) {
.dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
top: 100%;
right: 0;
left: auto; }
.dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
top: 100%;
right: auto;
left: 0; }
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
position: relative;
padding-right: 1.5rem; }
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #EB3300 transparent transparent;
right: 5px;
margin-top: -3px; }
.dropdown.menu.medium-vertical > li .is-dropdown-submenu {
top: 0; }
.dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
right: 100%;
left: auto; }
.dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%; }
.dropdown.menu.medium-vertical > li > a::after {
right: 14px; }
.dropdown.menu.medium-vertical > li.opens-left > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #EB3300 transparent transparent; }
.dropdown.menu.medium-vertical > li.opens-right > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #EB3300; } }
@media print, screen and (min-width: 64em) {
.dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
top: 100%;
right: 0;
left: auto; }
.dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
top: 100%;
right: auto;
left: 0; }
.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
position: relative;
padding-right: 1.5rem; }
.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #EB3300 transparent transparent;
right: 5px;
margin-top: -3px; }
.dropdown.menu.large-vertical > li .is-dropdown-submenu {
top: 0; }
.dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
right: 100%;
left: auto; }
.dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%; }
.dropdown.menu.large-vertical > li > a::after {
right: 14px; }
.dropdown.menu.large-vertical > li.opens-left > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #EB3300 transparent transparent; }
.dropdown.menu.large-vertical > li.opens-right > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #EB3300; } }
.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
top: 100%;
right: 0;
left: auto; }
.is-dropdown-menu.vertical {
width: 100px; }
.is-dropdown-menu.vertical.align-right {
float: right; }
.is-dropdown-submenu-parent {
position: relative; }
.is-dropdown-submenu-parent a::after {
position: absolute;
top: 50%;
right: 5px;
margin-top: -6px; }
.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
top: 100%;
left: auto; }
.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
right: 100%;
left: auto; }
.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
right: auto;
left: 100%; }
.is-dropdown-submenu {
position: absolute;
top: 0;
left: 100%;
z-index: 1;
display: none;
min-width: 200px;
border: 1px solid #cacaca;
background: #fefefe; }
.is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
right: 14px; }
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #EB3300 transparent transparent; }
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
display: block;
width: 0;
height: 0;
border: inset 6px;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #EB3300; }
.is-dropdown-submenu .is-dropdown-submenu {
margin-top: -1px; }
.is-dropdown-submenu > li {
width: 100%; }
.is-dropdown-submenu.js-dropdown-active {
display: block; }
.responsive-embed, .flex-video {
position: relative;
height: 0;
margin-bottom: 1rem;
padding-bottom: 75%;
overflow: hidden; }
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed embed,
.responsive-embed video, .flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.responsive-embed.widescreen, .flex-video.widescreen {
padding-bottom: 56.25%; }
.label {
display: inline-block;
padding: 0.33333rem 0.5rem;
border-radius: 0;
font-size: 0.8rem;
line-height: 1;
white-space: nowrap;
cursor: default;
background: #EB3300;
color: #fefefe; }
.label.primary {
background: #EB3300;
color: #fefefe; }
.label.secondary {
background: #767676;
color: #fefefe; }
.label.success {
background: #3adb76;
color: #0a0a0a; }
.label.warning {
background: #ffae00;
color: #0a0a0a; }
.label.alert {
background: #cc4b37;
color: #fefefe; }
.media-object {
display: block;
margin-bottom: 1rem; }
.media-object img {
max-width: none; }
@media screen and (max-width: 39.9375em) {
.media-object.stack-for-small .media-object-section {
padding: 0;
padding-bottom: 1rem;
display: block; }
.media-object.stack-for-small .media-object-section img {
width: 100%; } }
.media-object-section {
display: table-cell;
vertical-align: top; }
.media-object-section:first-child {
padding-right: 1rem; }
.media-object-section:last-child:not(:nth-child(2)) {
padding-left: 1rem; }
.media-object-section > :last-child {
margin-bottom: 0; }
.media-object-section.middle {
vertical-align: middle; }
.media-object-section.bottom {
vertical-align: bottom; }
.is-off-canvas-open {
overflow: hidden; }
.js-off-canvas-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: opacity 0.5s ease, visibility 0.5s ease;
background: rgba(254, 254, 254, 0.25);
opacity: 0;
visibility: hidden;
overflow: hidden; }
.js-off-canvas-overlay.is-visible {
opacity: 1;
visibility: visible; }
.js-off-canvas-overlay.is-closable {
cursor: pointer; }
.js-off-canvas-overlay.is-overlay-absolute {
position: absolute; }
.js-off-canvas-overlay.is-overlay-fixed {
position: fixed; }
.off-canvas-wrapper {
position: relative;
overflow: hidden; }
.off-canvas {
position: fixed;
z-index: 1;
transition: transform 0.5s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: #e6e6e6; }
[data-whatinput='mouse'] .off-canvas {
outline: 0; }
.off-canvas.is-transition-overlap {
z-index: 10; }
.off-canvas.is-transition-overlap.is-open {
box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); }
.off-canvas.is-open {
-ms-transform: translate(0, 0);
transform: translate(0, 0); }
.off-canvas-absolute {
position: absolute;
z-index: 1;
transition: transform 0.5s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: #e6e6e6; }
[data-whatinput='mouse'] .off-canvas-absolute {
outline: 0; }
.off-canvas-absolute.is-transition-overlap {
z-index: 10; }
.off-canvas-absolute.is-transition-overlap.is-open {
box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); }
.off-canvas-absolute.is-open {
-ms-transform: translate(0, 0);
transform: translate(0, 0); }
.position-left {
top: 0;
left: 0;
width: 250px;
height: 100%;
-ms-transform: translateX(-250px);
transform: translateX(-250px);
overflow-y: auto; }
.position-left.is-open ~ .off-canvas-content {
-ms-transform: translateX(250px);
transform: translateX(250px); }
.position-left.is-transition-push::after {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 1px;
box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
content: " "; }
.position-left.is-transition-overlap.is-open ~ .off-canvas-content {
-ms-transform: none;
transform: none; }
.position-right {
top: 0;
right: 0;
width: 250px;
height: 100%;
-ms-transform: translateX(250px);
transform: translateX(250px);
overflow-y: auto; }
.position-right.is-open ~ .off-canvas-content {
-ms-transform: translateX(-250px);
transform: translateX(-250px); }
.position-right.is-transition-push::after {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 1px;
box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
content: " "; }
.position-right.is-transition-overlap.is-open ~ .off-canvas-content {
-ms-transform: none;
transform: none; }
.position-top {
top: 0;
left: 0;
width: 100%;
height: 250px;
-ms-transform: translateY(-250px);
transform: translateY(-250px);
overflow-x: auto; }
.position-top.is-open ~ .off-canvas-content {
-ms-transform: translateY(250px);
transform: translateY(250px); }
.position-top.is-transition-push::after {
position: absolute;
bottom: 0;
left: 0;
height: 1px;
width: 100%;
box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
content: " "; }
.position-top.is-transition-overlap.is-open ~ .off-canvas-content {
-ms-transform: none;
transform: none; }
.position-bottom {
bottom: 0;
left: 0;
width: 100%;
height: 250px;
-ms-transform: translateY(250px);
transform: translateY(250px);
overflow-x: auto; }
.position-bottom.is-open ~ .off-canvas-content {
-ms-transform: translateY(-250px);
transform: translateY(-250px); }
.position-bottom.is-transition-push::after {
position: absolute;
top: 0;
left: 0;
height: 1px;
width: 100%;
box-shadow: 0 0 10px rgba(10, 10, 10, 0.7);
content: " "; }
.position-bottom.is-transition-overlap.is-open ~ .off-canvas-content {
-ms-transform: none;
transform: none; }
.off-canvas-content {
transition: transform 0.5s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
@media print, screen and (min-width: 40em) {
.position-left.reveal-for-medium {
-ms-transform: none;
transform: none;
z-index: 1; }
.position-left.reveal-for-medium ~ .off-canvas-content {
margin-left: 250px; }
.position-right.reveal-for-medium {
-ms-transform: none;
transform: none;
z-index: 1; }
.position-right.reveal-for-medium ~ .off-canvas-content {
margin-right: 250px; }
.position-top.reveal-for-medium {
-ms-transform: none;
transform: none;
z-index: 1; }
.position-top.reveal-for-medium ~ .off-canvas-content {
margin-top: 250px; }
.position-bottom.reveal-for-medium {
-ms-transform: none;
transform: none;
z-index: 1; }
.position-bottom.reveal-for-medium ~ .off-canvas-content {
margin-bottom: 250px; } }
@media print, screen and (min-width: 64em) {
.position-left.reveal-for-large {
-ms-transform: none;
transform: none;
z-index: 1; }
.position-left.reveal-for-large ~ .off-canvas-content {
margin-left: 250px; }
.position-right.reveal-for-large {
-ms-transform: none;
transform: none;
z-index: 1; }
.position-right.reveal-for-large ~ .off-canvas-content {
margin-right: 250px; }
.position-top.reveal-for-large {
-ms-transform: none;
transform: none;
z-index: 1; }
.position-top.reveal-for-large ~ .off-canvas-content {
margin-top: 250px; }
.position-bottom.reveal-for-large {
-ms-transform: none;
transform: none;
z-index: 1; }
.position-bottom.reveal-for-large ~ .off-canvas-content {
margin-bottom: 250px; } }
.orbit {
position: relative; }
.orbit-container {
position: relative;
height: 0;
margin: 0;
list-style: none;
overflow: hidden; }
.orbit-slide {
width: 100%; }
.orbit-slide.no-motionui.is-active {
top: 0;
left: 0; }
.orbit-figure {
margin: 0; }
.orbit-image {
width: 100%;
max-width: 100%;
margin: 0; }
.orbit-caption {
position: absolute;
bottom: 0;
width: 100%;
margin-bottom: 0;
padding: 1rem;
background-color: rgba(10, 10, 10, 0.5);
color: #fefefe; }
.orbit-previous, .orbit-next {
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 10;
padding: 1rem;
color: #fefefe; }
[data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next {
outline: 0; }
.orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus {
background-color: rgba(10, 10, 10, 0.5); }
.orbit-previous {
left: 0; }
.orbit-next {
left: auto;
right: 0; }
.orbit-bullets {
position: relative;
margin-top: 0.8rem;
margin-bottom: 0.8rem;
text-align: center; }
[data-whatinput='mouse'] .orbit-bullets {
outline: 0; }
.orbit-bullets button {
width: 1.2rem;
height: 1.2rem;
margin: 0.1rem;
border-radius: 50%;
background-color: #cacaca; }
.orbit-bullets button:hover {
background-color: #8a8a8a; }
.orbit-bullets button.is-active {
background-color: #8a8a8a; }
.pagination {
margin-left: 0;
margin-bottom: 1rem; }
.pagination::before, .pagination::after {
display: table;
content: ' '; }
.pagination::after {
clear: both; }
.pagination li {
margin-right: 0.0625rem;
border-radius: 0;
font-size: 0.875rem;
display: none; }
.pagination li:last-child, .pagination li:first-child {
display: inline-block; }
@media print, screen and (min-width: 40em) {
.pagination li {
display: inline-block; } }
.pagination a,
.pagination button {
display: block;
padding: 0.1875rem 0.625rem;
border-radius: 0;
color: #0a0a0a; }
.pagination a:hover,
.pagination button:hover {
background: #e6e6e6; }
.pagination .current {
padding: 0.1875rem 0.625rem;
background: #EB3300;
color: #fefefe;
cursor: default; }
.pagination .disabled {
padding: 0.1875rem 0.625rem;
color: #cacaca;
cursor: not-allowed; }
.pagination .disabled:hover {
background: transparent; }
.pagination .ellipsis::after {
padding: 0.1875rem 0.625rem;
content: '\2026';
color: #0a0a0a; }
.pagination-previous a::before,
.pagination-previous.disabled::before {
display: inline-block;
margin-right: 0.5rem;
content: '\00ab'; }
.pagination-next a::after,
.pagination-next.disabled::after {
display: inline-block;
margin-left: 0.5rem;
content: '\00bb'; }
.progress {
height: 1rem;
margin-bottom: 1rem;
border-radius: 0;
background-color: #cacaca; }
.progress.primary .progress-meter {
background-color: #EB3300; }
.progress.secondary .progress-meter {
background-color: #767676; }
.progress.success .progress-meter {
background-color: #3adb76; }
.progress.warning .progress-meter {
background-color: #ffae00; }
.progress.alert .progress-meter {
background-color: #cc4b37; }
.progress-meter {
position: relative;
display: block;
width: 0%;
height: 100%;
background-color: #EB3300; }
.progress-meter-text {
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
margin: 0;
font-size: 0.75rem;
font-weight: bold;
color: #fefefe;
white-space: nowrap; }
body.is-reveal-open {
overflow: hidden; }
html.is-reveal-open,
html.is-reveal-open body {
min-height: 100%;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.reveal-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1005;
display: none;
background-color: rgba(10, 10, 10, 0.45);
overflow-y: scroll; }
.reveal {
z-index: 1006;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: none;
padding: 1rem;
border: 1px solid #cacaca;
border-radius: 0;
background-color: #fefefe;
position: relative;
top: 100px;
margin-right: auto;
margin-left: auto;
overflow-y: auto; }
[data-whatinput='mouse'] .reveal {
outline: 0; }
@media print, screen and (min-width: 40em) {
.reveal {
min-height: 0; } }
.reveal .column, .reveal .columns,
.reveal .columns {
min-width: 0; }
.reveal > :last-child {
margin-bottom: 0; }
@media print, screen and (min-width: 40em) {
.reveal {
width: 600px;
max-width: 75rem; } }
@media print, screen and (min-width: 40em) {
.reveal .reveal {
right: auto;
left: auto;
margin: 0 auto; } }
.reveal.collapse {
padding: 0; }
@media print, screen and (min-width: 40em) {
.reveal.tiny {
width: 30%;
max-width: 75rem; } }
@media print, screen and (min-width: 40em) {
.reveal.small {
width: 50%;
max-width: 75rem; } }
@media print, screen and (min-width: 40em) {
.reveal.large {
width: 90%;
max-width: 75rem; } }
.reveal.full {
top: 0;
left: 0;
width: 100%;
max-width: none;
height: 100%;
height: 100vh;
min-height: 100vh;
margin-left: 0;
border: 0;
border-radius: 0; }
@media screen and (max-width: 39.9375em) {
.reveal {
top: 0;
left: 0;
width: 100%;
max-width: none;
height: 100%;
height: 100vh;
min-height: 100vh;
margin-left: 0;
border: 0;
border-radius: 0; } }
.reveal.without-overlay {
position: fixed; }
.slider {
position: relative;
height: 0.5rem;
margin-top: 1.25rem;
margin-bottom: 2.25rem;
background-color: #e6e6e6;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: none;
touch-action: none; }
.slider-fill {
position: absolute;
top: 0;
left: 0;
display: inline-block;
max-width: 100%;
height: 0.5rem;
background-color: #cacaca;
transition: all 0.2s ease-in-out; }
.slider-fill.is-dragging {
transition: all 0s linear; }
.slider-handle {
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
left: 0;
z-index: 1;
display: inline-block;
width: 1.4rem;
height: 1.4rem;
border-radius: 0;
background-color: #EB3300;
transition: all 0.2s ease-in-out;
-ms-touch-action: manipulation;
touch-action: manipulation; }
[data-whatinput='mouse'] .slider-handle {
outline: 0; }
.slider-handle:hover {
background-color: #C53100; }
.slider-handle.is-dragging {
transition: all 0s linear; }
.slider.disabled,
.slider[disabled] {
opacity: 0.25;
cursor: not-allowed; }
.slider.vertical {
display: inline-block;
width: 0.5rem;
height: 12.5rem;
margin: 0 1.25rem;
-ms-transform: scale(1, -1);
transform: scale(1, -1); }
.slider.vertical .slider-fill {
top: 0;
width: 0.5rem;
max-height: 100%; }
.slider.vertical .slider-handle {
position: absolute;
top: 0;
left: 50%;
width: 1.4rem;
height: 1.4rem;
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
.sticky-container {
position: relative; }
.sticky {
position: relative;
z-index: 0;
transform: translate3d(0, 0, 0); }
.sticky.is-stuck {
position: fixed;
z-index: 5; }
.sticky.is-stuck.is-at-top {
top: 0; }
.sticky.is-stuck.is-at-bottom {
bottom: 0; }
.sticky.is-anchored {
position: relative;
right: auto;
left: auto; }
.sticky.is-anchored.is-at-bottom {
bottom: 0; }
.switch {
height: 2rem;
position: relative;
margin-bottom: 1rem;
outline: 0;
font-size: 0.875rem;
font-weight: bold;
color: #fefefe;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.switch-input {
position: absolute;
margin-bottom: 0;
opacity: 0; }
.switch-paddle {
position: relative;
display: block;
width: 4rem;
height: 2rem;
border-radius: 0;
background: #cacaca;
transition: all 0.25s ease-out;
font-weight: inherit;
color: inherit;
cursor: pointer; }
input + .switch-paddle {
margin: 0; }
.switch-paddle::after {
position: absolute;
top: 0.25rem;
left: 0.25rem;
display: block;
width: 1.5rem;
height: 1.5rem;
transform: translate3d(0, 0, 0);
border-radius: 0;
background: #fefefe;
transition: all 0.25s ease-out;
content: ''; }
input:checked ~ .switch-paddle {
background: #EB3300; }
input:checked ~ .switch-paddle::after {
left: 2.25rem; }
[data-whatinput='mouse'] input:focus ~ .switch-paddle {
outline: 0; }
.switch-active, .switch-inactive {
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.switch-active {
left: 8%;
display: none; }
input:checked + label > .switch-active {
display: block; }
.switch-inactive {
right: 15%; }
input:checked + label > .switch-inactive {
display: none; }
.switch.tiny {
height: 1.5rem; }
.switch.tiny .switch-paddle {
width: 3rem;
height: 1.5rem;
font-size: 0.625rem; }
.switch.tiny .switch-paddle::after {
top: 0.25rem;
left: 0.25rem;
width: 1rem;
height: 1rem; }
.switch.tiny input:checked ~ .switch-paddle::after {
left: 1.75rem; }
.switch.small {
height: 1.75rem; }
.switch.small .switch-paddle {
width: 3.5rem;
height: 1.75rem;
font-size: 0.75rem; }
.switch.small .switch-paddle::after {
top: 0.25rem;
left: 0.25rem;
width: 1.25rem;
height: 1.25rem; }
.switch.small input:checked ~ .switch-paddle::after {
left: 2rem; }
.switch.large {
height: 2.5rem; }
.switch.large .switch-paddle {
width: 5rem;
height: 2.5rem;
font-size: 1rem; }
.switch.large .switch-paddle::after {
top: 0.25rem;
left: 0.25rem;
width: 2rem;
height: 2rem; }
.switch.large input:checked ~ .switch-paddle::after {
left: 2.75rem; }
table {
width: 100%;
margin-bottom: 1rem;
border-radius: 0; }
table thead,
table tbody,
table tfoot {
border: 1px solid #f1f1f1;
background-color: #fefefe; }
table caption {
padding: 0.5rem 0.625rem 0.625rem;
font-weight: bold; }
table thead {
background: #f8f8f8;
color: #0a0a0a; }
table tfoot {
background: #f1f1f1;
color: #0a0a0a; }
table thead tr,
table tfoot tr {
background: transparent; }
table thead th,
table thead td,
table tfoot th,
table tfoot td {
padding: 0.5rem 0.625rem 0.625rem;
font-weight: bold;
text-align: left; }
table tbody th,
table tbody td {
padding: 0.5rem 0.625rem 0.625rem; }
table tbody tr:nth-child(even) {
border-bottom: 0;
background-color: #f1f1f1; }
table.unstriped tbody {
background-color: #fefefe; }
table.unstriped tbody tr {
border-bottom: 0;
border-bottom: 1px solid #f1f1f1;
background-color: #fefefe; }
@media screen and (max-width: 63.9375em) {
table.stack thead {
display: none; }
table.stack tfoot {
display: none; }
table.stack tr,
table.stack th,
table.stack td {
display: block; }
table.stack td {
border-top: 0; } }
table.scroll {
display: block;
width: 100%;
overflow-x: auto; }
table.hover thead tr:hover {
background-color: #f3f3f3; }
table.hover tfoot tr:hover {
background-color: #ececec; }
table.hover tbody tr:hover {
background-color: #f9f9f9; }
table.hover:not(.unstriped) tr:nth-of-type(even):hover {
background-color: #ececec; }
.table-scroll {
overflow-x: auto; }
.table-scroll table {
width: auto; }
.tabs {
margin: 0;
border: 1px solid #e6e6e6;
background: #fefefe;
list-style-type: none; }
.tabs::before, .tabs::after {
display: table;
content: ' '; }
.tabs::after {
clear: both; }
.tabs.vertical > li {
display: block;
float: none;
width: auto; }
.tabs.simple > li > a {
padding: 0; }
.tabs.simple > li > a:hover {
background: transparent; }
.tabs.primary {
background: #EB3300; }
.tabs.primary > li > a {
color: #fefefe; }
.tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
background: #1673b1; }
.tabs-title {
float: left; }
.tabs-title > a {
display: block;
padding: 1.25rem 1.5rem;
font-size: 0.75rem;
line-height: 1;
color: #EB3300; }
.tabs-title > a:hover {
background: #fefefe;
color: #C53100; }
.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
background: #e6e6e6;
color: #EB3300; }
.tabs-content {
border: 1px solid #e6e6e6;
border-top: 0;
background: #fefefe;
color: #0a0a0a;
transition: all 0.5s ease; }
.tabs-content.vertical {
border: 1px solid #e6e6e6;
border-left: 0; }
.tabs-panel {
display: none;
padding: 1rem; }
.tabs-panel[aria-hidden="false"] {
display: block; }
.thumbnail {
display: inline-block;
max-width: 100%;
margin-bottom: 1rem;
border: solid 4px #fefefe;
border-radius: 0;
box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
line-height: 0; }
a.thumbnail {
transition: box-shadow 200ms ease-out; }
a.thumbnail:hover, a.thumbnail:focus {
box-shadow: 0 0 6px 1px rgba(23, 121, 186, 0.5); }
a.thumbnail image {
box-shadow: none; }
.title-bar {
padding: 0.5rem;
background: #0a0a0a;
color: #fefefe; }
.title-bar::before, .title-bar::after {
display: table;
content: ' '; }
.title-bar::after {
clear: both; }
.title-bar .menu-icon {
margin-left: 0.25rem;
margin-right: 0.25rem; }
.title-bar-left {
float: left; }
.title-bar-right {
float: right;
text-align: right; }
.title-bar-title {
display: inline-block;
vertical-align: middle;
font-weight: bold; }
.has-tip {
position: relative;
display: inline-block;
border-bottom: dotted 1px #8a8a8a;
font-weight: bold;
cursor: help; }
.tooltip {
position: absolute;
top: calc(100% + 0.6495rem);
z-index: 1200;
max-width: 10rem;
padding: 0.75rem;
border-radius: 0;
background-color: #0a0a0a;
font-size: 80%;
color: #fefefe; }
.tooltip::before {
display: block;
width: 0;
height: 0;
border: inset 0.75rem;
content: '';
border-top-width: 0;
border-bottom-style: solid;
border-color: transparent transparent #0a0a0a;
position: absolute;
bottom: 100%;
left: 50%;
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
.tooltip.top::before {
display: block;
width: 0;
height: 0;
border: inset 0.75rem;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #0a0a0a transparent transparent;
top: 100%;
bottom: auto; }
.tooltip.left::before {
display: block;
width: 0;
height: 0;
border: inset 0.75rem;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #0a0a0a;
top: 50%;
bottom: auto;
left: 100%;
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.tooltip.right::before {
display: block;
width: 0;
height: 0;
border: inset 0.75rem;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #0a0a0a transparent transparent;
top: 50%;
right: 100%;
bottom: auto;
left: auto;
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.top-bar {
padding: 0.5rem; }
.top-bar::before, .top-bar::after {
display: table;
content: ' '; }
.top-bar::after {
clear: both; }
.top-bar,
.top-bar ul {
background-color: #e6e6e6; }
.top-bar input {
max-width: 200px;
margin-right: 1rem; }
.top-bar .input-group-field {
width: 100%;
margin-right: 0; }
.top-bar input.button {
width: auto; }
.top-bar .top-bar-left,
.top-bar .top-bar-right {
width: 100%; }
@media print, screen and (min-width: 40em) {
.top-bar .top-bar-left,
.top-bar .top-bar-right {
width: auto; } }
@media screen and (max-width: 63.9375em) {
.top-bar.stacked-for-medium .top-bar-left,
.top-bar.stacked-for-medium .top-bar-right {
width: 100%; } }
@media screen and (max-width: 74.9375em) {
.top-bar.stacked-for-large .top-bar-left,
.top-bar.stacked-for-large .top-bar-right {
width: 100%; } }
.top-bar-title {
display: inline-block;
float: left;
padding: 0.5rem 1rem 0.5rem 0; }
.top-bar-title .menu-icon {
bottom: 2px; }
.top-bar-left {
float: left; }
.top-bar-right {
float: right; }
.hide {
display: none !important; }
.invisible {
visibility: hidden; }
@media screen and (max-width: 39.9375em) {
.hide-for-small-only {
display: none !important; } }
@media screen and (max-width: 0em), screen and (min-width: 40em) {
.show-for-small-only {
display: none !important; } }
@media print, screen and (min-width: 40em) {
.hide-for-medium {
display: none !important; } }
@media screen and (max-width: 39.9375em) {
.show-for-medium {
display: none !important; } }
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
.hide-for-medium-only {
display: none !important; } }
@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
.show-for-medium-only {
display: none !important; } }
@media print, screen and (min-width: 64em) {
.hide-for-large {
display: none !important; } }
@media screen and (max-width: 63.9375em) {
.show-for-large {
display: none !important; } }
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
.hide-for-large-only {
display: none !important; } }
@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
.show-for-large-only {
display: none !important; } }
.show-for-sr,
.show-on-focus {
position: absolute !important;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0, 0, 0, 0); }
.show-on-focus:active, .show-on-focus:focus {
position: static !important;
width: auto;
height: auto;
overflow: visible;
clip: auto; }
.show-for-landscape,
.hide-for-portrait {
display: block !important; }
@media screen and (orientation: landscape) {
.show-for-landscape,
.hide-for-portrait {
display: block !important; } }
@media screen and (orientation: portrait) {
.show-for-landscape,
.hide-for-portrait {
display: none !important; } }
.hide-for-landscape,
.show-for-portrait {
display: none !important; }
@media screen and (orientation: landscape) {
.hide-for-landscape,
.show-for-portrait {
display: none !important; } }
@media screen and (orientation: portrait) {
.hide-for-landscape,
.show-for-portrait {
display: block !important; } }
.float-left {
float: left !important; }
.float-right {
float: right !important; }
.float-center {
display: block;
margin-right: auto;
margin-left: auto; }
.clearfix::before, .clearfix::after {
display: table;
content: ' '; }
.clearfix::after {
clear: both; }
.slide-in-down.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-ms-transform: translateY(-100%);
transform: translateY(-100%);
transition-property: transform, opacity;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-in-down.mui-enter.mui-enter-active {
-ms-transform: translateY(0);
transform: translateY(0); }
.slide-in-left.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-ms-transform: translateX(-100%);
transform: translateX(-100%);
transition-property: transform, opacity;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-in-left.mui-enter.mui-enter-active {
-ms-transform: translateX(0);
transform: translateX(0); }
.slide-in-up.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-ms-transform: translateY(100%);
transform: translateY(100%);
transition-property: transform, opacity;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-in-up.mui-enter.mui-enter-active {
-ms-transform: translateY(0);
transform: translateY(0); }
.slide-in-right.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-ms-transform: translateX(100%);
transform: translateX(100%);
transition-property: transform, opacity;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-in-right.mui-enter.mui-enter-active {
-ms-transform: translateX(0);
transform: translateX(0); }
.slide-out-down.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-ms-transform: translateY(0);
transform: translateY(0);
transition-property: transform, opacity;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-out-down.mui-leave.mui-leave-active {
-ms-transform: translateY(100%);
transform: translateY(100%); }
.slide-out-right.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-ms-transform: translateX(0);
transform: translateX(0);
transition-property: transform, opacity;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-out-right.mui-leave.mui-leave-active {
-ms-transform: translateX(100%);
transform: translateX(100%); }
.slide-out-up.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-ms-transform: translateY(0);
transform: translateY(0);
transition-property: transform, opacity;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-out-up.mui-leave.mui-leave-active {
-ms-transform: translateY(-100%);
transform: translateY(-100%); }
.slide-out-left.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-ms-transform: translateX(0);
transform: translateX(0);
transition-property: transform, opacity;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-out-left.mui-leave.mui-leave-active {
-ms-transform: translateX(-100%);
transform: translateX(-100%); }
.fade-in.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
opacity: 0;
transition-property: opacity; }
.fade-in.mui-enter.mui-enter-active {
opacity: 1; }
.fade-out.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
opacity: 1;
transition-property: opacity; }
.fade-out.mui-leave.mui-leave-active {
opacity: 0; }
.hinge-in-from-top.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotateX(-90deg);
-ms-transform-origin: top;
transform-origin: top;
transition-property: transform, opacity;
opacity: 0; }
.hinge-in-from-top.mui-enter.mui-enter-active {
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-right.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotateY(-90deg);
-ms-transform-origin: right;
transform-origin: right;
transition-property: transform, opacity;
opacity: 0; }
.hinge-in-from-right.mui-enter.mui-enter-active {
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-bottom.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotateX(90deg);
-ms-transform-origin: bottom;
transform-origin: bottom;
transition-property: transform, opacity;
opacity: 0; }
.hinge-in-from-bottom.mui-enter.mui-enter-active {
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-left.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotateY(90deg);
-ms-transform-origin: left;
transform-origin: left;
transition-property: transform, opacity;
opacity: 0; }
.hinge-in-from-left.mui-enter.mui-enter-active {
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-middle-x.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotateX(-90deg);
-ms-transform-origin: center;
transform-origin: center;
transition-property: transform, opacity;
opacity: 0; }
.hinge-in-from-middle-x.mui-enter.mui-enter-active {
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-middle-y.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotateY(-90deg);
-ms-transform-origin: center;
transform-origin: center;
transition-property: transform, opacity;
opacity: 0; }
.hinge-in-from-middle-y.mui-enter.mui-enter-active {
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-out-from-top.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotate(0deg);
-ms-transform-origin: top;
transform-origin: top;
transition-property: transform, opacity;
opacity: 1; }
.hinge-out-from-top.mui-leave.mui-leave-active {
transform: perspective(2000px) rotateX(-90deg);
opacity: 0; }
.hinge-out-from-right.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotate(0deg);
-ms-transform-origin: right;
transform-origin: right;
transition-property: transform, opacity;
opacity: 1; }
.hinge-out-from-right.mui-leave.mui-leave-active {
transform: perspective(2000px) rotateY(-90deg);
opacity: 0; }
.hinge-out-from-bottom.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotate(0deg);
-ms-transform-origin: bottom;
transform-origin: bottom;
transition-property: transform, opacity;
opacity: 1; }
.hinge-out-from-bottom.mui-leave.mui-leave-active {
transform: perspective(2000px) rotateX(90deg);
opacity: 0; }
.hinge-out-from-left.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotate(0deg);
-ms-transform-origin: left;
transform-origin: left;
transition-property: transform, opacity;
opacity: 1; }
.hinge-out-from-left.mui-leave.mui-leave-active {
transform: perspective(2000px) rotateY(90deg);
opacity: 0; }
.hinge-out-from-middle-x.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotate(0deg);
-ms-transform-origin: center;
transform-origin: center;
transition-property: transform, opacity;
opacity: 1; }
.hinge-out-from-middle-x.mui-leave.mui-leave-active {
transform: perspective(2000px) rotateX(-90deg);
opacity: 0; }
.hinge-out-from-middle-y.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotate(0deg);
-ms-transform-origin: center;
transform-origin: center;
transition-property: transform, opacity;
opacity: 1; }
.hinge-out-from-middle-y.mui-leave.mui-leave-active {
transform: perspective(2000px) rotateY(-90deg);
opacity: 0; }
.scale-in-up.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-ms-transform: scale(0.5);
transform: scale(0.5);
transition-property: transform, opacity;
opacity: 0; }
.scale-in-up.mui-enter.mui-enter-active {
-ms-transform: scale(1);
transform: scale(1);
opacity: 1; }
.scale-in-down.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-ms-transform: scale(1.5);
transform: scale(1.5);
transition-property: transform, opacity;
opacity: 0; }
.scale-in-down.mui-enter.mui-enter-active {
-ms-transform: scale(1);
transform: scale(1);
opacity: 1; }
.scale-out-up.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-ms-transform: scale(1);
transform: scale(1);
transition-property: transform, opacity;
opacity: 1; }
.scale-out-up.mui-leave.mui-leave-active {
-ms-transform: scale(1.5);
transform: scale(1.5);
opacity: 0; }
.scale-out-down.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-ms-transform: scale(1);
transform: scale(1);
transition-property: transform, opacity;
opacity: 1; }
.scale-out-down.mui-leave.mui-leave-active {
-ms-transform: scale(0.5);
transform: scale(0.5);
opacity: 0; }
.spin-in.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-ms-transform: rotate(-0.75turn);
transform: rotate(-0.75turn);
transition-property: transform, opacity;
opacity: 0; }
.spin-in.mui-enter.mui-enter-active {
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
.spin-out.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-ms-transform: rotate(0);
transform: rotate(0);
transition-property: transform, opacity;
opacity: 1; }
.spin-out.mui-leave.mui-leave-active {
-ms-transform: rotate(0.75turn);
transform: rotate(0.75turn);
opacity: 0; }
.spin-in-ccw.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-ms-transform: rotate(0.75turn);
transform: rotate(0.75turn);
transition-property: transform, opacity;
opacity: 0; }
.spin-in-ccw.mui-enter.mui-enter-active {
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
.spin-out-ccw.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-ms-transform: rotate(0);
transform: rotate(0);
transition-property: transform, opacity;
opacity: 1; }
.spin-out-ccw.mui-leave.mui-leave-active {
-ms-transform: rotate(-0.75turn);
transform: rotate(-0.75turn);
opacity: 0; }
.slow {
transition-duration: 750ms !important; }
.fast {
transition-duration: 250ms !important; }
.linear {
transition-timing-function: linear !important; }
.ease {
transition-timing-function: ease !important; }
.ease-in {
transition-timing-function: ease-in !important; }
.ease-out {
transition-timing-function: ease-out !important; }
.ease-in-out {
transition-timing-function: ease-in-out !important; }
.bounce-in {
transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }
.bounce-out {
transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }
.bounce-in-out {
transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }
.short-delay {
transition-delay: 300ms !important; }
.long-delay {
transition-delay: 700ms !important; }
.shake {
animation-name: shake-7; }
@keyframes shake-7 {
0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
transform: translateX(7%); }
5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
transform: translateX(-7%); } }
.spin-cw {
animation-name: spin-cw-1turn; }
@keyframes spin-cw-1turn {
0% {
transform: rotate(-1turn); }
100% {
transform: rotate(0); } }
.spin-ccw {
animation-name: spin-cw-1turn; }
@keyframes spin-cw-1turn {
0% {
transform: rotate(0); }
100% {
transform: rotate(1turn); } }
.wiggle {
animation-name: wiggle-7deg; }
@keyframes wiggle-7deg {
40%, 50%, 60% {
transform: rotate(7deg); }
35%, 45%, 55%, 65% {
transform: rotate(-7deg); }
0%, 30%, 70%, 100% {
transform: rotate(0); } }
.shake,
.spin-cw,
.spin-ccw,
.wiggle {
animation-duration: 500ms; }
.infinite {
animation-iteration-count: infinite; }
.slow {
animation-duration: 750ms !important; }
.fast {
animation-duration: 250ms !important; }
.linear {
animation-timing-function: linear !important; }
.ease {
animation-timing-function: ease !important; }
.ease-in {
animation-timing-function: ease-in !important; }
.ease-out {
animation-timing-function: ease-out !important; }
.ease-in-out {
animation-timing-function: ease-in-out !important; }
.bounce-in {
animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }
.bounce-out {
animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }
.bounce-in-out {
animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }
.short-delay {
animation-delay: 300ms !important; }
.long-delay {
animation-delay: 700ms !important; }
/*
* Foundation Icons v 3.0
* Made by ZURB 2013 http://zurb.com/playground/foundation-icon-fonts-3
* MIT License
*/
@font-face {
font-family: "foundation-icons";
src: url("clientlib-all/css/foundation-icons.eot");
src: url("clientlib-all/css/foundation-icons.eot?#iefix") format("embedded-opentype"),
url("clientlib-all/css/foundation-icons.woff") format("woff"),
url("clientlib-all/css/foundation-icons.ttf") format("truetype"),
url("clientlib-all/css/foundation-icons.svg#fontcustom") format("svg");
font-weight: normal;
font-style: normal;
}
.fi-address-book:before,
.fi-alert:before,
.fi-align-center:before,
.fi-align-justify:before,
.fi-align-left:before,
.fi-align-right:before,
.fi-anchor:before,
.fi-annotate:before,
.fi-archive:before,
.fi-arrow-down:before,
.fi-arrow-left:before,
.fi-arrow-right:before,
.fi-arrow-up:before,
.fi-arrows-compress:before,
.fi-arrows-expand:before,
.fi-arrows-in:before,
.fi-arrows-out:before,
.fi-asl:before,
.fi-asterisk:before,
.fi-at-sign:before,
.fi-background-color:before,
.fi-battery-empty:before,
.fi-battery-full:before,
.fi-battery-half:before,
.fi-bitcoin-circle:before,
.fi-bitcoin:before,
.fi-blind:before,
.fi-bluetooth:before,
.fi-bold:before,
.fi-book-bookmark:before,
.fi-book:before,
.fi-bookmark:before,
.fi-braille:before,
.fi-burst-new:before,
.fi-burst-sale:before,
.fi-burst:before,
.fi-calendar:before,
.fi-camera:before,
.fi-check:before,
.fi-checkbox:before,
.fi-clipboard-notes:before,
.fi-clipboard-pencil:before,
.fi-clipboard:before,
.fi-clock:before,
.fi-closed-caption:before,
.fi-cloud:before,
.fi-comment-minus:before,
.fi-comment-quotes:before,
.fi-comment-video:before,
.fi-comment:before,
.fi-comments:before,
.fi-compass:before,
.fi-contrast:before,
.fi-credit-card:before,
.fi-crop:before,
.fi-crown:before,
.fi-css3:before,
.fi-database:before,
.fi-die-five:before,
.fi-die-four:before,
.fi-die-one:before,
.fi-die-six:before,
.fi-die-three:before,
.fi-die-two:before,
.fi-dislike:before,
.fi-dollar-bill:before,
.fi-dollar:before,
.fi-download:before,
.fi-eject:before,
.fi-elevator:before,
.fi-euro:before,
.fi-eye:before,
.fi-fast-forward:before,
.fi-female-symbol:before,
.fi-female:before,
.fi-filter:before,
.fi-first-aid:before,
.fi-flag:before,
.fi-folder-add:before,
.fi-folder-lock:before,
.fi-folder:before,
.fi-foot:before,
.fi-foundation:before,
.fi-graph-bar:before,
.fi-graph-horizontal:before,
.fi-graph-pie:before,
.fi-graph-trend:before,
.fi-guide-dog:before,
.fi-hearing-aid:before,
.fi-heart:before,
.fi-home:before,
.fi-html5:before,
.fi-indent-less:before,
.fi-indent-more:before,
.fi-info:before,
.fi-italic:before,
.fi-key:before,
.fi-laptop:before,
.fi-layout:before,
.fi-lightbulb:before,
.fi-like:before,
.fi-link:before,
.fi-list-bullet:before,
.fi-list-number:before,
.fi-list-thumbnails:before,
.fi-list:before,
.fi-lock:before,
.fi-loop:before,
.fi-magnifying-glass:before,
.fi-mail:before,
.fi-male-female:before,
.fi-male-symbol:before,
.fi-male:before,
.fi-map:before,
.fi-marker:before,
.fi-megaphone:before,
.fi-microphone:before,
.fi-minus-circle:before,
.fi-minus:before,
.fi-mobile-signal:before,
.fi-mobile:before,
.fi-monitor:before,
.fi-mountains:before,
.fi-music:before,
.fi-next:before,
.fi-no-dogs:before,
.fi-no-smoking:before,
.fi-page-add:before,
.fi-page-copy:before,
.fi-page-csv:before,
.fi-page-delete:before,
.fi-page-doc:before,
.fi-page-edit:before,
.fi-page-export-csv:before,
.fi-page-export-doc:before,
.fi-page-export-pdf:before,
.fi-page-export:before,
.fi-page-filled:before,
.fi-page-multiple:before,
.fi-page-pdf:before,
.fi-page-remove:before,
.fi-page-search:before,
.fi-page:before,
.fi-paint-bucket:before,
.fi-paperclip:before,
.fi-pause:before,
.fi-paw:before,
.fi-paypal:before,
.fi-pencil:before,
.fi-photo:before,
.fi-play-circle:before,
.fi-play-video:before,
.fi-play:before,
.fi-plus:before,
.fi-pound:before,
.fi-power:before,
.fi-previous:before,
.fi-price-tag:before,
.fi-pricetag-multiple:before,
.fi-print:before,
.fi-prohibited:before,
.fi-projection-screen:before,
.fi-puzzle:before,
.fi-quote:before,
.fi-record:before,
.fi-refresh:before,
.fi-results-demographics:before,
.fi-results:before,
.fi-rewind-ten:before,
.fi-rewind:before,
.fi-rss:before,
.fi-safety-cone:before,
.fi-save:before,
.fi-share:before,
.fi-sheriff-badge:before,
.fi-shield:before,
.fi-shopping-bag:before,
.fi-shopping-cart:before,
.fi-shuffle:before,
.fi-skull:before,
.fi-social-500px:before,
.fi-social-adobe:before,
.fi-social-amazon:before,
.fi-social-android:before,
.fi-social-apple:before,
.fi-social-behance:before,
.fi-social-bing:before,
.fi-social-blogger:before,
.fi-social-delicious:before,
.fi-social-designer-news:before,
.fi-social-deviant-art:before,
.fi-social-digg:before,
.fi-social-dribbble:before,
.fi-social-drive:before,
.fi-social-dropbox:before,
.fi-social-evernote:before,
.fi-social-facebook:before,
.fi-social-flickr:before,
.fi-social-forrst:before,
.fi-social-foursquare:before,
.fi-social-game-center:before,
.fi-social-github:before,
.fi-social-google-plus:before,
.fi-social-hacker-news:before,
.fi-social-hi5:before,
.fi-social-instagram:before,
.fi-social-joomla:before,
.fi-social-lastfm:before,
.fi-social-linkedin:before,
.fi-social-medium:before,
.fi-social-myspace:before,
.fi-social-orkut:before,
.fi-social-path:before,
.fi-social-picasa:before,
.fi-social-pinterest:before,
.fi-social-rdio:before,
.fi-social-reddit:before,
.fi-social-skillshare:before,
.fi-social-skype:before,
.fi-social-smashing-mag:before,
.fi-social-snapchat:before,
.fi-social-spotify:before,
.fi-social-squidoo:before,
.fi-social-stack-overflow:before,
.fi-social-steam:before,
.fi-social-stumbleupon:before,
.fi-social-treehouse:before,
.fi-social-tumblr:before,
.fi-social-twitter:before,
.fi-social-vimeo:before,
.fi-social-windows:before,
.fi-social-xbox:before,
.fi-social-yahoo:before,
.fi-social-yelp:before,
.fi-social-youtube:before,
.fi-social-zerply:before,
.fi-social-zurb:before,
.fi-sound:before,
.fi-star:before,
.fi-stop:before,
.fi-strikethrough:before,
.fi-subscript:before,
.fi-superscript:before,
.fi-tablet-landscape:before,
.fi-tablet-portrait:before,
.fi-target-two:before,
.fi-target:before,
.fi-telephone-accessible:before,
.fi-telephone:before,
.fi-text-color:before,
.fi-thumbnails:before,
.fi-ticket:before,
.fi-torso-business:before,
.fi-torso-female:before,
.fi-torso:before,
.fi-torsos-all-female:before,
.fi-torsos-all:before,
.fi-torsos-female-male:before,
.fi-torsos-male-female:before,
.fi-torsos:before,
.fi-trash:before,
.fi-trees:before,
.fi-trophy:before,
.fi-underline:before,
.fi-universal-access:before,
.fi-unlink:before,
.fi-unlock:before,
.fi-upload-cloud:before,
.fi-upload:before,
.fi-usb:before,
.fi-video:before,
.fi-volume-none:before,
.fi-volume-strike:before,
.fi-volume:before,
.fi-web:before,
.fi-wheelchair:before,
.fi-widget:before,
.fi-wrench:before,
.fi-x-circle:before,
.fi-x:before,
.fi-yen:before,
.fi-zoom-in:before,
.fi-zoom-out:before {
font-family: "foundation-icons";
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
display: inline-block;
text-decoration: inherit;
}
.fi-address-book:before { content: "\f100"; }
.fi-alert:before { content: "\f101"; }
.fi-align-center:before { content: "\f102"; }
.fi-align-justify:before { content: "\f103"; }
.fi-align-left:before { content: "\f104"; }
.fi-align-right:before { content: "\f105"; }
.fi-anchor:before { content: "\f106"; }
.fi-annotate:before { content: "\f107"; }
.fi-archive:before { content: "\f108"; }
.fi-arrow-down:before { content: "\f109"; }
.fi-arrow-left:before { content: "\f10a"; }
.fi-arrow-right:before { content: "\f10b"; }
.fi-arrow-up:before { content: "\f10c"; }
.fi-arrows-compress:before { content: "\f10d"; }
.fi-arrows-expand:before { content: "\f10e"; }
.fi-arrows-in:before { content: "\f10f"; }
.fi-arrows-out:before { content: "\f110"; }
.fi-asl:before { content: "\f111"; }
.fi-asterisk:before { content: "\f112"; }
.fi-at-sign:before { content: "\f113"; }
.fi-background-color:before { content: "\f114"; }
.fi-battery-empty:before { content: "\f115"; }
.fi-battery-full:before { content: "\f116"; }
.fi-battery-half:before { content: "\f117"; }
.fi-bitcoin-circle:before { content: "\f118"; }
.fi-bitcoin:before { content: "\f119"; }
.fi-blind:before { content: "\f11a"; }
.fi-bluetooth:before { content: "\f11b"; }
.fi-bold:before { content: "\f11c"; }
.fi-book-bookmark:before { content: "\f11d"; }
.fi-book:before { content: "\f11e"; }
.fi-bookmark:before { content: "\f11f"; }
.fi-braille:before { content: "\f120"; }
.fi-burst-new:before { content: "\f121"; }
.fi-burst-sale:before { content: "\f122"; }
.fi-burst:before { content: "\f123"; }
.fi-calendar:before { content: "\f124"; }
.fi-camera:before { content: "\f125"; }
.fi-check:before { content: "\f126"; }
.fi-checkbox:before { content: "\f127"; }
.fi-clipboard-notes:before { content: "\f128"; }
.fi-clipboard-pencil:before { content: "\f129"; }
.fi-clipboard:before { content: "\f12a"; }
.fi-clock:before { content: "\f12b"; }
.fi-closed-caption:before { content: "\f12c"; }
.fi-cloud:before { content: "\f12d"; }
.fi-comment-minus:before { content: "\f12e"; }
.fi-comment-quotes:before { content: "\f12f"; }
.fi-comment-video:before { content: "\f130"; }
.fi-comment:before { content: "\f131"; }
.fi-comments:before { content: "\f132"; }
.fi-compass:before { content: "\f133"; }
.fi-contrast:before { content: "\f134"; }
.fi-credit-card:before { content: "\f135"; }
.fi-crop:before { content: "\f136"; }
.fi-crown:before { content: "\f137"; }
.fi-css3:before { content: "\f138"; }
.fi-database:before { content: "\f139"; }
.fi-die-five:before { content: "\f13a"; }
.fi-die-four:before { content: "\f13b"; }
.fi-die-one:before { content: "\f13c"; }
.fi-die-six:before { content: "\f13d"; }
.fi-die-three:before { content: "\f13e"; }
.fi-die-two:before { content: "\f13f"; }
.fi-dislike:before { content: "\f140"; }
.fi-dollar-bill:before { content: "\f141"; }
.fi-dollar:before { content: "\f142"; }
.fi-download:before { content: "\f143"; }
.fi-eject:before { content: "\f144"; }
.fi-elevator:before { content: "\f145"; }
.fi-euro:before { content: "\f146"; }
.fi-eye:before { content: "\f147"; }
.fi-fast-forward:before { content: "\f148"; }
.fi-female-symbol:before { content: "\f149"; }
.fi-female:before { content: "\f14a"; }
.fi-filter:before { content: "\f14b"; }
.fi-first-aid:before { content: "\f14c"; }
.fi-flag:before { content: "\f14d"; }
.fi-folder-add:before { content: "\f14e"; }
.fi-folder-lock:before { content: "\f14f"; }
.fi-folder:before { content: "\f150"; }
.fi-foot:before { content: "\f151"; }
.fi-foundation:before { content: "\f152"; }
.fi-graph-bar:before { content: "\f153"; }
.fi-graph-horizontal:before { content: "\f154"; }
.fi-graph-pie:before { content: "\f155"; }
.fi-graph-trend:before { content: "\f156"; }
.fi-guide-dog:before { content: "\f157"; }
.fi-hearing-aid:before { content: "\f158"; }
.fi-heart:before { content: "\f159"; }
.fi-home:before { content: "\f15a"; }
.fi-html5:before { content: "\f15b"; }
.fi-indent-less:before { content: "\f15c"; }
.fi-indent-more:before { content: "\f15d"; }
.fi-info:before { content: "\f15e"; }
.fi-italic:before { content: "\f15f"; }
.fi-key:before { content: "\f160"; }
.fi-laptop:before { content: "\f161"; }
.fi-layout:before { content: "\f162"; }
.fi-lightbulb:before { content: "\f163"; }
.fi-like:before { content: "\f164"; }
.fi-link:before { content: "\f165"; }
.fi-list-bullet:before { content: "\f166"; }
.fi-list-number:before { content: "\f167"; }
.fi-list-thumbnails:before { content: "\f168"; }
.fi-list:before { content: "\f169"; }
.fi-lock:before { content: "\f16a"; }
.fi-loop:before { content: "\f16b"; }
.fi-magnifying-glass:before { content: "\f16c"; }
.fi-mail:before { content: "\f16d"; }
.fi-male-female:before { content: "\f16e"; }
.fi-male-symbol:before { content: "\f16f"; }
.fi-male:before { content: "\f170"; }
.fi-map:before { content: "\f171"; }
.fi-marker:before { content: "\f172"; }
.fi-megaphone:before { content: "\f173"; }
.fi-microphone:before { content: "\f174"; }
.fi-minus-circle:before { content: "\f175"; }
.fi-minus:before { content: "\f176"; }
.fi-mobile-signal:before { content: "\f177"; }
.fi-mobile:before { content: "\f178"; }
.fi-monitor:before { content: "\f179"; }
.fi-mountains:before { content: "\f17a"; }
.fi-music:before { content: "\f17b"; }
.fi-next:before { content: "\f17c"; }
.fi-no-dogs:before { content: "\f17d"; }
.fi-no-smoking:before { content: "\f17e"; }
.fi-page-add:before { content: "\f17f"; }
.fi-page-copy:before { content: "\f180"; }
.fi-page-csv:before { content: "\f181"; }
.fi-page-delete:before { content: "\f182"; }
.fi-page-doc:before { content: "\f183"; }
.fi-page-edit:before { content: "\f184"; }
.fi-page-export-csv:before { content: "\f185"; }
.fi-page-export-doc:before { content: "\f186"; }
.fi-page-export-pdf:before { content: "\f187"; }
.fi-page-export:before { content: "\f188"; }
.fi-page-filled:before { content: "\f189"; }
.fi-page-multiple:before { content: "\f18a"; }
.fi-page-pdf:before { content: "\f18b"; }
.fi-page-remove:before { content: "\f18c"; }
.fi-page-search:before { content: "\f18d"; }
.fi-page:before { content: "\f18e"; }
.fi-paint-bucket:before { content: "\f18f"; }
.fi-paperclip:before { content: "\f190"; }
.fi-pause:before { content: "\f191"; }
.fi-paw:before { content: "\f192"; }
.fi-paypal:before { content: "\f193"; }
.fi-pencil:before { content: "\f194"; }
.fi-photo:before { content: "\f195"; }
.fi-play-circle:before { content: "\f196"; }
.fi-play-video:before { content: "\f197"; }
.fi-play:before { content: "\f198"; }
.fi-plus:before { content: "\f199"; }
.fi-pound:before { content: "\f19a"; }
.fi-power:before { content: "\f19b"; }
.fi-previous:before { content: "\f19c"; }
.fi-price-tag:before { content: "\f19d"; }
.fi-pricetag-multiple:before { content: "\f19e"; }
.fi-print:before { content: "\f19f"; }
.fi-prohibited:before { content: "\f1a0"; }
.fi-projection-screen:before { content: "\f1a1"; }
.fi-puzzle:before { content: "\f1a2"; }
.fi-quote:before { content: "\f1a3"; }
.fi-record:before { content: "\f1a4"; }
.fi-refresh:before { content: "\f1a5"; }
.fi-results-demographics:before { content: "\f1a6"; }
.fi-results:before { content: "\f1a7"; }
.fi-rewind-ten:before { content: "\f1a8"; }
.fi-rewind:before { content: "\f1a9"; }
.fi-rss:before { content: "\f1aa"; }
.fi-safety-cone:before { content: "\f1ab"; }
.fi-save:before { content: "\f1ac"; }
.fi-share:before { content: "\f1ad"; }
.fi-sheriff-badge:before { content: "\f1ae"; }
.fi-shield:before { content: "\f1af"; }
.fi-shopping-bag:before { content: "\f1b0"; }
.fi-shopping-cart:before { content: "\f1b1"; }
.fi-shuffle:before { content: "\f1b2"; }
.fi-skull:before { content: "\f1b3"; }
.fi-social-500px:before { content: "\f1b4"; }
.fi-social-adobe:before { content: "\f1b5"; }
.fi-social-amazon:before { content: "\f1b6"; }
.fi-social-android:before { content: "\f1b7"; }
.fi-social-apple:before { content: "\f1b8"; }
.fi-social-behance:before { content: "\f1b9"; }
.fi-social-bing:before { content: "\f1ba"; }
.fi-social-blogger:before { content: "\f1bb"; }
.fi-social-delicious:before { content: "\f1bc"; }
.fi-social-designer-news:before { content: "\f1bd"; }
.fi-social-deviant-art:before { content: "\f1be"; }
.fi-social-digg:before { content: "\f1bf"; }
.fi-social-dribbble:before { content: "\f1c0"; }
.fi-social-drive:before { content: "\f1c1"; }
.fi-social-dropbox:before { content: "\f1c2"; }
.fi-social-evernote:before { content: "\f1c3"; }
.fi-social-facebook:before { content: "\f1c4"; }
.fi-social-flickr:before { content: "\f1c5"; }
.fi-social-forrst:before { content: "\f1c6"; }
.fi-social-foursquare:before { content: "\f1c7"; }
.fi-social-game-center:before { content: "\f1c8"; }
.fi-social-github:before { content: "\f1c9"; }
.fi-social-google-plus:before { content: "\f1ca"; }
.fi-social-hacker-news:before { content: "\f1cb"; }
.fi-social-hi5:before { content: "\f1cc"; }
.fi-social-instagram:before { content: "\f1cd"; }
.fi-social-joomla:before { content: "\f1ce"; }
.fi-social-lastfm:before { content: "\f1cf"; }
.fi-social-linkedin:before { content: "\f1d0"; }
.fi-social-medium:before { content: "\f1d1"; }
.fi-social-myspace:before { content: "\f1d2"; }
.fi-social-orkut:before { content: "\f1d3"; }
.fi-social-path:before { content: "\f1d4"; }
.fi-social-picasa:before { content: "\f1d5"; }
.fi-social-pinterest:before { content: "\f1d6"; }
.fi-social-rdio:before { content: "\f1d7"; }
.fi-social-reddit:before { content: "\f1d8"; }
.fi-social-skillshare:before { content: "\f1d9"; }
.fi-social-skype:before { content: "\f1da"; }
.fi-social-smashing-mag:before { content: "\f1db"; }
.fi-social-snapchat:before { content: "\f1dc"; }
.fi-social-spotify:before { content: "\f1dd"; }
.fi-social-squidoo:before { content: "\f1de"; }
.fi-social-stack-overflow:before { content: "\f1df"; }
.fi-social-steam:before { content: "\f1e0"; }
.fi-social-stumbleupon:before { content: "\f1e1"; }
.fi-social-treehouse:before { content: "\f1e2"; }
.fi-social-tumblr:before { content: "\f1e3"; }
.fi-social-twitter:before { content: "\f1e4"; }
.fi-social-vimeo:before { content: "\f1e5"; }
.fi-social-windows:before { content: "\f1e6"; }
.fi-social-xbox:before { content: "\f1e7"; }
.fi-social-yahoo:before { content: "\f1e8"; }
.fi-social-yelp:before { content: "\f1e9"; }
.fi-social-youtube:before { content: "\f1ea"; }
.fi-social-zerply:before { content: "\f1eb"; }
.fi-social-zurb:before { content: "\f1ec"; }
.fi-sound:before { content: "\f1ed"; }
.fi-star:before { content: "\f1ee"; }
.fi-stop:before { content: "\f1ef"; }
.fi-strikethrough:before { content: "\f1f0"; }
.fi-subscript:before { content: "\f1f1"; }
.fi-superscript:before { content: "\f1f2"; }
.fi-tablet-landscape:before { content: "\f1f3"; }
.fi-tablet-portrait:before { content: "\f1f4"; }
.fi-target-two:before { content: "\f1f5"; }
.fi-target:before { content: "\f1f6"; }
.fi-telephone-accessible:before { content: "\f1f7"; }
.fi-telephone:before { content: "\f1f8"; }
.fi-text-color:before { content: "\f1f9"; }
.fi-thumbnails:before { content: "\f1fa"; }
.fi-ticket:before { content: "\f1fb"; }
.fi-torso-business:before { content: "\f1fc"; }
.fi-torso-female:before { content: "\f1fd"; }
.fi-torso:before { content: "\f1fe"; }
.fi-torsos-all-female:before { content: "\f1ff"; }
.fi-torsos-all:before { content: "\f200"; }
.fi-torsos-female-male:before { content: "\f201"; }
.fi-torsos-male-female:before { content: "\f202"; }
.fi-torsos:before { content: "\f203"; }
.fi-trash:before { content: "\f204"; }
.fi-trees:before { content: "\f205"; }
.fi-trophy:before { content: "\f206"; }
.fi-underline:before { content: "\f207"; }
.fi-universal-access:before { content: "\f208"; }
.fi-unlink:before { content: "\f209"; }
.fi-unlock:before { content: "\f20a"; }
.fi-upload-cloud:before { content: "\f20b"; }
.fi-upload:before { content: "\f20c"; }
.fi-usb:before { content: "\f20d"; }
.fi-video:before { content: "\f20e"; }
.fi-volume-none:before { content: "\f20f"; }
.fi-volume-strike:before { content: "\f210"; }
.fi-volume:before { content: "\f211"; }
.fi-web:before { content: "\f212"; }
.fi-wheelchair:before { content: "\f213"; }
.fi-widget:before { content: "\f214"; }
.fi-wrench:before { content: "\f215"; }
.fi-x-circle:before { content: "\f216"; }
.fi-x:before { content: "\f217"; }
.fi-yen:before { content: "\f218"; }
.fi-zoom-in:before { content: "\f219"; }
.fi-zoom-out:before { content: "\f21a"; }
/*! jQuery UI - v1.9.1 - 2012-11-19
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fwDefault=normal&fsDefault=1.2em&cornerRadius=0&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=eeeeee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=048b11&fcHighlight=048b11&iconColorHighlight=2e83ff&bgColorError=ffcc66&bgTextureError=03_highlight_soft.png&bgImgOpacityError=95&borderColorError=ee7d1f&fcError=ee7d1f&iconColorError=ee7d1f&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright (c) 2012 jQuery Foundation and other contributors Licensed MIT */.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{position:absolute!important;clip:rect(1px);clip:rect(1px,1px,1px,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}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{zoom:1}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block}.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-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;zoom:1}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-noicons{padding-left:.7em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto;zoom:1}.ui-autocomplete{position:absolute;top:0;cursor:default}* html .ui-autocomplete{width:1px}.ui-button{display:inline-block;position:relative;padding:0;margin-right:.1em;cursor:pointer;text-align:center;zoom:1;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:1.4}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}button.ui-button::-moz-focus-inner{border:0;padding:0}.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-year{width:100%}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.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}.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{border-left-width:0}.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:0em}.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{float:right}.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker-cover{position:absolute;z-index:-1;filter:mask();top:-4px;left:-4px;width:200px;height:200px}.ui-dialog{position:absolute;padding:.2em;width:300px;overflow:hidden}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 16px .1em 0}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:19px;margin:-10px 0 0 0;padding:1px;height:18px}.ui-dialog .ui-dialog-titlebar-close span{display:block;margin:1px}.ui-dialog .ui-dialog-titlebar-close:hover,.ui-dialog .ui-dialog-titlebar-close:focus{padding:0}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto;zoom:1}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin:.5em 0 0 0;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-se{width:14px;height:14px;right:3px;bottom:3px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:2px;margin:0;display:block;outline:none}.ui-menu .ui-menu{margin-top:-3px;position:absolute}.ui-menu .ui-menu-item{margin:0;padding:0;zoom:1;width:100%}.ui-menu .ui-menu-divider{margin:5px -2px 5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;zoom:1;font-weight:normal}.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight:normal;margin:-1px}.ui-menu .ui-state-disabled{font-weight:normal;margin:.4em 0 .2em;line-height:1.5}.ui-menu .ui-state-disabled a{cursor:default}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em}.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em}.ui-menu .ui-menu-icon{position:static;float:right}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.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}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.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-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em;zoom:1}.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:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav li a{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 a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a{cursor:text}.ui-tabs .ui-tabs-nav li a,.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a{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;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}* html .ui-tooltip{background-image:none}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1.2em}.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-content{border:1px solid #aaa;background:#fff;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url(clientlib-all/img/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;color:#222;font-weight:bold}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url(clientlib-all/img/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;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{border:1px solid #999;background:#dadada url(clientlib-all/img/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url(clientlib-all/img/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #048b11;background:#eee url(clientlib-all/img/ui-bg_glass_55_eeeeee_1x400.png) 50% 50% repeat-x;color:#048b11}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#048b11}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #ee7d1f;background:#fc6 url(clientlib-all/img/ui-bg_highlight-soft_95_ffcc66_1x100.png) 50% top repeat-x;color:#ee7d1f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#ee7d1f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#ee7d1f}.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);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px;background-image:url(clientlib-all/img/ui-icons_222222_256x240.png)}.ui-widget-content .ui-icon{background-image:url(clientlib-all/img/ui-icons_222222_256x240.png)}.ui-widget-header .ui-icon{background-image:url(clientlib-all/img/ui-icons_222222_256x240.png)}.ui-state-default .ui-icon{background-image:url(clientlib-all/img/ui-icons_888888_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(clientlib-all/img/ui-icons_454545_256x240.png)}.ui-state-active .ui-icon{background-image:url(clientlib-all/img/ui-icons_454545_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(clientlib-all/img/ui-icons_2e83ff_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(clientlib-all/img/ui-icons_ee7d1f_256x240.png)}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-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:-64px -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:-64px -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:0 -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{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}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{-moz-border-radius-topleft:0;-webkit-border-top-left-radius:0;-khtml-border-top-left-radius:0;border-top-left-radius:0}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{-moz-border-radius-topright:0;-webkit-border-top-right-radius:0;-khtml-border-top-right-radius:0;border-top-right-radius:0}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;-khtml-border-bottom-left-radius:0;border-bottom-left-radius:0}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{-moz-border-radius-bottomright:0;-webkit-border-bottom-right-radius:0;-khtml-border-bottom-right-radius:0;border-bottom-right-radius:0}.ui-widget-overlay{background:#aaa url(clientlib-all/img/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url(clientlib-all/img/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}
/* Webicons by Adam Fairhead at Fairhead Creative http://fairheadcreative.com */
.webicon {
display: inline-block;
background-size: 100%;
width: 30px;
height: 30px;
text-indent: -999em;
text-align: left;
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-bottom: 5px; }
.webicon:hover {
margin: -1px 0 1px;
-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); }
.webicon.small {
width: 20px;
height: 20px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; }
.webicon.large {
width: 48px;
height: 48px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px; }
/* restore webicons accessibility for print */
@media print {
* {
background: transparent !important;
color: #000 !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !important;
}
.webicon {
text-indent: 0;
width: auto !important;
height: auto !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
}
}
.no-svg .webicon.f500px {
background: url("clientlib-all/img/webicon-f500px-m.png"); }
.no-svg .webicon.f500px.large {
background: url("clientlib-all/img/webicon-f500px.png"); }
.no-svg .webicon.f500px.small {
background: url("clientlib-all/img/webicon-f500px-s.png"); }
.webicon.f500px {
background: url("clientlib-all/img/webicon-f500px.svg"); }
.no-svg .webicon.aboutme {
background: url("clientlib-all/img/webicon-aboutme-m.png"); }
.no-svg .webicon.aboutme.large {
background: url("clientlib-all/img/webicon-aboutme.png"); }
.no-svg .webicon.aboutme.small {
background: url("clientlib-all/img/webicon-aboutme-s.png"); }
.webicon.aboutme {
background: url("clientlib-all/img/webicon-aboutme.svg"); }
.no-svg .webicon.adn {
background: url("clientlib-all/img/webicon-adn-m.png"); }
.no-svg .webicon.adn.large {
background: url("clientlib-all/img/webicon-adn.png"); }
.no-svg .webicon.adn.small {
background: url("clientlib-all/img/webicon-adn-s.png"); }
.webicon.adn {
background: url("clientlib-all/img/webicon-adn.svg"); }
.no-svg .webicon.android {
background: url("clientlib-all/img/webicon-android-m.png"); }
.no-svg .webicon.android.large {
background: url("clientlib-all/img/webicon-android.png"); }
.no-svg .webicon.android.small {
background: url("clientlib-all/img/webicon-android-s.png"); }
.webicon.android {
background: url("clientlib-all/img/webicon-android.svg"); }
.no-svg .webicon.apple {
background: url("clientlib-all/img/webicon-apple-m.png"); }
.no-svg .webicon.apple.large {
background: url("clientlib-all/img/webicon-apple.png"); }
.no-svg .webicon.apple.small {
background: url("clientlib-all/img/webicon-apple-s.png"); }
.webicon.apple {
background: url("clientlib-all/img/webicon-apple.svg"); }
.no-svg .webicon.behance {
background: url("clientlib-all/img/webicon-behance-m.png"); }
.no-svg .webicon.behance.large {
background: url("clientlib-all/img/webicon-behance.png"); }
.no-svg .webicon.behance.small {
background: url("clientlib-all/img/webicon-behance-s.png"); }
.webicon.behance {
background: url("clientlib-all/img/webicon-behance.svg"); }
.no-svg .webicon.bitbucket {
background: url("clientlib-all/img/webicon-bitbucket-m.png"); }
.no-svg .webicon.bitbucket.large {
background: url("clientlib-all/img/webicon-bitbucket.png"); }
.no-svg .webicon.bitbucket.small {
background: url("clientlib-all/img/webicon-bitbucket-s.png"); }
.webicon.bitbucket {
background: url("clientlib-all/img/webicon-bitbucket.svg"); }
.no-svg .webicon.blogger {
background: url("clientlib-all/img/webicon-blogger-m.png"); }
.no-svg .webicon.blogger.large {
background: url("clientlib-all/img/webicon-blogger.png"); }
.no-svg .webicon.blogger.small {
background: url("clientlib-all/img/webicon-blogger-s.png"); }
.webicon.blogger {
background: url("clientlib-all/img/webicon-blogger.svg"); }
.no-svg .webicon.branch {
background: url("clientlib-all/img/webicon-branch-m.png"); }
.no-svg .webicon.branch.large {
background: url("clientlib-all/img/webicon-branch.png"); }
.no-svg .webicon.branch.small {
background: url("clientlib-all/img/webicon-branch-s.png"); }
.webicon.branch {
background: url("clientlib-all/img/webicon-branch.svg"); }
.no-svg .webicon.coderwall {
background: url("clientlib-all/img/webicon-coderwall-m.png"); }
.no-svg .webicon.coderwall.large {
background: url("clientlib-all/img/webicon-coderwall.png"); }
.no-svg .webicon.coderwall.small {
background: url("clientlib-all/img/webicon-coderwall-s.png"); }
.webicon.coderwall {
background: url("clientlib-all/img/webicon-coderwall.svg"); }
.no-svg .webicon.creativecloud {
background: url("clientlib-all/img/webicon-creativecloud-m.png"); }
.no-svg .webicon.creativecloud.large {
background: url("clientlib-all/img/webicon-creativecloud.png"); }
.no-svg .webicon.creativecloud.small {
background: url("clientlib-all/img/webicon-creativecloud-s.png"); }
.webicon.creativecloud {
background: url("clientlib-all/img/webicon-creativecloud.svg"); }
.no-svg .webicon.dribbble {
background: url("clientlib-all/img/webicon-dribbble-m.png"); }
.no-svg .webicon.dribbble.large {
background: url("clientlib-all/img/webicon-dribbble.png"); }
.no-svg .webicon.dribbble.small {
background: url("clientlib-all/img/webicon-dribbble-s.png"); }
.webicon.dribbble {
background: url("clientlib-all/img/webicon-dribbble.svg"); }
.no-svg .webicon.deviantart {
background: url("clientlib-all/img/webicon-deviantart-m.png"); }
.no-svg .webicon.deviantart.large {
background: url("clientlib-all/img/webicon-deviantart.png"); }
.no-svg .webicon.deviantart.small {
background: url("clientlib-all/img/webicon-deviantart-s.png"); }
.webicon.deviantart {
background: url("clientlib-all/img/webicon-deviantart.svg"); }
.no-svg .webicon.dropbox {
background: url("clientlib-all/img/webicon-dropbox-m.png"); }
.no-svg .webicon.dropbox.large {
background: url("clientlib-all/img/webicon-dropbox.png"); }
.no-svg .webicon.dropbox.small {
background: url("clientlib-all/img/webicon-dropbox-s.png"); }
.webicon.dropbox {
background: url("clientlib-all/img/webicon-dropbox.svg"); }
.no-svg .webicon.evernote {
background: url("clientlib-all/img/webicon-evernote-m.png"); }
.no-svg .webicon.evernote.large {
background: url("clientlib-all/img/webicon-evernote.png"); }
.no-svg .webicon.evernote.small {
background: url("clientlib-all/img/webicon-evernote-s.png"); }
.webicon.evernote {
background: url("clientlib-all/img/webicon-evernote.svg"); }
.no-svg .webicon.fairheadcreative {
background: url("clientlib-all/img/webicon-fairheadcreative-m.png"); }
.no-svg .webicon.fairheadcreative.large {
background: url("clientlib-all/img/webicon-fairheadcreative.png"); }
.no-svg .webicon.fairheadcreative.small {
background: url("clientlib-all/img/webicon-fairheadcreative-s.png"); }
.webicon.fairheadcreative {
background: url("clientlib-all/img/webicon-fairheadcreative.svg"); }
.no-svg .webicon.facebook {
background: url("clientlib-all/img/webicon-facebook.png"); }
.no-svg .webicon.facebook.large {
background: url("clientlib-all/img/webicon-facebook.png"); }
.no-svg .webicon.facebook.small {
background: url("clientlib-all/img/webicon-facebook-s.png"); }
.webicon.facebook {
background: url("clientlib-all/img/webicon-facebook.svg"); }
.webicon.facebook-new {
background: url("clientlib-all/img/webicon-facebook-new.svg"); }
.webicon.facebook-circle {
background: url("clientlib-all/img/webicon-facebook-circle.svg"); }
.no-svg .webicon.flickr {
background: url("clientlib-all/img/webicon-flickr-m.png"); }
.no-svg .webicon.flickr.large {
background: url("clientlib-all/img/webicon-flickr.png"); }
.no-svg .webicon.flickr.small {
background: url("clientlib-all/img/webicon-flickr-s.png"); }
.webicon.flickr {
background: url("clientlib-all/img/webicon-flickr.svg"); }
.no-svg .webicon.foursquare {
background: url("clientlib-all/img/webicon-foursquare-m.png"); }
.no-svg .webicon.foursquare.large {
background: url("clientlib-all/img/webicon-foursquare.png"); }
.no-svg .webicon.foursquare.small {
background: url("clientlib-all/img/webicon-foursquare-s.png"); }
.webicon.foursquare {
background: url("clientlib-all/img/webicon-foursquare.svg"); }
.no-svg .webicon.git {
background: url("clientlib-all/img/webicon-git-m.png"); }
.no-svg .webicon.git.large {
background: url("clientlib-all/img/webicon-git.png"); }
.no-svg .webicon.git.small {
background: url("clientlib-all/img/webicon-git-s.png"); }
.webicon.git {
background: url("clientlib-all/img/webicon-git.svg"); }
.no-svg .webicon.github {
background: url("clientlib-all/img/webicon-github-m.png"); }
.no-svg .webicon.github.large {
background: url("clientlib-all/img/webicon-github.png"); }
.no-svg .webicon.github.small {
background: url("clientlib-all/img/webicon-github-s.png"); }
.webicon.github {
background: url("clientlib-all/img/webicon-github.svg"); }
.no-svg .webicon.goodreads {
background: url("clientlib-all/img/webicon-goodreads-m.png"); }
.no-svg .webicon.goodreads.large {
background: url("clientlib-all/img/webicon-goodreads.png"); }
.no-svg .webicon.goodreads.small {
background: url("clientlib-all/img/webicon-goodreads-s.png"); }
.webicon.goodreads {
background: url("clientlib-all/img/webicon-goodreads.svg"); }
.no-svg .webicon.google {
background: url("clientlib-all/img/webicon-google-m.png"); }
.no-svg .webicon.google.large {
background: url("clientlib-all/img/webicon-google.png"); }
.no-svg .webicon.google.small {
background: url("clientlib-all/img/webicon-google-s.png"); }
.webicon.google {
background: url("clientlib-all/img/webicon-google.svg"); }
.no-svg .webicon.googleplay {
background: url("clientlib-all/img/webicon-googleplay-m.png"); }
.no-svg .webicon.googleplay.large {
background: url("clientlib-all/img/webicon-googleplay.png"); }
.no-svg .webicon.googleplay.small {
background: url("clientlib-all/img/webicon-googleplay-s.png"); }
.webicon.googleplay {
background: url("clientlib-all/img/webicon-googleplay.svg"); }
.no-svg .webicon.googleplus {
background: url("clientlib-all/img/webicon-googleplus-m.png"); }
.no-svg .webicon.googleplus.large {
background: url("clientlib-all/img/webicon-googleplus.png"); }
.no-svg .webicon.googleplus.small {
background: url("clientlib-all/img/webicon-googleplus-s.png"); }
.webicon.googleplus {
background: url("clientlib-all/img/webicon-googleplus.svg"); }
.no-svg .webicon.hangouts {
background: url("clientlib-all/img/webicon-hangouts-m.png"); }
.no-svg .webicon.hangouts.large {
background: url("clientlib-all/img/webicon-hangouts.png"); }
.no-svg .webicon.hangouts.small {
background: url("clientlib-all/img/webicon-hangouts-s.png"); }
.webicon.hangouts {
background: url("clientlib-all/img/webicon-hangouts.svg"); }
.no-svg .webicon.html5 {
background: url("clientlib-all/img/webicon-html5-m.png"); }
.no-svg .webicon.html5.large {
background: url("clientlib-all/img/webicon-html5.png"); }
.no-svg .webicon.html5.small {
background: url("clientlib-all/img/webicon-html5-s.png"); }
.webicon.html5 {
background: url("clientlib-all/img/webicon-html5.svg"); }
.no-svg .webicon.icloud {
background: url("clientlib-all/img/webicon-icloud-m.png"); }
.no-svg .webicon.icloud.large {
background: url("clientlib-all/img/webicon-icloud.png"); }
.no-svg .webicon.icloud.small {
background: url("clientlib-all/img/webicon-icloud-s.png"); }
.webicon.icloud {
background: url("clientlib-all/img/webicon-icloud.svg"); }
.no-svg .webicon.indiegogo {
background: url("clientlib-all/img/webicon-indiegogo-m.png"); }
.no-svg .webicon.indiegogo.large {
background: url("clientlib-all/img/webicon-indiegogo.png"); }
.no-svg .webicon.indiegogo.small {
background: url("clientlib-all/img/webicon-indiegogo-s.png"); }
.webicon.indiegogo {
background: url("clientlib-all/img/webicon-indiegogo.svg"); }
.no-svg .webicon.instagram {
background: url("clientlib-all/img/webicon-instagram-m.png"); }
.no-svg .webicon.instagram.large {
background: url("clientlib-all/img/webicon-instagram.png"); }
.no-svg .webicon.instagram.small {
background: url("clientlib-all/img/webicon-instagram-s.png"); }
.webicon.instagram {
background: url("clientlib-all/img/webicon-instagram.svg"); }
.webicon.instagram-new {
background: url("clientlib-all/img/webicon-instagram-new.svg"); }
.webicon.instagram-circle {
background: url("clientlib-all/img/webicon-instagram-circle.svg"); }
.no-svg .webicon.instapaper {
background: url("clientlib-all/img/webicon-instapaper-m.png"); }
.no-svg .webicon.instapaper.large {
background: url("clientlib-all/img/webicon-instapaper.png"); }
.no-svg .webicon.instapaper.small {
background: url("clientlib-all/img/webicon-instapaper-s.png"); }
.webicon.instapaper {
background: url("clientlib-all/img/webicon-instapaper.svg"); }
.no-svg .webicon.kickstarter {
background: url("clientlib-all/img/webicon-kickstarter-m.png"); }
.no-svg .webicon.kickstarter.large {
background: url("clientlib-all/img/webicon-kickstarter.png"); }
.no-svg .webicon.kickstarter.small {
background: url("clientlib-all/img/webicon-kickstarter-s.png"); }
.webicon.kickstarter {
background: url("clientlib-all/img/webicon-kickstarter.svg"); }
.no-svg .webicon.klout {
background: url("clientlib-all/img/webicon-klout-m.png"); }
.no-svg .webicon.klout.large {
background: url("clientlib-all/img/webicon-klout.png"); }
.no-svg .webicon.klout.small {
background: url("clientlib-all/img/webicon-klout-s.png"); }
.webicon.klout {
background: url("clientlib-all/img/webicon-klout.svg"); }
.no-svg .webicon.lastfm {
background: url("clientlib-all/img/webicon-lastfm-m.png"); }
.no-svg .webicon.lastfm.large {
background: url("clientlib-all/img/webicon-lastfm.png"); }
.no-svg .webicon.lastfm.small {
background: url("clientlib-all/img/webicon-lastfm-s.png"); }
.webicon.lastfm {
background: url("clientlib-all/img/webicon-lastfm.svg"); }
.no-svg .webicon.linkedin {
background: url("clientlib-all/img/webicon-linkedin-m.png"); }
.no-svg .webicon.linkedin.large {
background: url("clientlib-all/img/webicon-linkedin.png"); }
.no-svg .webicon.linkedin.small {
background: url("clientlib-all/img/webicon-linkedin-s.png"); }
.webicon.linkedin {
background: url("clientlib-all/img/webicon-linkedin.svg"); }
.webicon.linkedin-new {
background: url("clientlib-all/img/webicon-linkedin-new.svg"); }
.webicon.linkedin-circle {
background: url("clientlib-all/img/webicon-linkedin-circle.svg"); }
.no-svg .webicon.mail {
background: url("clientlib-all/img/webicon-mail-m.png"); }
.no-svg .webicon.mail.large {
background: url("clientlib-all/img/webicon-mail.png"); }
.no-svg .webicon.mail.small {
background: url("clientlib-all/img/webicon-mail-s.png"); }
.webicon.mail {
background: url("clientlib-all/img/webicon-mail.svg"); }
.no-svg .webicon.medium {
background: url("clientlib-all/img/webicon-medium-m.png"); }
.no-svg .webicon.medium.large {
background: url("clientlib-all/img/webicon-medium.png"); }
.no-svg .webicon.medium.small {
background: url("clientlib-all/img/webicon-medium-s.png"); }
.webicon.medium {
background: url("clientlib-all/img/webicon-medium.svg"); }
.no-svg .webicon.mixi {
background: url("clientlib-all/img/webicon-mixi-m.png"); }
.no-svg .webicon.mixi.large {
background: url("clientlib-all/img/webicon-mixi.png"); }
.no-svg .webicon.mixi.small {
background: url("clientlib-all/img/webicon-mixi-s.png"); }
.webicon.mixi {
background: url("clientlib-all/img/webicon-mixi.svg"); }
.no-svg .webicon.msn {
background: url("clientlib-all/img/webicon-msn-m.png"); }
.no-svg .webicon.msn.large {
background: url("clientlib-all/img/webicon-msn.png"); }
.no-svg .webicon.msn.small {
background: url("clientlib-all/img/webicon-msn-s.png"); }
.webicon.msn {
background: url("clientlib-all/img/webicon-msn.svg"); }
.no-svg .webicon.openid {
background: url("clientlib-all/img/webicon-openid-m.png"); }
.no-svg .webicon.openid.large {
background: url("clientlib-all/img/webicon-openid.png"); }
.no-svg .webicon.openid.small {
background: url("clientlib-all/img/webicon-openid-s.png"); }
.webicon.openid {
background: url("clientlib-all/img/webicon-openid.svg"); }
.no-svg .webicon.picasa {
background: url("clientlib-all/img/webicon-picasa-m.png"); }
.no-svg .webicon.picasa.large {
background: url("clientlib-all/img/webicon-picasa.png"); }
.no-svg .webicon.picasa.small {
background: url("clientlib-all/img/webicon-picasa-s.png"); }
.webicon.picasa {
background: url("clientlib-all/img/webicon-picasa.svg"); }
.no-svg .webicon.pinterest {
background: url("clientlib-all/img/webicon-pinterest-m.png"); }
.no-svg .webicon.pinterest.large {
background: url("clientlib-all/img/webicon-pinterest.png"); }
.no-svg .webicon.pinterest.small {
background: url("clientlib-all/img/webicon-pinterest-s.png"); }
.webicon.pinterest {
background: url("clientlib-all/img/webicon-pinterest.svg"); }
.no-svg .webicon.pocketapp {
background: url("clientlib-all/img/webicon-pocketapp-m.png"); }
.no-svg .webicon.pocketapp.large {
background: url("clientlib-all/img/webicon-pocketapp.png"); }
.no-svg .webicon.pocketapp.small {
background: url("clientlib-all/img/webicon-pocketapp-s.png"); }
.webicon.pocketapp {
background: url("clientlib-all/img/webicon-pocketapp.svg"); }
.no-svg .webicon.potluck {
background: url("clientlib-all/img/webicon-potluck-m.png"); }
.no-svg .webicon.potluck.large {
background: url("clientlib-all/img/webicon-potluck.png"); }
.no-svg .webicon.potluck.small {
background: url("clientlib-all/img/webicon-potluck-s.png"); }
.webicon.potluck {
background: url("clientlib-all/img/webicon-potluck.svg"); }
.no-svg .webicon.quora {
background: url("clientlib-all/img/webicon-quora-m.png"); }
.no-svg .webicon.quora.large {
background: url("clientlib-all/img/webicon-quora.png"); }
.no-svg .webicon.quora.small {
background: url("clientlib-all/img/webicon-quora-s.png"); }
.webicon.quora {
background: url("clientlib-all/img/webicon-quora.svg"); }
.no-svg .webicon.orkut {
background: url("clientlib-all/img/webicon-orkut-m.png"); }
.no-svg .webicon.orkut.large {
background: url("clientlib-all/img/webicon-orkut.png"); }
.no-svg .webicon.orkut.small {
background: url("clientlib-all/img/webicon-orkut-s.png"); }
.webicon.orkut {
background: url("clientlib-all/img/webicon-orkut.svg"); }
.no-svg .webicon.mercurial {
background: url("clientlib-all/img/webicon-mercurial-m.png"); }
.no-svg .webicon.mercurial.large {
background: url("clientlib-all/img/webicon-mercurial.png"); }
.no-svg .webicon.mercurial.small {
background: url("clientlib-all/img/webicon-mercurial-s.png"); }
.webicon.mercurial {
background: url("clientlib-all/img/webicon-mercurial.svg"); }
.no-svg .webicon.rdio {
background: url("clientlib-all/img/webicon-rdio-m.png"); }
.no-svg .webicon.rdio.large {
background: url("clientlib-all/img/webicon-rdio.png"); }
.no-svg .webicon.rdio.small {
background: url("clientlib-all/img/webicon-rdio-s.png"); }
.webicon.rdio {
background: url("clientlib-all/img/webicon-rdio.svg"); }
.no-svg .webicon.reddit {
background: url("clientlib-all/img/webicon-reddit-m.png"); }
.no-svg .webicon.reddit.large {
background: url("clientlib-all/img/webicon-reddit.png"); }
.no-svg .webicon.reddit.small {
background: url("clientlib-all/img/webicon-reddit-s.png"); }
.webicon.reddit {
background: url("clientlib-all/img/webicon-reddit.svg"); }
.no-svg .webicon.renren {
background: url("clientlib-all/img/webicon-renren-m.png"); }
.no-svg .webicon.renren.large {
background: url("clientlib-all/img/webicon-renren.png"); }
.no-svg .webicon.renren.small {
background: url("clientlib-all/img/webicon-renren-s.png"); }
.webicon.renren {
background: url("clientlib-all/img/webicon-renren.svg"); }
.no-svg .webicon.rss {
background: url("clientlib-all/img/webicon-rss-m.png"); }
.no-svg .webicon.rss.large {
background: url("clientlib-all/img/webicon-rss.png"); }
.no-svg .webicon.rss.small {
background: url("clientlib-all/img/webicon-rss-s.png"); }
.webicon.rss {
background: url("clientlib-all/img/webicon-rss.svg"); }
.no-svg .webicon.skitch {
background: url("clientlib-all/img/webicon-skitch-m.png"); }
.no-svg .webicon.skitch.large {
background: url("clientlib-all/img/webicon-skitch.png"); }
.no-svg .webicon.skitch.small {
background: url("clientlib-all/img/webicon-skitch-s.png"); }
.webicon.skitch {
background: url("clientlib-all/img/webicon-skitch.svg"); }
.no-svg .webicon.skype {
background: url("clientlib-all/img/webicon-skype-m.png"); }
.no-svg .webicon.skype.large {
background: url("clientlib-all/img/webicon-skype.png"); }
.no-svg .webicon.skype.small {
background: url("clientlib-all/img/webicon-skype-s.png"); }
.webicon.skype {
background: url("clientlib-all/img/webicon-skype.svg"); }
.no-svg .webicon.slideshare {
background: url("clientlib-all/img/webicon-slideshare-m.png"); }
.no-svg .webicon.slideshare.large {
background: url("clientlib-all/img/webicon-slideshare.png"); }
.no-svg .webicon.slideshare.small {
background: url("clientlib-all/img/webicon-slideshare-s.png"); }
.webicon.slideshare {
background: url("clientlib-all/img/webicon-slideshare.svg"); }
.no-svg .webicon.soundcloud {
background: url("clientlib-all/img/webicon-soundcloud-m.png"); }
.no-svg .webicon.soundcloud.large {
background: url("clientlib-all/img/webicon-soundcloud.png"); }
.no-svg .webicon.soundcloud.small {
background: url("clientlib-all/img/webicon-soundcloud-s.png"); }
.webicon.soundcloud {
background: url("clientlib-all/img/webicon-soundcloud.svg"); }
.no-svg .webicon.spotify {
background: url("clientlib-all/img/webicon-spotify-m.png"); }
.no-svg .webicon.spotify.large {
background: url("clientlib-all/img/webicon-spotify.png"); }
.no-svg .webicon.spotify.small {
background: url("clientlib-all/img/webicon-spotify-s.png"); }
.webicon.spotify {
background: url("clientlib-all/img/webicon-spotify.svg"); }
.no-svg .webicon.stackoverflow {
background: url("clientlib-all/img/webicon-stackoverflow-m.png"); }
.no-svg .webicon.stackoverflow.large {
background: url("clientlib-all/img/webicon-stackoverflow.png"); }
.no-svg .webicon.stackoverflow.small {
background: url("clientlib-all/img/webicon-stackoverflow-s.png"); }
.webicon.stackoverflow {
background: url("clientlib-all/img/webicon-stackoverflow.svg"); }
.no-svg .webicon.stumbleupon {
background: url("clientlib-all/img/webicon-stumbleupon-m.png"); }
.no-svg .webicon.stumbleupon.large {
background: url("clientlib-all/img/webicon-stumbleupon.png"); }
.no-svg .webicon.stumbleupon.small {
background: url("clientlib-all/img/webicon-stumbleupon-s.png"); }
.webicon.stumbleupon {
background: url("clientlib-all/img/webicon-stumbleupon.svg"); }
.no-svg .webicon.svtle {
background: url("clientlib-all/img/webicon-svtle-m.png"); }
.no-svg .webicon.svtle.large {
background: url("clientlib-all/img/webicon-svtle.png"); }
.no-svg .webicon.svtle.small {
background: url("clientlib-all/img/webicon-svtle-s.png"); }
.webicon.svtle {
background: url("clientlib-all/img/webicon-svtle.svg"); }
.no-svg .webicon.svn {
background: url("clientlib-all/img/webicon-svn-m.png"); }
.no-svg .webicon.svn.large {
background: url("clientlib-all/img/webicon-svn.png"); }
.no-svg .webicon.svn.small {
background: url("clientlib-all/img/webicon-svn-s.png"); }
.webicon.svn {
background: url("clientlib-all/img/webicon-svn.svg"); }
.no-svg .webicon.tent {
background: url("clientlib-all/img/webicon-tent-m.png"); }
.no-svg .webicon.tent.large {
background: url("clientlib-all/img/webicon-tent.png"); }
.no-svg .webicon.tent.small {
background: url("clientlib-all/img/webicon-tent-s.png"); }
.webicon.tent {
background: url("clientlib-all/img/webicon-tent.svg"); }
.no-svg .webicon.tripadvisor {
background: url("clientlib-all/img/webicon-tripadvisor-m.png"); }
.no-svg .webicon.tripadvisor.large {
background: url("clientlib-all/img/webicon-tripadvisor.png"); }
.no-svg .webicon.tripadvisor.small {
background: url("clientlib-all/img/webicon-tripadvisor-s.png"); }
.webicon.tripadvisor {
background: url("clientlib-all/img/webicon-tripadvisor.svg"); }
.no-svg .webicon.tumblr {
background: url("clientlib-all/img/webicon-tumblr-m.png"); }
.no-svg .webicon.tumblr.large {
background: url("clientlib-all/img/webicon-tumblr.png"); }
.no-svg .webicon.tumblr.small {
background: url("clientlib-all/img/webicon-tumblr-s.png"); }
.webicon.tumblr {
background: url("clientlib-all/img/webicon-tumblr.svg"); }
.no-svg .webicon.twitter {
background: url("clientlib-all/img/webicon-twitter-m.png"); }
.no-svg .webicon.twitter.large {
background: url("clientlib-all/img/webicon-twitter.png"); }
.no-svg .webicon.twitter.small {
background: url("clientlib-all/img/webicon-twitter-s.png"); }
.webicon.twitter {
background: url("clientlib-all/img/webicon-twitter.svg"); }
.webicon.twitter-new {
background: url("clientlib-all/img/webicon-twitter-new.svg"); }
.webicon.twitter-circle {
background: url("clientlib-all/img/webicon-twitter-circle.svg"); }
.no-svg .webicon.viadeo {
background: url("clientlib-all/img/webicon-viadeo-m.png"); }
.no-svg .webicon.viadeo.large {
background: url("clientlib-all/img/webicon-viadeo.png"); }
.no-svg .webicon.viadeo.small {
background: url("clientlib-all/img/webicon-viadeo-s.png"); }
.webicon.viadeo {
background: url("clientlib-all/img/webicon-viadeo.svg"); }
.no-svg .webicon.vine {
background: url("clientlib-all/img/webicon-vine-m.png"); }
.no-svg .webicon.vine.large {
background: url("clientlib-all/img/webicon-vine.png"); }
.no-svg .webicon.vine.small {
background: url("clientlib-all/img/webicon-vine-s.png"); }
.webicon.vine {
background: url("clientlib-all/img/webicon-vine.svg"); }
.no-svg .webicon.vimeo {
background: url("clientlib-all/img/webicon-vimeo-m.png"); }
.no-svg .webicon.vimeo.large {
background: url("clientlib-all/img/webicon-vimeo.png"); }
.no-svg .webicon.vimeo.small {
background: url("clientlib-all/img/webicon-vimeo-s.png"); }
.webicon.vimeo {
background: url("clientlib-all/img/webicon-vimeo.svg"); }
.no-svg .webicon.vk {
background: url("clientlib-all/img/webicon-vk-m.png"); }
.no-svg .webicon.vk.large {
background: url("clientlib-all/img/webicon-vk.png"); }
.no-svg .webicon.vk.small {
background: url("clientlib-all/img/webicon-vk-s.png"); }
.webicon.vk {
background: url("clientlib-all/img/webicon-vk.svg"); }
.no-svg .webicon.weibo {
background: url("clientlib-all/img/webicon-weibo-m.png"); }
.no-svg .webicon.weibo.large {
background: url("clientlib-all/img/webicon-weibo.png"); }
.no-svg .webicon.weibo.small {
background: url("clientlib-all/img/webicon-weibo-s.png"); }
.webicon.weibo {
background: url("clientlib-all/img/webicon-weibo.svg"); }
.webicon.weibo-new {
background: url("clientlib-all/img/webicon-weibo-new.svg"); }
.webicon.weibo-circle {
background: url("clientlib-all/img/webicon-weibo-circle.svg"); }
.no-svg .webicon.weixin {
background: url("clientlib-all/img/webicon-weixin-m.png"); }
.no-svg .webicon.weixin.large {
background: url("clientlib-all/img/webicon-weixin.png"); }
.no-svg .webicon.weixin.small {
background: url("clientlib-all/img/webicon-weixin-s.png"); }
.webicon.weixin {
background: url("clientlib-all/img/webicon-weixin.svg"); }
.webicon.weixin-new {
background: url("clientlib-all/img/webicon-weixin-new.svg"); }
.webicon.weixin-circle {
background: url("clientlib-all/img/webicon-weixin-circle.svg"); }
.no-svg .webicon.windows {
background: url("clientlib-all/img/webicon-windows-m.png"); }
.no-svg .webicon.windows.large {
background: url("clientlib-all/img/webicon-windows.png"); }
.no-svg .webicon.windows.small {
background: url("clientlib-all/img/webicon-windows-s.png"); }
.webicon.windows {
background: url("clientlib-all/img/webicon-windows.svg"); }
.no-svg .webicon.wordpress {
background: url("clientlib-all/img/webicon-wordpress-m.png"); }
.no-svg .webicon.wordpress.large {
background: url("clientlib-all/img/webicon-wordpress.png"); }
.no-svg .webicon.wordpress.small {
background: url("clientlib-all/img/webicon-wordpress-s.png"); }
.webicon.wordpress {
background: url("clientlib-all/img/webicon-wordpress.svg"); }
.no-svg .webicon.xing {
background: url("clientlib-all/img/webicon-xing-m.png"); }
.no-svg .webicon.xing.large {
background: url("clientlib-all/img/webicon-xing.png"); }
.no-svg .webicon.xing.small {
background: url("clientlib-all/img/webicon-xing-s.png"); }
.webicon.xing {
background: url("clientlib-all/img/webicon-xing.svg"); }
.no-svg .webicon.yahoo {
background: url("clientlib-all/img/webicon-yahoo-m.png"); }
.no-svg .webicon.yahoo.large {
background: url("clientlib-all/img/webicon-yahoo.png"); }
.no-svg .webicon.yahoo.small {
background: url("clientlib-all/img/webicon-yahoo-s.png"); }
.webicon.yahoo {
background: url("clientlib-all/img/webicon-yahoo.svg"); }
.no-svg .webicon.yelp {
background: url("clientlib-all/img/webicon-yelp-m.png"); }
.no-svg .webicon.yelp.large {
background: url("clientlib-all/img/webicon-yelp.png"); }
.no-svg .webicon.yelp.small {
background: url("clientlib-all/img/webicon-yelp-s.png"); }
.webicon.yelp {
background: url("clientlib-all/img/webicon-yelp.svg"); }
.no-svg .webicon.youku {
background: url("clientlib-all/img/webicon-youku-m.png"); }
.no-svg .webicon.youku.large {
background: url("clientlib-all/img/webicon-youku.png"); }
.no-svg .webicon.youku.small {
background: url("clientlib-all/img/webicon-youku-s.png"); }
.webicon.youku {
background: url("clientlib-all/img/webicon-youku.svg"); }
.webicon.youku-new {
background: url("clientlib-all/img/webicon-youku-new.svg"); }
.webicon.youku-circle {
background: url("clientlib-all/img/webicon-youku-circle.svg"); }
.no-svg .webicon.youtube {
background: url("clientlib-all/img/webicon-youtube-m.png"); }
.no-svg .webicon.youtube.large {
background: url("clientlib-all/img/webicon-youtube.png"); }
.no-svg .webicon.youtube.small {
background: url("clientlib-all/img/webicon-youtube-s.png"); }
.webicon.youtube {
background: url("clientlib-all/img/webicon-youtube.svg"); }
.webicon.youtube-new {
background: url("clientlib-all/img/webicon-youtube-new.svg"); }
.webicon.youtube-circle {
background: url("clientlib-all/img/webicon-youtube-circle.svg"); }
.no-svg .webicon.youversion {
background: url("clientlib-all/img/webicon-youversion-m.png"); }
.no-svg .webicon.youversion.large {
background: url("clientlib-all/img/webicon-youversion.png"); }
.no-svg .webicon.youversion.small {
background: url("clientlib-all/img/webicon-youversion-s.png"); }
.webicon.youversion {
background: url("clientlib-all/img/webicon-youversion.svg"); }
.no-svg .webicon.zerply {
background: url("clientlib-all/img/webicon-zerply-m.png"); }
.no-svg .webicon.zerply.large {
background: url("clientlib-all/img/webicon-zerply.png"); }
.no-svg .webicon.zerply.small {
background: url("clientlib-all/img/webicon-zerply-s.png"); }
.webicon.zerply {
background: url("clientlib-all/img/webicon-zerply.svg"); }
/*!
* Generated with CSS Flag Sprite generator (https://www.flag-sprites.com/)
*/
.flag {
display: inline-block;
width: 32px;
height: 32px;
background: url('clientlib-all/img/flags.png') no-repeat;
}
.flag.thumb {
width: 16px;
height: 16px;
background-size: 256px 240px;
}
/* IMPORTANT - custom overwrites at bottom of page */
.flag.flag-ad {
background-position: -32px 0;
}
.flag.flag-ae {
background-position: -64px 0;
}
.flag.flag-af {
background-position: -96px 0;
}
.flag.flag-ag {
background-position: -128px 0;
}
.flag.flag-ai {
background-position: -160px 0;
}
.flag.flag-al {
background-position: -192px 0;
}
.flag.flag-am {
background-position: -224px 0;
}
.flag.flag-an {
background-position: -256px 0;
}
.flag.flag-ao {
background-position: -288px 0;
}
.flag.flag-ar {
background-position: -320px 0;
}
.flag.flag-as {
background-position: -352px 0;
}
.flag.flag-at {
background-position: -384px 0;
}
.flag.flag-au {
background-position: -416px 0;
}
.flag.flag-aw {
background-position: -448px 0;
}
.flag.flag-ax {
background-position: -480px 0;
}
.flag.flag-az {
background-position: 0 -32px;
}
.flag.flag-ba {
background-position: -32px -32px;
}
.flag.flag-bb {
background-position: -64px -32px;
}
.flag.flag-bd {
background-position: -96px -32px;
}
.flag.flag-be {
background-position: -128px -32px;
}
.flag.flag-bf {
background-position: -160px -32px;
}
.flag.flag-bg {
background-position: -192px -32px;
}
.flag.flag-bh {
background-position: -224px -32px;
}
.flag.flag-bi {
background-position: -256px -32px;
}
.flag.flag-bj {
background-position: -288px -32px;
}
.flag.flag-bl {
background-position: -320px -32px;
}
.flag.flag-bm {
background-position: -352px -32px;
}
.flag.flag-bn {
background-position: -384px -32px;
}
.flag.flag-bo {
background-position: -416px -32px;
}
.flag.flag-br {
background-position: -448px -32px;
}
.flag.flag-bs {
background-position: -480px -32px;
}
.flag.flag-bt {
background-position: 0 -64px;
}
.flag.flag-bw {
background-position: -32px -64px;
}
.flag.flag-by {
background-position: -64px -64px;
}
.flag.flag-bz {
background-position: -96px -64px;
}
.flag.flag-ca {
background-position: -128px -64px;
}
.flag.flag-cd {
background-position: -160px -64px;
}
.flag.flag-cf {
background-position: -192px -64px;
}
.flag.flag-cg {
background-position: -224px -64px;
}
.flag.flag-ch {
background-position: -256px -64px;
}
.flag.flag-ci {
background-position: -288px -64px;
}
.flag.flag-ck {
background-position: -320px -64px;
}
.flag.flag-cl {
background-position: -352px -64px;
}
.flag.flag-cm {
background-position: -384px -64px;
}
.flag.flag-cn {
background-position: -416px -64px;
}
.flag.flag-co {
background-position: -448px -64px;
}
.flag.flag-cr {
background-position: -480px -64px;
}
.flag.flag-cu {
background-position: 0 -96px;
}
.flag.flag-cv {
background-position: -32px -96px;
}
.flag.flag-cw {
background-position: -64px -96px;
}
.flag.flag-cy {
background-position: -96px -96px;
}
.flag.flag-cz {
background-position: -128px -96px;
}
.flag.flag-de {
background-position: -160px -96px;
}
.flag.flag-dj {
background-position: -192px -96px;
}
.flag.flag-dk {
background-position: -224px -96px;
}
.flag.flag-dm {
background-position: -256px -96px;
}
.flag.flag-do {
background-position: -288px -96px;
}
.flag.flag-dz {
background-position: -320px -96px;
}
.flag.flag-ec {
background-position: -352px -96px;
}
.flag.flag-ee {
background-position: -384px -96px;
}
.flag.flag-eg {
background-position: -416px -96px;
}
.flag.flag-eh {
background-position: -448px -96px;
}
.flag.flag-er {
background-position: -480px -96px;
}
.flag.flag-es {
background-position: 0 -128px;
}
.flag.flag-et {
background-position: -32px -128px;
}
.flag.flag-eu {
background-position: -64px -128px;
}
.flag.flag-fi {
background-position: -96px -128px;
}
.flag.flag-fj {
background-position: -128px -128px;
}
.flag.flag-fk {
background-position: -160px -128px;
}
.flag.flag-fm {
background-position: -192px -128px;
}
.flag.flag-fo {
background-position: -224px -128px;
}
.flag.flag-fr {
background-position: -256px -128px;
}
.flag.flag-ga {
background-position: -288px -128px;
}
.flag.flag-gb {
background-position: -320px -128px;
}
.flag.flag-gd {
background-position: -352px -128px;
}
.flag.flag-ge {
background-position: -384px -128px;
}
.flag.flag-gg {
background-position: -416px -128px;
}
.flag.flag-gh {
background-position: -448px -128px;
}
.flag.flag-gi {
background-position: -480px -128px;
}
.flag.flag-gl {
background-position: 0 -160px;
}
.flag.flag-gm {
background-position: -32px -160px;
}
.flag.flag-gn {
background-position: -64px -160px;
}
.flag.flag-gq {
background-position: -96px -160px;
}
.flag.flag-gr {
background-position: -128px -160px;
}
.flag.flag-gs {
background-position: -160px -160px;
}
.flag.flag-gt {
background-position: -192px -160px;
}
.flag.flag-gu {
background-position: -224px -160px;
}
.flag.flag-gw {
background-position: -256px -160px;
}
.flag.flag-gy {
background-position: -288px -160px;
}
.flag.flag-hk {
background-position: -320px -160px;
}
.flag.flag-hn {
background-position: -352px -160px;
}
.flag.flag-hr {
background-position: -384px -160px;
}
.flag.flag-ht {
background-position: -416px -160px;
}
.flag.flag-hu {
background-position: -448px -160px;
}
.flag.flag-ic {
background-position: -480px -160px;
}
.flag.flag-id {
background-position: 0 -192px;
}
.flag.flag-ie {
background-position: -32px -192px;
}
.flag.flag-il {
background-position: -64px -192px;
}
.flag.flag-im {
background-position: -96px -192px;
}
.flag.flag-in {
background-position: -128px -192px;
}
.flag.flag-iq {
background-position: -160px -192px;
}
.flag.flag-ir {
background-position: -192px -192px;
}
.flag.flag-is {
background-position: -224px -192px;
}
.flag.flag-it {
background-position: -256px -192px;
}
.flag.flag-je {
background-position: -288px -192px;
}
.flag.flag-jm {
background-position: -320px -192px;
}
.flag.flag-jo {
background-position: -352px -192px;
}
.flag.flag-jp {
background-position: -384px -192px;
}
.flag.flag-ke {
background-position: -416px -192px;
}
.flag.flag-kg {
background-position: -448px -192px;
}
.flag.flag-kh {
background-position: -480px -192px;
}
.flag.flag-ki {
background-position: 0 -224px;
}
.flag.flag-km {
background-position: -32px -224px;
}
.flag.flag-kn {
background-position: -64px -224px;
}
.flag.flag-kp {
background-position: -96px -224px;
}
.flag.flag-kr {
background-position: -128px -224px;
}
.flag.flag-kw {
background-position: -160px -224px;
}
.flag.flag-ky {
background-position: -192px -224px;
}
.flag.flag-kz {
background-position: -224px -224px;
}
.flag.flag-la {
background-position: -256px -224px;
}
.flag.flag-lb {
background-position: -288px -224px;
}
.flag.flag-lc {
background-position: -320px -224px;
}
.flag.flag-li {
background-position: -352px -224px;
}
.flag.flag-lk {
background-position: -384px -224px;
}
.flag.flag-lr {
background-position: -416px -224px;
}
.flag.flag-ls {
background-position: -448px -224px;
}
.flag.flag-lt {
background-position: -480px -224px;
}
.flag.flag-lu {
background-position: 0 -256px;
}
.flag.flag-lv {
background-position: -32px -256px;
}
.flag.flag-ly {
background-position: -64px -256px;
}
.flag.flag-ma {
background-position: -96px -256px;
}
.flag.flag-mc {
background-position: -128px -256px;
}
.flag.flag-md {
background-position: -160px -256px;
}
.flag.flag-me {
background-position: -192px -256px;
}
.flag.flag-mf {
background-position: -224px -256px;
}
.flag.flag-mg {
background-position: -256px -256px;
}
.flag.flag-mh {
background-position: -288px -256px;
}
.flag.flag-mk {
background-position: -320px -256px;
}
.flag.flag-ml {
background-position: -352px -256px;
}
.flag.flag-mm {
background-position: -384px -256px;
}
.flag.flag-mn {
background-position: -416px -256px;
}
.flag.flag-mo {
background-position: -448px -256px;
}
.flag.flag-mp {
background-position: -480px -256px;
}
.flag.flag-mq {
background-position: 0 -288px;
}
.flag.flag-mr {
background-position: -32px -288px;
}
.flag.flag-ms {
background-position: -64px -288px;
}
.flag.flag-mt {
background-position: -96px -288px;
}
.flag.flag-mu {
background-position: -128px -288px;
}
.flag.flag-mv {
background-position: -160px -288px;
}
.flag.flag-mw {
background-position: -192px -288px;
}
.flag.flag-mx {
background-position: -224px -288px;
}
.flag.flag-my {
background-position: -256px -288px;
}
.flag.flag-mz {
background-position: -288px -288px;
}
.flag.flag-na {
background-position: -320px -288px;
}
.flag.flag-nc {
background-position: -352px -288px;
}
.flag.flag-ne {
background-position: -384px -288px;
}
.flag.flag-nf {
background-position: -416px -288px;
}
.flag.flag-ng {
background-position: -448px -288px;
}
.flag.flag-ni {
background-position: -480px -288px;
}
.flag.flag-nl {
background-position: 0 -320px;
}
.flag.flag-no {
background-position: -32px -320px;
}
.flag.flag-np {
background-position: -64px -320px;
}
.flag.flag-nr {
background-position: -96px -320px;
}
.flag.flag-nu {
background-position: -128px -320px;
}
.flag.flag-nz {
background-position: -160px -320px;
}
.flag.flag-om {
background-position: -192px -320px;
}
.flag.flag-pa {
background-position: -224px -320px;
}
.flag.flag-pe {
background-position: -256px -320px;
}
.flag.flag-pf {
background-position: -288px -320px;
}
.flag.flag-pg {
background-position: -320px -320px;
}
.flag.flag-ph {
background-position: -352px -320px;
}
.flag.flag-pk {
background-position: -384px -320px;
}
.flag.flag-pl {
background-position: -416px -320px;
}
.flag.flag-pn {
background-position: -448px -320px;
}
.flag.flag-pr {
background-position: -480px -320px;
}
.flag.flag-ps {
background-position: 0 -352px;
}
.flag.flag-pt {
background-position: -32px -352px;
}
.flag.flag-pw {
background-position: -64px -352px;
}
.flag.flag-py {
background-position: -96px -352px;
}
.flag.flag-qa {
background-position: -128px -352px;
}
.flag.flag-ro {
background-position: -160px -352px;
}
.flag.flag-rs {
background-position: -192px -352px;
}
.flag.flag-ru {
background-position: -224px -352px;
}
.flag.flag-rw {
background-position: -256px -352px;
}
.flag.flag-sa {
background-position: -288px -352px;
}
.flag.flag-sb {
background-position: -320px -352px;
}
.flag.flag-sc {
background-position: -352px -352px;
}
.flag.flag-sd {
background-position: -384px -352px;
}
.flag.flag-se {
background-position: -416px -352px;
}
.flag.flag-sg {
background-position: -448px -352px;
}
.flag.flag-sh {
background-position: -480px -352px;
}
.flag.flag-si {
background-position: 0 -384px;
}
.flag.flag-sk {
background-position: -32px -384px;
}
.flag.flag-sl {
background-position: -64px -384px;
}
.flag.flag-sm {
background-position: -96px -384px;
}
.flag.flag-sn {
background-position: -128px -384px;
}
.flag.flag-so {
background-position: -160px -384px;
}
.flag.flag-sr {
background-position: -192px -384px;
}
.flag.flag-ss {
background-position: -224px -384px;
}
.flag.flag-st {
background-position: -256px -384px;
}
.flag.flag-sv {
background-position: -288px -384px;
}
.flag.flag-sy {
background-position: -320px -384px;
}
.flag.flag-sz {
background-position: -352px -384px;
}
.flag.flag-tc {
background-position: -384px -384px;
}
.flag.flag-td {
background-position: -416px -384px;
}
.flag.flag-tf {
background-position: -448px -384px;
}
.flag.flag-tg {
background-position: -480px -384px;
}
.flag.flag-th {
background-position: 0 -416px;
}
.flag.flag-tj {
background-position: -32px -416px;
}
.flag.flag-tk {
background-position: -64px -416px;
}
.flag.flag-tl {
background-position: -96px -416px;
}
.flag.flag-tm {
background-position: -128px -416px;
}
.flag.flag-tn {
background-position: -160px -416px;
}
.flag.flag-to {
background-position: -192px -416px;
}
.flag.flag-tr {
background-position: -224px -416px;
}
.flag.flag-tt {
background-position: -256px -416px;
}
.flag.flag-tv {
background-position: -288px -416px;
}
.flag.flag-tw {
background-position: -320px -416px;
}
.flag.flag-tz {
background-position: -352px -416px;
}
.flag.flag-ua {
background-position: -384px -416px;
}
.flag.flag-ug {
background-position: -416px -416px;
}
.flag.flag-us {
background-position: -448px -416px;
}
.flag.flag-uy {
background-position: -480px -416px;
}
.flag.flag-uz {
background-position: 0 -448px;
}
.flag.flag-va {
background-position: -32px -448px;
}
.flag.flag-vc {
background-position: -64px -448px;
}
.flag.flag-ve {
background-position: -96px -448px;
}
.flag.flag-vg {
background-position: -128px -448px;
}
.flag.flag-vi {
background-position: -160px -448px;
}
.flag.flag-vn {
background-position: -192px -448px;
}
.flag.flag-vu {
background-position: -224px -448px;
}
.flag.flag-wf {
background-position: -256px -448px;
}
.flag.flag-ws {
background-position: -288px -448px;
}
.flag.flag-ye {
background-position: -320px -448px;
}
.flag.flag-yt {
background-position: -352px -448px;
}
.flag.flag-za {
background-position: -384px -448px;
}
.flag.flag-zm {
background-position: -416px -448px;
}
.flag.flag-zw {
background-position: -448px -448px;
}
/* thumb */
.flag.thumb.flag-ad {
background-position: -16px 0;
}
.flag.thumb.flag-ae {
background-position: -32px 0;
}
.flag.thumb.flag-af {
background-position: -48px 0;
}
.flag.thumb.flag-ag {
background-position: -64px 0;
}
.flag.thumb.flag-ai {
background-position: -80px 0;
}
.flag.thumb.flag-al {
background-position: -96px 0;
}
.flag.thumb.flag-am {
background-position: -112px 0;
}
.flag.thumb.flag-an {
background-position: -128px 0;
}
.flag.thumb.flag-ao {
background-position: -144px 0;
}
.flag.thumb.flag-ar {
background-position: -160px 0;
}
.flag.thumb.flag-as {
background-position: -176px 0;
}
.flag.thumb.flag-at {
background-position: -192px 0;
}
.flag.thumb.flag-au {
background-position: -208px 0;
}
.flag.thumb.flag-aw {
background-position: -224px 0;
}
.flag.thumb.flag-ax {
background-position: -240px 0;
}
.flag.thumb.flag-az {
background-position: 0 -16px;
}
.flag.thumb.flag-ba {
background-position: -16px -16px;
}
.flag.thumb.flag-bb {
background-position: -32px -16px;
}
.flag.thumb.flag-bd {
background-position: -48px -16px;
}
.flag.thumb.flag-be {
background-position: -64px -16px;
}
.flag.thumb.flag-bf {
background-position: -80px -16px;
}
.flag.thumb.flag-bg {
background-position: -96px -16px;
}
.flag.thumb.flag-bh {
background-position: -112px -16px;
}
.flag.thumb.flag-bi {
background-position: -128px -16px;
}
.flag.thumb.flag-bj {
background-position: -144px -16px;
}
.flag.thumb.flag-bl {
background-position: -160px -16px;
}
.flag.thumb.flag-bm {
background-position: -176px -16px;
}
.flag.thumb.flag-bn {
background-position: -192px -16px;
}
.flag.thumb.flag-bo {
background-position: -208px -16px;
}
.flag.thumb.flag-br {
background-position: -224px -16px;
}
.flag.thumb.flag-bs {
background-position: -240px -16px;
}
.flag.thumb.flag-bt {
background-position: 0 -32px;
}
.flag.thumb.flag-bw {
background-position: -16px -32px;
}
.flag.thumb.flag-by {
background-position: -32px -32px;
}
.flag.thumb.flag-bz {
background-position: -48px -32px;
}
.flag.thumb.flag-ca {
background-position: -64px -32px;
}
.flag.thumb.flag-ca\/fr {
background-position: -64px -32px;
}
.flag.thumb.flag-cd {
background-position: -80px -32px;
}
.flag.thumb.flag-cf {
background-position: -96px -32px;
}
.flag.thumb.flag-cg {
background-position: -112px -32px;
}
.flag.thumb.flag-ch {
background-position: -128px -32px;
}
.flag.thumb.flag-ci {
background-position: -144px -32px;
}
.flag.thumb.flag-ck {
background-position: -160px -32px;
}
.flag.thumb.flag-cl {
background-position: -176px -32px;
}
.flag.thumb.flag-cm {
background-position: -192px -32px;
}
.flag.thumb.flag-cn {
background-position: -208px -32px;
}
.flag.thumb.flag-co {
background-position: -224px -32px;
}
.flag.thumb.flag-cr {
background-position: -240px -32px;
}
.flag.thumb.flag-cu {
background-position: 0 -48px;
}
.flag.thumb.flag-cv {
background-position: -16px -48px;
}
.flag.thumb.flag-cw {
background-position: -32px -48px;
}
.flag.thumb.flag-cy {
background-position: -48px -48px;
}
.flag.thumb.flag-cz {
background-position: -64px -48px;
}
.flag.thumb.flag-de {
background-position: -80px -48px;
}
.flag.thumb.flag-dj {
background-position: -96px -48px;
}
.flag.thumb.flag-dk {
background-position: -112px -48px;
}
.flag.thumb.flag-dm {
background-position: -128px -48px;
}
.flag.thumb.flag-do {
background-position: -144px -48px;
}
.flag.thumb.flag-dz {
background-position: -160px -48px;
}
.flag.thumb.flag-ec {
background-position: -176px -48px;
}
.flag.thumb.flag-ee {
background-position: -192px -48px;
}
.flag.thumb.flag-eg {
background-position: -208px -48px;
}
.flag.thumb.flag-eh {
background-position: -224px -48px;
}
.flag.thumb.flag-er {
background-position: -240px -48px;
}
.flag.thumb.flag-es {
background-position: 0 -64px;
}
.flag.thumb.flag-et {
background-position: -16px -64px;
}
.flag.thumb.flag-eu {
background-position: -32px -64px;
}
.flag.thumb.flag-fi {
background-position: -48px -64px;
}
.flag.thumb.flag-fj {
background-position: -64px -64px;
}
.flag.thumb.flag-fk {
background-position: -80px -64px;
}
.flag.thumb.flag-fm {
background-position: -96px -64px;
}
.flag.thumb.flag-fo {
background-position: -112px -64px;
}
.flag.thumb.flag-fr {
background-position: -128px -64px;
}
.flag.thumb.flag-ga {
background-position: -144px -64px;
}
.flag.thumb.flag-gb {
background-position: -160px -64px;
}
.flag.thumb.flag-gd {
background-position: -176px -64px;
}
.flag.thumb.flag-ge {
background-position: -192px -64px;
}
.flag.thumb.flag-gg {
background-position: -208px -64px;
}
.flag.thumb.flag-gh {
background-position: -224px -64px;
}
.flag.thumb.flag-gi {
background-position: -240px -64px;
}
.flag.thumb.flag-gl {
background-position: 0 -80px;
}
.flag.thumb.flag-gm {
background-position: -16px -80px;
}
.flag.thumb.flag-gn {
background-position: -32px -80px;
}
.flag.thumb.flag-gq {
background-position: -48px -80px;
}
.flag.thumb.flag-gr {
background-position: -64px -80px;
}
.flag.thumb.flag-gs {
background-position: -80px -80px;
}
.flag.thumb.flag-gt {
background-position: -96px -80px;
}
.flag.thumb.flag-gu {
background-position: -112px -80px;
}
.flag.thumb.flag-gw {
background-position: -128px -80px;
}
.flag.thumb.flag-gy {
background-position: -144px -80px;
}
.flag.thumb.flag-hk {
background-position: -160px -80px;
}
.flag.thumb.flag-hn {
background-position: -176px -80px;
}
.flag.thumb.flag-hr {
background-position: -192px -80px;
}
.flag.thumb.flag-ht {
background-position: -208px -80px;
}
.flag.thumb.flag-hu {
background-position: -224px -80px;
}
.flag.thumb.flag-ic {
background-position: -240px -80px;
}
.flag.thumb.flag-id {
background-position: 0 -96px;
}
.flag.thumb.flag-ie {
background-position: -16px -96px;
}
.flag.thumb.flag-il {
background-position: -32px -96px;
}
.flag.thumb.flag-im {
background-position: -48px -96px;
}
.flag.thumb.flag-in {
background-position: -64px -96px;
}
.flag.thumb.flag-iq {
background-position: -80px -96px;
}
.flag.thumb.flag-ir {
background-position: -96px -96px;
}
.flag.thumb.flag-is {
background-position: -112px -96px;
}
.flag.thumb.flag-it {
background-position: -128px -96px;
}
.flag.thumb.flag-je {
background-position: -144px -96px;
}
.flag.thumb.flag-jm {
background-position: -160px -96px;
}
.flag.thumb.flag-jo {
background-position: -176px -96px;
}
.flag.thumb.flag-jp {
background-position: -192px -96px;
}
.flag.thumb.flag-ke {
background-position: -208px -96px;
}
.flag.thumb.flag-kg {
background-position: -224px -96px;
}
.flag.thumb.flag-kh {
background-position: -240px -96px;
}
.flag.thumb.flag-ki {
background-position: 0 -112px;
}
.flag.thumb.flag-km {
background-position: -16px -112px;
}
.flag.thumb.flag-kn {
background-position: -32px -112px;
}
.flag.thumb.flag-kp {
background-position: -48px -112px;
}
.flag.thumb.flag-kr {
background-position: -64px -112px;
}
.flag.thumb.flag-kw {
background-position: -80px -112px;
}
.flag.thumb.flag-ky {
background-position: -96px -112px;
}
.flag.thumb.flag-kz {
background-position: -112px -112px;
}
.flag.thumb.flag-la {
background-position: -128px -112px;
}
.flag.thumb.flag-lb {
background-position: -144px -112px;
}
.flag.thumb.flag-lc {
background-position: -160px -112px;
}
.flag.thumb.flag-li {
background-position: -176px -112px;
}
.flag.thumb.flag-lk {
background-position: -192px -112px;
}
.flag.thumb.flag-lr {
background-position: -208px -112px;
}
.flag.thumb.flag-ls {
background-position: -224px -112px;
}
.flag.thumb.flag-lt {
background-position: -240px -112px;
}
.flag.thumb.flag-lu {
background-position: 0 -128px;
}
.flag.thumb.flag-lv {
background-position: -16px -128px;
}
.flag.thumb.flag-ly {
background-position: -32px -128px;
}
.flag.thumb.flag-ma {
background-position: -48px -128px;
}
.flag.thumb.flag-mc {
background-position: -64px -128px;
}
.flag.thumb.flag-md {
background-position: -80px -128px;
}
.flag.thumb.flag-me {
background-position: -96px -128px;
}
.flag.thumb.flag-mf {
background-position: -112px -128px;
}
.flag.thumb.flag-mg {
background-position: -128px -128px;
}
.flag.thumb.flag-mh {
background-position: -144px -128px;
}
.flag.thumb.flag-mk {
background-position: -160px -128px;
}
.flag.thumb.flag-ml {
background-position: -176px -128px;
}
.flag.thumb.flag-mm {
background-position: -192px -128px;
}
.flag.thumb.flag-mn {
background-position: -208px -128px;
}
.flag.thumb.flag-mo {
background-position: -224px -128px;
}
.flag.thumb.flag-mp {
background-position: -240px -128px;
}
.flag.thumb.flag-mq {
background-position: 0 -144px;
}
.flag.thumb.flag-mr {
background-position: -16px -144px;
}
.flag.thumb.flag-ms {
background-position: -32px -144px;
}
.flag.thumb.flag-mt {
background-position: -48px -144px;
}
.flag.thumb.flag-mu {
background-position: -64px -144px;
}
.flag.thumb.flag-mv {
background-position: -80px -144px;
}
.flag.thumb.flag-mw {
background-position: -96px -144px;
}
.flag.thumb.flag-mx {
background-position: -112px -144px;
}
.flag.thumb.flag-my {
background-position: -128px -144px;
}
.flag.thumb.flag-mz {
background-position: -144px -144px;
}
.flag.thumb.flag-na {
background-position: -160px -144px;
}
.flag.thumb.flag-nc {
background-position: -176px -144px;
}
.flag.thumb.flag-ne {
background-position: -192px -144px;
}
.flag.thumb.flag-nf {
background-position: -208px -144px;
}
.flag.thumb.flag-ng {
background-position: -224px -144px;
}
.flag.thumb.flag-ni {
background-position: -240px -144px;
}
.flag.thumb.flag-nl {
background-position: 0 -160px;
}
.flag.thumb.flag-no {
background-position: -16px -160px;
}
.flag.thumb.flag-np {
background-position: -32px -160px;
}
.flag.thumb.flag-nr {
background-position: -48px -160px;
}
.flag.thumb.flag-nu {
background-position: -64px -160px;
}
.flag.thumb.flag-nz {
background-position: -80px -160px;
}
.flag.thumb.flag-om {
background-position: -96px -160px;
}
.flag.thumb.flag-pa {
background-position: -112px -160px;
}
.flag.thumb.flag-pe {
background-position: -128px -160px;
}
.flag.thumb.flag-pf {
background-position: -144px -160px;
}
.flag.thumb.flag-pg {
background-position: -160px -160px;
}
.flag.thumb.flag-ph {
background-position: -176px -160px;
}
.flag.thumb.flag-pk {
background-position: -192px -160px;
}
.flag.thumb.flag-pl {
background-position: -208px -160px;
}
.flag.thumb.flag-pn {
background-position: -224px -160px;
}
.flag.thumb.flag-pr {
background-position: -240px -160px;
}
.flag.thumb.flag-ps {
background-position: 0 -176px;
}
.flag.thumb.flag-pt {
background-position: -16px -176px;
}
.flag.thumb.flag-pw {
background-position: -32px -176px;
}
.flag.thumb.flag-py {
background-position: -48px -176px;
}
.flag.thumb.flag-qa {
background-position: -64px -176px;
}
.flag.thumb.flag-ro {
background-position: -80px -176px;
}
.flag.thumb.flag-rs {
background-position: -96px -176px;
}
.flag.thumb.flag-ru {
background-position: -112px -176px;
}
.flag.thumb.flag-rw {
background-position: -128px -176px;
}
.flag.thumb.flag-sa {
background-position: -144px -176px;
}
.flag.thumb.flag-sb {
background-position: -160px -176px;
}
.flag.thumb.flag-sc {
background-position: -176px -176px;
}
.flag.thumb.flag-sd {
background-position: -192px -176px;
}
.flag.thumb.flag-se {
background-position: -208px -176px;
}
.flag.thumb.flag-sg {
background-position: -224px -176px;
}
.flag.thumb.flag-sh {
background-position: -240px -176px;
}
.flag.thumb.flag-si {
background-position: 0 -192px;
}
.flag.thumb.flag-sk {
background-position: -16px -192px;
}
.flag.thumb.flag-sl {
background-position: -32px -192px;
}
.flag.thumb.flag-sm {
background-position: -48px -192px;
}
.flag.thumb.flag-sn {
background-position: -64px -192px;
}
.flag.thumb.flag-so {
background-position: -80px -192px;
}
.flag.thumb.flag-sr {
background-position: -96px -192px;
}
.flag.thumb.flag-ss {
background-position: -112px -192px;
}
.flag.thumb.flag-st {
background-position: -128px -192px;
}
.flag.thumb.flag-sv {
background-position: -144px -192px;
}
.flag.thumb.flag-sy {
background-position: -160px -192px;
}
.flag.thumb.flag-sz {
background-position: -176px -192px;
}
.flag.thumb.flag-tc {
background-position: -192px -192px;
}
.flag.thumb.flag-td {
background-position: -208px -192px;
}
.flag.thumb.flag-tf {
background-position: -224px -192px;
}
.flag.thumb.flag-tg {
background-position: -240px -192px;
}
.flag.thumb.flag-th {
background-position: 0 -208px;
}
.flag.thumb.flag-tj {
background-position: -16px -208px;
}
.flag.thumb.flag-tk {
background-position: -32px -208px;
}
.flag.thumb.flag-tl {
background-position: -48px -208px;
}
.flag.thumb.flag-tm {
background-position: -64px -208px;
}
.flag.thumb.flag-tn {
background-position: -80px -208px;
}
.flag.thumb.flag-to {
background-position: -96px -208px;
}
.flag.thumb.flag-tr {
background-position: -112px -208px;
}
.flag.thumb.flag-tt {
background-position: -128px -208px;
}
.flag.thumb.flag-tv {
background-position: -144px -208px;
}
.flag.thumb.flag-tw {
background-position: -160px -208px;
}
.flag.thumb.flag-tz {
background-position: -176px -208px;
}
.flag.thumb.flag-ua {
background-position: -192px -208px;
}
.flag.thumb.flag-ug {
background-position: -208px -208px;
}
.flag.thumb.flag-us {
background-position: -224px -208px;
}
.flag.thumb.flag-uy {
background-position: -240px -208px;
}
.flag.thumb.flag-uz {
background-position: 0 -224px;
}
.flag.thumb.flag-va {
background-position: -16px -224px;
}
.flag.thumb.flag-vc {
background-position: -32px -224px;
}
.flag.thumb.flag-ve {
background-position: -48px -224px;
}
.flag.thumb.flag-vg {
background-position: -64px -224px;
}
.flag.thumb.flag-vi {
background-position: -80px -224px;
}
.flag.thumb.flag-vn {
background-position: -96px -224px;
}
.flag.thumb.flag-vu {
background-position: -112px -224px;
}
.flag.thumb.flag-wf {
background-position: -128px -224px;
}
.flag.thumb.flag-ws {
background-position: -144px -224px;
}
.flag.thumb.flag-ye {
background-position: -160px -224px;
}
.flag.thumb.flag-yt {
background-position: -176px -224px;
}
.flag.thumb.flag-za {
background-position: -192px -224px;
}
.flag.thumb.flag-zm {
background-position: -208px -224px;
}
.flag.thumb.flag-zw {
background-position: -224px -224px;
}
/*
-------------------------------------------------
Flags (overwrite PLT specific regions)
https://www.flag-sprites.com/
added a generic region icon for non-country regions
-------------------------------------------------
*/
.flag.flag-africa { background-position: -384px -448px; }
.flag.thumb.flag-africa { background-position: -192px -224px; }
.flag.flag-mx, .flag.flag-sg, .flag.flag-ae { background-position: -480px -448px;}
.flag.thumb.flag-mx, .flag.thumb.flag-sg, .flag.thumb.flag-ae { background-position: -240px -224px;}
/* Foundation v2.1.4 http://foundation.zurb.com */
/* Artfully masterminded by ZURB */
/* --------------------------------------------------
Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/
/* -----------------------------------------
Shared Styles
----------------------------------------- */
table th { font-weight: bold; }
table td, table th { padding: 9px 10px; text-align: left; }
/* Mobile */
@media only screen and (max-width: 767px) {
table.responsive { margin-bottom: 0; }
.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
.pinned table { border-right: none; border-left: none; width: 100%; }
.pinned table th, .pinned table td { white-space: nowrap; }
.pinned td:last-child { border-bottom: 0; }
div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
div.table-wrapper div.scrollable { margin-left: 35%; }
div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }
table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
}
/* Slider */
.slick-slider
{
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
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);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[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;
}
/*
-------------------------------------------------
html
-------------------------------------------------
*/
html { font-size: 16px; }
@media screen and (min-width: 900px) {
html { font-size: 18px; }
}
@media screen and (min-width: 1200px) {
html { font-size: 20px; }
}
/*
-------------------------------------------------
Body
-------------------------------------------------
*/
body { font-family: ff-good-web-pro, Arial, sans-serif; }
body.zh.cn, body.ja.jp, body.ko.kr { font-family: noto-sans, Arial, sans-serif; }
/*
-------------------------------------------------
Fonts
-------------------------------------------------
*/
@font-face {
font-family: "UnitedSansExt-Bold";
src: url("clientlib-all/fonts/unitedsans/UnitedSansExBd.eot"); /* IE9 Compat Modes */
src: url("clientlib-all/fonts/unitedsans/UnitedSansExBd.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
url("clientlib-all/fonts/unitedsans/UnitedSansExBd.otf") format("opentype"), /* Open Type Font */
url("clientlib-all/fonts/unitedsans/UnitedSansExBd.svg") format("svg"), /* Legacy iOS */
url("clientlib-all/fonts/unitedsans/UnitedSansExBd.ttf") format("truetype"), /* Safari, Android, iOS */
url("clientlib-all/fonts/unitedsans/UnitedSansExBd.woff") format("woff"), /* Modern Browsers */
url("clientlib-all/fonts/unitedsans/UnitedSansExBd.woff2") format("woff2"); /* Modern Browsers */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "UnitedSansReg-Heavy";
src: url("clientlib-all/fonts/unitedsans/UnitedSansRgHv.eot"); /* IE9 Compat Modes */
src: url("clientlib-all/fonts/unitedsans/UnitedSansRgHv.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
url("clientlib-all/fonts/unitedsans/UnitedSansRgHv.otf") format("opentype"), /* Open Type Font */
url("clientlib-all/fonts/unitedsans/UnitedSansRgHv.svg") format("svg"), /* Legacy iOS */
url("clientlib-all/fonts/unitedsans/UnitedSansRgHv.ttf") format("truetype"), /* Safari, Android, iOS */
url("clientlib-all/fonts/unitedsans/UnitedSansRgHv.woff") format("woff"), /* Modern Browsers */
url("clientlib-all/fonts/unitedsans/UnitedSansRgHv.woff2") format("woff2"); /* Modern Browsers */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "UnitedSansReg-Medium";
src: url("clientlib-all/fonts/unitedsans/UnitedSansReg-Medium.eot"); /* IE9 Compat Modes */
src: url("clientlib-all/fonts/unitedsans/UnitedSansReg-Medium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
url("clientlib-all/fonts/unitedsans/UnitedSansReg-Medium.otf") format("opentype"), /* Open Type Font */
url("clientlib-all/fonts/unitedsans/UnitedSansReg-Medium.svg") format("svg"), /* Legacy iOS */
url("clientlib-all/fonts/unitedsans/UnitedSansReg-Medium.ttf") format("truetype"), /* Safari, Android, iOS */
url("clientlib-all/fonts/unitedsans/UnitedSansReg-Medium.woff") format("woff"), /* Modern Browsers */
url("clientlib-all/fonts/unitedsans/UnitedSansReg-Medium.woff2") format("woff2"); /* Modern Browsers */
font-weight: normal;
font-style: normal;
}
/*
-------------------------------------------------
Forms
-------------------------------------------------
*/
.fieldRequired {color:red; font-size:.8rem;}
/*
-------------------------------------------------
Text
-------------------------------------------------
*/
h1, h2, h3 { font-family: ff-good-web-pro, Arial, sans-serif; font-style: normal; font-weight: 600; color: inherit; }
body.zh.cn h1, body.ja.jp h1, body.ko.kr h1, body.zh.cn h2, body.ja.jp h2, body.ko.kr h2, body.zh.cn h3, body.ja.jp h3, body.ko.kr h3 { font-family: sans-noto, Arial, sans-serif; }
h4, h5, h6 { font-family: ff-good-web-pro, Arial, sans-serif; font-style: normal; font-weight: 700; color: inherit; }
body.zh.cn h4, body.ja.jp h4, body.ko.kr h4, body.zh.cn h5, body.ja.jp h5, body.ko.kr h5, body.zh.cn h6, body.ja.jp h6, body.ko.kr h6 { font-family: sans-noto, Arial, sans-serif; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
h1 { font-size: 3rem; text-transform: uppercase; }
h2 { font-size: 2.25rem; text-transform: uppercase; }
h3 { font-size: 1.5rem; }
h4 { font-size: 1.25rem; }
h5 { font-size: 1.15rem; }
h6 { font-size: 1rem; }
p { font-style: normal; font-weight: 500; text-transform: none; }
/*
-------------------------------------------------
Legacy Color
-------------------------------------------------
*/
.black { color: #000; }
.charcoal { color: #262d31; }
.dark-grey { color: #002843; }
.grey { color: #6D6E71; }
.light-grey { color: #F1E9D6; }
.ash { color: #EFF0E9; }
.red { color: #EB3300; }
.orange { color: #EB3300; }
.green { color: #7FC1A4; }
.light-blue { color: #A7CCCA; }
.purple { color: #A7CCCA; }
.white { color: #FFF; }
/*
-------------------------------------------------
New Colors
-------------------------------------------------
*/
.blue { color: #002843; }
.pearl { color: #EFF0E9; }
.sand { color: #F1E9D6; }
.slate { color: #6D6E71; }
.lava { color: #EB3300; }
.mint { color: #7FC1A4; }
.stone { color: #A7CCCA; }
/*
-------------------------------------------
Legacy background and border colors
-------------------------------------------
*/
.bg-black { background-color: #000; }
.bg-charcoal { background-color: #262d31; }
.bg-dark-grey { background-color: #002843; }
.bg-grey { background-color: #6D6E71; }
.bg-light-grey { background-color: #F1E9D6; }
.bg-ash { background-color: #EFF0E9; }
.bg-red { background-color: #EB3300; }
.bg-orange { background-color: #EB3300; }
.bg-green { background-color: #7FC1A4; }
.bg-light-blue { background-color: #A7CCCA; }
.bg-purple { background-color: #A7CCCA; }
.bg-white { background-color: #FFF; }
.bg-white.transparent { background-color: rgba(255,255,255,0.5); }
.bg-topdown {
background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 64%, rgba(239,239,239,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(64%, rgba(255,255,255,1)), color-stop(100%, rgba(239,239,239,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 64%, rgba(239,239,239,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 64%, rgba(239,239,239,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 64%, rgba(239,239,239,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 64%, rgba(239,239,239,1) 100%);
}
.border-black { border-color: #000; }
.border-charcoal { border-color: #262d31; }
.border-dark-grey { border-color: #002843; }
.border-grey { border-color: #6D6E71; }
.border-light-grey { border-color: #F1E9D6; }
.border-ash { border-color: #EFF0E9; }
.border-red { border-color: #EB3300; }
.border-orange { border-color: #EB3300; }
.border-green { border-color: #7FC1A4; }
.border-light-blue { border-color: #A7CCCA; }
.border-purple { border-color: #A7CCCA; }
/*
-------------------------------------------
New background and border colors
-------------------------------------------
*/
.bg-blue { background-color: #002843; }
.bg-pearl { background-color: #EFF0E9; }
.bg-sand { background-color: #F1E9D6; }
.bg-slate { background-color: #6D6E71; }
.bg-lava { background-color: #EB3300; }
.bg-mint { background-color: #7FC1A4; }
.bg-stone { background-color: #A7CCCA; }
.border-blue { background-color: #002843; }
.border-pearl { background-color: #EFF0E9; }
.border-sand { background-color: #F1E9D6; }
.border-slate { background-color: #6D6E71; }
.border-lava { background-color: #EB3300; }
.border-mint { background-color: #7FC1A4; }
.border-stone { background-color: #A7CCCA; }
/*
-------------------------------------------------
Hairline for columns
-------------------------------------------------
*/
.row.hairline > .columns {
border-width: 0 0 0 1px;
border-color: #ddd;
border-style: solid;
}
.row.hairline > .columns {
padding-bottom: 15px;
}
.row.hairline > .columns:first-child {
border-left: 0 none;
-webkit-border-image: none;
-o-border-image: none;
-moz-border-image: none;
}
/*
-------------------------------------------------
Reset
-------------------------------------------------
*/
:focus { outline: 0; }
/*
-------------------------------------------------
Global
-------------------------------------------------
*/
.padded { padding: 30px 0; }
.padded-top { padding-top: 30px; }
.padded-btm { padding-bottom: 30px; }
/*
-------------------------------------------------
TRUSTe
-------------------------------------------------
*/
.teconsent { background: #000;}
#consent-track { padding-top: 0.5rem;}
/*
-------------------------------------------------
Header
-------------------------------------------------
*/
/*
-------------------------------------------------
Utility Nav
-------------------------------------------------
*/
.utility-menu {background-color:#fff;}
.utility-menu ul.menu {font-size:0.8125rem;margin-bottom:0;}
.utility-menu ul.menu a {color:#777;}
.utility-menu ul.menu a:hover, .utility-menu ul.menu a:focus { color:#C53100;}
.utility-menu .dropdown.menu > li.is-dropdown-submenu-parent > a:after { display:none; }
.utility-menu .menu {float:right;}
/* Small only */
@media screen and (max-width: 39.9375em) {
.utility-menu ul.menu {font-size:0.5rem;}
}
/*
-------------------------------------------------
Breadcrumbs
-------------------------------------------------
*/
.bread {background-color:#002843; padding:30px 0 0 0; position: relative; }
.bread ul.breadcrumbs { background: transparent; border: 0 none; margin: 0; padding-left: 0; }
.bread ul.breadcrumbs li:not(:last-child)::after { content: "\203A"; color: #fff; }
.bread ul.breadcrumbs li a { color: #fff;}
/*
-------------------------------------------
Page title
-------------------------------------------
*/
.page-title { padding:2rem 0; }
.page-title h1 { margin: 0; }
/*
-------------------------------------------
spinner
-------------------------------------------
*/
#drAddToCart.submit-button-processing {
padding-left: 3rem;
opacity: 0.8;
position:relative;
}
#submit.submit-button-processing{
padding-left: 3rem;
opacity: 0.8;
position:relative;
}
.submit-button-processing:before {
position: absolute;
left: 1rem;
display: inline-block;
vertical-align: middle;
content: " ";
animation-duration: 1s !important;
-webkit-animation-duration: 1s !important;
background-image: url('clientlib-all/img/sham-spinner.svg');
width: 20px;
height: 20px;
/* specs */
background-repeat: no-repeat;
background-position: center center;
-moz-animation: sham-spin infinite linear;
-moz-transform-origin: 50% 50%;
-webkit-animation: sham-spin infinite linear;
-webkit-transform-origin: 50% 50%;
-o-animation: sham-spin infinite linear;
-o-transform-origin: 50% 50%;
animation: sham-spin infinite linear;
transform-origin: 50% 50%;
}
@-moz-keyframes sham-spin {
0 {-moz-transform: rotate(0);}
100% {-moz-transform: rotate(360deg);}
}
@-webkit-keyframes sham-spin {
0% {-webkit-transform: rotate(0);}
100% {-webkit-transform: rotate(360deg);}
}
@keyframes sham-spin {
0% {transform: rotate(0);}
100% {transform: rotate(360deg);}
}
@-o-keyframes sham-spin {
0% {-o-transform: rotate(0);}
100% {-o-transform: rotate(360deg);}
}
/*
-------------------------------------------------
Miscellaneous
-------------------------------------------------
*/
.fine-print { font-style: italic; font-size: 0.85rem; }
p.quote {
float: none;
display: block;
position: relative;
text-transform: uppercase;
}
/* US only for fancy quotes*/
.us p.quote:before, .us p.quote:after {
font-size: 4em;
line-height: 0.1em;
vertical-align: -0.4em;
}
.us p.quote:before {
content: open-quote;
margin-right: 0.05em;
}
.us p.quote:after {
content: close-quote;
margin-left: 0.05em;
}
p.quote + cite {
display: block;
padding-bottom: 20px;
}
p.quote + cite:before {
content: "\2014 \2009";
}
/*
-------------------------------------------------
Images
-------------------------------------------------
*/
.drop-shadow {
position: static;
-moz-box-shadow: 0 20px 20px -20px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 20px 20px -20px rgba(0,0,0,0.5);
box-shadow: 0 20px 20px -20px rgba(0,0,0,0.5);
}
.drop-shadow:after {
position: absolute;
content: '';
left: 0;
right: 0;
bottom: 0;
border-radius: 50%;
box-shadow: rgba(0, 0, 0, 0.7) 0 0 0;
clip: rect(50px, auto, 100px, 0);
top: 100%;
height: 50px;
margin-top: -50px;
}
.drop-shadow > img {
display: block;
}
/*
-------------------------------------------------
Buttons
-------------------------------------------------
*/
.button { background-color:#EB3300; font-weight: 700; font-family: ff-good-web-pro, Arial, sans-serif; }
body.zh.cn .button, body.ja.jp .button, body.ko.kr .button { background-color:#EB3300; font-weight: 700; font-family: sans-noto, Arial, sans-serif; }
.button.white { background-color: white; color:inherit;}
.button.white:hover { background-color: white; color:inherit;}
.button.secondary { background-color: transparent; border: 1px solid #000000; color: #000; text-transform: uppercase; }
/*
-------------------------------------------------
Links
-------------------------------------------------
*/
a {color:#EB3300;}
.cta:after { content: "\203A"; margin-left: 5px;}
.play:before { font-family: "foundation-icons"; content: "\f197"; margin-right: 5px;}
/*
-------------------------------------------------
Hairline between columns
-------------------------------------------------
*/
.row.hairline > .columns {
border-width: 0 0 0 1px;
border-color: #ddd;
border-style: solid;
padding-bottom: 15px;
}
.row.hairline > .columns:first-child {
border-left: 0 none;
-webkit-border-image: none;
-o-border-image: none;
-moz-border-image: none;
}
/*
-------------------------------------------------
Accordion
-------------------------------------------------
*/
.accordion {
margin: 0 0 1rem 0;
}
.accordion .accordion-item {
}
.accordion .accordion-item > a {
background: #f7f7f7;
color:#000;
font-size:1rem;
}
.accordion .accordion-item.is-active {
border-top: 3px solid #EB3300
}
.accordion .accordion-item.is-active > a {
background: #fff;
}
.accordion > li.is-active > .content {
-moz-box-shadow: inset 0 7px 7px -7px #333;
-webkit-box-shadow: inset 0 7px 7px -7px #333;
box-shadow: inset 0 7px 7px -7px #333;
}
/*
-------------------------------------------------
Magellan Nav
-------------------------------------------------
*/
.magellan-bar {background-color:#002843;}
nav[data-magellan] .menu .menu-text {font-weight:normal;}
nav[data-magellan] .menu > li { font-size:0.8125rem;color:#fff; text-transform:uppercase;}
nav[data-magellan] .menu > li > a { color:#fff; font-weight:bold; padding: 01rem 1rem;}
nav[data-magellan] .menu > li > a.active {
background-image: url(clientlib-all/img/bg-orange-pixel.gif);
background-position: bottom;
background-size: 1px 4px;
background-repeat: repeat-x;
color: #fff;
}
/*
-------------------------------------------------
Footer Mega
-------------------------------------------------
*/
footer {background-color:#002843; }
footer .copyright, .corporate-nav {font-size:0.8125rem; color:#fff;}
footer .menu-header {text-transform:uppercase; color:#fff; font-weight:bold; }
footer .menu:not(.simple) {margin-bottom:30px;}
footer .menu.vertical a { color: #fff; padding: 0.45rem 0rem;}
footer .menu a:hover, footer .menu a:focus, footer .corporate-nav a:hover, footer .corporate-nav a:focus {color:#EB3300;}
footer .corporate-footer {background: #002843; }
footer .corporate-nav a {color:#fff;}
/*
-------------------------------------------------
Footer Default
-------------------------------------------------
*/
footer .accordion#footerAccordion .accordion-item a { background-color:#002843; color: #fff; }
footer .accordion#footerAccordion .accordion-item.is-active .accordion-content { padding: 0; border: none; background-color: #002843; color: #fff; border: none; margin: 0; padding: 0; }
footer .accordion#footerAccordion .accordion-item .accordion-content { border: none; background-color: #002843; color: #fff; border: none; margin: 0; padding: 0; }
footer .accordion#footerAccordion .accordion-item.is-active .accordion-content .menu:not(.simple){ margin-bottom: 0; }
footer .accordion#footerAccordion .accordion-item.is-active { border-top: none; background-color: #002843; }
footer .accordion#footerAccordion .accordion-item .menu.vertical a { padding: 0.45rem 1rem; }
footer .accordion#footerAccordion .accordion-title { border: none; border-bottom: 1px solid #fff;}
/*
-------------------------------------------------
newsletter
-------------------------------------------------
*/
#newsletterSignup h4 {color: #fff;}
#newsletterSignup.signup { background-color: #002843; padding-top: 7px; }
#signupEmail { background-color: #002843; color: #fff; }
#signupEmail:focus { outline: none; }
.input-group-button.exclusive-offer-button { padding-left: 10px; }
@media only screen and (max-width: 1020px) {
.input-group-button.exclusive-offer-button {
padding: 10px 0;
display: block;
}
}
/*
-------------------------------------------------
Social Follow
-------------------------------------------------
*/
.corporate-footer .webicon {
width: 50px;
height: 50px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
/*
-------------------------------------------------
Social Follow NewCo
-------------------------------------------------
*/
.newco-footer .webicon {
width: 30px;
height: 30px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
/*
-------------------------------------------------
NewCo Footer
-------------------------------------------------
*/
footer.newco-footer { background-color:#002843; position: relative; }
footer.newco-footer .footer-plt-ply { color: #EB3300; text-transform: uppercase; font-size: 18px; font-weight: 600; font-style: normal; padding-bottom: 10px; }
footer.newco-footer .footer-plt-ply .footer-underline {text-decoration: underline; }
footer.newco-footer .newco-now-together {color: #fff; text-transform: uppercase; font-weight: 600; font-style: normal; font-size: 18px; }
footer.newco-footer .newco-now-together img { height: 30px; padding-left: 5px; }
footer.newco-footer .copyright, .corporate-nav {font-size:16px; color:#fff;}
footer.newco-footer .menu-header {text-transform:none; color:#fff; font-weight:600; font-style: normal; text-decoration: underline; font-size: 16px; margin-bottom: 0; padding-bottom: 7px; }
footer.newco-footer .no-header { padding-top: 32px; }
footer.newco-footer .menu:not(.simple) {margin-bottom:30px;}
footer.newco-footer .menu.vertical a { color:#fff; font-size: 16px; }
footer.newco-footer .menu a:hover, footer .menu a:focus {color:#EB3300;}
footer.newco-footer .corporate-footer {background:#002843;}
footer.newco-footer .corporate-nav a {color:#fff;}
footer.newco-footer .list-1{ padding-top: 3px; }
footer.newco-footer .menu.simple.corporate-nav.region-picker li { margin-right: 0; }
/* Small only */
@media screen and (max-width: 39.9375em) {
footer.newco-footer .list-1 { padding-top: 20px; }
footer.newco-footer .menu-header { padding: 0.45rem 0rem; }
footer.newco-footer .menu.vertical a { padding-left: 0; }
footer.newco-footer .footer-region-picker { padding: 20px 0; }
footer.newco-footer .no-header { padding-top: 0; }
footer.newco-footer .list-1 .menu:not(.simple) {margin-bottom:0;}
}
/* Large and up */
@media screen and (min-width: 64em) {
footer.newco-footer .exclusive-offer{ padding-left: 0; }
footer.newco-footer .new-company-logo{ padding-right: 0; }
}
/*
-------------------------------------------------
NewCo newsletter
-------------------------------------------------
*/
footer.newco-footer #newsletterSignup h6 {color:#fff; text-transform: uppercase; font-size: 18px; font-weight: 600; font-style: normal; }
footer.newco-footer #newsletterSignup .offer-text { color: #fff; }
footer.newco-footer #newsletterSignup .offer-text p:nth-child(2) { margin: 0; }
footer.newco-footer #newsletterSignup .offer-text p { font-size: 14px; }
footer.newco-footer #newsletterSignup.signup { padding: 1px 0 0 0 }
footer.newco-footer #signupEmail { background-color: #fff; font-size: .75em; color: #000; }
footer.newco-footer #newsletterButton { font-size: 20px;}
/*
-------------------------------------------------
Billboard
-------------------------------------------------
*/
/* TODO: cleanup billboards css */
.hero { overflow: hidden; position: relative;}
.hero h1, .hero h2, .hero h3 { font-weight: 600; font-style: normal; }
.hero-media img { width: 100%; max-width: 2000px; display: block; margin: 0 auto; text-align: center;}
a > .hero {color:inherit;}
.hero-box { padding:15px; }
.hero-box.lava.blk p { color: #000; }
.hero-box.lava.wht p { color: #fff; }
.subheader {font-weight:200; font-size:1.5rem;}
.hero-box.center {
float: none;
display: block;
margin: 0 auto;
text-align: center;
}
.bigtext h1, .bigtext h2, .bigtext h3, .bigtext h4 {
line-height:1;
}
/* Medium and up */
@media screen and (min-width: 40em) {
.hero-box {
width: 50%;
}
.default-70.hero-box {
width: 70%;
}
.default-100.hero-box {
width: 100%;
}
.hero-box.left {
float: left;
}
.hero-box.right {
float: right;
}
.hero-box.center {
float: none;
display: block;
margin: 0 auto;
text-align: center;
}
.hero-text {
position: absolute;
top: 0;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
background-color:transparent;
}
.bigtext h1, .bigtext h2, .bigtext h3, .bigtext h4 {
white-space: nowrap;
padding-right: .5rem;
margin-bottom: 0;
text-transform: uppercase;
line-height:1;
}
}
.hero.stack {}
.hero.stack .hero-media {}
.hero.stack .hero-text {}
/* Medium and up */
@media screen and (min-width: 40em) {
.hero.stack .hero-box {
border-top: 14px solid #5f6a72;
background-color:#EFF0E9;
padding:15px 30px 30px;
}
}
.hero.ware {}
.hero.ware .hero-media {}
.hero.ware .hero-text {}
.ware .hero-box {
width: 100%;
}
.ware h1, .ware h2, .ware h3, .ware h4, .ware h5, .ware .subheader {
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}
.ware .bigtext h1, .ware .bigtext h2, .ware .bigtext h3, .ware.bigtext h4, .ware.bigtext h5, .ware.bigtext h6 {
white-space: nowrap;
padding-right: .5rem;
margin-bottom: 0;
text-transform: uppercase;
font-size: 1rem;
line-height:1;
}
.ware .bigtext i {
font-weight: 700;
margin-right: .125em;
}
.hero.ware.pale, .hero.ware.pale a:not(.button) { color:#eee; }
.hero.ware.pale a:not(.button):hover { color:#fff; }
.hero.ware.pale .subheader { color:#eee; }
.hero.ware.dark, .hero.ware.dark a:not(.button) { color:#666; }
.hero.ware.dark a:not(.button):hover { color:#333; }
.hero.ware.dark .subheader { color:#333; }
.hero.ware .hero-box.left {
float: left;
}
.hero.ware .hero-box.right {
float: right;
}
.hero.ware .hero-box.center {
float: none;
display: block;
margin: 0 auto;
text-align: center;
}
.hero.ware .hero-text {
position: absolute;
top: 0;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
background-color:transparent;
}
@media screen and (max-width: 39.9375em) {
.hero-box.lava.wht p { color: #000; }
.hero-box.white { color: #000; }
.ware .subheader {font-size:1rem;}
body:not(.theme-gaming) .hero .hero-box .white {color:#000 !important;}
}
/* Medium and up */
@media screen and (min-width: 40em) {
.hero.ware .hero-box {
width:70%;
}
}
/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}
/* Large and up */
@media screen and (min-width: 64em) {}
/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}
/*
-------------------------------------------
Hairline list
-------------------------------------------
*/
ul.hairline.menu {
margin-left: 0;
}
ul.hairline.menu > li {
border-right: 1px solid #ccc;
padding-right: 11px;
margin-right: 11px;
margin-left: 0;
}
ul.hairline.menu > li:last-child {
border-right: 0 none;
}
/*
-------------------------------------------
Facet list
-------------------------------------------
*/
ul.facet-list { list-style: none; margin-left:0;}
ul.facet-list li {}
/*
-------------------------------------------
Detail list
-------------------------------------------
*/
ul.detail-list {
margin: 0 0 2rem 0;
text-align: center;
}
ul.detail-list > li {
list-style: none;
display: block;
margin-bottom: 8px;
position: relative;
}
ul.detail-list > li.image, ul.detail-list > li.image img {
display: block;
margin: 0 auto 8px;
text-align: center;
}
ul.detail-list > li.image img {
max-height: 100%;
}
ul.detail-list > li.title {
font-weight: 700;
}
ul.detail-list > li.title h3, ul.detail-list > li.title h4 {
margin: 0 0 5px;
}
ul.detail-list > li.tagline {
font-style: italic;
}
ul.detail-list > li.description {
color: #666;
margin-bottom: 17px;
}
ul.detail-list > li.features {
margin: 0 1rem;
}
ul.detail-list > li.features > ul > li {
font-size: 0.8125rem;
color: #666;
}
ul.detail-list > li.rating {
}
ul.detail-list > li.link {
}
ul.detail-list .quickview {
position: absolute;
bottom: 10%;
left: -999em;
text-align: center;
display: block;
}
ul.detail-list:hover .quickview {
left: 0;
right: 0;
}
/*
-------------------------------------------------
TTACs
-------------------------------------------------
*/
.card.tta { border:0 none; background-color: transparent; }
.card.stack { border-top: 14px solid #6D6E71; background-color:#EFF0E9; }
.card.product-detail .features { font-size: 0.8125rem; color: #666;}
.card.product-detail .price { padding:1rem 0; }
.card.product-detail .display-name { padding-top:1rem; }
.card a p {color:inherit;}
a .card h1, a .card h2, a .card h3, a .card h4, a .card h5, a .card h6 {color:#EB3300}
/*
-------------------------------------------------
Drop shadow
-------------------------------------------------
*/
.drop-shadow {
position: static;
-moz-box-shadow: 0 20px 20px -20px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 20px 20px -20px rgba(0,0,0,0.5);
box-shadow: 0 20px 20px -20px rgba(0,0,0,0.5);
}
.drop-shadow:after {
position: absolute;
content: '';
left: 0;
right: 0;
bottom: 0;
border-radius: 50%;
box-shadow: rgba(0, 0, 0, 0.7) 0 0 0;
clip: rect(50px, auto, 100px, 0);
top: 100%;
height: 50px;
margin-top: -50px;
}
.drop-shadow > img {
display: block;
}
/*
-------------------------------------------
tabs
-------------------------------------------
*/
.tabs {
border: none;
}
.tabs-bar {
background: #5f6a72;
}
.tabs-bar .tabs {
background: transparent;
border:0 none;
}
.tabs-bar .tabs-title > a {
color: #fff;
display: block;
font-size: 0.8125rem;
height: 2.8125rem;
line-height: 2.8125rem;
padding: 0px 16px;
background-color: transparent;
font-family: ff-good-web-pro, Arial, sans-serif;
}
body.zh.cn .tabs-bar .tabs-title > a, body.ja.jp .tabs-bar .tabs-title > a, body.ko.kr .tabs-bar .tabs-title > a { font-family: sans-noto, Arial, sans-serif; }
.tabs-bar .tabs-title > a:hover {
background-color: #6D6E71;
}
.tabs-bar .tabs-title > a:focus {
font-weight: bold;
color: #eee;
}
.tabs-bar .tabs-title > a:focus, .tabs-bar .tabs-title > a[aria-selected='true'] {
cursor: default;
color: #fff;
background: #6D6E71;
border-left: 0 solid #e6e6e6;
border-right: 0 solid #e6e6e6;
font-weight: bold;
box-shadow: inset 0px 0px 0px #eee;
-webkit-box-shadow: inset 0px 0px 0px #eee;
-moz-box-shadow: inset 0px 0px 0px #eee;
-o-box-shadow: inset 0px 0px 0px #eee;
}
.tabs-content {border:0 none;}
.tabs.traditional { border:0 none; border-bottom: 1px solid #e6e6e6;}
.tabs-content.traditional { border:0 none;}
.tabs.traditional li.is-active {
border-top: 1px solid #e6e6e6;
}
.tabs.traditional li.is-active > a {
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
margin-bottom:-1px;
}
.tabs.traditional .tabs-title > a:focus, .tabs.traditional .tabs-title > a[aria-selected='true'] {
background: #fff;
color: #111;
}
.pill.tabs {
background: transparent;
border:0 none;
}
.pill.tabs .tabs-title {
margin-right:10px;
}
.pill.tabs .tabs-title > a {
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
-ms-border-radius: 1000px;
-o-border-radius: 1000px;
border-radius: 1000px;
background: #EFF0E9;
color: #666;
}
.pill.tabs .tabs-title > a:hover {
background-color: #F1E9D6;
color:#fff;
}
.pill.tabs .tabs-title > a:focus {
font-weight: bold;
color: #eee;
}
.pill.tabs .tabs-title > a:focus, .pill.tabs .tabs-title > a[aria-selected='true'] {
cursor: default;
color: #fff;
background-color: #EB3300;
}
/*
-------------------------------------------
Slick Carousel
-------------------------------------------
*/
.slick-prev, .slick-next
{
width: 27px;
height: 50px;
display: inline-block;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
background-position: 50% 50%;
background-repeat: no-repeat;
background-color: transparent;
text-indent: -9999em;
content: '';
z-index: 1;
-webkit-transition: all .25s ease-out .25s;
-moz-transition: all .25s ease-out .25s;
-o-transition: all .25s ease-out .25s;
transition: all .25s ease-out .25s;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { background-color: transparent; }
.slick-prev {left: 0.5rem;}
.slick-next {right: 0.5rem;}
.slick-prev, .dark-controls .slick-prev {
background-image: url("clientlib-all/img/thin-arrow-blk-left.svg");
background-position: left;
}
.slick-next, .dark-controls .slick-next {
background-image: url("clientlib-all/img/thin-arrow-blk-right.svg");
background-position: right;
}
.pale-controls .slick-prev {
background-image: url("clientlib-all/img/thin-arrow-wht-left.svg");
background-position: left;
}
.pale-controls .slick-next {
background-image: url("clientlib-all/img/thin-arrow-wht-right.svg");
background-position: right;
}
.arrows-hover .slick-prev { opacity: 0; left: 40px; }
.arrows-hover .slick-next { opacity: 0; right: 40px; }
.arrows-hover:hover .slick-prev { opacity: 1; left: 0.5rem; }
.arrows-hover:hover .slick-next { opacity: 1; right: 0.5rem; }
.slick-slide img {margin:0 auto; text-align:center; display:block;}
.slick-slide .product-image-view6 img { height: 225px; margin:0 auto; text-align:center; display:block;}
.full-width .slick-slide img { width:100%;}
.slider-for img {max-height:400px; width:auto;}
.slider-for + .slider-nav {margin-top:20px;}
.slider-nav img {max-height: 80px; width: auto;}
.slider-nav .slick-slide.slick-current {opacity:0.6;}
.slider-nav .slick-slide.slick-current.slick-center {opacity:1; transform: scale(1.25);}
.slider-nav .slick-slide {
opacity:0.3;
margin:10px auto;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
}
.slick-slider { margin-bottom: 0;}
.slick-dots {
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin:0;
list-style: none;
text-align: center;
}
.slick-dots li { display: inline-block; line-height: 0; position: relative; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button
{
display: inline-block;
font-size: 0;
line-height: 0;
background: #fff;
width: 0.5rem;
height: 0.5rem;
border: 0 none;
opacity: .5;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin: 0 5px;
padding: 0;
display: inline-block;
text-indent: -9999em;
}
.dark-controls .slick-dots li button { background:#000;}
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots .slick-active button { opacity: 0.7;}
.single-item {
/** comment margin-bottom style, as it will have extra white space in the bottom for carousel.
margin-bottom:25px;
*/
}
.multiple-items .slick-slide {margin-right:10px;}
.dots-over .slick-dots { bottom: 15px; }
/*
-------------------------------------------
Video
-------------------------------------------
*/
.video-thumb img {display:inline-block;}
.video-thumb { display:inline-block; position:relative;}
.video-thumb:after {
background: transparent url("clientlib-all/img/video-play-wht.svg") no-repeat 50% 50%;
background-size: 80%;
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
display:block;
content:"";
opacity:.8;
}
.video-thumb.pale-controls:after { background-image: url("clientlib-all/img/video-play-wht.svg"); }
.video-thumb.dark-controls:after { background-image: url("clientlib-all/img/video-play-blk.svg"); }
/*
-------------------------------------------
Product Detail
-------------------------------------------
*/
h1.product-name { font-weight: 600; font-style: normal; text-transform: uppercase;}
h1.product-name .product-common-description p { font-weight: 700; font-style: normal; display: block; font-size: 1.125rem; }
.ecommerce .pltPriceGroup { font-size: 1.5rem; font-weight: normal;}
.pltListPrice.pltWasPrice { text-decoration: line-through; font-size: 0.8125rem; color: #F1E9D6;}
.pltPromoPriceMessaging { font-size: 0.8125rem; color: #EB3300;}
.prevPrice { text-decoration: line-through; color: #bbb; font-size: 1.25rem;}
.show-coming-soon { position:relative; }
.show-coming-soon i {
position: absolute;
top: -20px;
font-size: 0.8125rem;
color: #fff;
font-weight: bold;
padding: 4px 6px;
background-color: #FE481A;
font-style: normal;
text-transform: none;
}
/* amazon button */
.media-external { display:inline-block; vertical-align: top;}
.media-external img { height:40px; }
/*
---------------------------------------------------------------------------------
Gaming theme
---------------------------------------------------------------------------------
*/
.theme-gaming,
.theme-gaming .bread
{ background-color: #000 !important;}
.theme-gaming { color: #fff;}
.theme-gaming .bread ul.breadcrumbs li a { color: #fff;}
.theme-gaming .bread ul.breadcrumbs li:not(:last-child)::after { content: "\203A"; color: #eee; }
.theme-gaming .slick-prev { background-image: url("clientlib-all/img/thin-arrow-wht-left.svg"); }
.theme-gaming .slick-next { background-image: url("clientlib-all/img/thin-arrow-wht-right.svg"); }
/*
body.theme-gaming {
background-image: url("clientlib-all/img/rig-fracture.svg");
background-repeat: no-repeat;
background-position: 0 0;
background-size: cover;
}
*/
.theme-gaming table thead, .theme-gaming table tbody, .theme-gaming table tfoot { border: 1px solid #666; background-color: #444; }
.theme-gaming table thead { background: #444; color: #eee; }
.theme-gaming table tfoot { background: #666; color: #eee; }
.theme-gaming table tbody tr:nth-child(even) { border-bottom: 0; background-color: #666; }
.theme-gaming .bv-cv2-cleanslate div[class*="bv-core-container-"] .bv-text-link,
.theme-gaming .bv-cv2-cleanslate div[class*="bv-core-container-"] .bv-text-link:visited
{ color:#fff !important;}
.theme-gaming h1.product-name, .theme-gaming .product-text h2 {line-height:1;}
.theme-gaming h1.product-name .rig-brand,
.theme-gaming .product-text h2 .rig-brand,
.theme-gaming .billboard .hero-box h1 .rig-brand
{
display:inline-block;
width:130px;
height:auto;
background-image: url("clientlib-all/img/rig-logo.svg");
background-repeat: no-repeat;
background-position: 0 20%;
background-size: 100%;
text-indent: -9999px;
/* remove spacing for visual design */
margin-right: -10px;
}
.theme-gaming .product-text h2 .rig-brand { width:90px; margin-right: -5px;}
.theme-gaming .billboard .hero-box h1 .rig-brand { width:130px; margin-right: 0; line-height:1;}
.theme-gaming h1.product-name span:not(.product-common-description),
.theme-gaming .mainbody .product-text h2
{font-family: "UnitedSansExt-Bold"; }
.theme-gaming .mainbody h1, .theme-gaming .mainbody h3, .theme-gaming .mainbody h5, .theme-gaming .mainbody h6
{ font-family: "UnitedSansExt-Bold", Arial, sans-serif; font-style: normal; font-weight: normal;}
.theme-gaming .mainbody h2, .theme-gaming .mainbody h4
{ font-family: "UnitedSansReg-Heavy", Arial, sans-serif; font-style: normal; font-weight: normal;}
.theme-gaming .mainbody, .theme-gaming .mainbody button, .theme-gaming .mainbody .button { font-family: "UnitedSansReg-Medium", Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing:1px;}
/*
---------------------------------------------------------------------------------
Audio Player Component
---------------------------------------------------------------------------------
*/
.audio-player-play {
background: url("clientlib-all/img/play.png") !important;
background: red;
}
.audio-player-pause {
background: url("clientlib-all/img/pause.png") !important;
background:blue;
}
/*
-------------------------------------------------
Specifications
-------------------------------------------------
*/
@media screen and (max-width: 550px) {
table .specs-item td {
display: inline-block;
}
table .specs-item td:first-child {
display: block;
text-align: center;
background-color: #f1f1f1;
}
table .specs-item td:last-child {
background-color: white;
width: 100%;
}
}