.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default!important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    min-height: 0;
    font-size: 100%
}

.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em
}

.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
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    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: normal
}

.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-buttonset {
    margin-right: 7px
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em
}

input.ui-button::-moz-focus-inner,
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,
.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-dialog {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: none
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: -1px
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item {
    padding-left: 2em
}

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

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px .4em;
    margin: .5em 0 0 0;
    height: auto;
    border: 0
}

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-button {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    cursor: pointer
}

.ui-selectmenu-button span.ui-icon {
    right: .5em;
    left: auto;
    margin-top: -8px;
    position: absolute;
    top: 50%
}

.ui-selectmenu-button span.ui-selectmenu-text {
    text-align: left;
    padding: .4em 2.1em .4em 1em;
    display: block;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: 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
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa
}

body .ui-tooltip {
    border-width: 2px
}

.ui-widget {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1em
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon-blank {
    background-position: 16px 16px
}

.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 {
    border-top-left-radius: 4px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 4px
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    border: 0 none;
    font-family: inherit;
    font-feature-settings: inherit;
    font-kerning: inherit;
    font-language-override: inherit;
    font-size: 100%;
    font-size-adjust: inherit;
    font-stretch: inherit;
    font-style: inherit;
    font-synthesis: inherit;
    font-variant: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

html {
    line-height: 1
}

ol,
ul {
    list-style: outside none none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
    vertical-align: middle
}

q,
blockquote {
    quotes: none
}

q::before,
q::after,
blockquote::before,
blockquote::after {
    content: none
}

a img {
    border: medium none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

* {
    box-sizing: content-box
}

.row {
    margin-left: 0;
    margin-right: 0
}

.container {
    padding-left: 0;
    padding-right: 0
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.container:before,
.container:after {
    content: " ";
    display: table
}

.container:after {
    clear: both
}

@media(min-width:768px) {
    .container {
        width: 750px
    }
}

@media(min-width:992px) {
    .container {
        width: 970px
    }
}

@media(min-width:1200px) {
    .container {
        width: 1170px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.container-fluid:before,
.container-fluid:after {
    content: " ";
    display: table
}

.container-fluid:after {
    clear: both
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.row:before,
.row:after {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left
}

.col-xs-1 {
    width: 8.33333%
}

.col-xs-2 {
    width: 16.66667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.33333%
}

.col-xs-5 {
    width: 41.66667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.33333%
}

.col-xs-8 {
    width: 66.66667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.33333%
}

.col-xs-11 {
    width: 91.66667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-pull-1 {
    right: 8.33333%
}

.col-xs-pull-2 {
    right: 16.66667%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-4 {
    right: 33.33333%
}

.col-xs-pull-5 {
    right: 41.66667%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-7 {
    right: 58.33333%
}

.col-xs-pull-8 {
    right: 66.66667%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-10 {
    right: 83.33333%
}

.col-xs-pull-11 {
    right: 91.66667%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-push-1 {
    left: 8.33333%
}

.col-xs-push-2 {
    left: 16.66667%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-4 {
    left: 33.33333%
}

.col-xs-push-5 {
    left: 41.66667%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-7 {
    left: 58.33333%
}

.col-xs-push-8 {
    left: 66.66667%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-10 {
    left: 83.33333%
}

.col-xs-push-11 {
    left: 91.66667%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-offset-0 {
    margin-left: 0%
}

.col-xs-offset-1 {
    margin-left: 8.33333%
}

.col-xs-offset-2 {
    margin-left: 16.66667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.33333%
}

.col-xs-offset-5 {
    margin-left: 41.66667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.33333%
}

.col-xs-offset-8 {
    margin-left: 66.66667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.33333%
}

.col-xs-offset-11 {
    margin-left: 91.66667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

@media(min-width:768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left
    }
    .col-sm-1 {
        width: 8.33333%
    }
    .col-sm-2 {
        width: 16.66667%
    }
    .col-sm-3 {
        width: 25%
    }
    .col-sm-4 {
        width: 33.33333%
    }
    .col-sm-5 {
        width: 41.66667%
    }
    .col-sm-6 {
        width: 50%
    }
    .col-sm-7 {
        width: 58.33333%
    }
    .col-sm-8 {
        width: 66.66667%
    }
    .col-sm-9 {
        width: 75%
    }
    .col-sm-10 {
        width: 83.33333%
    }
    .col-sm-11 {
        width: 91.66667%
    }
    .col-sm-12 {
        width: 100%
    }
    .col-sm-pull-0 {
        right: auto
    }
    .col-sm-pull-1 {
        right: 8.33333%
    }
    .col-sm-pull-2 {
        right: 16.66667%
    }
    .col-sm-pull-3 {
        right: 25%
    }
    .col-sm-pull-4 {
        right: 33.33333%
    }
    .col-sm-pull-5 {
        right: 41.66667%
    }
    .col-sm-pull-6 {
        right: 50%
    }
    .col-sm-pull-7 {
        right: 58.33333%
    }
    .col-sm-pull-8 {
        right: 66.66667%
    }
    .col-sm-pull-9 {
        right: 75%
    }
    .col-sm-pull-10 {
        right: 83.33333%
    }
    .col-sm-pull-11 {
        right: 91.66667%
    }
    .col-sm-pull-12 {
        right: 100%
    }
    .col-sm-push-0 {
        left: auto
    }
    .col-sm-push-1 {
        left: 8.33333%
    }
    .col-sm-push-2 {
        left: 16.66667%
    }
    .col-sm-push-3 {
        left: 25%
    }
    .col-sm-push-4 {
        left: 33.33333%
    }
    .col-sm-push-5 {
        left: 41.66667%
    }
    .col-sm-push-6 {
        left: 50%
    }
    .col-sm-push-7 {
        left: 58.33333%
    }
    .col-sm-push-8 {
        left: 66.66667%
    }
    .col-sm-push-9 {
        left: 75%
    }
    .col-sm-push-10 {
        left: 83.33333%
    }
    .col-sm-push-11 {
        left: 91.66667%
    }
    .col-sm-push-12 {
        left: 100%
    }
    .col-sm-offset-0 {
        margin-left: 0%
    }
    .col-sm-offset-1 {
        margin-left: 8.33333%
    }
    .col-sm-offset-2 {
        margin-left: 16.66667%
    }
    .col-sm-offset-3 {
        margin-left: 25%
    }
    .col-sm-offset-4 {
        margin-left: 33.33333%
    }
    .col-sm-offset-5 {
        margin-left: 41.66667%
    }
    .col-sm-offset-6 {
        margin-left: 50%
    }
    .col-sm-offset-7 {
        margin-left: 58.33333%
    }
    .col-sm-offset-8 {
        margin-left: 66.66667%
    }
    .col-sm-offset-9 {
        margin-left: 75%
    }
    .col-sm-offset-10 {
        margin-left: 83.33333%
    }
    .col-sm-offset-11 {
        margin-left: 91.66667%
    }
    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media(min-width:992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left
    }
    .col-md-1 {
        width: 8.33333%
    }
    .col-md-2 {
        width: 16.66667%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-4 {
        width: 33.33333%
    }
    .col-md-5 {
        width: 41.66667%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-7 {
        width: 58.33333%
    }
    .col-md-8 {
        width: 66.66667%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-10 {
        width: 83.33333%
    }
    .col-md-11 {
        width: 91.66667%
    }
    .col-md-12 {
        width: 100%
    }
    .col-md-pull-0 {
        right: auto
    }
    .col-md-pull-1 {
        right: 8.33333%
    }
    .col-md-pull-2 {
        right: 16.66667%
    }
    .col-md-pull-3 {
        right: 25%
    }
    .col-md-pull-4 {
        right: 33.33333%
    }
    .col-md-pull-5 {
        right: 41.66667%
    }
    .col-md-pull-6 {
        right: 50%
    }
    .col-md-pull-7 {
        right: 58.33333%
    }
    .col-md-pull-8 {
        right: 66.66667%
    }
    .col-md-pull-9 {
        right: 75%
    }
    .col-md-pull-10 {
        right: 83.33333%
    }
    .col-md-pull-11 {
        right: 91.66667%
    }
    .col-md-pull-12 {
        right: 100%
    }
    .col-md-push-0 {
        left: auto
    }
    .col-md-push-1 {
        left: 8.33333%
    }
    .col-md-push-2 {
        left: 16.66667%
    }
    .col-md-push-3 {
        left: 25%
    }
    .col-md-push-4 {
        left: 33.33333%
    }
    .col-md-push-5 {
        left: 41.66667%
    }
    .col-md-push-6 {
        left: 50%
    }
    .col-md-push-7 {
        left: 58.33333%
    }
    .col-md-push-8 {
        left: 66.66667%
    }
    .col-md-push-9 {
        left: 75%
    }
    .col-md-push-10 {
        left: 83.33333%
    }
    .col-md-push-11 {
        left: 91.66667%
    }
    .col-md-push-12 {
        left: 100%
    }
    .col-md-offset-0 {
        margin-left: 0%
    }
    .col-md-offset-1 {
        margin-left: 8.33333%
    }
    .col-md-offset-2 {
        margin-left: 16.66667%
    }
    .col-md-offset-3 {
        margin-left: 25%
    }
    .col-md-offset-4 {
        margin-left: 33.33333%
    }
    .col-md-offset-5 {
        margin-left: 41.66667%
    }
    .col-md-offset-6 {
        margin-left: 50%
    }
    .col-md-offset-7 {
        margin-left: 58.33333%
    }
    .col-md-offset-8 {
        margin-left: 66.66667%
    }
    .col-md-offset-9 {
        margin-left: 75%
    }
    .col-md-offset-10 {
        margin-left: 83.33333%
    }
    .col-md-offset-11 {
        margin-left: 91.66667%
    }
    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media(min-width:1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left
    }
    .col-lg-1 {
        width: 8.33333%
    }
    .col-lg-2 {
        width: 16.66667%
    }
    .col-lg-3 {
        width: 25%
    }
    .col-lg-4 {
        width: 33.33333%
    }
    .col-lg-5 {
        width: 41.66667%
    }
    .col-lg-6 {
        width: 50%
    }
    .col-lg-7 {
        width: 58.33333%
    }
    .col-lg-8 {
        width: 66.66667%
    }
    .col-lg-9 {
        width: 75%
    }
    .col-lg-10 {
        width: 83.33333%
    }
    .col-lg-11 {
        width: 91.66667%
    }
    .col-lg-12 {
        width: 100%
    }
    .col-lg-pull-0 {
        right: auto
    }
    .col-lg-pull-1 {
        right: 8.33333%
    }
    .col-lg-pull-2 {
        right: 16.66667%
    }
    .col-lg-pull-3 {
        right: 25%
    }
    .col-lg-pull-4 {
        right: 33.33333%
    }
    .col-lg-pull-5 {
        right: 41.66667%
    }
    .col-lg-pull-6 {
        right: 50%
    }
    .col-lg-pull-7 {
        right: 58.33333%
    }
    .col-lg-pull-8 {
        right: 66.66667%
    }
    .col-lg-pull-9 {
        right: 75%
    }
    .col-lg-pull-10 {
        right: 83.33333%
    }
    .col-lg-pull-11 {
        right: 91.66667%
    }
    .col-lg-pull-12 {
        right: 100%
    }
    .col-lg-push-0 {
        left: auto
    }
    .col-lg-push-1 {
        left: 8.33333%
    }
    .col-lg-push-2 {
        left: 16.66667%
    }
    .col-lg-push-3 {
        left: 25%
    }
    .col-lg-push-4 {
        left: 33.33333%
    }
    .col-lg-push-5 {
        left: 41.66667%
    }
    .col-lg-push-6 {
        left: 50%
    }
    .col-lg-push-7 {
        left: 58.33333%
    }
    .col-lg-push-8 {
        left: 66.66667%
    }
    .col-lg-push-9 {
        left: 75%
    }
    .col-lg-push-10 {
        left: 83.33333%
    }
    .col-lg-push-11 {
        left: 91.66667%
    }
    .col-lg-push-12 {
        left: 100%
    }
    .col-lg-offset-0 {
        margin-left: 0%
    }
    .col-lg-offset-1 {
        margin-left: 8.33333%
    }
    .col-lg-offset-2 {
        margin-left: 16.66667%
    }
    .col-lg-offset-3 {
        margin-left: 25%
    }
    .col-lg-offset-4 {
        margin-left: 33.33333%
    }
    .col-lg-offset-5 {
        margin-left: 41.66667%
    }
    .col-lg-offset-6 {
        margin-left: 50%
    }
    .col-lg-offset-7 {
        margin-left: 58.33333%
    }
    .col-lg-offset-8 {
        margin-left: 66.66667%
    }
    .col-lg-offset-9 {
        margin-left: 75%
    }
    .col-lg-offset-10 {
        margin-left: 83.33333%
    }
    .col-lg-offset-11 {
        margin-left: 91.66667%
    }
    .col-lg-offset-12 {
        margin-left: 100%
    }
}

.modal-open {
    overflow: hidden
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50)
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857px
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table
}

.modal-footer:after {
    clear: both
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

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

@media(min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }
    .modal-sm {
        width: 300px
    }
}

@media(min-width:992px) {
    .modal-lg {
        width: 900px
    }
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right!important
}

.pull-left {
    float: left!important
}

.hide {
    display: none
}

.show {
    display: block!important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none!important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-xs {
    display: none!important
}

.visible-sm {
    display: none!important
}

.visible-md {
    display: none!important
}

.visible-lg {
    display: none!important
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none!important
}

@media(max-width:767px) {
    .visible-xs {
        display: block!important
    }
    table.visible-xs {
        display: table!important
    }
    tr.visible-xs {
        display: table-row!important
    }
    th.visible-xs,
    td.visible-xs {
        display: table-cell!important
    }
}

@media(max-width:767px) {
    .visible-xs-block {
        display: block!important
    }
}

@media(max-width:767px) {
    .visible-xs-inline {
        display: inline!important
    }
}

@media(max-width:767px) {
    .visible-xs-inline-block {
        display: inline-block!important
    }
}

@media(min-width:768px)and (max-width:991px) {
    .visible-sm {
        display: block!important
    }
    table.visible-sm {
        display: table!important
    }
    tr.visible-sm {
        display: table-row!important
    }
    th.visible-sm,
    td.visible-sm {
        display: table-cell!important
    }
}

@media(min-width:768px)and (max-width:991px) {
    .visible-sm-block {
        display: block!important
    }
}

@media(min-width:768px)and (max-width:991px) {
    .visible-sm-inline {
        display: inline!important
    }
}

@media(min-width:768px)and (max-width:991px) {
    .visible-sm-inline-block {
        display: inline-block!important
    }
}

@media(min-width:992px)and (max-width:1199px) {
    .visible-md {
        display: block!important
    }
    table.visible-md {
        display: table!important
    }
    tr.visible-md {
        display: table-row!important
    }
    th.visible-md,
    td.visible-md {
        display: table-cell!important
    }
}

@media(min-width:992px)and (max-width:1199px) {
    .visible-md-block {
        display: block!important
    }
}

@media(min-width:992px)and (max-width:1199px) {
    .visible-md-inline {
        display: inline!important
    }
}

@media(min-width:992px)and (max-width:1199px) {
    .visible-md-inline-block {
        display: inline-block!important
    }
}

@media(min-width:1200px) {
    .visible-lg {
        display: block!important
    }
    table.visible-lg {
        display: table!important
    }
    tr.visible-lg {
        display: table-row!important
    }
    th.visible-lg,
    td.visible-lg {
        display: table-cell!important
    }
}

@media(min-width:1200px) {
    .visible-lg-block {
        display: block!important
    }
}

@media(min-width:1200px) {
    .visible-lg-inline {
        display: inline!important
    }
}

@media(min-width:1200px) {
    .visible-lg-inline-block {
        display: inline-block!important
    }
}

@media(max-width:767px) {
    .hidden-xs {
        display: none!important
    }
}

@media(min-width:768px)and (max-width:991px) {
    .hidden-sm {
        display: none!important
    }
}

@media(min-width:992px)and (max-width:1199px) {
    .hidden-md {
        display: none!important
    }
}

@media(min-width:1200px) {
    .hidden-lg {
        display: none!important
    }
}

.visible-print {
    display: none!important
}

@media print {
    .visible-print {
        display: block!important
    }
    table.visible-print {
        display: table!important
    }
    tr.visible-print {
        display: table-row!important
    }
    th.visible-print,
    td.visible-print {
        display: table-cell!important
    }
}

.visible-print-block {
    display: none!important
}

@media print {
    .visible-print-block {
        display: block!important
    }
}

.visible-print-inline {
    display: none!important
}

@media print {
    .visible-print-inline {
        display: inline!important
    }
}

.visible-print-inline-block {
    display: none!important
}

@media print {
    .visible-print-inline-block {
        display: inline-block!important
    }
}

@media print {
    .hidden-print {
        display: none!important
    }
}

body {
    font-family: "museo_sans300";
    font-size: 13px;
    line-height: 1.4em
}

a {
    color: #3e8ddd;
    text-decoration: none
}

[class*="col-"] {
    display: block;
    float: left;
    min-height: 25px;
    box-sizing: border-box
}

.col-1 {
    width: 8.33333%
}

.col-2 {
    width: 16.66667%
}

.col-3 {
    width: 25%
}

.col-4 {
    width: 33.33333%
}

.col-5 {
    width: 41.66667%
}

.col-6 {
    width: 50%
}

.col-7 {
    width: 58.33333%
}

.col-8 {
    width: 66.66667%
}

.col-9 {
    width: 75%
}

.col-10 {
    width: 83.33333%
}

.col-11 {
    width: 91.66667%
}

.col-12 {
    width: 100%
}

.row {
    width: 100%
}

.row .container {
    *zoom: 1;
    width: 1480px;
    margin: 0 auto;
    padding: 0 57px;
    box-sizing: border-box
}

.row .container .col-1 {
    vertical-align: top
}

.row .container .col-1 .content {
    padding: 16px 8px 0
}

.row .container .col-2 {
    vertical-align: top
}

.row .container .col-2 .content {
    padding: 16px 8px 0
}

.row .container .col-3 {
    vertical-align: top
}

.row .container .col-3 .content {
    padding: 16px 8px 0
}

.row .container .col-4 {
    vertical-align: top
}

.row .container .col-4 .content {
    padding: 16px 8px 0
}

.row .container .col-5 {
    vertical-align: top
}

.row .container .col-5 .content {
    padding: 16px 8px 0
}

.row .container .col-6 {
    vertical-align: top
}

.row .container .col-6 .content {
    padding: 16px 8px 0
}

.row .container .col-7 {
    vertical-align: top
}

.row .container .col-7 .content {
    padding: 16px 8px 0
}

.row .container .col-8 {
    vertical-align: top
}

.row .container .col-8 .content {
    padding: 16px 8px 0
}

.row .container .col-9 {
    vertical-align: top
}

.row .container .col-9 .content {
    padding: 16px 8px 0
}

.row .container .col-10 {
    vertical-align: top
}

.row .container .col-10 .content {
    padding: 16px 8px 0
}

.row .container .col-11 {
    vertical-align: top
}

.row .container .col-11 .content {
    padding: 16px 8px 0
}

.row .container .col-12 .content {
    padding: 16px 8px 0
}

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

.row .container:after {
    clear: both
}

.content .warranty-box {
    width: 100%
}

.content .warranty-box .random-text {
    padding: 10px;
    border: 1px solid red;
    background: red;
    color: #fff
}

.cf:before,
.cf:after {
    content: " ";
    display: table
}

.cf:after {
    clear: both
}

.cf {
    *zoom: 1
}

h1 {
    font-size: 2em
}

h2 {
    font-size: 1.8em;
    margin-bottom: .5em
}

h3 {
    font-size: 1.6em;
    margin-bottom: .5em
}

h4 {
    font-size: 1.4em
}

h5 {
    font-size: 1.1em
}

p {
    line-height: 1.6em;
    margin-bottom: 1.2em
}

.lenovo-person:before {
    content: ""
}

.lenovo-deals:before,
.lenovo-ProductInfo:before {
    content: "î™…"
}

.lenovo-home:before {
    content: ""
}

.lenovo-logo-a:before {
    content: ""
}

.lenovo-logo-b:before {
    content: ""
}

.lenovo-thumbs_down:before {
    content: ""
}

.lenovo-thumbs_up:before {
    content: ""
}

.lenovo-heart:before {
    content: ""
}

.lenovo-edit:before {
    content: ""
}

.lenovo-subscribe:before {
    content: ""
}

.lenovo-subscribed:before {
    content: ""
}

.lenovo-downcart:before {
    content: ""
}

.lenovo-android:before {
    content: ""
}

.lenovo-forums:before,
.lenovo-KB:before {
    content: ""
}

.lenovo-windows:before {
    content: ""
}

.lenovo-burger:before {
    content: ""
}

.lenovo-circle-checkmark:before {
    content: ""
}

.lenovo-circle-x:before {
    content: ""
}

.lenovo-circle-add:before {
    content: ""
}

.lenovo-circle-remove:before {
    content: ""
}

.lenovo-menu:before {
    content: ""
}

.lenovo-refresh:before {
    content: ""
}

.lenovo-reload:before {
    content: ""
}

.lenovo-solid-checkmark:before {
    content: ""
}

.lenovo-solid-x:before {
    content: ""
}

.lenovo-solid-add:before {
    content: ""
}

.lenovo-solid-remove:before {
    content: ""
}

.lenovo-lock:before {
    content: ""
}

.lenovo-unlock:before {
    content: ""
}

.lenovo-solutions:before {
    content: ""
}

.lenovo-search:before {
    content: ""
}

.lenovo-alerts:before {
    content: ""
}

.lenovo-flag:before {
    content: ""
}

.lenovo-health:before {
    content: ""
}

.lenovo-cart:before {
    content: ""
}

.lenovo-letter:before {
    content: "î˜ "
}

.lenovo-mic:before {
    content: ""
}

.lenovo-parts:before,
.lenovo-AccessoryInfo:before,
.lenovo-PartInfo:before {
    content: ""
}

.lenovo-cog:before {
    content: ""
}

.lenovo-downloads:before,
.lenovo-Driver:before {
    content: ""
}

.lenovo-guides:before,
.lenovo-Manual:before {
    content: ""
}

.lenovo-videos:before,
.lenovo-Video:before {
    content: ""
}

.lenovo-recycle:before {
    content: ""
}

.lenovo-repair:before {
    content: ""
}

.lenovo-contact:before {
    content: ""
}

.lenovo-flikr:before {
    content: ""
}

.lenovo-twitter:before {
    content: ""
}

.lenovo-facebook:before {
    content: ""
}

.lenovo-google:before {
    content: ""
}

.lenovo-youtube:before {
    content: ""
}

.lenovo-pinterest:before {
    content: ""
}

.lenovo-solid-arrow-left:before {
    content: ""
}

.lenovo-solid-arrow-top:before {
    content: ""
}

.lenovo-solid-arrow-right:before {
    content: ""
}

.lenovo-solid-arrow-bottom:before {
    content: ""
}

.lenovo-black-arrow-top:before {
    content: ""
}

.lenovo-black-arrow-left:before {
    content: ""
}

.lenovo-black-arrow-right:before {
    content: ""
}

.lenovo-black-arrow-bottom:before {
    content: ""
}

.lenovo-circle-arrow-left:before {
    content: ""
}

.lenovo-circle-arrow-top:before {
    content: ""
}

.lenovo-circle-arrow-right:before {
    content: ""
}

.lenovo-circle-arrow-down:before {
    content: ""
}

.lenovo-arrow-left:before {
    content: ""
}

.lenovo-arrow-top:before {
    content: ""
}

.lenovo-arrow-up:before {
    content: ""
}

.lenovo-arrow-right:before {
    content: ""
}

.lenovo-arrow-down:before {
    content: ""
}

.lenovo-box-arrow-left:before {
    content: ""
}

.lenovo-box-arrow-top:before {
    content: ""
}

.lenovo-box-arrow-up:before {
    content: ""
}

.lenovo-box-arrow-right:before {
    content: ""
}

.lenovo-box-arrow-down:before {
    content: ""
}

@font-face {
    font-family: 'ContactOptions';
    src: url(/App/core/fonts/ContactOptions.eot?hnsas6);
    src: url(/App/core/fonts/ContactOptions.eot?#iefixhnsas6) format("embedded-opentype"), url(/App/core/fonts/ContactOptions.ttf?hnsas6) format("truetype"), url(/App/core/fonts/ContactOptions.woff?hnsas6) format("woff"), url(/App/core/fonts/ContactOptions.svg?hnsas6#ContactOptions) format("svg");
    font-weight: normal;
    font-style: normal
}

[class^="option-"],
[class*=" option-"] {
    font-family: 'ContactOptions';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.option-sales-support:before {
    content: ""
}

.option-assisted-search:before {
    content: ""
}

.option-call-back:before {
    content: ""
}

.option-chat:before {
    content: ""
}

.option-email-support:before {
    content: ""
}

.option-feedback:before {
    content: ""
}

.option-forum:before {
    content: ""
}

.option-intl-warranty:before {
    content: ""
}

.option-online-ticket:before {
    content: ""
}

.option-phone-list:before {
    content: ""
}

.option-premium-support:before {
    content: ""
}

.option-recovery-media:before {
    content: ""
}

.option-repair-status:before {
    content: ""
}

.option-service-provider:before {
    content: ""
}

.option-service-shop:before {
    content: ""
}

.option-warranty:before {
    content: ""
}

@font-face {
    font-family: 'LenovoDownloadsCategories';
    src: url(/App/core/fonts/LenovoDownloadsCategories.eot?-h6op4a);
    src: url(/App/core/fonts/LenovoDownloadsCategories.eot?#iefix-h6op4a) format("embedded-opentype"), url(/App/core/fonts/LenovoDownloadsCategories.ttf?-h6op4a) format("truetype"), url(/App/core/fonts/LenovoDownloadsCategories.woff?-h6op4a) format("woff"), url(/App/core/fonts/LenovoDownloadsCategories.svg?-h6op4a#LenovoDownloadsCategories) format("svg");
    font-weight: normal;
    font-style: normal
}

[class^="dl-category-"],
[class*=" dl-category-"] {
    font-family: 'LenovoDownloadsCategories';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.dl-category-wan:before {
    content: ""
}

.dl-category-security:before {
    content: ""
}

.dl-category-audio:before {
    content: ""
}

.dl-category-baseboard:before {
    content: ""
}

.dl-category-bios:before {
    content: ""
}

.dl-category-bluetooth:before {
    content: ""
}

.dl-category-camerareader:before {
    content: ""
}

.dl-category-chipset:before {
    content: ""
}

.dl-category-diags:before {
    content: ""
}

.dl-category-docking:before {
    content: ""
}

.dl-category-dvddrive:before {
    content: ""
}

.dl-category-easysuite:before {
    content: ""
}

.dl-category-enterprise:before {
    content: ""
}

.dl-category-ethernet:before,
.dl-category-networking:before {
    content: ""
}

.dl-category-fingerprint:before {
    content: ""
}

.dl-category-keyboard:before {
    content: ""
}

.dl-category-patch:before {
    content: ""
}

.dl-category-powermgmt:before {
    content: ""
}

.dl-category-preload:before {
    content: ""
}

.dl-category-rackplanner:before {
    content: ""
}

.dl-category-raid:before {
    content: ""
}

.dl-category-recovery:before {
    content: ""
}

.dl-category-storage:before {
    content: ""
}

.dl-category-software:before,
.dl-category-swutils:before {
    content: ""
}

.dl-category-thinkvantage:before {
    content: ""
}

.dl-category-usb:before {
    content: ""
}

.dl-category-video:before {
    content: ""
}

.dl-category-Wifi:before {
    content: ""
}

.dl-category-Windows:before {
    content: ""
}

.button {
    padding: 6px 10px;
    text-decoration: none;
    transition: all .2s ease-in-out;
    display: inline-block
}

.trans {
    background: none
}

.solid {
    background: #fff
}

.orange {
    border: 1px solid #ff6a00;
    color: #ff6a00
}

.white {
    border: 1px solid #fff;
    color: #fff
}

.white:hover,
.white .trans {
    background: rgba(255, 255, 255, .2)
}

.blue {
    border: 1px solid #3e8ddd;
    color: #3e8ddd
}

.green {
    border: 1px solid #6abf4a;
    color: #6abf4a
}

.gray {
    border: 1px solid #6f7170;
    color: #6f7170
}

.red {
    border: 1px solid #e2231a;
    color: #e2231a
}

.disabled {
    border: 1px solid #d9d8d6;
    color: #6f7170
}

.orange-solid {
    border: 1px solid #ff6a00;
    color: #fff;
    background: #ff6a00
}

.blue-solid {
    border: 1px solid #3e8ddd;
    color: #fff;
    background: #3e8ddd
}

.blue-solid:hover {
    background: #5da9f5;
    border: 1px solid #5da9f5
}

.green-solid {
    border: 1px solid #6abf4a;
    color: #fff;
    background: #6abf4a
}

.gray-solid {
    border: 1px solid #6f7170;
    color: #fff;
    background: #6f7170
}

.red-solid {
    border: 1px solid #e2231a;
    color: #fff;
    background: #e2231a
}

.disabled-solid {
    border: 1px solid #d9d8d6;
    color: #fff;
    background: #d9d8d6
}

.nobg {
    background: none
}

header {
    height: 75px;
    width: 100%;
    background: #fff;
    z-index: 10;
    position: fixed;
    transition: height .2s ease-in-out
}

header .container {
    width: 1480px;
    margin: 0 auto;
    background: #fff;
    height: 100%;
    position: relative
}

header .container .logo {
    width: 65px;
    height: 196px;
    background: #e2231a;
    background: url(/App/core/images/logo.png) no-repeat 0 0;
    position: absolute;
    left: 0;
    z-index: 3;
    cursor: pointer
}

header .container .site-links {
    display: inline-block;
    margin-left: 92px;
    padding-top: 28px;
    transition: all .2s ease-in-out
}

header .container .site-links ul {
    margin: 0;
    padding: 0
}

header .container .site-links ul li {
    display: inline-block;
    margin-right: 25px
}

header .container .site-links ul li>a {
    text-decoration: none;
    color: #454545;
    text-transform: uppercase;
    font-size: 16px;
    font-family: "museo_sans500";
    z-index: 10
}

header .container .site-links ul li>a:hover {
    color: #3e8ddd;
    text-shadow: 0 0 2px -1 #3e8ddd
}

header .container .site-links ul li .panel-container .col-3:nth-child(1),
header .container .site-links ul li .panel-container .col-3:nth-child(2),
header .container .site-links ul li .panel-container .col-3:nth-child(3) {
    padding-right: 25px
}

header .container .site-links ul li .panel-container li {
    margin-bottom: 10px;
    line-height: 1.4em;
    width: 100%
}

header .container .site-links ul li .panel-container li a {
    text-transform: none;
    font-size: 13px
}

header .container .site-links ul li .panel-container h3 {
    font-size: 1.2em;
    text-transform: none;
    margin-bottom: 25px;
    font-family: "museo_sans500";
    color: #606060
}

header .container .site-links ul li li {
    text-transform: none
}

header .container .site-links ul li li a {
    color: #3e8ddd;
    text-transform: none
}

header .container .site-links ul li:last-child {
    margin-right: 0
}

header .container .header-search {
    position: relative
}

header .container .search-input {
    border: 1px solid #fff;
    width: 52px;
    text-align: right
}

header .container .lenovo-search {
    color: #6f7170
}

header .container .search-input:focus {
    outline: 0;
    border: 0
}

header .container .action-bar {
    font-size: 12px
}

header .container .action-bar .lenovo-search {
    margin-top: 4px;
    float: left
}

header .container .action-bar .close {
    color: #c4beb6
}

header .container .action-bar .close:hover {
    color: #6f7170;
    cursor: pointer
}

header .container .search-input.search-expanded {
    width: 230px;
    border: 1px solid #fff;
    padding: 0 6px;
    text-align: left;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

header .container header .container .action-bar .lenovo-search.search-btn-expanded {
    margin-top: 3px;
    float: right;
    margin-right: 8px
}

header .container .search-btn-expanded {
    margin-left: -25px;
    top: 2px;
    position: relative
}

header .container .input-group-addon {
    position: relative;
    z-index: 2
}

header .container .action-bar {
    display: inline-block;
    float: right;
    padding-top: 28px;
    margin-right: 64px;
    transition: all .2s ease-in-out
}

header .container .action-bar ul li {
    display: inline-block;
    padding: 0;
    margin-left: 10px
}

header .container .action-bar ul li:first-child {
    margin-left: 0
}

header .container .action-bar ul li a {
    text-decoration: none;
    color: #6f7170
}

header .container .action-bar ul li a span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    position: relative;
    top: 1px
}

header .container .action-bar ul li a:hover {
    color: #3e8ddd
}

.resp-header {
    display: none
}

.resp-header .mobile-nav-btn {
    color: gray;
    display: inline-block;
    height: 38px;
    margin-right: -4px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 12px;
    vertical-align: top;
    cursor: pointer
}

.resp-header .mobile-nav-btn>span {
    font-size: 25px
}

.resp-header .mobile-nav-btn:hover {
    background: #f0f0f0
}

.resp-header .logo {
    display: inline-block;
    position: relative!important
}

.resp-header .mobile-nav-search,
.resp-header .mobile-nav-login {
    display: inline-block;
    float: right;
    height: 23px;
    padding: 12px 15px 15px;
    border-left: 1px solid #f0f0f0;
    cursor: pointer
}

.resp-header .mobile-nav-search span,
.resp-header .mobile-nav-login span {
    font-size: 25px;
    color: #6f7170
}

.resp-header .mobile-nav-search:hover,
.resp-header .mobile-nav-login:hover {
    background: #f0f0f0
}

.resp-header .mobile-submenu {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 3px 11px -6px rgba(0, 0, 0, .5);
    margin-top: -5px;
    position: fixed;
    width: 275px;
    z-index: -1
}

.resp-header .mobile-submenu>ul>li {
    border-top: 1px solid #e5e5e5;
    color: #909090;
    font-family: museo_sans500;
    font-size: 15px;
    padding: 15px
}

.resp-header .mobile-submenu>ul>li span {
    color: #909090;
    display: inline;
    font-size: 18px;
    margin-right: 0;
    position: relative;
    top: 2px
}

.resp-header .mobile-submenu>ul>li a {
    color: #909090;
    padding-left: 10px
}

.resp-header .mobile-submenu>ul>li:hover {
    background: #f7f7f7;
    color: #ff6a00;
    cursor: pointer
}

.resp-header .mobile-submenu>ul>li:hover a {
    color: #ff6a00
}

.resp-header .mobile-submenu>ul li.item-child {
    padding: 0
}

.resp-header .mobile-submenu>ul li.item-child>ul>li {
    border-top: 1px solid #f0f0f0;
    padding: 15px
}

.resp-header .mobile-submenu>ul li.item-child>ul>li:first-child {
    border-top: none
}

.resp-header .mobile-submenu>ul li.item-child>ul>li a {
    color: #909090
}

.resp-header .mobile-submenu>ul li.item-child>ul>li:hover {
    color: #ff6a00;
    background: #f7f7f7
}

.resp-header .mobile-submenu>ul li.item-child:hover {
    background: #fff;
    color: #909090
}

.mobile-submenu ul li.item-child {
    padding: 0
}

.mobile-search-box {
    height: 50px;
    width: 100%;
    background: #fff none repeat scroll 0% 0%;
    position: relative;
    bottom: 4px;
    border-bottom: 1px solid #d0d0d0;
    display: none;
    box-shadow: 0 7px 11px -5px rgba(0, 0, 0, .25)
}

.mobile-search-box .mobile-search-btn {
    float: right;
    padding-top: 15px;
    padding-right: 15px
}

.mobile-search-box .mobile-search-btn span {
    font-size: 20px;
    color: #3e8ddd;
    cursor: pointer
}

.mobile-search-box .mobile-search-btn span:hover {
    opacity: .75
}

.mobile-search-box .mobile-search-input {
    padding-right: 50px;
    box-sizing: border-box;
    padding-top: 12px;
    padding-left: 12px
}

.mobile-search-box .mobile-search-input input {
    border: 1px solid #d0d0d0;
    box-sizing: border-box;
    padding-left: 5px;
    width: 100%;
    font-size: 15px
}

.mobile-login-box {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #d0d0d0;
    bottom: 4px;
    box-shadow: 0 7px 11px -5px rgba(0, 0, 0, .25);
    display: none;
    float: right;
    height: auto;
    position: relative;
    width: 220px
}

.mobile-login-box .mobile-guest>li {
    padding: 15px;
    border-bottom: 1px solid #d0d0d0
}

.mobile-login-box .mobile-guest>li:last-child {
    border-bottom: none
}

.mobile-login-box .mobile-user>li {
    padding: 15px;
    border-bottom: 1px solid #d0d0d0
}

.mobile-login-box .mobile-user>li:last-child {
    border-bottom: none
}

.landing-menu .panel-container {
    margin-top: 25px
}

.landing-menu .panel-container .row .container {
    width: 100%!important
}

.landing-menu .panel-container .col-3:nth-child(1),
.landing-menu .panel-container .col-3:nth-child(2),
.landing-menu .panel-container .col-3:nth-child(3) {
    padding-right: 25px
}

@media screen and (max-width: 960px) {
    .landing-menu .panel-container .col-3 {
        width: 100%;
        margin-bottom: 25px
    }
    .landing-menu .panel-container .col-3:last-child {
        margin-bottom: 0
    }
}

.landing-menu .panel-container li {
    margin-bottom: 10px;
    line-height: 1.4em;
    width: 100%
}

.landing-menu .panel-container li a {
    text-transform: none;
    font-size: 13px
}

.landing-menu .panel-container h3 {
    font-size: 1.2em;
    text-transform: none;
    margin-bottom: 25px;
    font-family: "museo_sans500";
    color: #606060
}

.landing-menu .banner-bg .banner-contents .banner-label {
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 25px
}

.landing-menu .banner-bg .banner-contents .banner-label span {
    color: #e2231a;
    font-family: museo_sans500
}

.landing-menu .banner-bg .banner-contents .banner-button {
    margin-bottom: 25px;
    margin-top: 25px;
    text-align: center
}

@media screen and (max-width: 960px) {
    .landing-menu .banner-bg .banner-contents .banner-button {
        text-align: left
    }
}

main {
    padding-top: 77px
}

.tucked {
    box-shadow: 0 0 32px -10px rgba(0, 0, 0, .5);
    border-bottom: 1px solid #e0e0e0
}

.minified {
    z-index: 10;
    height: 50px
}

.minified .container .site-links {
    padding-top: 18px
}

.minified .container .action-bar {
    padding-top: 15px
}

.minified .container .logo {
    height: 50px;
    background: url(/App/core/images/logo_h.png) no-repeat 0 0
}

header .menu-item .subnav {
    position: absolute;
    margin-top: 0;
    width: 100%;
    left: 65px;
    display: none;
    z-index: 8
}

header .menu-item .subnavbox {
    padding-right: 130px
}

header .menu-item .subnavbox .tab-container ul {
    margin-bottom: 22px
}

header .menu-item .subnavbox .tab-container ul:last-child {
    margin-bottom: 0
}

header .menu-item .subnavbox .prop {
    padding: 22px;
    min-height: 120px;
    background: #fff;
    box-shadow: 0 11px 15px -5px rgba(0, 0, 0, .5)
}

header .menu-item .subnavbox .prop b {
    color: #606060;
    font-family: "museo_sans700"
}

header .menu-item .subnavbox .win10_promo {
    background: #fff url(/App/core/images/win-10.png) no-repeat scroll 100% 100%
}

header .menu-item .subnavbox .etabs {
    margin: 0 0 30px 0;
    padding: 0;
    border-bottom: 1px solid #d0d0d0;
    width: 100%
}

header .menu-item .subnavbox .etabs .tab {
    display: inline-block;
    zoom: 1;
    padding-bottom: 5px;
    *display: inline
}

header .menu-item .subnavbox .etabs .tab a {
    font-size: 14px;
    line-height: 2em;
    display: block;
    padding: 0 10px;
    outline: none;
    color: #3e8ddd
}

header .menu-item .subnavbox .etabs .tab a.active {
    font-weight: bold
}

header .menu-item .subnavbox .etabs .tab.active {
    background: #fff;
    position: relative;
    border: 5px solid #e2231a;
    border-width: 0 0 5px 0
}

header .nav-active {
    padding-bottom: 10px
}

header .nav-active .navitem {
    position: relative;
    display: inline-block;
    border-bottom: 4px solid #e2231a;
    padding-bottom: 11px
}

header .nav-active .navitem .navitem-label {
    display: inline-block
}

header .nav-active .navitem .arrow-down {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    bottom: 9px;
    height: 0;
    position: absolute;
    top: 33px;
    width: 0
}

header .nav-active .navitem .prods-indicator {
    border-top: 8px solid #e2231a;
    left: 33px
}

header .nav-active .navitem .shop-indicator {
    border-top: 8px solid #6abf4a;
    right: 13px
}

header .nav-active .navitem .supp-indicator {
    border-top: 8px solid #e2231a;
    right: 27px
}

header .prods-active {
    border-bottom: 4px solid #e2231a
}

header .shop-active {
    border-bottom: 4px solid #6abf4a
}

header .supp-active {
    z-index: 10px
}

.tab-container .panel-container {
    padding: 10px 10px 0;
    display: inline-block
}

.tab-container .panel-container ul li a.emphasized {
    font-family: "museo_sans700"
}

.win10_sc_box {
    width: 100%;
    min-height: 25px;
    background: #3e8ddd;
    color: #fff;
    padding: 20px;
    box-sizing: border-box;
    text-align: center
}

.win10_sc_box .line-1 {
    display: inline-block;
    width: 100%;
    font-size: 33px;
    text-transform: capitalize;
    margin-bottom: 20px;
    line-height: 35px
}

.win10_sc_box .line-2 {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    text-transform: capitalize
}

.win10_sc_box .line-3 {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px
}

.prop {
    position: relative
}

.prop #tab-enterprise .row.has-banner .banner-bg {
    position: absolute;
    right: 0;
    bottom: 0
}

.prop #tab-enterprise .row.has-banner .banner-bg .banner-box {
    display: inline-block;
    position: relative;
    width: 100%
}

.prop #tab-enterprise .row.has-banner .banner-bg .banner-box .banner-contents {
    display: inline-block;
    height: 300px;
    position: relative;
    width: 100%
}

@media screen and (max-width: 1300px) {
    .prop #tab-enterprise .row.has-banner .banner-bg .banner-box .banner-contents {
        height: 310px
    }
}

@media screen and (max-width: 1170px) {
    .prop #tab-enterprise .row.has-banner .banner-bg .banner-box .banner-contents {
        height: 330px
    }
}

@media screen and (max-width: 1090px) {
    .prop #tab-enterprise .row.has-banner .banner-bg .banner-box .banner-contents {
        height: 360px
    }
}

@media screen and (max-width: 1000px) {
    .prop #tab-enterprise .row.has-banner .banner-bg .banner-box .banner-contents {
        height: 380px
    }
}

@media screen and (max-width: 950px) {
    .prop #tab-enterprise .row.has-banner .banner-bg .banner-box .banner-contents {
        height: 400px
    }
}

.prop #tab-enterprise .row.has-banner .banner-bg .banner-box .banner-contents img {
    bottom: -4px;
    max-width: 100%;
    position: absolute;
    right: 1px
}

.prop #tab-enterprise .row.has-banner .banner-bg .banner-box .banner-contents .banner-label {
    font-size: 20px;
    line-height: 30px;
    position: absolute;
    top: 0;
    padding-right: 15px;
    color: #707070
}

.prop #tab-enterprise .row.has-banner .banner-bg .banner-box .banner-contents .banner-label span {
    color: red;
    font-family: "museo_sans500"
}

.prop #tab-enterprise .row.has-banner .banner-bg .banner-box .banner-contents .banner-button {
    position: absolute;
    right: 37px;
    top: 80px
}

@media screen and (max-width: 1480px) {
    .prop #tab-enterprise .row.has-banner .banner-bg .banner-box .banner-contents .banner-button {
        top: 117px
    }
}

@media screen and (max-width: 1090px) {
    .prop #tab-enterprise .row.has-banner .banner-bg .banner-box .banner-contents .banner-button {
        top: 155px
    }
}

@media screen and (max-width: 1050px) {
    .prop #tab-enterprise .row.has-banner .banner-bg .banner-box .banner-contents .banner-button {
        top: 170px
    }
}

.social-links {
    margin: 10px 0
}

.social-links li {
    float: left;
    margin-right: 22px
}

.social-links li a {
    font-size: 33px;
    color: #6f7170;
    padding-bottom: 20px
}

.footer-container {
    background: -moz-linear-gradient(top, rgba(219, 219, 219, .65) 0%, transparent 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(219, 219, 219, .65)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(top, rgba(219, 219, 219, .65) 0%, transparent 100%);
    background: -o-linear-gradient(top, rgba(219, 219, 219, .65) 0%, transparent 100%);
    background: -ms-linear-gradient(top, rgba(219, 219, 219, .65) 0%, transparent 100%);
    background: linear-gradient(to bottom, rgba(219, 219, 219, .65) 0%, transparent 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a6dbdbdb', endColorstr='#00000000', GradientType=0);
    border-top: 1px solid #abadab;
    padding: 50px 0;
    margin-top: 50px;
    font-size: 13px
}

.footer-container .header {
    font-size: 1.4em;
    margin-bottom: 15px
}

.footer-container li {
    line-height: 1.6em
}

.footer-container .footer-module {
    max-width: 330px;
    padding-top: 22px
}

.footer-container .footer-module h4 {
    margin-bottom: .4em;
    padding-left: 40px
}

.footer-container .footer-links ul {
    padding-top: 50px
}

.footer-container .footer-links ul li {
    float: left;
    margin-right: 12px;
    padding-right: 12px;
    border-right: 1px solid #c4beb6;
    line-height: 1
}

.footer-container .footer-links ul li:last-child {
    border: none
}

.footer-container h4 {
    font-size: 1.4em
}

.footer-container .footer-statement .container .content span {
    display: inline-block;
    margin-bottom: 15px
}

.row {
    clear: both
}

.series-container {
    margin: 22px 0;
    display: none;
    font-weight: 700
}

.wrapper-dropdown {
    position: relative;
    width: 200px;
    margin: 0 auto;
    padding: 12px 15px;
    text-align: left;
    display: inline-block;
    background: #fff;
    z-index: 5;
    border: 1px solid #c4beb6;
    cursor: pointer;
    outline: none;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    margin-right: 20px
}

.wrapper-dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #3e8ddd transparent
}

.wrapper-dropdown.disabled:after {
    border-color: #d9d8d6 transparent
}

.wrapper-dropdown .dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    font-weight: 500;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .2);
    border-top: none;
    border-bottom: none;
    list-style: none;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    max-height: 0;
    overflow-x: hidden;
    overflow-y: scroll
}

.wrapper-dropdown .dropdown li {
    padding: 0 10px
}

.wrapper-dropdown .dropdown li a {
    display: block;
    text-decoration: none;
    color: #6f7170;
    padding: 10px 0;
    transition: all .3s ease-out;
    border-bottom: 1px solid #e6e8ea
}

.wrapper-dropdown.disabled {
    color: #d9d8d6
}

.wrapper-dropdown .dropdown li:last-of-type a {
    border: none
}

.wrapper-dropdown .dropdown li i {
    margin-right: 5px;
    color: inherit;
    vertical-align: middle
}

.wrapper-dropdown .dropdown li:hover {
    background-color: #f2f1f0
}

.wrapper-dropdown .dropdown li:hover a {
    color: #57a9d9
}

.wrapper-dropdown.active {
    border-radius: 2px 2px 0 0;
    background: #3e8ddd;
    box-shadow: none;
    border-bottom: none;
    color: #fff
}

.wrapper-dropdown.active:after {
    border-color: #fff transparent
}

.wrapper-dropdown.active .dropdown {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    max-height: 400px
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    margin-bottom: 30px
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -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;
    left: 0;
    top: 0;
    display: block
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 30px;
    width: 30px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    margin-top: -10px;
    padding: 0;
    border: none;
    outline: none
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before,
.slick-next:before {
    font-family: "LenovoSupport";
    font-size: 30px;
    line-height: 1;
    color: #c4beb6;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: ""
}

[dir="rtl"] .slick-prev:before {
    content: ""
}

.slick-next {
    right: -25px
}

[dir="rtl"] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: ""
}

[dir="rtl"] .slick-next:before {
    content: ""
}

.slick-dots {
    position: absolute;
    bottom: -45px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "LenovoSupport";
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.prods-module .prod-item,
.product-slider .item {
    opacity: 0
}

.product-slider.slick-initialized .item {
    opacity: 1;
    transition: all .4s ease-in
}

.slick-slider .slick-slide.prod-item {
    position: absolute
}

.my-products-slider .slick-slider {
    min-height: 135px
}

.slick-slider.slick-initialized {
    background: none
}

.prods-module.slick-initialized {
    background: none;
    transition: all .4s ease-in
}

.prods-module.slick-initialized .slick-slide.prod-item {
    position: relative;
    min-height: 201px
}

.debug-resp {
    display: none;
    background: #000;
    width: 80px;
    height: 30px;
    position: fixed;
    z-index: 10000;
    left: 100px;
    opacity: .7
}

.debug-resp .d,
.debug-resp .d0,
.debug-resp .d1,
.debug-resp .d2,
.debug-resp .d3 {
    display: inline-block;
    width: 80px;
    height: 30px;
    color: #fff;
    padding-top: 8px;
    text-align: center
}

.debug-resp .d0 {
    background: gray
}

.debug-resp .d1 {
    background: red;
    display: none
}

.debug-resp .d2 {
    background: green;
    display: none
}

.debug-resp .d3 {
    background: blue;
    display: none
}

@media(max-width:1500px) {
    .debug-resp .d0 {
        display: none
    }
    .debug-resp .d1 {
        display: inline-block
    }
    .prop {
        padding: 20px 22px 0
    }
    .subnav {
        margin-top: -1px!important
    }
    main {
        padding-top: 50px
    }
    header {
        height: 50px;
        border-bottom: 1px solid #d0d0d0
    }
    header .container {
        width: 100%
    }
    header .container .action-bar {
        margin-right: 20px;
        padding-top: 15px
    }
    header .container .site-links {
        padding-top: 18px
    }
    header .container .logo {
        height: 50px;
        background: url(/App/core/images/logo_h.png) no-repeat 0 0
    }
    .row .container {
        width: 100%;
        padding: 0 20px
    }
    .prod-order-bar .container {
        padding: 0 20px!important
    }
    .prod-order-bar .container .prod-order-container {
        padding: 20px 0
    }
    .prod-order-bar .container .new-order-panel,
    .prod-order-bar .container .ext-order-panel {
        padding: 0 0 25px
    }
    .prods-module {
        width: 100%
    }
    .product-selector .container .col-2 {
        width: 0%;
        display: none
    }
    .product-selector .container .col-3 {
        width: 30%
    }
    .product-selector .container .col-5 {
        width: 62%
    }
    .hero-container .container .col-5 {
        width: 50%
    }
    .hero-container .container .col-7 {
        width: 49%
    }
    .current-product.warm {
        padding-left: 0
    }
    .current-product.warm .block-content .row {
        display: inline-block
    }
}

@media(max-width:960px) {
    .debug-resp .d0 {
        display: none
    }
    .debug-resp .d1 {
        display: none
    }
    .debug-resp .d2 {
        display: inline-block
    }
    .desktop-header {
        display: none
    }
    .resp-header {
        display: block
    }
    .prod-order-bar .container {
        padding: 0 20px!important
    }
    .prod-order-bar .container .prod-order-container {
        padding: 20px 0
    }
    .prod-order-bar .container .prod-order-container .windows-upgrade-banner {
        display: none
    }
    .product-selector .container .col-4:nth-child(1) {
        width: 50%
    }
    .product-selector .container .col-4:nth-child(2) {
        width: 50%;
        padding-bottom: 44px
    }
    .product-selector .container .col-4:nth-child(3) {
        border-top: 1px solid #d0d0d0;
        border-bottom: 1px solid #d0d0d0;
        width: 100%;
        padding-bottom: 45px;
        padding-top: 20px
    }
    .product-selector .container .col-2 {
        display: none
    }
    .product-selector .container .col-3 {
        width: 35%
    }
    .product-selector .search-block>h2 {
        padding-bottom: 20px
    }
    .hero-container .container .col-5 {
        width: 100%
    }
    .hero-container .container .col-7 {
        display: none
    }
    .hero-container .zoom-bg {
        background: #88b1c5;
        background: -moz-linear-gradient(top, #88b1c5 2%, #5371a3 51%, #245872 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #88b1c5), color-stop(51%, #5371a3), color-stop(100%, #245872));
        background: -webkit-linear-gradient(top, #88b1c5 2%, #5371a3 51%, #245872 100%);
        background: -o-linear-gradient(top, #88b1c5 2%, #5371a3 51%, #245872 100%);
        background: -ms-linear-gradient(top, #88b1c5 2%, #5371a3 51%, #245872 100%);
        background: linear-gradient(to bottom, #88b1c5 2%, #5371a3 51%, #245872 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#88b1c5', endColorstr='#245872', GradientType=0)
    }
    .current-product.warm {
        padding-left: 25px
    }
    .current-product.warm .block-content>.row {
        padding-bottom: 45px
    }
    .footer-container .footer-site-links .col-8 {
        width: 100%
    }
    .footer-container .footer-site-links .col-4 {
        width: 100%
    }
    .footer-container .footer-site-links .countrySwitch {
        float: none;
        display: table;
        margin: 0 auto
    }
    .footer-container .footer-site-links .countrySwitch>ul li a {
        text-align: left
    }
    .footer-container .footer-site-links .footer-module {
        display: none
    }
    .footer-container .footer-statement .container .col-12 .content {
        text-align: center
    }
    .footer-container .footer-statement .container .col-12 .content span {
        display: inline-block;
        margin-top: 15px;
        margin-bottom: 15px
    }
    .footer-container .social-links-container ul {
        text-align: center
    }
    .footer-container .social-links-container .social-links {
        margin: 24px 0
    }
    .footer-container .social-links-container .social-links li {
        float: none;
        margin-right: 22px;
        display: inline-block
    }
    #hero_loggedin {
        display: none!important
    }
}

@media(max-width:768px) {
    .debug-resp .d0 {
        display: none
    }
    .debug-resp .d1 {
        display: none
    }
    .debug-resp .d2 {
        display: none
    }
    .debug-resp .d3 {
        display: inline-block
    }
    .prod-image-container {
        height: auto;
        width: 100%
    }
    .prod-image-container img {
        height: auto;
        width: 100%
    }
    .my-products {
        margin-left: 0
    }
    .product-selector .container .col-4:nth-child(1) {
        width: 100%
    }
    .product-selector .container .col-4:nth-child(2) {
        width: 100%;
        padding-bottom: 0;
        display: none
    }
    .product-selector .container .col-4:nth-child(3) {
        border-bottom: 1px solid #d0d0d0;
        width: 100%
    }
    .product-selector .container .col-3 {
        width: 100%;
        border-bottom: 1px solid #d0d0d0;
        padding-bottom: 44px
    }
    .product-selector .container .col-5 {
        width: 100%;
        padding-bottom: 45px;
        padding-top: 20px
    }
    .product-selector .container .col-5 .search-block .search-field-container {
        text-align: center
    }
    .product-selector .container .col-5 .search-block .search-field-container>a {
        margin-top: 20px
    }
    .product-selector h2 {
        text-align: center
    }
    .prod-order-bar .container .prod-order-container .label {
        margin-bottom: 10px;
        text-align: center;
        width: 100%
    }
    .prod-order-bar .container .prod-order-container .buttons {
        margin-top: 6px;
        text-align: center;
        width: 100%
    }
    .prod-order-bar .container .prod-order-container .windows-upgrade-banner {
        display: none
    }
    .current-product.warm {
        padding-left: 0;
        width: 100%
    }
    .current-product.warm .block-content>.row {
        padding-bottom: 45px;
        text-align: center
    }
    .current-product.warm .block-content>.row .prod-pic-block {
        position: static;
        float: none;
        display: inline-block
    }
    .current-product.warm .block-content>.row .prod-ctrl-block {
        padding-left: 0;
        margin-top: 25px
    }
    .login-box {
        padding: 30px 0
    }
    .login-box .login-button {
        float: none;
        margin-bottom: 19px;
        position: relative;
        width: 100%!important
    }
    .login-box .login-button .button {
        text-align: center;
        margin-bottom: 10px;
        margin-top: 10px;
        box-sizing: border-box;
        text-align: center;
        width: 100%!important
    }
    .login-box .login-text {
        padding-right: 0!important
    }
    .footer-container {
        padding: 20px 0
    }
    .footer-container .footer-site-links .col-8 {
        display: none
    }
    .series-container {
        margin: 0
    }
    .series-container .wrapper-dropdown {
        box-sizing: border-box;
        width: 100%;
        z-index: auto;
        margin: 15px 0
    }
    .series-container .wrapper-dropdown .dropdown {
        z-index: 2000
    }
    section.teaser-row {
        margin-bottom: 0
    }
    section.teaser-row .container .col-6:nth-child(2) {
        width: 100%;
        margin-bottom: 25px
    }
    section.teaser-row .container .col-6:nth-child(3) {
        width: 100%
    }
    section.teaser-row .container .col-4 {
        width: 100%;
        margin-bottom: 40px
    }
    section.teaser-row .container .col-4 .messaging-block p {
        max-width: 100%
    }
    .news-row .container .col-8 {
        width: 100%
    }
    .news-row .container .col-4 {
        width: 100%;
        margin-top: 40px
    }
    .product-row .container {
        padding: 0
    }
}

.ui-widget-header {
    background: #303030 none repeat scroll 0 0;
    border: medium none!important;
    color: #fff;
    font-family: museo_sans300;
    font-weight: 100!important;
    padding: 5px;
    z-index: 100;
    font-size: 14px
}

.cookie-message>p {
    margin-bottom: 0;
    padding-right: 80px;
    vertical-align: top
}

.cookie-message .close-button {
    float: right;
    font-family: museo_sans500;
    position: relative;
    top: 2px;
    vertical-align: top;
    cursor: pointer;
    font-size: 14px;
    color: #fff
}

.cookie-message .close-button:hover {
    text-decoration: underline
}

.cookie-message.blue {
    background: #303030 none repeat scroll 0 0;
    border: none;
    box-shadow: none;
    z-index: 9999
}

body.cookie-scrolling .ui-widget .cookie-message {
    position: fixed;
    width: 100%;
    box-sizing: border-box
}

body.cookie-scrolling header {
    top: 32px
}

@media screen and (max-width: 900px) {
    body.cookie-scrolling header {
        top: 53px
    }
}

@media screen and (max-width: 510px) {
    body.cookie-scrolling header {
        top: 77px
    }
}

@media screen and (max-width: 380px) {
    body.cookie-scrolling header {
        top: 100px
    }
}

@media screen and (max-width: 317px) {
    body.cookie-scrolling header {
        top: 122px
    }
}

@media screen and (min-device-width: 375px)and (max-device-width: 667px)and (width: 375px)and (orientation: portrait)and (color: 8)and (device-aspect-ratio: 375/667)and (-webkit-min-device-pixel-ratio: 2) {
    body.cookie-scrolling header {
        top: 76px
    }
}

body.cookie-scrolling .fixed-tasks {
    top: 78px
}

@media screen and (max-width: 900px) {
    body.cookie-scrolling .fixed-tasks {
        top: 101px
    }
}

@media screen and (max-width: 510px) {
    body.cookie-scrolling .fixed-tasks {
        top: 125px
    }
}

@media screen and (max-width: 380px) {
    body.cookie-scrolling .fixed-tasks {
        top: 148px
    }
}

@media screen and (max-width: 317px) {
    body.cookie-scrolling .fixed-tasks {
        top: 170px
    }
}

section.search-controls .container .content {
    padding-left: 40px!important
}

@media screen and (max-width: 1500px) {
    section.search-controls .container .content {
        padding-left: 0!important
    }
}

@media screen and (max-width: 960px) {
    section.search-controls .container .content {
        text-align: center
    }
}

section.search-controls h2 {
    color: #e2231a;
    display: inline-block;
    font-size: 25px;
    padding-right: 16px
}

@media screen and (max-width: 500px) {
    section.search-controls h2 {
        display: none
    }
}

section.search-controls input.search-field {
    border: 1px solid #d0d0d0;
    font-family: museo_sans300;
    font-size: 16px;
    padding: 6px;
    width: 310px
}

@media screen and (max-width: 600px) {
    section.search-controls input.search-field {
        width: 200px
    }
}

section.search-controls input.search-button {
    background: #3e8ddd;
    border: medium none;
    bottom: 2px;
    color: #fff;
    font-family: museo_sans300;
    height: 19px;
    padding: 7px;
    position: relative;
    right: 4px;
    cursor: pointer
}

section.search-controls input.search-button:hover {
    background: #74a7db
}

section.search-controls .psp-search {
    display: inline
}

section.search-controls .psp-search .solr-search-box {
    border: 1px solid #d0d0d0;
    box-sizing: border-box;
    display: inline-block;
    padding: 10px;
    position: relative;
    text-align: left;
    width: 500px
}

@media screen and (max-width: 768px) {
    section.search-controls .psp-search .solr-search-box {
        width: 100%
    }
}

section.search-controls .psp-search .solr-search-box input {
    border: medium none;
    box-sizing: border-box;
    padding-right: 25px;
    width: 100%;
    font-family: museo_sans300;
    font-size: 17px
}

section.search-controls .psp-search .solr-search-box a {
    position: absolute;
    right: 10px;
    top: 10px
}

section.search-controls .psp-search .solr-search-box a span {
    color: #d0d0d0;
    font-size: 20px
}

section.search-controls .psp-search .solr-search-box a span:hover {
    color: #3e8ddd
}

section.search-body {
    margin-top: 20px
}

section.search-body .categories .category-container {
    margin-top: 20px
}

section.search-body .categories .category-container .category-header {
    border-bottom: 1px solid #e7e7e7;
    color: #707070;
    font-family: museo_sans500;
    font-size: 16px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    cursor: pointer
}

section.search-body .categories .category-container .category-header span {
    font-size: 13px;
    padding-right: 5px;
    color: #3e8ddd
}

section.search-body .categories .category-container:first-child {
    margin-top: 0
}

section.search-body .categories .category-container:nth-child(2) {
    margin-top: 0
}

section.search-body .categories .category-container ul li {
    color: #3e8ddd;
    cursor: pointer;
    margin-bottom: 5px
}

section.search-body .categories .category-container .category-more,
section.search-body .categories .category-container .category-less {
    font-family: museo_sans500;
    cursor: pointer;
    padding-top: 5px
}

section.search-body .categories .refiners {
    margin-bottom: 10px;
    padding-bottom: 10px
}

section.search-body .categories .refiners .refiner-item {
    background: #fffcd1;
    background: -moz-linear-gradient(top, #fffcd1 0%, #fff987 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fffcd1), color-stop(100%, #fff987));
    background: -webkit-linear-gradient(top, #fffcd1 0%, #fff987 100%);
    background: -o-linear-gradient(top, #fffcd1 0%, #fff987 100%);
    background: -ms-linear-gradient(top, #fffcd1 0%, #fff987 100%);
    background: linear-gradient(to bottom, #fffcd1 0%, #fff987 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fffcd1', endColorstr='#fff987', GradientType=0);
    display: inline-block;
    padding: 5px;
    margin-bottom: 5px;
    margin-top: 10px;
    border-bottom: 1px solid #ffe51e;
    border-right: 1px solid #ffe51e
}

@media screen and (max-width: 960px) {
    section.search-body .categories .refiners .refiner-item {
        width: 100%;
        box-sizing: border-box
    }
}

section.search-body .categories .refiners .refiner-item .refiner-category {
    font-family: museo_sans500
}

section.search-body .categories .refiners .refiner-item:first-child {
    margin-top: 20px
}

section.search-body .categories .refiners .refiner-item .refiner-remove {
    float: right
}

section.search-body .categories .refiners .refiner-item .refiner-label {
    padding-right: 20px
}

section.search-body .categories .content {
    padding-left: 40px!important;
    padding-right: 20px!important
}

@media screen and (max-width: 1500px) {
    section.search-body .categories .content {
        padding-left: 0!important
    }
}

@media screen and (max-width: 960px) {
    section.search-body .categories {
        display: none;
        width: 100%;
        background: #fafafa;
        padding: 0 20px 20px
    }
    section.search-body .categories .content {
        padding-top: 0!important;
        padding-right: 0!important
    }
}

@media screen and (max-width: 960px) {
    section.search-body .results-container {
        width: 100%
    }
}

section.search-body .results-container .summary strong {
    font-family: museo_sans500
}

section.search-body .results-container .results-list li {
    display: inline-block;
    width: 100%;
    padding: 10px 0
}

section.search-body .results-container .results-list li:nth-child(even) {
    background: #fafafa
}

section.search-body .results-container .results-list li .link-col {
    padding-left: 10px;
    padding-right: 5px;
    box-sizing: border-box
}

section.search-body .results-container .results-list li .link-col .result-link {
    display: inline-block;
    margin-bottom: 10px;
    font-family: museo_sans500
}

section.search-body .results-container .results-list li .link-col .result-link .result-icon {
    color: #ff6a00;
    margin-right: 5px;
    font-size: 15px;
    position: relative;
    top: 2px
}

section.search-body .results-container .results-list li .link-col .result-desc {
    color: #707070
}

section.search-body .results-container .results-list li .link-col .result-desc em {
    background: #fff987
}

section.search-body .results-container .results-list li .date-col .doc-date {
    text-align: right;
    padding-right: 10px;
    color: #707070
}

section.search-body .results-container .summary {
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 10px;
    padding-top: 20px
}

section.search-body .results-container .pagings {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #e7e7e7
}

section.search-body .results-container .pagings li {
    display: inline
}

section.search-body .results-container .pagings li.page-num {
    color: #3e8ddd;
    cursor: pointer;
    font-size: 16px;
    margin: 0 5px
}

section.search-body .results-container .pagings .page-prev {
    margin-right: 5px;
    cursor: pointer
}

section.search-body .results-container .pagings .page-next {
    margin-left: 5px;
    cursor: pointer
}

section.mobile-filtering {
    display: none
}

@media screen and (max-width: 960px) {
    section.mobile-filtering {
        display: block
    }
}

section.mobile-filtering a.button {
    text-align: center;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    margin-top: 15px
}

hr {
    border: 1px solid #f2f0ee;
    border-width: 1px 0 0 0;
    margin: 20px 0
}

.center {
    text-align: center
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.container:before,
.container:after {
    content: " ";
    display: table
}

.container:after {
    clear: both
}

@media(min-width:768px) {
    .container {
        width: 750px
    }
}

@media(min-width:992px) {
    .container {
        width: 970px
    }
}

@media(min-width:1200px) {
    .container {
        width: 1170px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.container-fluid:before,
.container-fluid:after {
    content: " ";
    display: table
}

.container-fluid:after {
    clear: both
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.row:before,
.row:after {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left
}

.col-xs-1 {
    width: 8.33333%
}

.col-xs-2 {
    width: 16.66667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.33333%
}

.col-xs-5 {
    width: 41.66667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.33333%
}

.col-xs-8 {
    width: 66.66667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.33333%
}

.col-xs-11 {
    width: 91.66667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-pull-1 {
    right: 8.33333%
}

.col-xs-pull-2 {
    right: 16.66667%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-4 {
    right: 33.33333%
}

.col-xs-pull-5 {
    right: 41.66667%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-7 {
    right: 58.33333%
}

.col-xs-pull-8 {
    right: 66.66667%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-10 {
    right: 83.33333%
}

.col-xs-pull-11 {
    right: 91.66667%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-push-1 {
    left: 8.33333%
}

.col-xs-push-2 {
    left: 16.66667%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-4 {
    left: 33.33333%
}

.col-xs-push-5 {
    left: 41.66667%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-7 {
    left: 58.33333%
}

.col-xs-push-8 {
    left: 66.66667%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-10 {
    left: 83.33333%
}

.col-xs-push-11 {
    left: 91.66667%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-offset-0 {
    margin-left: 0%
}

.col-xs-offset-1 {
    margin-left: 8.33333%
}

.col-xs-offset-2 {
    margin-left: 16.66667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.33333%
}

.col-xs-offset-5 {
    margin-left: 41.66667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.33333%
}

.col-xs-offset-8 {
    margin-left: 66.66667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.33333%
}

.col-xs-offset-11 {
    margin-left: 91.66667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

@media(min-width:768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left
    }
    .col-sm-1 {
        width: 8.33333%
    }
    .col-sm-2 {
        width: 16.66667%
    }
    .col-sm-3 {
        width: 25%
    }
    .col-sm-4 {
        width: 33.33333%
    }
    .col-sm-5 {
        width: 41.66667%
    }
    .col-sm-6 {
        width: 50%
    }
    .col-sm-7 {
        width: 58.33333%
    }
    .col-sm-8 {
        width: 66.66667%
    }
    .col-sm-9 {
        width: 75%
    }
    .col-sm-10 {
        width: 83.33333%
    }
    .col-sm-11 {
        width: 91.66667%
    }
    .col-sm-12 {
        width: 100%
    }
    .col-sm-pull-0 {
        right: auto
    }
    .col-sm-pull-1 {
        right: 8.33333%
    }
    .col-sm-pull-2 {
        right: 16.66667%
    }
    .col-sm-pull-3 {
        right: 25%
    }
    .col-sm-pull-4 {
        right: 33.33333%
    }
    .col-sm-pull-5 {
        right: 41.66667%
    }
    .col-sm-pull-6 {
        right: 50%
    }
    .col-sm-pull-7 {
        right: 58.33333%
    }
    .col-sm-pull-8 {
        right: 66.66667%
    }
    .col-sm-pull-9 {
        right: 75%
    }
    .col-sm-pull-10 {
        right: 83.33333%
    }
    .col-sm-pull-11 {
        right: 91.66667%
    }
    .col-sm-pull-12 {
        right: 100%
    }
    .col-sm-push-0 {
        left: auto
    }
    .col-sm-push-1 {
        left: 8.33333%
    }
    .col-sm-push-2 {
        left: 16.66667%
    }
    .col-sm-push-3 {
        left: 25%
    }
    .col-sm-push-4 {
        left: 33.33333%
    }
    .col-sm-push-5 {
        left: 41.66667%
    }
    .col-sm-push-6 {
        left: 50%
    }
    .col-sm-push-7 {
        left: 58.33333%
    }
    .col-sm-push-8 {
        left: 66.66667%
    }
    .col-sm-push-9 {
        left: 75%
    }
    .col-sm-push-10 {
        left: 83.33333%
    }
    .col-sm-push-11 {
        left: 91.66667%
    }
    .col-sm-push-12 {
        left: 100%
    }
    .col-sm-offset-0 {
        margin-left: 0%
    }
    .col-sm-offset-1 {
        margin-left: 8.33333%
    }
    .col-sm-offset-2 {
        margin-left: 16.66667%
    }
    .col-sm-offset-3 {
        margin-left: 25%
    }
    .col-sm-offset-4 {
        margin-left: 33.33333%
    }
    .col-sm-offset-5 {
        margin-left: 41.66667%
    }
    .col-sm-offset-6 {
        margin-left: 50%
    }
    .col-sm-offset-7 {
        margin-left: 58.33333%
    }
    .col-sm-offset-8 {
        margin-left: 66.66667%
    }
    .col-sm-offset-9 {
        margin-left: 75%
    }
    .col-sm-offset-10 {
        margin-left: 83.33333%
    }
    .col-sm-offset-11 {
        margin-left: 91.66667%
    }
    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media(min-width:992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left
    }
    .col-md-1 {
        width: 8.33333%
    }
    .col-md-2 {
        width: 16.66667%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-4 {
        width: 33.33333%
    }
    .col-md-5 {
        width: 41.66667%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-7 {
        width: 58.33333%
    }
    .col-md-8 {
        width: 66.66667%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-10 {
        width: 83.33333%
    }
    .col-md-11 {
        width: 91.66667%
    }
    .col-md-12 {
        width: 100%
    }
    .col-md-pull-0 {
        right: auto
    }
    .col-md-pull-1 {
        right: 8.33333%
    }
    .col-md-pull-2 {
        right: 16.66667%
    }
    .col-md-pull-3 {
        right: 25%
    }
    .col-md-pull-4 {
        right: 33.33333%
    }
    .col-md-pull-5 {
        right: 41.66667%
    }
    .col-md-pull-6 {
        right: 50%
    }
    .col-md-pull-7 {
        right: 58.33333%
    }
    .col-md-pull-8 {
        right: 66.66667%
    }
    .col-md-pull-9 {
        right: 75%
    }
    .col-md-pull-10 {
        right: 83.33333%
    }
    .col-md-pull-11 {
        right: 91.66667%
    }
    .col-md-pull-12 {
        right: 100%
    }
    .col-md-push-0 {
        left: auto
    }
    .col-md-push-1 {
        left: 8.33333%
    }
    .col-md-push-2 {
        left: 16.66667%
    }
    .col-md-push-3 {
        left: 25%
    }
    .col-md-push-4 {
        left: 33.33333%
    }
    .col-md-push-5 {
        left: 41.66667%
    }
    .col-md-push-6 {
        left: 50%
    }
    .col-md-push-7 {
        left: 58.33333%
    }
    .col-md-push-8 {
        left: 66.66667%
    }
    .col-md-push-9 {
        left: 75%
    }
    .col-md-push-10 {
        left: 83.33333%
    }
    .col-md-push-11 {
        left: 91.66667%
    }
    .col-md-push-12 {
        left: 100%
    }
    .col-md-offset-0 {
        margin-left: 0%
    }
    .col-md-offset-1 {
        margin-left: 8.33333%
    }
    .col-md-offset-2 {
        margin-left: 16.66667%
    }
    .col-md-offset-3 {
        margin-left: 25%
    }
    .col-md-offset-4 {
        margin-left: 33.33333%
    }
    .col-md-offset-5 {
        margin-left: 41.66667%
    }
    .col-md-offset-6 {
        margin-left: 50%
    }
    .col-md-offset-7 {
        margin-left: 58.33333%
    }
    .col-md-offset-8 {
        margin-left: 66.66667%
    }
    .col-md-offset-9 {
        margin-left: 75%
    }
    .col-md-offset-10 {
        margin-left: 83.33333%
    }
    .col-md-offset-11 {
        margin-left: 91.66667%
    }
    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media(min-width:1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left
    }
    .col-lg-1 {
        width: 8.33333%
    }
    .col-lg-2 {
        width: 16.66667%
    }
    .col-lg-3 {
        width: 25%
    }
    .col-lg-4 {
        width: 33.33333%
    }
    .col-lg-5 {
        width: 41.66667%
    }
    .col-lg-6 {
        width: 50%
    }
    .col-lg-7 {
        width: 58.33333%
    }
    .col-lg-8 {
        width: 66.66667%
    }
    .col-lg-9 {
        width: 75%
    }
    .col-lg-10 {
        width: 83.33333%
    }
    .col-lg-11 {
        width: 91.66667%
    }
    .col-lg-12 {
        width: 100%
    }
    .col-lg-pull-0 {
        right: auto
    }
    .col-lg-pull-1 {
        right: 8.33333%
    }
    .col-lg-pull-2 {
        right: 16.66667%
    }
    .col-lg-pull-3 {
        right: 25%
    }
    .col-lg-pull-4 {
        right: 33.33333%
    }
    .col-lg-pull-5 {
        right: 41.66667%
    }
    .col-lg-pull-6 {
        right: 50%
    }
    .col-lg-pull-7 {
        right: 58.33333%
    }
    .col-lg-pull-8 {
        right: 66.66667%
    }
    .col-lg-pull-9 {
        right: 75%
    }
    .col-lg-pull-10 {
        right: 83.33333%
    }
    .col-lg-pull-11 {
        right: 91.66667%
    }
    .col-lg-pull-12 {
        right: 100%
    }
    .col-lg-push-0 {
        left: auto
    }
    .col-lg-push-1 {
        left: 8.33333%
    }
    .col-lg-push-2 {
        left: 16.66667%
    }
    .col-lg-push-3 {
        left: 25%
    }
    .col-lg-push-4 {
        left: 33.33333%
    }
    .col-lg-push-5 {
        left: 41.66667%
    }
    .col-lg-push-6 {
        left: 50%
    }
    .col-lg-push-7 {
        left: 58.33333%
    }
    .col-lg-push-8 {
        left: 66.66667%
    }
    .col-lg-push-9 {
        left: 75%
    }
    .col-lg-push-10 {
        left: 83.33333%
    }
    .col-lg-push-11 {
        left: 91.66667%
    }
    .col-lg-push-12 {
        left: 100%
    }
    .col-lg-offset-0 {
        margin-left: 0%
    }
    .col-lg-offset-1 {
        margin-left: 8.33333%
    }
    .col-lg-offset-2 {
        margin-left: 16.66667%
    }
    .col-lg-offset-3 {
        margin-left: 25%
    }
    .col-lg-offset-4 {
        margin-left: 33.33333%
    }
    .col-lg-offset-5 {
        margin-left: 41.66667%
    }
    .col-lg-offset-6 {
        margin-left: 50%
    }
    .col-lg-offset-7 {
        margin-left: 58.33333%
    }
    .col-lg-offset-8 {
        margin-left: 66.66667%
    }
    .col-lg-offset-9 {
        margin-left: 75%
    }
    .col-lg-offset-10 {
        margin-left: 83.33333%
    }
    .col-lg-offset-11 {
        margin-left: 91.66667%
    }
    .col-lg-offset-12 {
        margin-left: 100%
    }
}

.modal-open {
    overflow: hidden
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50)
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857px
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table
}

.modal-footer:after {
    clear: both
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

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

@media(min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }
    .modal-sm {
        width: 300px
    }
}

@media(min-width:992px) {
    .modal-lg {
        width: 900px
    }
}

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

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

input[type="file"] {
    display: block
}

input[type="range"] {
    display: block;
    width: 100%
}

select[multiple],
select[size] {
    height: auto
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1
}

.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed
}

textarea.form-control {
    height: auto
}

input[type="search"] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"].form-control,
    input[type="time"].form-control,
    input[type="datetime-local"].form-control,
    input[type="month"].form-control {
        line-height: 34px
    }
    input[type="date"].input-sm,
    .input-group-sm input[type="date"],
    input[type="time"].input-sm,
    .input-group-sm input[type="time"],
    input[type="datetime-local"].input-sm,
    .input-group-sm input[type="datetime-local"],
    input[type="month"].input-sm,
    .input-group-sm input[type="month"] {
        line-height: 30px
    }
    input[type="date"].input-lg,
    .input-group-lg input[type="date"],
    input[type="time"].input-lg,
    .input-group-lg input[type="time"],
    input[type="datetime-local"].input-lg,
    .input-group-lg input[type="datetime-local"],
    input[type="month"].input-lg,
    .input-group-lg input[type="month"] {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 15px
}

.radio,
.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.radio label,
.checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \9
}

.radio+.radio,
.checkbox+.checkbox {
    margin-top: -5px
}

.radio-inline,
.checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer
}

.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
    margin-top: 0;
    margin-left: 10px
}

input[type="radio"][disabled],
input[type="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed
}

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled] .checkbox-inline {
    cursor: not-allowed
}

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled] .checkbox label {
    cursor: not-allowed
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 34px
}

.form-control-static.input-lg,
.form-control-static.input-sm {
    padding-left: 0;
    padding-right: 0
}

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm {
    height: 30px;
    line-height: 30px
}

textarea.input-sm,
select[multiple].input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px
}

select.input-lg {
    height: 46px;
    line-height: 46px
}

textarea.input-lg,
select[multiple].input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px
}

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.33333
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 42.5px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none
}

.input-lg+.form-control-feedback,
.input-group-lg+.form-control-feedback,
.form-group-lg .form-control+.form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.input-sm+.form-control-feedback,
.input-group-sm+.form-control-feedback,
.form-group-sm .form-control+.form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede
}

.has-error .form-control-feedback {
    color: #a94442
}

.has-feedback label~.form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

@media(min-width:768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }
    .form-inline .form-control-static {
        display: inline-block
    }
    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
        width: auto
    }
    .form-inline .input-group>.form-control {
        width: 100%
    }
    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }
    .form-inline .radio,
    .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }
    .form-inline .radio label,
    .form-inline .checkbox label {
        padding-left: 0
    }
    .form-inline .radio input[type="radio"],
    .form-inline .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0
    }
    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .radio,
.form-horizontal .checkbox {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px
}

.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
    content: " ";
    display: table
}

.form-horizontal .form-group:after {
    clear: both
}

@media(min-width:768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

@media(min-width:768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 14.33333px;
        font-size: 18px
    }
}

@media(min-width:768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px
    }
}

body {
    font-family: "museo_sans300";
    font-size: 13px;
    line-height: 1.4em
}

a {
    color: #3e8ddd;
    text-decoration: none
}

header {
    height: 75px;
    width: 100%;
    background: #fff;
    z-index: 10;
    position: fixed;
    transition: height .2s ease-in-out
}

header .container {
    width: 1480px;
    margin: 0 auto;
    background: #fff;
    height: 100%;
    position: relative
}

header .container .logo {
    width: 65px;
    height: 196px;
    background: #e2231a;
    background: url(/html/assets/logo.png) no-repeat 0 0;
    position: absolute;
    left: 0;
    z-index: 3;
    cursor: pointer
}

header .container .site-links {
    display: inline-block;
    margin-left: 92px;
    padding-top: 28px;
    transition: all .2s ease-in-out
}

header .container .site-links ul {
    margin: 0;
    padding: 0
}

header .container .site-links ul li {
    display: inline-block;
    margin-right: 25px
}

header .container .site-links ul li>a {
    text-decoration: none;
    color: #454545;
    text-transform: uppercase;
    font-size: 16px;
    font-family: "museo_sans500"
}

header .container .site-links ul li>a:hover {
    color: #3e8ddd;
    text-shadow: 0 0 2px -1 #3e8ddd
}

header .container .site-links ul li .panel-container .col-3:nth-child(1),
header .container .site-links ul li .panel-container .col-3:nth-child(2),
header .container .site-links ul li .panel-container .col-3:nth-child(3) {
    padding-right: 25px
}

header .container .site-links ul li .panel-container li {
    margin-bottom: 10px;
    line-height: 1.4em;
    width: 100%
}

header .container .site-links ul li .panel-container li a {
    text-transform: none;
    font-size: 13px
}

header .container .site-links ul li .panel-container h3 {
    font-size: 1.2em;
    text-transform: none;
    margin-bottom: 25px;
    font-family: "museo_sans500";
    color: #606060
}

header .container .site-links ul li li {
    text-transform: none
}

header .container .site-links ul li li a {
    color: #3e8ddd;
    text-transform: none
}

header .container .site-links ul li:last-child {
    margin-right: 0
}

header .container .header-search {
    position: relative
}

header .container .search-input {
    border: 1px solid #fff;
    width: 52px;
    text-align: right
}

header .container .lenovo-search {
    color: #6f7170
}

header .container .search-input:focus {
    outline: 0;
    border: 0
}

header .container .action-bar {
    font-size: 12px
}

header .container .action-bar .lenovo-search {
    margin-top: 4px;
    float: left
}

header .container .action-bar .close {
    color: #c4beb6
}

header .container .action-bar .close:hover {
    color: #6f7170;
    cursor: pointer
}

header .container .search-input.search-expanded {
    width: 230px;
    border: 1px solid #fff;
    padding: 0 6px;
    text-align: left;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

header .container header .container .action-bar .lenovo-search.search-btn-expanded {
    margin-top: 3px;
    float: right;
    margin-right: 8px
}

header .container .search-btn-expanded {
    margin-left: -25px;
    top: 2px;
    position: relative
}

header .container .input-group-addon {
    position: relative;
    z-index: 2
}

header .container .action-bar {
    display: inline-block;
    float: right;
    padding-top: 28px;
    margin-right: 64px;
    transition: all .2s ease-in-out
}

header .container .action-bar ul li {
    display: inline-block;
    padding: 0;
    margin-left: 10px
}

header .container .action-bar ul li:first-child {
    margin-left: 0
}

header .container .action-bar ul li a {
    text-decoration: none;
    color: #6f7170
}

header .container .action-bar ul li a span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    position: relative;
    top: 1px
}

header .container .action-bar ul li a:hover {
    color: #3e8ddd
}

header .container .loginInfo {
    position: relative
}

header .container .loginInfo div.nAccountName {
    cursor: pointer;
    color: #6f7170
}

header .container .loginInfo div.nAccountName:hover {
    color: #000
}

header .container .loginInfo div.nAccountName span {
    font-size: 10px;
    color: #8f8190
}

header .container .loginInfo div.nAccountName span:hover {
    color: #8f8190
}

header .container .loginInfo div.nAccountInfo {
    display: none;
    position: absolute;
    top: 29px;
    right: -59px;
    z-index: 1;
    min-width: 230px;
    background-color: #fff
}

header .container .loginInfo div.nAccountInfo>div.barrow {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 10px;
    top: -9px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25);
    left: 72%
}

header .container .loginInfo div.nAccountInfo>div.barrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 10px;
    content: "";
    content: " ";
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff;
    top: 1px
}

header .container .loginInfo div.nAccountInfo ul {
    max-height: 220px;
    list-style: none;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
    border-color: #999;
    border-color: rgba(0, 0, 0, .25);
    border-width: 1px;
    border-style: solid;
    padding: 12px 8px;
    font-family: Arial
}

header .container .loginInfo div.nAccountInfo ul>li {
    width: 100%;
    line-height: 20px
}

header .container .loginInfo div.nAccountInfo ul>li:first-child {
    font-size: 1.2em;
    margin: 0 0 2px 10px;
    color: #555
}

header .container .loginInfo div.nAccountInfo ul>li a {
    text-decoration: none;
    color: #3e8ddd
}

.resp-header {
    display: none
}

.resp-header .mobile-nav-btn {
    color: gray;
    display: inline-block;
    height: 38px;
    margin-right: -4px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 12px;
    vertical-align: top;
    cursor: pointer
}

.resp-header .mobile-nav-btn>span {
    font-size: 25px
}

.resp-header .mobile-nav-btn:hover {
    background: #f0f0f0
}

.resp-header .logo {
    display: inline-block;
    position: relative!important
}

.resp-header .mobile-nav-search,
.resp-header .mobile-nav-login {
    display: inline-block;
    float: right;
    height: 23px;
    padding: 12px 15px 15px;
    border-left: 1px solid #f0f0f0;
    cursor: pointer
}

.resp-header .mobile-nav-search span,
.resp-header .mobile-nav-login span {
    font-size: 25px;
    color: #6f7170
}

.resp-header .mobile-nav-search:hover,
.resp-header .mobile-nav-login:hover {
    background: #f0f0f0
}

.resp-header .mobile-submenu {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 10px 13px rgba(0, 0, 0, .3);
    margin-top: -5px;
    position: fixed;
    width: 200px
}

.resp-header .mobile-submenu>ul li {
    border-top: 1px solid #d0d0d0;
    font-size: 16px;
    padding: 10px
}

.resp-header .mobile-submenu>ul li span {
    display: inline-block;
    margin-right: 13px
}

.resp-header .mobile-submenu>ul li:hover {
    background: #f0f0f0;
    color: #ff6a00
}

.resp-header .mobile-submenu>ul li.community-item-child {
    padding: 0
}

.resp-header .mobile-submenu>ul li.community-item-child>ul>li {
    border-top: 1px solid #f0f0f0;
    padding: 15px
}

.resp-header .mobile-submenu>ul li.community-item-child>ul>li:first-child {
    border-top: none
}

.resp-header .mobile-submenu>ul li.community-item-child>ul>li a {
    color: #909090
}

.resp-header .mobile-submenu>ul li.community-item-child>ul>li:hover {
    color: #ff6a00;
    background: #f7f7f7
}

.resp-header .mobile-submenu>ul li.community-item-child:hover {
    background: #fff;
    color: #909090
}

.prod-order-bar {
    background: #f5f5f5!important;
    border-bottom: 1px solid #e9e9e9
}

.prod-order-bar .container {
    padding: 0 64px!important
}

.prod-order-bar .container .prod-order-container {
    padding: 20px 40px
}

.prod-order-bar .container .prod-order-container .label {
    display: inline-block;
    position: relative
}

.prod-order-bar .container .prod-order-container .label .icon {
    color: #ff6a00;
    display: inline-block
}

.prod-order-bar .container .prod-order-container .label .label-text {
    display: inline-block;
    color: #ff6a00;
    font-family: "museo_sans500";
    font-size: 1.9em;
    margin-left: 15px;
    margin-right: 15px;
    padding-top: 10px;
    vertical-align: top
}

.prod-order-bar .container .prod-order-container .label .label-subtext {
    display: inline-block;
    margin-right: 20px;
    padding-top: 11px;
    vertical-align: top
}

.prod-order-bar .container .prod-order-container .buttons {
    display: inline-block;
    vertical-align: top;
    margin-top: 6px
}

.prod-order-bar .container .prod-order-container .buttons a:first-child {
    margin-right: 15px
}

.prod-order-bar .container .prod-order-container .buttons a span {
    font-size: 11px;
    padding-left: 10px
}

.prod-order-bar .container .prod-order-container .windows-upgrade-banner {
    display: inline-block;
    float: right;
    margin-top: 5px
}

.prod-order-bar .container .prod-order-container .windows-upgrade-banner .banner-container {
    background: #3e8ddd;
    padding: 8px 15px;
    color: #fff
}

.prod-order-bar .container .prod-order-container .windows-upgrade-banner .banner-container span {
    display: inline-block;
    margin-right: 8px
}

.prod-order-bar .container .prod-order-container .windows-upgrade-banner .banner-container:hover {
    background: #70a0db
}

.prod-order-bar .container .new-order-panel,
.prod-order-bar .container .ext-order-panel {
    padding: 0 25px 25px
}

.prod-order-bar .container .new-order-panel .order-content-box,
.prod-order-bar .container .ext-order-panel .order-content-box {
    background: #fff none repeat scroll 0 0;
    padding: 20px;
    position: relative
}

.prod-order-bar .container .new-order-panel .order-content-box h3,
.prod-order-bar .container .ext-order-panel .order-content-box h3 {
    margin-bottom: 25px
}

.prod-order-bar .container .new-order-panel .order-content-box li,
.prod-order-bar .container .ext-order-panel .order-content-box li {
    margin-bottom: 10px
}

.prod-order-bar .container .new-order-panel .order-content-box li:last-child,
.prod-order-bar .container .ext-order-panel .order-content-box li:last-child {
    margin-bottom: 0
}

.prod-order-bar .container .new-order-panel .order-content-box .close-panel,
.prod-order-bar .container .ext-order-panel .order-content-box .close-panel {
    position: absolute;
    right: 15px;
    font-size: 24px
}

.mobile-submenu ul li.item-child {
    padding: 0
}

[class*="col-"] {
    display: block;
    float: left;
    min-height: 25px;
    box-sizing: border-box
}

.col-1 {
    width: 8.33333%
}

.col-2 {
    width: 16.66667%
}

.col-3 {
    width: 25%
}

.col-4 {
    width: 33.33333%
}

.col-5 {
    width: 41.66667%
}

.col-6 {
    width: 50%
}

.col-7 {
    width: 58.33333%
}

.col-8 {
    width: 66.66667%
}

.col-9 {
    width: 75%
}

.col-10 {
    width: 83.33333%
}

.col-11 {
    width: 91.66667%
}

.col-12 {
    width: 100%
}

.row {
    width: 100%
}

.row .container {
    *zoom: 1;
    width: 1480px;
    margin: 0 auto;
    padding: 0 57px;
    box-sizing: border-box
}

.row .container .col-1 {
    vertical-align: top
}

.row .container .col-1 .content {
    padding: 16px 8px 0
}

.row .container .col-2 {
    vertical-align: top
}

.row .container .col-2 .content {
    padding: 16px 8px 0
}

.row .container .col-3 {
    vertical-align: top
}

.row .container .col-3 .content {
    padding: 16px 8px 0
}

.row .container .col-4 {
    vertical-align: top
}

.row .container .col-4 .content {
    padding: 16px 8px 0
}

.row .container .col-5 {
    vertical-align: top
}

.row .container .col-5 .content {
    padding: 16px 8px 0
}

.row .container .col-6 {
    vertical-align: top
}

.row .container .col-6 .content {
    padding: 16px 8px 0
}

.row .container .col-7 {
    vertical-align: top
}

.row .container .col-7 .content {
    padding: 16px 8px 0
}

.row .container .col-8 {
    vertical-align: top
}

.row .container .col-8 .content {
    padding: 16px 8px 0
}

.row .container .col-9 {
    vertical-align: top
}

.row .container .col-9 .content {
    padding: 16px 8px 0
}

.row .container .col-10 {
    vertical-align: top
}

.row .container .col-10 .content {
    padding: 16px 8px 0
}

.row .container .col-11 {
    vertical-align: top
}

.row .container .col-11 .content {
    padding: 16px 8px 0
}

.row .container .col-12 .content {
    padding: 16px 8px 0
}

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

.row .container:after {
    clear: both
}

.content .warranty-box {
    width: 100%
}

.content .warranty-box .random-text {
    padding: 10px;
    border: 1px solid red;
    background: red;
    color: #fff
}

.cf:before,
.cf:after {
    content: " ";
    display: table
}

.cf:after {
    clear: both
}

.cf {
    *zoom: 1
}

h1 {
    font-size: 2em
}

h2 {
    font-size: 1.8em;
    margin-bottom: .5em
}

h3 {
    font-size: 1.6em;
    margin-bottom: .5em
}

h4 {
    font-size: 1.4em
}

h5 {
    font-size: 1.1em
}

p {
    line-height: 1.6em;
    margin-bottom: 1.2em
}

.lenovo-logo_neg:before {
    content: ""
}

.lenovo-logo_pos:before {
    content: ""
}

.lenovo-thumbs_down:before {
    content: ""
}

.lenovo-thumbs_up:before {
    content: ""
}

.lenovo-heart:before {
    content: ""
}

.lenovo-edit:before {
    content: ""
}

.lenovo-subscribe:before {
    content: ""
}

.lenovo-subscribed:before {
    content: ""
}

.lenovo-downcart:before {
    content: ""
}

.lenovo-android:before {
    content: ""
}

.lenovo-forums:before {
    content: ""
}

.lenovo-Forums:before {
    content: ""
}

.lenovo-windows:before {
    content: ""
}

.lenovo-burger:before {
    content: ""
}

.lenovo-circle-checkmark:before {
    content: ""
}

.lenovo-circle-x:before {
    content: ""
}

.lenovo-circle-add:before {
    content: ""
}

.lenovo-circle-remove:before {
    content: ""
}

.lenovo-menu:before {
    content: ""
}

.lenovo-refresh:before {
    content: ""
}

.lenovo-reload:before {
    content: ""
}

.lenovo-solid-checkmark:before {
    content: ""
}

.lenovo-solid-x:before {
    content: ""
}

.lenovo-solid-add:before {
    content: ""
}

.lenovo-solid-remove:before {
    content: ""
}

.lenovo-lock:before {
    content: ""
}

.lenovo-unlock:before {
    content: ""
}

.lenovo-solutions:before {
    content: ""
}

.lenovo-search:before {
    content: ""
}

.lenovo-alerts:before {
    content: ""
}

.lenovo-flag:before {
    content: ""
}

.lenovo-health:before {
    content: ""
}

.lenovo-cart:before {
    content: ""
}

.lenovo-letter:before {
    content: "î˜ "
}

.lenovo-mic:before {
    content: ""
}

.lenovo-parts:before {
    content: ""
}

.lenovo-cog:before {
    content: ""
}

.lenovo-downloads:before {
    content: ""
}

.lenovo-guides:before {
    content: ""
}

.lenovo-videos:before {
    content: ""
}

.lenovo-recycle:before {
    content: ""
}

.lenovo-repair:before {
    content: ""
}

.lenovo-contact:before {
    content: ""
}

.lenovo-flikr:before {
    content: ""
}

.lenovo-twitter:before {
    content: ""
}

.lenovo-facebook:before {
    content: ""
}

.lenovo-google:before {
    content: ""
}

.lenovo-youtube:before {
    content: ""
}

.lenovo-pinterest:before {
    content: ""
}

.lenovo-solid-arrow-left:before {
    content: ""
}

.lenovo-solid-arrow-top:before {
    content: ""
}

.lenovo-solid-arrow-right:before {
    content: ""
}

.lenovo-solid-arrow-bottom:before {
    content: ""
}

.lenovo-black-arrow-top:before {
    content: ""
}

.lenovo-black-arrow-left:before {
    content: ""
}

.lenovo-black-arrow-right:before {
    content: ""
}

.lenovo-black-arrow-bottom:before {
    content: ""
}

.lenovo-circle-arrow-left:before {
    content: ""
}

.lenovo-circle-arrow-top:before {
    content: ""
}

.lenovo-circle-arrow-right:before {
    content: ""
}

.lenovo-circle-arrow-down:before {
    content: ""
}

.lenovo-arrow-left:before {
    content: ""
}

.lenovo-arrow-top:before {
    content: ""
}

.lenovo-arrow-right:before {
    content: ""
}

.lenovo-arrow-down:before {
    content: ""
}

.lenovo-box-arrow-left:before {
    content: ""
}

.lenovo-box-arrow-up:before {
    content: ""
}

.lenovo-box-arrow-right:before {
    content: ""
}

.lenovo-box-arrow-down:before {
    content: ""
}

[class^="option-"],
[class*=" option-"] {
    font-family: 'ContactOptions';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.option-sales-support:before {
    content: ""
}

.option-assisted-search:before {
    content: ""
}

.option-call-back:before {
    content: ""
}

.option-chat:before {
    content: ""
}

.option-email-support:before {
    content: ""
}

.option-feedback:before {
    content: ""
}

.option-forum:before {
    content: ""
}

.option-intl-warranty:before {
    content: ""
}

.option-online-ticket:before {
    content: ""
}

.option-phone-list:before {
    content: ""
}

.option-premium-support:before {
    content: ""
}

.option-recovery-media:before {
    content: ""
}

.option-repair-status:before {
    content: ""
}

.option-service-provider:before {
    content: ""
}

.option-service-shop:before {
    content: ""
}

.option-warranty:before {
    content: ""
}

* {
    box-sizing: border-box
}

.row {
    margin-left: 0;
    margin-right: 0
}

.container {
    padding-left: 0;
    padding-right: 0
}

header .container .logo {
    background: url(/html/assets/logo.png) no-repeat 0 0
}

.minified .container .logo {
    height: 50px;
    background: url(/html/assets/logo_h.png) no-repeat 0 0
}

body main {
    font-size: 13px;
    line-height: 1.6em;
    padding-bottom: 22px;
    overflow: hidden
}

.hide-desktop {
    display: none
}

.row .container {
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    position: relative
}

p+.button {
    margin-top: 0
}

.container .container {
    padding: 0!important
}

h2 {
    color: #ff6a00;
    font-size: 44px;
    line-height: 1em
}

h2 span {
    color: #994000;
    display: inline-block
}

h3 {
    line-height: 1.2em
}

h5 {
    font-family: "museo_sans500"
}

.breadcrumb {
    background: none
}

.breadcrumb .container .breadcrumb-content {
    text-shadow: none;
    color: #6f7170;
    padding: 0;
    font-size: 12px
}

.breadcrumb .container .breadcrumb-content a {
    color: #3e8ddd
}

.breadcrumb .container .breadcrumb-content span {
    display: inline-block;
    font-size: 10px;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
    top: 0
}

.breadcrumb .container .breadcrumb-content span:last-child {
    display: inline-block!important
}

header .menu-item.community.nav-active .navitem {
    border-bottom: 4px solid #ff6a00
}

header .menu-item.community.nav-active .navitem .supp-indicator {
    border-top: 8px solid #ff6a00;
    right: 40px
}

.slick-dots li {
    margin: 0
}

.slick-slider.slick-initialized {
    margin: 0
}

.slick-prev,
.slick-next {
    top: 60px;
    z-index: 3
}

.slick-prev:before,
.slick-next:before {
    opacity: .9;
    font-size: 30px;
    color: #3e8ddd
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .3
}

.slick-prev {
    right: 100px;
    left: initial
}

.slick-next {
    right: 60px
}

.slick-dots {
    bottom: 20px
}

.slick-dots li button:before {
    font-size: 60px;
    color: #3e8ddd;
    opacity: .9
}

.slick-dots li.slick-active button:before {
    color: #fff
}

.home .hero-container .zoom-bg,
.subpage .hero-container .zoom-bg {
    background-image: none
}

.subpage .spotlight-hero {
    margin: 0
}

.subpage .spotlight-hero .overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: -1;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, .65) 0%, rgba(0, 0, 0, .65) 1%, rgba(0, 0, 0, .48) 35%, transparent 62%, transparent 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, .65)), color-stop(1%, rgba(0, 0, 0, .65)), color-stop(35%, rgba(0, 0, 0, .48)), color-stop(62%, transparent), color-stop(100%, transparent));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, .65) 0%, rgba(0, 0, 0, .65) 1%, rgba(0, 0, 0, .48) 35%, transparent 62%, transparent 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, .65) 0%, rgba(0, 0, 0, .65) 1%, rgba(0, 0, 0, .48) 35%, transparent 62%, transparent 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, .65) 0%, rgba(0, 0, 0, .65) 1%, rgba(0, 0, 0, .48) 35%, transparent 62%, transparent 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, .65) 0%, rgba(0, 0, 0, .65) 1%, rgba(0, 0, 0, .48) 35%, transparent 62%, transparent 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=1)
}

.subpage .yoga-spotlight {
    padding-bottom: 42px
}

.subpage .hero-container {
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
    min-height: 450px;
    background-color: #000
}

.subpage .hero-container .overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, .65) 0%, rgba(0, 0, 0, .65) 1%, rgba(0, 0, 0, .48) 35%, transparent 62%, transparent 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, .65)), color-stop(1%, rgba(0, 0, 0, .65)), color-stop(35%, rgba(0, 0, 0, .48)), color-stop(62%, transparent), color-stop(100%, transparent));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, .65) 0%, rgba(0, 0, 0, .65) 1%, rgba(0, 0, 0, .48) 35%, transparent 62%, transparent 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, .65) 0%, rgba(0, 0, 0, .65) 1%, rgba(0, 0, 0, .48) 35%, transparent 62%, transparent 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, .65) 0%, rgba(0, 0, 0, .65) 1%, rgba(0, 0, 0, .48) 35%, transparent 62%, transparent 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, .65) 0%, rgba(0, 0, 0, .65) 1%, rgba(0, 0, 0, .48) 35%, transparent 62%, transparent 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=1)
}

.subpage .hero-container .container {
    position: relative
}

.subpage .hero-container .hero-content {
    padding: 30px;
    color: #fff;
    width: 680px;
    position: absolute;
    top: 50px;
    left: 80px;
    font-size: 18px;
    line-height: 1.1em;
    z-index: 2
}

.subpage .hero-container .hero-content h1 {
    color: #fff;
    margin-bottom: .5em;
    font-size: 36px
}

.subpage .hero-container .hero-content .button {
    margin: 0
}

.hero-container {
    display: block!important
}

.hero-container .zoom-bg {
    opacity: 1
}

.hero-container .zoom-bg.fadeOut {
    opacity: 0;
    transition: opacity .5s ease
}

.fadeIn {
    opacity: 1!important;
    transition: opacity .9s ease;
    transition-delay: .4s
}

.callout-lt-blue {
    background-color: #4ac0e0;
    color: #fff;
    padding: 22px;
    text-align: center
}

.callout-lt-blue h4 {
    line-height: 1.2em;
    font-size: 26px
}

.callout-lt-blue h4 span {
    display: block;
    font-family: "museo_sans700"
}

.callout-lt-blue .button {
    margin: 22px 0 0 0
}

.callout.green {
    background-color: #6abf4a;
    padding: 0;
    margin: 0 0 40px 0;
    display: inline-block;
    color: #fff;
    position: relative
}

.callout.green .content-col {
    padding-left: 0
}

.callout.green .content {
    padding: 22px
}

.callout.green p {
    line-height: 1.2em;
    max-width: 96%;
    margin-bottom: 12px
}

.callout.green .callout-image {
    padding: 0;
    min-height: 120px
}

.callout.green .callout-image img {
    position: absolute;
    top: -18px;
    right: -40px
}

.callout.green h4 {
    color: #fff;
    font-size: 22px;
    line-height: 1.3em
}

.callout.green h4 span {
    font-family: "museo_sans700";
    display: block
}

.callout.green .button {
    min-width: 100px;
    margin: 0
}

.blogs p.intro {
    font-size: 18px
}

.spotlight {
    font-size: 18px
}

.spotlight p {
    max-width: 90%;
    line-height: 1.2em;
    font-size: 16px
}

.spotlight .button {
    min-width: 190px
}

.button {
    margin: 22px 0;
    min-width: 140px;
    text-align: center;
    font-size: 14px
}

.button.large {
    padding: 8px 16px;
    font-size: 18px
}

.conversations {
    margin-top: 20px
}

.conversations .section-header {
    background-size: cover;
    border-width: 1px 0;
    margin-bottom: 30px
}

.conversations .section-header h2 {
    color: #fff;
    padding: 15px 0 0 0
}

.conversations .section-header h2 span {
    color: #fff
}

section.row.social-feed {
    margin-top: 50px
}

.no-top-mar {
    margin-top: 0
}

.no-r-pad {
    padding-right: 0!important
}

.pull-right {
    float: right;
    margin-left: 12px
}

.button.alone {
    margin: 32px 0 0 0
}

.product-spotlight [class*="col-"] img {
    width: 100%;
    height: auto;
    border: 1px solid #fff
}

.product-spotlight [class*="col-"] img.no-border {
    border: none
}

.product-spotlight [class*="col-"] .no-brdr {
    border: none
}

.black-section .cta-container {
    margin-top: 50px
}

.spotlight h5 {
    margin-bottom: 8px
}

.orange-section {
    margin-bottom: 40px;
    background-color: #ff6a00;
    color: #fff
}

.orange-section .button {
    margin: 0
}

.orange-section .row {
    margin-bottom: 10px
}

.orange-section h3,
.orange-section h4,
.orange-section p {
    color: #fff
}

.orange-section .product-spotlight {
    color: #fff;
    padding: 22px 0
}

.orange-section .product-spotlight [class*="col-"] {
    padding-left: 0
}

.orange-section .product-spotlight h2 {
    color: #fff
}

.orange-section .product-spotlight h4,
.orange-section .product-spotlight h5 {
    margin-bottom: 8px
}

.orange-section .button {
    margin-bottom: 22px
}

.orange-section h4 {
    color: #fff
}

.orange-section p {
    color: #eee
}

.orange-section .cta-box {
    background-color: #d45800;
    color: #fff;
    position: relative
}

.orange-section .cta-box h4,
.orange-section .cta-box p,
.orange-section .cta-box .button {
    position: relative;
    z-index: 3
}

.orange-section .cta-box p {
    line-height: 1em
}

.orange-section .cta-box img {
    right: -10%;
    position: absolute;
    border: none;
    height: auto;
    width: auto;
    z-index: 0
}

.orange-section .cta-box .button {
    margin-bottom: 0
}

.orange-section .video-container {
    margin-bottom: 40px
}

.share-container {
    margin: 22px 0 12px 0
}

.addthis_sharing_toolbox.inline,
.share-text {
    display: inline-block
}

.share-text {
    top: -10px;
    position: relative;
    font-size: 18px;
    font-family: "museo_sans500"
}

.gray-box {
    background-color: #ecebea;
    margin-bottom: 22px;
    padding: 30px
}

.gray-box .button {
    margin-bottom: 0
}

.gray-box img {
    border: 1px solid #6f7170
}

.gray-box .col-sep {
    height: 170px
}

.gray-box [class*="col-"] {
    padding: 0 30px
}

.gray-box [class*="col-"]:first-child {
    padding: 0 40px 0 0
}

.gray-box [class*="col-"]:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    left: 80%;
    background-color: #434750
}

.cta-col .content {
    padding-top: 90px
}

.user-reviews h2 {
    margin-bottom: 0
}

.user-reviews h3 {
    margin-bottom: 22px
}

.user-reviews ul {
    margin-bottom: 16px
}

.user-reviews ul li {
    padding-right: 30px
}

.user-reviews ul li.title {
    font-family: "museo_sans500";
    font-size: 1.1em
}

.content.no-top-pad {
    padding-top: 0
}

.cta-box {
    padding: 22px;
    font-size: 18px;
    color: #6f7170
}

.cta-box h4 {
    font-size: 22px;
    margin-bottom: 8px
}

.cta-box h4 .heart {
    position: relative
}

.cta-box h4 .heart img {
    margin-bottom: -6px;
    width: auto;
    height: auto
}

.cta-box .button {
    margin: 0
}

.cta-box.blue {
    color: #fff;
    background-color: #3e8ddd;
    padding-right: 0;
    position: relative;
    overflow: hidden
}

.cta-box.blue img.product-photo {
    width: 70%;
    height: auto;
    position: absolute;
    bottom: 12px;
    right: -70px
}

.reviews {
    margin-top: 30px;
    padding: 0 22px
}

.reviews p {
    margin: 22px 0 0 0;
    font-size: 18px;
    font-style: italic
}

.content {
    padding: 22px
}

.star-rating span,
.star-rating span span {
    background-position: 0 -13px
}

.star-rating .five-stars,
.star-rating span .five-stars {
    width: 100%
}

.star-rating .four-stars,
.star-rating span .four-stars {
    width: 100%
}

.star-rating .three-stars,
.star-rating span .three-stars {
    width: 100%
}

.star-rating .two-stars,
.star-rating span .two-stars {
    width: 100%
}

.star-rating .one-stars,
.star-rating span .one-stars {
    width: 100%
}

.featured-discussions [class*="col-"] {
    text-align: left
}

.more-container {
    display: inline-block
}

.featured .blog-summary .more-container {
    display: block
}

.more {
    font-size: 16px;
    margin: 22px 0
}

.more span {
    top: 2px;
    position: relative
}

.more.pull-right {
    margin-right: 20px
}

img.pull-left {
    margin-right: 12px
}

.row .container.full-width-md {
    padding: 0
}

div.block {
    margin-right: 10px;
    overflow: hidden;
    margin-bottom: 10px
}

.thumbnail {
    height: 132px;
    overflow: hidden;
    border: 1px solid #d9d8d6
}

.date {
    font-size: .86em;
    color: #6f7170;
    margin-bottom: 4px
}

.recent .blog-summary {
    padding-left: 15px
}

.blog-summary img {
    display: none
}

.main-social-links-container div {
    float: right
}

.stButton .stFb,
.stButton .stTwbutton,
.stButton .stMainServices {
    height: 22px
}

.main-social-links-container {
    position: relative;
    width: 100%
}

.main-social-links-container .social-links {
    position: absolute;
    right: 20px;
    top: -40px
}

div.block .thumbnail a {
    height: 100%;
    width: 100%;
    display: block
}

div.featured {
    position: relative;
    padding: 0
}

div.featured .date {
    color: #fff
}

div.featured .thumbnail {
    width: 100%;
    overflow: visible;
    height: 415px;
    background-position: center center
}

div.featured .blog-summary {
    position: absolute;
    bottom: 0;
    color: #fff;
    padding: 30px;
    width: 80%
}

div.featured .blog-summary a.more {
    display: inline-block;
    padding: 8px 12px;
    border: 1px solid #fff;
    color: #fff;
    margin-top: 20px
}

div.featured .blog-summary a {
    color: #fff
}

.featured .overlay {
    height: 60%;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 0;
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, .48) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, .48)));
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, .48) 100%);
    background: -o-linear-gradient(top, #000 0%, #000 100%);
    background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, .48) 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, .6) 40%, rgba(0, 0, 0, .8) 100%)
}

.avatar-container {
    width: 30px;
    height: 30px;
    position: relative;
    float: left;
    overflow: hidden;
    margin-right: 6px;
    border-radius: 2em;
    margin-top: -7px;
    border: 1px solid #c4beb6
}

.avatar {
    width: 64px;
    height: 36px;
    position: absolute;
    top: -3px;
    right: -3px
}

.video-col {
    padding-left: 0
}

.row .container.video-row {
    padding: 0
}

.row .container.video-row [class*="col-"] {
    padding: 0 20px 20px 20px
}

p.caption {
    margin-top: 10px
}

div {
    transition: width .5s ease
}

.backdrop {
    opacity: 1;
    transition: opacity .5s ease
}

.scrolled .backdrop {
    opacity: 0
}

.main-headline {
    text-align: center
}

.main-headline h2 {
    color: #6f7170;
    font-size: 30px
}

.main-headline h3 {
    color: #4c4d4c;
    font-size: 30px;
    font-family: "museo_sans500"
}

.sub-headline {
    text-align: center
}

.sub-headline h2 {
    color: #6abf4a;
    font-size: 44px;
    margin-bottom: 6px;
    font-family: "museo_sans500"
}

.sub-headline h3 {
    color: #4c4d4c;
    font-size: 18px;
    font-family: "museo_sans500"
}

.sub-headline .social-links {
    position: relative;
    float: left;
    display: block;
    left: 50%
}

.sub-headline .social-links li {
    position: relative;
    float: left;
    display: block;
    right: 50%
}

header .container .site-links ul li .panel-container.community-nav .nav-header h3 {
    margin: 0
}

header .container .site-links ul li .panel-container.community-nav .nav-feature h3 {
    color: #4e8e36;
    font-size: 22px;
    margin-bottom: 4px
}

header .container .site-links ul li .panel-container.community-nav .nav-feature h4 {
    font-size: 18px;
    color: #6abf4a;
    width: 40%
}

header .container .site-links ul li .panel-container.community-nav .social-links {
    position: relative;
    float: left;
    display: block;
    left: 0;
    margin-top: 0
}

header .container .site-links ul li .panel-container.community-nav .social-links li {
    width: auto;
    margin-right: 15px
}

header .container .site-links ul li .panel-container.community-nav .social-links li a {
    font-size: 33px
}

header .container .site-links ul li .panel-container.community-nav .social-links li [class^="lenovo-"],
header .container .site-links ul li .panel-container.community-nav .social-links li [class*=" lenovo-"] {
    font-family: 'LenovoSupport'
}

header .menu-item.community .subnavbox .prop {
    padding: 22px 1px 1px 22px;
    min-height: 70px
}

.new-navigation {
    margin: 0 auto;
    max-width: 1480px;
    padding-bottom: 15px;
    padding-left: 90px;
    padding-top: 0
}

@media screen and (max-width: 1479px) {
    .new-navigation {
        padding-top: 20px
    }
}

.new-navigation ul li {
    margin-right: 25px;
    display: inline-block
}

.new-navigation ul li a {
    font-size: 20px;
    font-family: inherit
}

.social-links-container.center {
    margin-bottom: 10px;
    height: 38px
}

.social-links-container.center .social-links {
    position: relative;
    float: left;
    display: block;
    left: 50%;
    margin-top: 0
}

.social-links-container.center .social-links li {
    position: relative;
    float: left;
    display: block;
    right: 50%
}

.spotlight-hero.blue,
.spotlight-hero.black {
    background-color: #3e8ddd;
    color: #fff;
    position: relative;
    min-height: 156px
}

.spotlight-hero.blue .container,
.spotlight-hero.black .container {
    padding: 40px 0 0 110px
}

.spotlight-hero.blue .container h1,
.spotlight-hero.black .container h1 {
    font-size: 60px;
    margin-bottom: 40px;
    font-family: "museo_sans500"
}

.spotlight-hero.blue .container h2,
.spotlight-hero.black .container h2 {
    font-size: 24px;
    color: #fff
}

.spotlight-hero.blue .container .product,
.spotlight-hero.black .container .product {
    position: absolute;
    right: 50px;
    top: 10px;
    width: 22%
}

.spotlight-hero.black .overlay {
    left: 0;
    background-image: none;
    background-color: transparent;
    z-index: 1
}

.spotlight-hero.black .think-logo {
    position: relative;
    z-index: 3
}

section.row {
    margin: 22px 0
}

.row.breadcrumb {
    margin: 22px 0 0 0
}

section.row.thinkpad,
.black-section {
    background-color: #000;
    color: #fff;
    margin-bottom: 22px;
    padding-top: 22px;
    background-size: cover
}

section.row.thinkpad h2,
.black-section h2 {
    color: #e7e7e7;
    margin-top: 30px
}

section.row.thinkpad h2 span,
.black-section h2 span {
    color: #fff
}

section.row.thinkpad h3,
.black-section h3 {
    margin-top: 30px
}

section.row.thinkpad h5,
.black-section h5 {
    color: #e2231a;
    margin-bottom: .5em
}

section.row.thinkpad img.full-width,
.black-section img.full-width {
    width: 100%;
    height: auto;
    margin-bottom: -30px
}

section.row.thinkpad .button,
.black-section .button {
    margin: 0
}

section.row.thinkpad .col-md-7 {
    padding-left: 0
}

section.row.thinkpad .button {
    margin: 0 0 32px 0
}

section.row.thinkpad .video-container+.button {
    margin-top: 22px
}

.row.featured-discussions.yoga {
    margin-bottom: 40px
}

.home .black-section {
    margin-bottom: 70px
}

.social-feed {
    padding-bottom: 30px
}

.atss a {
    width: 36px!important;
    padding: 0!important
}

#at4-share {
    top: 17%
}

.conversations h3 {
    color: #3e8ddd;
    font-family: "museo_sans500"
}

.conversations h3 span {
    color: #1b5a9a
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.video-container.full-width {
    margin-bottom: 60px
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

[class*="col-"]:last-child {
    padding-right: 0
}

.modal-dialog {
    font-weight: normal
}

.modal-dialog .modal-header {
    background-color: #3e8ddd;
    color: #fff;
    margin-bottom: 12px;
    padding: 22px
}

.modal-dialog .modal-header h1 {
    font-size: 2em;
    color: #fff;
    line-height: 1em
}

.modal-dialog .modal-header .close {
    background-color: transparent;
    color: #fff!important;
    font-size: 28px;
    float: right;
    border: none;
    cursor: pointer
}

.modal-dialog .form-horizontal .form-group {
    margin-right: 0
}

.modal-dialog .modal-body {
    padding: 22px
}

.modal-dialog .modal-body .required {
    color: #e2231a;
    font-size: 20px;
    padding-left: 5px;
    line-height: 15px;
    top: 4px;
    position: relative
}

.modal-dialog .modal-body .agreement-container {
    margin-top: 40px
}

.modal-dialog .modal-body input[type="radio"],
.modal-dialog .modal-body input[type="checkbox"] {
    width: 25px;
    float: left;
    margin-top: 0;
    padding-top: 0;
    height: 25px;
    margin-right: 12px
}

.modal-dialog .modal-body .agreement {
    width: 75%;
    font-weight: normal;
    font-size: 12px
}

.modal-dialog .modal-footer {
    border: none;
    text-align: center
}

.modal-dialog .modal-footer .button {
    margin: 0 12px 22px 12px;
    cursor: pointer
}

.tile-main-container {
    margin: 0 auto 60px auto;
    max-width: 1480px
}

.tile-container {
    margin: 0 -3px;
    overflow: hidden
}

.tile-container .tile {
    padding: 0 3px;
    margin-bottom: 6px;
    color: #fff;
    box-sizing: border-box;
    transition: none;
    overflow: hidden
}

.tile-container .tile.nested {
    padding: 0
}

.tile-container .tile.nested .tile .tile-content {
    min-height: 102px;
    margin: 0
}

.tile-container .tile.nested .tile.last-child {
    margin-bottom: 0
}

.tile-container .tile .tile-content {
    padding: 20px;
    min-height: 220px;
    position: relative
}

.tile-container .tile .tile-content .title {
    position: relative;
    z-index: 3;
    font-size: 16px;
    font-family: "museo_sans500";
    display: block;
    margin-bottom: 12px
}

.tile-container .tile .tile-content .title.lg {
    font-size: 1.6em;
    line-height: 1.3em
}

.tile-container .tile .tile-content .subtitle {
    position: relative;
    z-index: 3;
    font-family: 'museo_sans300'
}

.tile-container .tile .tile-content .subtitle,
.tile-container .tile .tile-content img {
    font-size: 15px;
    position: relative;
    z-index: 3;
    display: block
}

.tile-container .tile .tile-content .category {
    font-size: 13px;
    color: #fff;
    display: block
}

.tile-container .tile .tile-content .title-container.top {
    background-color: rgba(0, 0, 0, .7);
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
    color: #fff;
    width: 100%;
    padding: 12px 20px;
    margin-bottom: 0
}

.tile-container .tile .tile-content .title-container.bottom {
    background-color: rgba(0, 0, 0, .45);
    position: absolute;
    bottom: 0;
    left: 0;
    height: auto;
    color: #fff;
    width: 100%;
    padding: 12px 20px;
    margin-bottom: 0
}

.tile-container .tile .tile-content .title-container.bottom .title {
    margin-bottom: 0
}

.tile-container .tile .tile-content .title-container.bottom .green {
    background-color: rgba(106, 191, 74, .8)
}

.tile-container .tile .tile-content .title-container.bottom .red {
    background-color: rgba(226, 35, 26, .8)
}

.tile-container .tile .tile-content .title-container.bottom .cyan {
    background-color: rgba(74, 192, 224, .8);
    text-shadow: 0 0 4px rgba(0, 0, 0, .5)
}

.tile-container .tile .tile-content .title-container.bottom .pink {
    background-color: rgba(233, 107, 175, .5)
}

.tile-container .tile .tile-content .title-container.bottom.blue {
    background-color: rgba(62, 141, 221, .7)
}

.tile-container .tile .tile-content .title-container.bottom .orange {
    background-color: rgba(255, 106, 0, .7)
}

.tile-container .tile .tile-content .title.trans {
    background-color: transparent
}

.tile-container .tile .tile-content a {
    color: #fff;
    position: relative;
    z-index: 4
}

.tile-container .tile .tile-content a.tile-link {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    padding: 20px
}

.tile-container .tile .tile-content a.tile-link * {
    z-index: 4
}

.tile-container .tile .tile-content .social-links li {
    float: left;
    margin-right: 16px
}

.tile-container .tile .tile-content .social-links li a {
    color: #6f7170
}

.tile-container .tile .tile-content .overlay {
    background: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.tile-container .tile.connected-tile .tile-content {
    background-position: 95px 10px;
    padding-left: 90px;
    text-align: left;
    background-repeat: no-repeat;
    background-size: 50%
}

.tile-container .tile.connected-tile .tile-content h3 {
    color: #6d6e6d;
    font-size: 1.3em;
    margin-top: 70px
}

.tile-container .tile.connected-tile .tile-content .button {
    position: absolute;
    bottom: 0
}

.tile-container .tile.giveaway-tile .tile-content {
    background-position: 20px 20px;
    text-align: left;
    background-repeat: no-repeat;
    background-size: 60%
}

.tile-container .tile.giveaway-tile .tile-content .title-container.bottom {
    position: absolute;
    bottom: 65px;
    background-color: transparent
}

.tile-container .tile.giveaway-tile .tile-content .title-container .title {
    color: #6d6e6d
}

.tile-container .tile.giveaway-tile .tile-content .title-container .title .category {
    color: #ff6a00;
    font-size: 16px;
    line-height: 1.4em
}

.tile-container .tile.giveaway-tile .tile-content .button {
    position: absolute;
    bottom: 0;
    left: 20px
}

@media(max-width:1500px) {
    .tile-container .tile.connected-tile .tile-content {
        background-position: 20px 10px;
        padding-left: 20px
    }
}

@media(max-width:1400px) {
    .tile-container .tile.connected-tile .tile-content h3 {
        margin-top: 60px
    }
}

@media(max-width:1200px) {
    .tile-container .tile.connected-tile .tile-content h3 {
        font-size: 1.2em;
        margin-top: 60px
    }
}

@media(min-width:992px)and (max-width:1054px) {
    .tile-container .tile.giveaway-tile {
        min-height: 240px
    }
}

@media(max-width:991px) {
    .tile-container .tile.connected-tile {
        padding: 0 10px
    }
    .tile-container .tile.connected-tile .tile-content {
        background-size: 40%
    }
    .tile-container .tile.connected-tile .tile-content h3 {
        font-size: 1.3em;
        line-height: 1.5em;
        margin-top: 75px
    }
    .tile-container .tile.giveaway-tile {
        padding: 0 10px
    }
    .tile-container .tile.giveaway-tile .tile-content {
        background-position: 20px 30px;
        padding: 20px 0
    }
    .tile-container .tile.giveaway-tile .tile-content .title-container.bottom {
        padding: 12px 20px
    }
}

@media(min-width:768px)and (max-width:852px) {
    .tile-container .tile.giveaway-tile {
        min-height: 225px
    }
}

@media(max-width:768px) {
    .tile-container .tile.connected-tile .tile-content {
        background-size: 40%
    }
    .tile-container .tile.connected-tile .tile-content h3 {
        font-size: 1.3em;
        line-height: 1.5em;
        margin-top: 50px
    }
    .tile-container .tile.giveaway-tile .tile-content {
        background-size: 40%
    }
    .tile-container .tile.giveaway-tile .tile-content .title-container.bottom {
        bottom: 60px
    }
}

@media(max-width:520px) {
    .tile-container .tile.connected-tile .tile-content h3 {
        line-height: 1.3em;
        margin-top: 35px
    }
}

@media(max-width:389px) {
    .tile-container .tile.connected-tile .tile-content h3 {
        font-size: 1.2em;
        margin-top: 35px
    }
}

@media(max-width:321px) {
    .tile-container .tile.connected-tile .tile-content h3 {
        font-size: 1.2em;
        margin-top: 20px
    }
}

.tile-container .has-overlay * {
    z-index: 3;
    position: relative
}

.tile-container .has-overlay:after {
    content: '';
    background: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.tile-container .tile-content .welcome-logo.animate {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: width .6s, height .6s, top .6s, left .6s
}

.tile-container .tile-content .welcome-text {
    position: absolute;
    z-index: 9;
    left: 0;
    top: 0;
    margin: 0 auto;
    padding: 0 130px
}

.tile-container .welcome-tile .tile-content {
    background: no-repeat center center;
    background-color: #fff;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    padding: 40px 50px;
    text-align: center;
    overflow: hidden
}

.tile-container .welcome-tile .tile-content h2 {
    font-size: 32px;
    font-family: "museo_sans500";
    text-shadow: 0 0 2px rgba(0, 0, 0, .7);
    color: #fff;
    margin-bottom: .35em
}

.tile-container .welcome-tile .tile-content h3 {
    font-size: 18px;
    text-shadow: 0 0 2px rgba(0, 0, 0, .7)
}

.tile-container .welcome-tile .tile-content .button.border-white {
    opacity: 0;
    border: 2px solid #fff;
    position: relative;
    z-index: 8
}

.tile-container .welcome-tile .tile-content.has-overlay:after {
    background-color: rgba(0, 0, 0, .1)
}

.tile-container .modern-pc .tile-content {
    background: no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
}

.tile-container .gamestate .tile-content {
    background: no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
}

.tile-container .life-hacks .tile-content.has-overlay:after {
    background-color: rgba(0, 0, 0, .15)
}

.tile-container .goodweird .tile-content {
    background: no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
}

.tile-container .stem .tile-content {
    background: no-repeat center bottom;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
}

.tile-container .nfl .tile-content {
    background: no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
}

.tile-container .tile.video {
    padding: 0
}

.tile-container .shop .tile-content {
    background: left bottom no-repeat;
    position: relative
}

.tile-container .shop .tile-content .title {
    margin-right: 20px;
    position: absolute;
    bottom: 30px;
    right: 20px;
    font-size: 22px
}

.tile-container .shop .tile-content .title span {
    font-size: .9em
}

.tile-container .shop .tile-content .shop-product {
    position: absolute;
    left: 0;
    top: 0
}

.tile-container .tile.white {
    color: #6f7170
}

.tile-container .tile.white a {
    color: #3e8ddd
}

.tile-container .social .tile-content {
    color: #6f7170
}

.tile-container .social .tile-content a {
    color: #6f7170
}

.tile-container .dark-gray .tile-content {
    background-color: #6f7170
}

.tile-container .blue {
    border: none
}

.tile-container .blue .tile-content {
    background-color: #3e8ddd;
    color: #fff;
    border: none
}

.tile-container .blue .tile-content *,
.tile-container .blue .tile-content a {
    color: #fff
}

.tile-container .green .tile-content {
    background-color: #6abf4a;
    color: #fff;
    border: none
}

.tile-container .green .tile-content *,
.tile-container .green .tile-content a {
    color: #fff
}

.tile-container .light-gray .tile-content {
    background-color: #e5e5e3
}

.tile-container .light-gray .tile-content a {
    color: #3e8ddd
}

.tile-container .orange .tile-content {
    background-color: #ff6a00
}

.tile-container .yoga .tile-content {
    text-align: center;
    background: no-repeat left bottom
}

.tile-container .yoga .tile-content .title {
    float: right
}

.tile-container .yoga .tile-content .title img {
    max-width: 90%
}

.tile-container .yoga .tile-content .title .logo {
    margin-right: 0;
    margin-top: 12px
}

.tile-container .yoga-discussion .tile-content {
    background: no-repeat right bottom;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    border-bottom: 5px solid #ff6a00
}

.tile-container .yoga-discussion .tile-content.has-overlay:after {
    background-color: rgba(0, 0, 0, .26)
}

.tile-container .yoga-900 .tile-content {
    background: no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
}

.tile-container .gaming .tile-content {
    background: no-repeat center bottom #000;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
}

.tile-container .gaming .tile-content .logo {
    position: absolute;
    bottom: 22px;
    left: 22px
}

.tile-container .gaming .tile-content.has-overlay:after {
    background-color: rgba(0, 0, 0, .26)
}

.tile-container .yoga-experiences .tile-content {
    background: no-repeat center bottom #f3f3f3
}

.tile-container .thinkpad .tile-content {
    background: no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    overflow: hidden;
    position: relative
}

.tile-container .thinkpad .tile-content img.think-logo {
    position: absolute;
    left: 20px;
    bottom: 20px
}

.tile-container img.float-right {
    float: right;
    margin-left: 5px;
    margin-top: -5px
}

.tile-container .tile .title-grad {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, .69) 60%, transparent 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, .77)), color-stop(60%, rgba(0, 0, 0, .69)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, .69) 60%, transparent 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, .69) 60%, transparent 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, .69) 60%, transparent 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, .69) 60%, transparent 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#c4000000', endColorstr='#00000000', GradientType=0);
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    width: 100%
}

.tile-container .w0 {
    width: 200px
}

.tile-container .w1 {
    width: 400px
}

.tile-container .w2 {
    width: 800px
}

.tile-container .h0 {
    height: 85px
}

.tile-container .h1 {
    height: 130px
}

.tile-container .h1-25 {
    height: 152px
}

.tile-container .h1-5 {
    height: 215px
}

.tile-container .h2 {
    height: 320px
}

.tile-container .h2-5 {
    height: 370px
}

.tile-container .h3 {
    height: 430px
}

.tile-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

* {
    margin: 0;
    padding: 0
}

.img,
.stacklafw_box .user-info-left .tile-avatar img {
    width: 100%;
    height: 100%;
    text-align: center
}

.clear-fix,
.stacklafw_box .tile-user-info,
.stacklafw_box .tile-time-icon,
.stacklafw_box .tile-like-comments,
.waterfall_box_popUp .popup-twitter-intent-wrapper,
.waterfall_box_popUp .popup-interactions-wrapper .popup-share-list {
    overflow: hidden;
    zoom: 1
}

.public-margin,
.stacklafw_box .title-caption,
.stacklafw_box .tile-time-icon,
.stacklafw_box .tile-like-comments {
    padding: 0 8px;
    margin-bottom: 8px
}

.stacklafw_box {
    font-family: Verdana, sans-serif
}

.stacklafw_box [class*="col-"] {
    padding-left: 12px;
    padding-right: 12px
}

.stacklafw_box .waterfall_box {
    border: 1px solid rgba(0, 0, 0, .3);
    overflow: hidden;
    zoom: 1;
    margin-bottom: 24px;
    cursor: pointer
}

.stacklafw_box .waterfall_box .images-wrapper {
    width: 100%;
    max-height: 220px;
    overflow: hidden;
    margin-bottom: 8px
}

.stacklafw_box .waterfall_box .images-wrapper img {
    width: 100%
}

.stacklafw_box .tile-user-info {
    width: 100%;
    line-height: 1.3em;
    padding: 8px 8px 0 8px;
    margin-bottom: 8px;
    color: #333;
    cursor: pointer
}

.stacklafw_box .user-info-left {
    float: left
}

.stacklafw_box .user-info-left .tile-avatar {
    width: 30px;
    height: 30px;
    border: 1px #cdcdcd solid;
    float: left;
    display: inline-block
}

.stacklafw_box .user-info-left .tile-user {
    float: left;
    display: inline;
    margin-left: 10px
}

.stacklafw_box .user-info-left .tile-user a {
    display: block;
    font: inherit
}

.stacklafw_box .user-info-left .tile-user .tile-user-top {
    color: inherit
}

.stacklafw_box .user-info-left .tile-user .tile-user-bottom {
    color: #ff6a00
}

.stacklafw_box .user-info-right {
    float: right
}

.stacklafw_box .user-info-right a {
    padding: 15px 15px
}

.stacklafw_box .title-caption {
    word-wrap: break-word;
    max-height: none
}

.stacklafw_box .tile-time-icon .tile-time {
    float: left;
    display: inline;
    font: inherit
}

.stacklafw_box .tile-time-icon .tile-icon {
    float: right;
    display: inline
}

.stacklafw_box .tile-time-icon .tile-icon a {
    display: block;
    margin-left: 6px;
    float: left;
    color: #a8a8a8
}

.stacklafw_box .tile-time-icon .tile-icon a span {
    font-size: 19px;
    display: inline-block
}

.stacklafw_box .tile-time-icon .tile-icon a span:hover {
    color: #696969
}

.stacklafw_box .tile-time-icon .tile-icon .tile-twitter-favorite span {
    font-size: 18px
}

.stacklafw_box .tile-like-comments .tile-like {
    float: left;
    display: inline;
    padding-top: 3px
}

.stacklafw_box .tile-like-comments .tile-comments {
    float: right;
    display: inline
}

.stacklafw_box .tile-like-comments a {
    color: #999
}

.stacklafw_box .tile-like-comments a:hover {
    color: #313131
}

.stacklafw_box .tile-like-comments span {
    font-size: 22px
}

.load-more {
    padding-left: 12px;
    padding-right: 12px;
    margin: 25px auto
}

.load-more .button {
    width: auto!important;
    font-family: Verdana, sans-serif;
    padding: 10px 26px;
    box-sizing: border-box;
    display: table;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #3e8ddd;
    background-color: transparent;
    color: #3e8ddd;
    font-size: 16px
}

.arrow,
.waterfall_box_popUp .popup-comments-user .popup-comments-user-input-arrow:before,
.waterfall_box_popUp .popup-comments-user .popup-comments-user-textarea-arrow:before {
    content: "";
    display: block;
    position: absolute;
    left: 74px;
    border-right: 9pt solid #fff
}

.layerOver {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

.popUp-wrapper {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    overflow-y: auto
}

.waterfall_box_popUp {
    max-width: 664px;
    margin: 44px auto;
    font-size: 15px;
    margin-bottom: 44px
}

.waterfall_box_popUp .waterfall_box_bg {
    margin: 0 auto;
    background: #fff
}

.waterfall_box_popUp .user-info-left .tile-avatar {
    width: 50px;
    height: 50px
}

.waterfall_box_popUp .user-info-right .popup-close {
    font-size: 26px;
    color: #666;
    display: block;
    margin: 5px 4px 0 0;
    cursor: pointer
}

.waterfall_box_popUp .user-info-right .popup-close:hover {
    color: #e70d31
}

.waterfall_box_popUp .images-wrapper {
    margin: 2px;
    max-height: 360px;
    overflow: hidden
}

.waterfall_box_popUp .images-wrapper img {
    width: 100%
}

.waterfall_box_popUp .popup-caption {
    margin: 0 auto;
    box-sizing: border-box
}

.waterfall_box_popUp .popup-caption p {
    color: #000;
    font-size: 1.1em;
    margin: 0;
    padding: 10px 20px 20px 20px;
    word-wrap: break-word;
    line-height: 1.6em
}

.waterfall_box_popUp .popup-twitter-intent-wrapper {
    padding: 0 20px 20px 20px;
    margin: 0 auto;
    box-sizing: border-box
}

.waterfall_box_popUp .popup-twitter-intent-wrapper div {
    width: 33%;
    float: left;
    display: inline;
    text-align: center
}

.waterfall_box_popUp .popup-twitter-intent-wrapper div a {
    display: inline-block;
    text-align: center;
    font-size: 24px;
    color: #aeafb0
}

.waterfall_box_popUp .popup-twitter-intent-wrapper div a:hover {
    color: #696969
}

.waterfall_box_popUp .popup-source-wrapper {
    padding: 10px;
    background: #eee;
    text-transform: uppercase;
    font-size: .9em;
    color: #666
}

.waterfall_box_popUp .popup-source-wrapper .popup-social-source {
    width: 15px;
    height: 15px;
    float: left;
    display: inline;
    margin: 1px 6px 0 0;
    overflow: hidden;
    background: url(/images/tile-sprite.20150615.png) no-repeat left center
}

.waterfall_box_popUp .popup-source-wrapper .pinterest {
    background-position: -40px -360px
}

.waterfall_box_popUp .popup-source-wrapper .popup-timestamp a {
    color: #666
}

.waterfall_box_popUp .popup-source-wrapper .popup-timestamp a:hover {
    text-decoration: underline
}

.waterfall_box_popUp .popup-interactions-wrapper {
    padding: 5px
}

.waterfall_box_popUp .popup-interactions-wrapper .popup-share-list li {
    float: left;
    display: inline
}

.waterfall_box_popUp .popup-interactions-wrapper .popup-share-list li a {
    width: 82px;
    height: 34px;
    color: #fff;
    border: none;
    line-height: 2.5;
    font-size: .9em;
    display: block
}

.waterfall_box_popUp .popup-interactions-wrapper .popup-share-list li.facebook a {
    background: #39579a
}

.waterfall_box_popUp .popup-interactions-wrapper .popup-share-list li.facebook a:hover {
    background: #4062ad
}

.waterfall_box_popUp .popup-interactions-wrapper .popup-share-list li.twitter a {
    background: #00abf0
}

.waterfall_box_popUp .popup-interactions-wrapper .popup-share-list li.twitter a:hover {
    background: #0bb9ff
}

.waterfall_box_popUp .popup-interactions-wrapper .popup-share-list li.pinterest a {
    background: #c3090c
}

.waterfall_box_popUp .popup-interactions-wrapper .popup-share-list li.pinterest a:hover {
    background: #db0a0d
}

.waterfall_box_popUp .popup-interactions-wrapper .popup-share-list li.gplus a {
    background: #dd4b39
}

.waterfall_box_popUp .popup-interactions-wrapper .popup-share-list li.gplus a:hover {
    background: #e15f4f
}

.waterfall_box_popUp .popup-interactions-wrapper .popup-share-list li.email a {
    background: #75c237
}

.waterfall_box_popUp .popup-interactions-wrapper .popup-share-list li.email a:hover {
    background: #82cb48
}

.waterfall_box_popUp .popup-interactions-wrapper .popup-share-list .popup-shareicon {
    width: 30px;
    height: 30px;
    float: left;
    margin: 2px;
    margin-right: 0;
    opacity: 1;
    background: url(/images/fluid-sprites.201402032.png) no-repeat left center
}

.waterfall_box_popUp .popup-interactions-wrapper .popup-share-list .popup-shareicon.facebook {
    background-position: -120px -60px
}

.waterfall_box_popUp .popup-interactions-wrapper .popup-share-list .popup-shareicon.twitter {
    background-position: -60px -60px
}

.waterfall_box_popUp .popup-interactions-wrapper .popup-share-list .popup-shareicon.pinterest {
    background-position: -90px -60px
}

.waterfall_box_popUp .popup-interactions-wrapper .popup-share-list .popup-shareicon.gplus {
    background-position: -180px -60px
}

.waterfall_box_popUp .popup-interactions-wrapper .popup-share-list .popup-shareicon.email {
    background-position: -150px -60px
}

.waterfall_box_popUp .popup-comments-wrap {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent
}

.waterfall_box_popUp .popup-comments-user {
    padding: 0 15px;
    margin-top: 27px;
    margin-bottom: 3px
}

.waterfall_box_popUp .popup-comments-user .popup-comments-avatar {
    width: 60px;
    height: 60px;
    float: left;
    display: inline;
    font-size: 1.3em;
    font-weight: 700;
    text-align: center;
    background: #666;
    color: #fff;
    margin-top: 10px;
    margin-right: 25px;
    line-height: 2.9;
    font-family: inherit
}

.waterfall_box_popUp .popup-comments-user .popup-comments-form {
    position: relative
}

.waterfall_box_popUp .popup-comments-user .popup-comments-user-input {
    width: 70%;
    font-size: .9em;
    padding: 6px 8px;
    line-height: 1.4;
    background: #fff;
    border: 1px solid #333;
    outline: none
}

.waterfall_box_popUp .popup-comments-user .popup-comments-user-textarea {
    width: 70%;
    box-sizing: border-box;
    font-size: .9em;
    padding: 6px 8px;
    background: #fff;
    border: 1px solid #333;
    outline: none;
    overflow: auto;
    resize: none;
    margin-top: 7px;
    font-family: inherit
}

.waterfall_box_popUp .popup-comments-user .popup-comments-user-button {
    width: 76px;
    height: 38px;
    line-height: 38px;
    position: absolute;
    right: 0;
    top: 20px;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
    background: #fff;
    border: 1px solid #666;
    color: #000;
    font-size: 1em;
    outline: none
}

.waterfall_box_popUp .popup-comments-user .popup-comments-user-button:hover {
    background: #666;
    color: #fff
}

.waterfall_box_popUp .popup-comments-user .popup-comments-user-input-arrow:before {
    top: 20px;
    border-top: 9pt solid transparent
}

.waterfall_box_popUp .popup-comments-user .popup-comments-user-textarea-arrow:before {
    top: 41px;
    border-bottom: 9pt solid transparent
}

.waterfall_box_popUp .popup-comments-user .popup-comments-user-message {
    position: absolute;
    top: 20px;
    width: 100%;
    z-index: 1;
    text-align: center;
    padding: 10px 0;
    color: #fff;
    cursor: pointer;
    display: none;
    font-family: inherit;
    font-size: 16px;
    font-weight: 600
}

.waterfall_box_popUp .popup-comments-user .popup-comments-user-message.error {
    background: #e70d31;
    display: none
}

@media only screen and (max-width: 600px) {
    .waterfall_box_popUp .popup-comments-user .popup-comments-user-input {
        width: 60%
    }
    .waterfall_box_popUp .popup-comments-user .popup-comments-user-textarea {
        width: 60%
    }
}

@media only screen and (max-width: 440px) {
    .waterfall_box_popUp .popup-comments-user .popup-comments-user-input {
        width: 55%
    }
    .waterfall_box_popUp .popup-comments-user .popup-comments-user-textarea {
        width: 55%
    }
}

@media only screen and (max-width: 400px) {
    .waterfall_box_popUp .popup-comments-user .popup-comments-user-input {
        width: 45%
    }
    .waterfall_box_popUp .popup-comments-user .popup-comments-user-textarea {
        width: 45%
    }
}

.mobile-nav-search,
.resp-header .mobile-nav-login,
.mobile-nav-login {
    height: 50px!important
}

#oo_tab>img.icon {
    position: initial!important;
    margin: 0 10px 0 0!important;
    width: auto;
    height: auto
}

.debug-resp {
    display: none;
    background: #000;
    width: 80px;
    height: 30px;
    position: fixed;
    z-index: 10000;
    left: 100px;
    opacity: .7
}

.debug-resp .d,
.debug-resp .d0,
.debug-resp .d1,
.debug-resp .d2,
.debug-resp .d3 {
    display: inline-block;
    width: 80px;
    height: 30px;
    color: #fff;
    padding-top: 8px;
    text-align: center
}

.debug-resp .d0 {
    background: gray
}

.debug-resp .d1 {
    background: red;
    display: none
}

.debug-resp .d2 {
    background: green;
    display: none
}

.debug-resp .d3 {
    background: blue;
    display: none
}

@media(max-width:1500px) {
    .debug-resp .d0 {
        display: none
    }
    .debug-resp .d1 {
        display: inline-block
    }
    .prop {
        padding: 20px 22px 0
    }
    main {
        padding-top: 50px
    }
    header {
        height: 50px;
        border-bottom: 1px solid #d0d0d0
    }
    header .container {
        width: 100%
    }
    header .container .action-bar {
        margin-right: 20px;
        padding-top: 15px
    }
    header .container .site-links {
        padding-top: 18px
    }
    header .container .logo {
        height: 50px;
        background: url(/html/assets/logo_h.png) no-repeat 0 0
    }
    .row .container {
        width: 100%;
        padding: 0 20px
    }
    .prod-order-bar .container {
        padding: 0 20px!important
    }
    .prod-order-bar .container .prod-order-container {
        padding: 20px 0
    }
    .prod-order-bar .container .new-order-panel,
    .prod-order-bar .container .ext-order-panel {
        padding: 0 0 25px
    }
    .prods-module {
        width: 100%
    }
    .product-selector .container .col-2 {
        width: 0%;
        display: none
    }
    .product-selector .container .col-3 {
        width: 30%
    }
    .product-selector .container .col-5 {
        width: 62%
    }
    .hero-container .container .col-5 {
        width: 50%
    }
    .hero-container .container .col-7 {
        width: 49%
    }
    .current-product.warm {
        padding-left: 0
    }
    .current-product.warm .block-content .row {
        display: inline-block
    }
}

@media(max-width:960px) {
    .debug-resp .d0 {
        display: none
    }
    .debug-resp .d1 {
        display: none
    }
    .debug-resp .d2 {
        display: inline-block
    }
    .desktop-header {
        display: none
    }
    .resp-header {
        display: block
    }
    .prod-order-bar .container {
        padding: 0 20px!important
    }
    .prod-order-bar .container .prod-order-container {
        padding: 20px 0
    }
    .prod-order-bar .container .prod-order-container .windows-upgrade-banner {
        display: none
    }
    .product-selector .container .col-4:nth-child(1) {
        width: 50%
    }
    .product-selector .container .col-4:nth-child(2) {
        width: 50%;
        padding-bottom: 44px
    }
    .product-selector .container .col-4:nth-child(3) {
        border-top: 1px solid #d0d0d0;
        border-bottom: 1px solid #d0d0d0;
        width: 100%;
        padding-bottom: 45px;
        padding-top: 20px
    }
    .product-selector .container .col-2 {
        display: none
    }
    .product-selector .container .col-3 {
        width: 35%
    }
    .product-selector .search-block>h2 {
        padding-bottom: 20px
    }
    .hero-container .container .col-5 {
        width: 100%
    }
    .hero-container .container .col-7 {
        display: none
    }
    .hero-container .zoom-bg {
        background: #88b1c5;
        background: -moz-linear-gradient(top, #88b1c5 2%, #5371a3 51%, #245872 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #88b1c5), color-stop(51%, #5371a3), color-stop(100%, #245872));
        background: -webkit-linear-gradient(top, #88b1c5 2%, #5371a3 51%, #245872 100%);
        background: -o-linear-gradient(top, #88b1c5 2%, #5371a3 51%, #245872 100%);
        background: -ms-linear-gradient(top, #88b1c5 2%, #5371a3 51%, #245872 100%);
        background: linear-gradient(to bottom, #88b1c5 2%, #5371a3 51%, #245872 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#88b1c5', endColorstr='#245872', GradientType=0)
    }
    .current-product.warm {
        padding-left: 25px
    }
    .current-product.warm .block-content>.row {
        padding-bottom: 45px
    }
    .footer-container .footer-site-links .col-8 {
        width: 100%
    }
    .footer-container .footer-site-links .col-4 {
        width: 100%
    }
    .footer-container .footer-site-links .countrySwitch {
        float: none;
        display: table;
        margin: 0 auto
    }
    .footer-container .footer-site-links .countrySwitch>ul li a {
        text-align: left
    }
    .footer-container .footer-site-links .footer-module {
        display: none
    }
    .footer-container .footer-statement .container .col-12 .content {
        text-align: center
    }
    .footer-container .footer-statement .container .col-12 .content span {
        display: inline-block;
        margin-top: 15px;
        margin-bottom: 15px
    }
    .footer-container .social-links-container ul {
        text-align: center
    }
    .footer-container .social-links-container .social-links {
        margin: 24px 0
    }
    .footer-container .social-links-container .social-links li {
        float: none;
        margin-right: 22px;
        display: inline-block
    }
    #hero_loggedin {
        display: none!important
    }
}

@media(max-width:768px) {
    .debug-resp .d0 {
        display: none
    }
    .debug-resp .d1 {
        display: none
    }
    .debug-resp .d2 {
        display: none
    }
    .debug-resp .d3 {
        display: inline-block
    }
    .prod-image-container {
        height: auto;
        width: 100%
    }
    .prod-image-container img {
        height: auto;
        width: 100%
    }
    .my-products {
        margin-left: 0
    }
    .product-selector .container .col-4:nth-child(1) {
        border-bottom: 1px solid #d0d0d0;
        width: 100%
    }
    .product-selector .container .col-4:nth-child(2) {
        width: 100%;
        padding-bottom: 0
    }
    .product-selector .container .col-4:nth-child(3) {
        border-bottom: 1px solid #d0d0d0;
        width: 100%
    }
    .product-selector .container .col-3 {
        width: 100%;
        border-bottom: 1px solid #d0d0d0;
        padding-bottom: 44px
    }
    .product-selector .container .col-5 {
        width: 100%;
        border-bottom: 1px solid #d0d0d0;
        padding-bottom: 45px;
        padding-top: 20px
    }
    .product-selector .container .col-5 .search-block .search-field-container {
        text-align: center
    }
    .product-selector .container .col-5 .search-block .search-field-container>a {
        margin-top: 20px
    }
    .product-selector h2 {
        text-align: center
    }
    .prod-order-bar .container .prod-order-container .label {
        margin-bottom: 10px;
        text-align: center;
        width: 100%
    }
    .prod-order-bar .container .prod-order-container .buttons {
        margin-top: 6px;
        text-align: center;
        width: 100%
    }
    .prod-order-bar .container .prod-order-container .windows-upgrade-banner {
        display: none
    }
    .current-product.warm {
        padding-left: 0;
        width: 100%
    }
    .current-product.warm .block-content>.row {
        padding-bottom: 45px;
        text-align: center
    }
    .current-product.warm .block-content>.row .prod-pic-block {
        position: static;
        float: none;
        display: inline-block
    }
    .current-product.warm .block-content>.row .prod-ctrl-block {
        padding-left: 0;
        margin-top: 25px
    }
    .login-box {
        padding: 30px 0
    }
    .login-box .login-button {
        float: none;
        margin-bottom: 19px;
        position: relative;
        width: 100%!important
    }
    .login-box .login-button .button {
        text-align: center;
        margin-bottom: 10px;
        margin-top: 10px;
        box-sizing: border-box;
        text-align: center;
        width: 100%!important
    }
    .login-box .login-text {
        padding-right: 0!important
    }
    .teaser-row .container .col-6:nth-child(2) {
        width: 100%;
        margin-bottom: 25px
    }
    .teaser-row .container .col-6:nth-child(3) {
        width: 100%
    }
    .my-products-slider .item {
        text-align: center;
        width: 280px
    }
    .my-products-slider .item>a {
        margin-left: 0;
        float: none;
        display: inline-block
    }
    .my-products-slider .item .product-info {
        padding-left: 0;
        position: static;
        padding-top: 15px;
        display: inline-block;
        width: 100%
    }
    .my-products-slider .item .product-info .button {
        margin-right: 0
    }
    .footer-container {
        padding: 20px 0
    }
    .footer-container .footer-site-links .col-8 {
        display: none
    }
}

@media(max-width:700px) {
    .hide-sm {
        display: none
    }
}

@media(max-width:991px) {
    .tile-main-container {
        margin: 0 auto
    }
    .subpage .hero-container .hero-content {
        padding: 50px;
        width: 100%;
        top: 50px;
        left: 0
    }
    .right-brdr,
    .left-brdr {
        background-image: none
    }
    .callout.green .callout-image img {
        width: 150%;
        max-width: 300px
    }
    .slick-dots {
        display: none!important
    }
    .slick-prev,
    .slick-next {
        top: 40px
    }
    .home .yoga-spotlight h2 {
        margin-top: 30px
    }
    .cta-col {
        padding-left: 0;
        padding-top: 30px
    }
    .cta-col .content {
        padding: 0
    }
    .tile-container .tile.nested .tile .tile-content {
        min-height: 107px
    }
    .home .hero-container .background-img.nfl .container .hero-content {
        height: 400px;
        background-color: rgba(0, 0, 0, .6)
    }
    .home .hero-container .background-img.nfl .container .hero-content .nfl-content {
        padding-top: 20px
    }
    .home .hero-container .background-img.nfl .container .hero-content .nfl-content .nfl-logo {
        margin-top: 0;
        display: block;
        position: absolute;
        bottom: -128px;
        right: 0
    }
    .home .hero-container .hero-content,
    .home .hero-container .hero-content.welcome {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none
    }
    .home .hero-container .backdrop {
        min-height: 0
    }
    .home .hero-container .backdrop .background-img {
        height: 220px
    }
    .home .hero-container .backdrop p {
        max-width: 550px
    }
    .gray-box {
        padding-bottom: 10px
    }
    .posts [class*="col-"],
    .recent,
    .spotlight.row [class*="col-"] {
        padding: 0 0 22px 0
    }
    .spotlight.row .callout.green [class*="col-"] {
        padding-bottom: 0
    }
    .post {
        padding: 0;
        margin-bottom: 22px
    }
    .callout.black .row div {
        padding-bottom: 0
    }
    .callout.black .row div a {
        margin-bottom: 0
    }
    .recent .block,
    .blogs div.featured,
    .gray-box [class*="col-"] {
        margin: 0 0 40px 0;
        padding: 0
    }
    .recent .block [class*="col-"],
    .blogs div.featured [class*="col-"],
    .gray-box [class*="col-"] [class*="col-"] {
        padding: 0
    }
    .recent .block .thumbnail,
    .blogs div.featured .thumbnail,
    .gray-box [class*="col-"] .thumbnail {
        margin-bottom: 8px
    }
    .gray-box [class*="col-"]:first-child {
        padding-right: 0
    }
    .gray-box [class*="col-"]:last-child {
        margin-bottom: 10px
    }
    .recent .block:last-child,
    .cta-container div:last-child {
        margin-bottom: 0
    }
    .product-spotlight [class*="col-"].spotlight-thumbnail {
        margin-bottom: 12px;
        padding: 0
    }
    .orange-section .product-spotlight [class*="col-"],
    .user-reviews {
        padding: 0
    }
    .featured-discussions [class*="col-"] {
        margin-bottom: 22px
    }
    .spotlight-hero.blue .container .product {
        max-width: 250px;
        width: 100%
    }
    .hero-container .backdrop {
        background-size: cover;
        min-height: 290px
    }
    .row.cta-container [class*="col-"],
    .product-spotlight [class*="col-"] {
        padding: 0 0 22px 0
    }
}

@media only screen and (min-width: 992px)and (max-width: 1185px) {
    .home .hero-container .background-img img {
        width: 128%
    }
}

@media only screen and (min-width: 991px)and (max-width: 1700px) {
    div.featured {
        margin-bottom: 30px
    }
    .row .container {
        width: 100%;
        padding: 0 36px
    }
}

@media only screen and (min-device-width: 320px)and (max-device-width: 480px) {
    .row.breadcrumb {
        padding-left: 22px
    }
    .content-col {
        width: 100%
    }
    h2 {
        text-align: center
    }
    img.pull-left {
        margin-bottom: 22px
    }
    .hide-phone {
        display: none
    }
    .smartphone-center {
        text-align: center
    }
    .blogs [class*="col-"] {
        margin-bottom: 22px
    }
    .right-brdr,
    .left-brdr {
        background-image: none
    }
    .user-reviews {
        margin-bottom: 30px
    }
    .full-width-mobile {
        width: 100%;
        float: none;
        margin-bottom: 10px
    }
    .container .cta-box .content {
        padding: 12px
    }
    .slick-next {
        right: 20px
    }
    .slick-prev {
        right: 50px
    }
    .tile-container .tile.blue {
        height: auto!important
    }
    .tile-container .tile.social {
        height: auto!important;
        padding-bottom: 62px
    }
    .tile-container .sm-50 {
        width: 100%!important;
        float: left;
        border: 2px solid #fff;
        box-sizing: border-box
    }
    .home .hero-container .backdrop img {
        display: none
    }
    .home .hero-container .backdrop .background-img {
        height: 440px
    }
    .home .hero-container .backdrop .background-img.nfl {
        background-position: -941px top
    }
    .home .hero-container .backdrop .background-img.nfl .hero-content {
        background-color: rgba(0, 0, 0, .58);
        height: 440px
    }
    .home .hero-container .backdrop .hero-content {
        background-color: rgba(0, 0, 0, .7);
        padding: 30px;
        color: #fff;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 18px;
        line-height: 1.1em;
        opacity: 1;
        height: 100%
    }
    .black-section .cta-container {
        margin-top: 0
    }
    .black-section [class*="col-"],
    .orange-section [class*="col-"] {
        margin-bottom: 30px
    }
    .spotlight-hero.blue,
    .spotlight-hero.black {
        min-height: 0
    }
    .spotlight-hero.blue .container,
    .spotlight-hero.black .container {
        padding: 30px 0;
        text-align: center
    }
    .spotlight-hero.blue .container img.product-name,
    .spotlight-hero.black .container img.product-name {
        width: 80%;
        height: auto
    }
    .subpage .hero-container .hero-content {
        padding: 30px;
        color: #fff;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 18px;
        line-height: 1.1em;
        z-index: 2
    }
    .footer-container .social-links-container .social-links li {
        margin-right: 18px
    }
    .blogs [class*="col-"]:last-child {
        margin-bottom: 0
    }
    .recent .blog-summary {
        padding-left: 0
    }
    .container.stackla {
        padding: 0
    }
    .featured .overlay {
        height: 100%
    }
    .callout.green p,
    .spotlight p {
        max-width: 100%
    }
    div.featured .blog-summary {
        width: 100%
    }
    .callout-lt-blue {
        margin-bottom: 22px
    }
    .right-brdr {
        background: none
    }
    .black-section [class*="col-"] {
        padding: 0;
        margin-bottom: 30px
    }
    .recent {
        padding: 0
    }
    div.block {
        margin: 0 0 30px 0;
        padding: 0
    }
    div.block:last-child {
        margin-bottom: 0
    }
}

@media only screen and (min-width: 321px)and (max-width: 640px)and (orientation: landscape) {
    .home .hero-container .background-img.nfl img.foc-logo {
        width: 100%
    }
    .home .hero-container .hero-content {
        width: 100%;
        top: 0;
        left: 0
    }
}

@media only screen and (min-width: 321px)and (max-width: 640px)and (orientation: portrait) {
    .home .hero-container .backdrop .background-img {
        height: 330px
    }
    .home .hero-container .backdrop .background-img.nfl {
        background-position: -400px top
    }
}

@media only screen and (max-width: 320px) {
    .hide-phone {
        display: none
    }
    .callout.green p,
    .spotlight p {
        max-width: 100%
    }
    .hero-container {
        display: block
    }
    .container .content {
        padding: 22px 0
    }
    [class*="col-"].recent,
    [class*="col-"].video-col {
        padding: 0
    }
    .blogs .featured,
    .blogs .recent {
        margin-bottom: 22px
    }
    .gray-box .col-sm-12 {
        margin-bottom: 30px
    }
    .blogs [class*="col-"]:last-child {
        margin-bottom: 0
    }
    .mobile-lg-image {
        width: 1200px
    }
    .mobile-lg-image img {
        min-width: 300px;
        margin-left: -40%
    }
    div.block {
        margin-right: 0
    }
}

@media only screen and (min-device-width: 375px)and (max-device-height: 667px)and (-webkit-device-pixel-ratio: 2) {
    .home .hero-container .welcome-container {
        height: 335px
    }
    .subpage .hero-container .hero-content {
        top: 36px;
        left: 0;
        width: 100%;
        padding: 22px
    }
    .cta-box p {
        line-height: 1.3em
    }
    .cta-box.blue {
        padding-right: 0;
        overflow: hidden
    }
    .cta-box.blue img.pull-right {
        margin-right: -100px;
        width: 80%
    }
    .video-col {
        padding-right: 0
    }
    .featured-discussions,
    .product-spotlight {
        padding: 22px 0 0 0
    }
    .featured-discussions [class*="col-"],
    .product-spotlight [class*="col-"] {
        margin-bottom: 30px
    }
    .row .container.stackla {
        padding: 0
    }
    .home .hero-container {
        display: block
    }
    .home .hero-container .hero-content {
        background-color: rgba(0, 0, 0, .6);
        width: 100%;
        top: 0;
        height: 100%;
        padding-top: 40px;
        left: 0
    }
    .home .hero-container .hero-content p {
        max-width: 100%
    }
    .home .hero-container .etsy {
        width: 910px;
        overflow: hidden
    }
    .recent {
        padding: 0
    }
    div.block,
    .featured {
        margin: 0 0 30px 0;
        padding: 0
    }
    div.block:last-child {
        margin-bottom: 0
    }
}

@media only screen and (min-device-width: 375px)and (max-device-height: 667px)and (orientation: landscape)and (-webkit-device-pixel-ratio: 2) {
    .hide-phone {
        display: none
    }
    .home .hero-container .background-img.nfl .container .hero-content {
        height: 400px;
        background-color: rgba(0, 0, 0, .6)
    }
    .home .hero-container .hero-content.welcome {
        top: 0;
        border: none
    }
    .home .hero-container .background-img.nfl .container .hero-content {
        height: 400px;
        background-color: rgba(0, 0, 0, .6)
    }
    .home .hero-container .background-img.nfl .container .hero-content .foc-logo {
        display: none
    }
    .home .hero-container .background-img.nfl .container .hero-content .nfl-content {
        padding-top: 20px
    }
    .home .hero-container .background-img.nfl .container .hero-content .nfl-content .nfl-logo {
        margin-top: 0;
        display: block;
        position: absolute;
        bottom: 0;
        right: 0
    }
    .slick-next {
        right: 20px
    }
    .slick-prev {
        right: 50px
    }
    .callout-image {
        display: block
    }
    .spotlight-hero.blue,
    .spotlight-hero.black {
        min-height: 0
    }
    .spotlight-hero.blue .container,
    .spotlight-hero.black .container {
        padding: 30px 0;
        text-align: center
    }
    .spotlight-hero.blue .callout.green p,
    .spotlight-hero.black .callout.green p {
        max-width: 100%
    }
    .spotlight-hero.black {
        min-height: 180px
    }
    section.row.thinkpad img.full-width,
    .black-section img.full-width {
        width: 150%;
        height: auto;
        margin-bottom: -30px;
        margin-left: -50%
    }
    section.row.thinkpad img.full-width img,
    .black-section img.full-width img {
        width: 140%
    }
    .blogs .featured,
    .blogs .recent .block {
        margin-bottom: 30px;
        padding-left: 0
    }
    .home .hero-container .etsy img {
        margin-left: -288px;
        width: 151%
    }
    .black-section [class*="col-"] {
        padding: 0
    }
    .right-brdr,
    .left-brdr {
        background-image: none
    }
    .black-section .cta-box {
        min-height: 0
    }
    .gray-box {
        padding: 22px
    }
    .gray-box [class*="col-"] {
        padding: 0;
        margin-bottom: 22px
    }
    .gray-box [class*="col-"]:last-child {
        margin-bottom: 0
    }
}

@media only screen and (min-device-width: 375px)and (max-device-height: 667px)and (orientation: portrait)and (-webkit-device-pixel-ratio: 2) {
    .hide-phone {
        display: none
    }
    .slick-prev,
    .slick-next {
        top: 30px
    }
    .slick-prev {
        right: 50px
    }
    .slick-next {
        right: 20px
    }
    .callout.green .content-col {
        width: 100%
    }
    .orange-section {
        padding: 22px 0
    }
    .orange-section .cta-box p {
        width: 100%
    }
    .orange-section .cta-box img {
        right: -130px
    }
    .spotlight-hero.blue .container,
    .spotlight-hero.black .container {
        padding: 30px 0;
        text-align: center
    }
    .spotlight-hero.black {
        min-height: 180px
    }
    .spotlight-hero.black .container {
        padding: 30px 0;
        text-align: center
    }
    .spotlight-hero.black .container .overlay {
        left: 0;
        background-image: none;
        background-color: #000;
        opacity: .2;
        z-index: 1;
        transition: opacity .9s ease
    }
    .container .cta-box .content {
        padding: 22px
    }
    .featured-discussions,
    .product-spotlight {
        padding: 22px 0 0 0
    }
    .featured-discussions [class*="col-"],
    .product-spotlight [class*="col-"] {
        margin-bottom: 30px
    }
}

@media only screen and (min-device-width: 414px)and (max-device-height: 736px)and (orientation: landscape)and (-webkit-device-pixel-ratio: 3) {
    .slick-dots {
        display: none!important
    }
    .home .hero-container .welcome-container {
        height: 230px
    }
    .hero-container .backdrop {
        min-height: 0
    }
}

@media only screen and (min-device-width: 414px)and (max-device-height: 736px)and (orientation: portrait)and (-webkit-device-pixel-ratio: 3) {
    .hide-phone {
        display: none
    }
    .slick-next {
        right: 20px
    }
    .slick-prev {
        right: 50px
    }
    .slick-dots {
        display: none!important
    }
    .callout.green .content-col {
        width: 100%
    }
    .row .container.stackla {
        padding: 0
    }
    .home .hero-container .slick-active .hero-content {
        border: none
    }
    .home .hero-container .slick-active .hero-content p {
        line-height: 1.1em
    }
    .home .hero-container .slick-active h1 {
        font-size: 22px
    }
    .tile-container .tile .welcome-text {
        padding: 0 20px
    }
    .tile-container .tile.welcome-tile {
        height: 290px!important
    }
    .cta-col {
        padding-top: 30px
    }
    .spotlight-hero.blue,
    .spotlight-hero.black {
        min-height: 0
    }
    .spotlight-hero.blue .container,
    .spotlight-hero.black .container {
        padding: 30px 0;
        text-align: center
    }
    .right-brdr,
    .left-brdr {
        background-image: none
    }
    .etsy {
        width: 910px;
        overflow: hidden
    }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px) {
    .hide-phone {
        display: block
    }
    .callout.green p {
        max-width: 90%
    }
    .callout.green .callout-image img {
        position: absolute;
        top: -18px;
        right: -90px
    }
    .black-section .product-spotlight [class*="col-"] .cta-box {
        margin-bottom: 0
    }
    .black-section .cta-container {
        margin-top: 0
    }
    .right-brdr,
    .left-brdr {
        background-image: none
    }
    .gray-box {
        padding: 22px
    }
    .gray-box [class*="col-"] {
        padding: 0
    }
    .cta-col .content {
        padding-top: 30px
    }
    .spotlight-hero.black .container {
        padding: 30px 0;
        text-align: center
    }
    .spotlight-hero.black .container .overlay {
        left: 0;
        background-image: none;
        background-color: #000;
        opacity: .2;
        z-index: 1;
        transition: opacity .9s ease
    }
    .video-col {
        padding-right: 0
    }
    .hide-tablet {
        display: none
    }
    .etsy {
        width: 100%;
        overflow: hidden
    }
    .etsy img {
        margin-left: -190px
    }
    .orange-section .cta-box img {
        right: -20px
    }
    .cta-box.blue {
        position: relative;
        overflow: hidden;
        padding-right: 0
    }
    .cta-box.blue img.pull-right {
        right: -70px;
        position: absolute;
        width: 70%;
        bottom: 6px
    }
    .conversations .section-header h2 {
        font-size: 36px
    }
    .home .hero-container .background-img img {
        width: 116%
    }
    .home .hero-container .background-img.nfl .container .hero-content {
        width: 100%;
        left: 0;
        padding-top: 0;
        top: 0;
        border: none
    }
    .home .hero-container .background-img.nfl .container .hero-content h1 {
        width: 100%
    }
    .home .hero-container .background-img.nfl .container .hero-content .nfl-content {
        padding-top: 20px
    }
    .home .hero-container .background-img.nfl .container img.foc-logo {
        width: 100px
    }
    .subpage .hero-container .hero-content {
        top: 16px;
        left: 62px
    }
    .home .hero-container .etsy {
        width: 1150px
    }
    .cta-box,
    .featured-discussions [class*="col-"],
    .product-spotlight [class*="col-"] {
        margin-bottom: 30px
    }
    .mobile-lg-image {
        width: 1680px
    }
    .mobile-lg-image img {
        margin-left: -40%
    }
    .content {
        padding: 22px 0
    }
    .section-header.center h2 {
        margin-bottom: 0
    }
    .breadcrumb .container .breadcrumb-content {
        padding-left: 22px
    }
    .home .hero-container .hero-content,
    .home .hero-container .hero-content.welcome {
        background-color: rgba(0, 0, 0, .65);
        width: 100%;
        height: 100%;
        left: 0;
        padding-top: 30px;
        top: 0;
        border: none
    }
    .home .hero-container .hero-content p,
    .home .hero-container .hero-content.welcome p {
        max-width: 70%
    }
    .spotlight-hero.blue .container .product,
    .spotlight-hero.black .container .product {
        width: 32%
    }
    .spotlight-hero.blue,
    .spotlight-hero.black {
        min-height: 0
    }
    .spotlight-hero.blue .product-name,
    .spotlight-hero.black .product-name {
        margin-bottom: 30px
    }
    .blogs .featured,
    .blogs .recent .block {
        margin-bottom: 30px;
        padding-left: 0
    }
    .blogs .recent .block:last-child {
        margin-bottom: 0
    }
    .blogs .recent {
        padding: 0
    }
    .blogs .recent .block {
        margin-right: 0
    }
    .recent .blog-summary {
        padding: 0 0 30px 0
    }
    .row .container.stackla {
        padding: 0
    }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: landscape) {
    .mobile-lg-image {
        width: 1680px
    }
    .etsy {
        width: 100%;
        overflow: hidden
    }
    .etsy img {
        margin-left: 0
    }
    .home .hero-container {
        height: 400px
    }
    .home .hero-container .background-img img {
        width: 121%
    }
    .home .hero-container .hero-content.welcome,
    .home .hero-container .hero-content {
        padding: 30px;
        color: #fff;
        height: auto;
        width: 620px;
        position: absolute;
        top: 33%;
        left: 14%;
        font-size: 15px;
        line-height: 1.1em;
        border: 1px solid #76736d
    }
    .home .hero-container .hero-content.welcome p,
    .home .hero-container .hero-content p {
        max-width: 90%
    }
    .blogs [class*="col-"] {
        padding-left: 22px
    }
    [class*="col-"].featured,
    [class*="col-"].recent {
        padding-left: 0
    }
    .gray-box [class*="col-"] {
        padding: 0 30px 0 0
    }
    .gray-box [class*="col-"]:last-child {
        padding-right: 0
    }
    .cta-box.blue {
        position: relative;
        overflow: hidden
    }
    .cta-box.blue img.pull-right {
        right: -70px;
        position: absolute;
        width: 70%;
        bottom: 16px
    }
    .orange-section .cta-box {
        overflow: hidden
    }
    .orange-section .cta-box img {
        right: -130px
    }
    .orange-section .product-spotlight {
        padding: 22px
    }
    .orange-section .row.featured-discussions.yoga {
        margin-bottom: 22px
    }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: portrait) {
    .cta-box.blue img.product-photo {
        width: 60%
    }
    .callout.green p {
        max-width: 90%
    }
    .callout.green .callout-image img {
        top: 0
    }
    .orange-section .button {
        margin-bottom: 0
    }
    .etsy img {
        margin-left: 0
    }
    .home .hero-container .background-img.nfl .container .hero-content .nfl-content .nfl-logo {
        bottom: -38px
    }
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: portrait)and (-webkit-min-device-pixel-ratio: 2) {
    .black-section [class*="col-"] {
        padding: 0;
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 1170px) {
    .recent {
        padding-left: 15px;
        padding-right: 15px
    }
    .tile-container .tile .tile-content .social-links li a {
        font-size: 22px
    }
}

#oo_company_logo img {
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: auto\9
}

#oo_feedback_fl_spacer {
    display: block;
    height: 1px;
    position: absolute;
    top: 0;
    width: 100px
}

.oo_feedback_float {
    width: 100px;
    height: 50px;
    overflow: hidden;
    font: 12px Tahoma, Arial, Helvetica, sans-serif;
    text-align: center;
    color: #252525;
    cursor: pointer;
    z-index: 999997;
    position: fixed;
    bottom: 5px;
    border: 1px solid #ccc;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    right: 10px;
    -webkit-transition: -webkit-transform .3s ease
}

.oo_feedback_float .screen_reader {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.oo_cc_wrapper .oo_cc_close {
    position: absolute;
    display: block;
    right: 20px;
    top: 5px;
    font: 1em/1.5em 'HelveticaNeue-Medium', Helvetica, Arial, sans-serif;
    text-align: center;
    z-index: 5;
    color: #000;
    text-decoration: none;
    cursor: pointer
}

#oo_bar {
    padding: 10px 35px;
    cursor: pointer;
    color: #fff;
    border-top: 1px solid #fff;
    background-color: #000;
    bottom: 0;
    display: block;
    font: 16px 'HelveticaNeue-Medium', Helvetica, Arial, sans-serif;
    left: 0;
    text-decoration: none;
    line-height: 16px;
    position: fixed;
    text-align: left;
    width: 100%;
    z-index: 999997;
    box-shadow: rgba(0, 0, 0, .5) 0 -1px 2px;
    -moz-box-shadow: rgba(0, 0, 0, .5) 0 -1px 2px;
    -webkit-box-shadow: rgba(0, 0, 0, .5) 0 -1px 2px
}

#oo_bar .screen_reader {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

#oo_bar:focus {
    outline: 3px solid #51ace9
}

.oo_bar {
    padding-bottom: 37px
}

#oo_tab {
    background-color: #f26a21;
    border: 3px solid #fff;
    border-bottom: 0;
    display: block;
    position: fixed;
    top: 40%;
    padding: 10px 10px 15px 10px;
    z-index: 999995;
    cursor: pointer
}

#oo_tab .screen_reader {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

#oo_tab:focus {
    outline: none
}

a.vertical_text {
    opacity: .85;
    right: -5px;
    text-decoration: none;
    color: #fff;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    font-size: 12px;
    font-family: Arial;
    line-height: 14px
}

a.vertical_text:visited {
    text-decoration: none;
    color: #fff
}

a.vertical_text img.icon {
    margin-right: 10px
}

a.vertical_text:hover,
a.vertical_text:focus,
a.vertical_text:active {
    text-decoration: none;
    color: #fff;
    right: 0;
    opacity: 1
}

.oo_tab_left {
    left: -13px;
    border-radius: 0 9px 9px 0;
    -moz-border-radius: 0 9px 9px 0;
    -webkit-border-radius: 0 9px 9px 0;
    transition: left .5s;
    -moz-transition: left .5s;
    -webkit-transition: left .5s;
    -o-transition: left .5s;
    background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#eee), to(#fff));
    background-image: -webkit-linear-gradient(left, #eee, #fff);
    background-image: -moz-linear-gradient(left, #eee, #fff);
    background-image: -ms-linear-gradient(left, #eee, #fff);
    background-image: -o-linear-gradient(left, #eee, #fff);
    background-image: linear-gradient(left, #eee, #fff)
}

.oo_tab_left span {
    right: 6px
}

.oo_tab_left div {
    background-position: 6px -10px
}

.oo_tab_left:hover {
    left: -5px
}

.oo_tab_right {
    right: -13px;
    border-radius: 9px 0 0 9px;
    -moz-border-radius: 9px 0 0 9px;
    -webkit-border-radius: 9px 0 0 9px;
    transition: right .5s;
    -moz-transition: right .5s;
    -webkit-transition: right .5s;
    -o-transition: right .5s;
    background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#fff), to(#eee));
    background-image: -webkit-linear-gradient(left, #fff, #eee);
    background-image: -moz-linear-gradient(left, #fff, #eee);
    background-image: -ms-linear-gradient(left, #fff, #eee);
    background-image: -o-linear-gradient(left, #fff, #eee);
    background-image: linear-gradient(left, #fff, #eee)
}

.oo_tab_right span {
    left: 7px
}

.oo_tab_right div {
    background-position: -6px -10px
}

.oo_tab_right:hover {
    right: -5px
}

#oo_tab_1 {
    background-color: #000;
    border: 1px solid #fff;
    display: block;
    position: fixed;
    top: 40%;
    padding: 10px 0 10px 0;
    width: 124px;
    z-index: 999995;
    cursor: pointer;
    text-decoration: none;
    text-align: left;
    font-family: 'HelveticaNeue-Medium', Helvetica, Arial, sans-serif;
    line-height: 16px;
    font-size: 16px;
    color: #fff
}

#oo_tab_1:focus {
    outline: 3px solid #51ace9
}

#oo_tab_1 span.screen_reader {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

#oo_tab_1.oo_tab_right_1 {
    right: -9px;
    transition: right 1.5s;
    -moz-transition: right 1.5s;
    -webkit-transition: right 1.5s;
    padding: 10px 0 10px 35px;
    box-shadow: rgba(0, 0, 0, .5) 1px 1px 2px;
    -moz-box-shadow: rgba(0, 0, 0, .5) 1px 1px 2px;
    -webkit-box-shadow: rgba(0, 0, 0, .5) 1px 1px 2px;
    width: 89px
}

#oo_invitation_prompt #oo_company_logo img {
    height: 100%
}

#oo_invitation_prompt #oo_invite_content {
    width: 80%;
    padding: 40px 10% 20px 10%
}

#oo_invitation_prompt #oo_invite_content p {
    color: #000;
    font: 1em/1.5em 'HelveticaNeue-Medium', Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0 0 20px 0;
    width: 366px;
    font-size: 14px
}

#oo_invitation_prompt #oo_invite_content p.prompt_button a {
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: 1.5em;
    line-height: 1.2em;
    padding: 12px 0 13px 0;
    display: block
}

#oo_invitation_prompt #oo_invite_content a {
    cursor: pointer
}

#oo_invitation_prompt #oo_invite_content a:focus {
    outline: none
}

#oo_invitation_prompt #oo_invite_content a#oo_launch_prompt {
    background: #468ac9
}

#oo_invitation_prompt #oo_invite_content a#oo_no_thanks {
    background: #707070
}

#oo_invitation_prompt #oo_invite_content #ol_brand_logo {
    text-align: center;
    border-top: 1px solid #ccc;
    line-height: 1.5em;
    margin: 20px 0 0 0;
    padding: 20px 0 0 0
}

#oo_invitation_prompt #oo_invite_content #ol_brand_logo img {
    height: 25px;
    width: 146px;
    border: 0
}

#oo_invitation_prompt #oo_invite_content #ol_brand_logo a {
    display: block;
    height: 25px
}

#oo_invitation_prompt #oo_close_prompt {
    position: absolute;
    display: block;
    right: 13px;
    top: 13px;
    line-height: 1em;
    font-size: 1em;
    color: #000;
    text-decoration: none
}

#oo_invitation_prompt #oo_close_prompt:focus {
    outline: none
}

#oo_invitation_prompt #oo_close_prompt:focus span {
    outline: none
}

#oo_invitation_prompt #oo_close_prompt span {
    font-size: 1.2em;
    line-height: 1.2em
}

#oo_invitation_prompt .screen_reader {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

@media only screen and (max-device-width: 480px),
screen and (device-width: 414px)and (device-height: 736px)and (-webkit-device-pixel-ratio: 3) {
    #oo_invitation_prompt {
        width: 90%
    }
    #oo_invitation_prompt #oo_company_logo {
        height: 40px
    }
}

@media only screen and (device-width: 320px)and (device-height: 568px)and (-webkit-device-pixel-ratio: 2),
screen and (device-width: 320px)and (device-height: 480px)and (-webkit-device-pixel-ratio: 2) {
    #oo_invitation_prompt {
        width: 90%;
        height: 90%;
        overflow-y: scroll;
        overflow-x: hidden
    }
    #oo_invitation_prompt #oo_company_logo {
        height: 40px
    }
    #oo_invitation_prompt #oo_invite_content {
        padding: 20px 10% 20px 10%
    }
    #oo_invitation_prompt #oo_invite_content #ol_brand_logo {
        margin: 0 0 0 0
    }
}

@media screen and (device-width: 320px)and (device-height: 480px)and (-webkit-device-pixel-ratio: 2) {
    #oo_invitation_prompt #oo_close_prompt {
        right: -70px
    }
}

#oo_waypoint_container {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999999
}

#oo_waypoint_prompt {
    background: #f2f2f2;
    outline: 1px solid #ccc;
    margin: 5% auto;
    text-align: left;
    position: relative;
    width: 500px;
    z-index: 999999
}

#oo_waypoint_prompt #oo_company_logo {
    width: 100%;
    height: 60px;
    background: #fff;
    border-bottom: 1px solid #ccc
}

#oo_waypoint_prompt #oo_company_logo img {
    height: 100%
}

#oo_waypoint_prompt #oo_waypoint_content {
    width: 80%;
    padding: 30px 10% 20px 10%
}

#oo_waypoint_prompt #oo_waypoint_content a {
    cursor: pointer
}

#oo_waypoint_prompt #oo_waypoint_content a:focus {
    outline: none
}

#oo_waypoint_prompt #oo_waypoint_content p {
    color: #000;
    font: 1em/1.5em 'HelveticaNeue-Medium', Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0 0 20px 0;
    text-align: center
}

#oo_waypoint_prompt #oo_waypoint_content p#oo_waypoint_message {
    font-size: 1.2em
}

#oo_waypoint_prompt #oo_waypoint_content a.waypoint_icon {
    cursor: pointer;
    text-decoration: none;
    font-size: 1.5em;
    line-height: 1.2em;
    padding: 12px 0 13px 0;
    display: block;
    height: 25px;
    color: #f26a21;
    margin: 0 auto 20px auto;
    background-color: #fff;
    border: 1px solid #ff6a00;
    text-align: center;
    background-position: 10px 0;
    width: 70%
}

#oo_waypoint_prompt #oo_waypoint_content a.waypoint_icon.last {
    margin-bottom: 0
}

#oo_waypoint_prompt #oo_waypoint_content #ol_brand_logo {
    border-top: 1px solid #ccc;
    line-height: 1.5em;
    margin: 10px 0 0 0;
    padding: 20px 0 0 0
}

#oo_waypoint_prompt #oo_waypoint_content #ol_brand_logo img {
    height: 25px;
    width: 146px;
    border: 0
}

#oo_waypoint_prompt #oo_waypoint_content #ol_brand_logo a {
    display: block;
    height: 25px
}

#oo_waypoint_prompt #oo_close_prompt {
    position: absolute;
    display: block;
    right: 13px;
    top: 13px;
    line-height: 1em;
    font-size: 1em;
    color: #000;
    text-decoration: none
}

#oo_waypoint_prompt #oo_close_prompt:focus {
    outline: none
}

#oo_waypoint_prompt #oo_close_prompt:focus span {
    outline: none
}

#oo_waypoint_prompt .screen_reader {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

@media only screen and (max-device-width: 480px),
screen and (device-width: 414px)and (device-height: 736px)and (-webkit-device-pixel-ratio: 3) {
    #oo_waypoint_prompt {
        width: 90%
    }
    #oo_waypoint_prompt #oo_company_logo {
        height: 40px
    }
    #oo_waypoint_prompt #oo_waypoint_content a.waypoint_icon {
        width: auto
    }
}

@media only screen and (device-width: 320px)and (device-height: 568px)and (-webkit-device-pixel-ratio: 2),
screen and (device-width: 320px)and (device-height: 480px)and (-webkit-device-pixel-ratio: 2) {
    #oo_waypoint_prompt {
        width: 90%;
        height: 90%;
        overflow-y: scroll;
        overflow-x: hidden
    }
    #oo_waypoint_prompt #oo_company_logo {
        height: 40px
    }
    #oo_waypoint_prompt #oo_waypoint_content {
        padding: 20px 10% 20px 10%
    }
    #oo_waypoint_prompt #oo_waypoint_content #ol_brand_logo {
        margin: 0 0 0 0
    }
    #oo_waypoint_prompt #oo_waypoint_content a.waypoint_icon {
        width: auto
    }
}

@media screen and (device-width: 320px)and (device-height: 480px)and (-webkit-device-pixel-ratio: 2) {
    #oo_waypoint_prompt #oo_close_prompt {
        right: -70px
    }
}

@media print {
    #oo_bar,
    .oo_feedback_float,
    #oo_tab {
        display: none
    }
}