* {
    outline: none
}

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

audio, canvas, video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    background: #fff;
    color: #000;
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

a:focus {
    outline: thin dotted
}

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

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

code, kbd, pre, samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button, input {
    line-height: normal
}

button, select {
    text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

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

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

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

a {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

.ribbon {
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right
}

.ribbon span {
    font-size: 10px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    line-height: 20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 100px;
    display: block;
    background: red;
    background: linear-gradient(#ff3333 0%, #ff0000 100%);
    box-shadow: 0 3px 10px -5px #000;
    position: absolute;
    top: 19px;
    right: -21px
}

.ribbon span::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid red;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid red
}

.ribbon span::after {
    content: '';
    position: absolute;
    right: 0%;
    top: 100%;
    z-index: -1;
    border-right: 3px solid red;
    border-left: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid red
}

.ribbon.red span {
    background: linear-gradient(#f70505 0%, #8f0808 100%)
}

.ribbon.red span::before {
    border-left-color: #8F0808;
    border-top-color: #8F0808
}

.ribbon.red span::after {
    border-right-color: #8F0808;
    border-top-color: #8F0808
}

.ribbon.blue span {
    background: linear-gradient(#2989d8 0%, #1e5799 100%)
}

.ribbon.blue span::before {
    border-left-color: #1e5799;
    border-top-color: #1e5799
}

.ribbon.blue span::after {
    border-right-color: #1e5799;
    border-top-color: #1e5799
}

.ribbon.green span {
    background: linear-gradient(#29b129 0%, #358025 100%)
}

.ribbon.green span::before {
    border-left-color: #358025;
    border-top-color: #358025
}

.ribbon.green span::after {
    border-right-color: #358025;
    border-top-color: #358025
}

.ribbon.pink span {
    background: linear-gradient(#ee77bb 0%, #bb4488 100%)
}

.ribbon.pink span::before {
    border-left-color: #b48;
    border-top-color: #b48
}

.ribbon.pink span::after {
    border-right-color: #b48;
    border-top-color: #b48
}

.ribbon.black span {
    background: linear-gradient(#555555 0%, #333333 100%)
}

.ribbon.black span::before {
    border-left-color: #333;
    border-top-color: #333
}

.ribbon.black span::after {
    border-right-color: #333;
    border-top-color: #333
}

.ribbon.big {
    width: 200px;
    height: 200px;
    top: -2px
}

.ribbon.big span {
    font-size: 18px;
    height: 24px;
    padding-top: 8px;
    padding-bottom: 4px;
    width: 200px;
    top: 38px;
    right: -42px
}

.slider-ribbon-overlay {
    position: relative
}

#footer {
    padding: 20px 0;
    padding: 2.0rem 0;
    background-color: #379eee;
    color: #ffffff
}

#footer small {
    color: #ffffff;
    font-size: 20px;
    font-size: 2.0rem;
    text-decoration: none;
    line-height: 40px
}

#footer p {
    margin-top: 1.2em;
    margin-bottom: 0
}

#footer p a {
    color: #ffffff;
    text-decoration: none
}

#footer #activity_title {
    width: 75%;
    float: left
}

#footer #help_title {
    width: 25%;
    float: left
}

#footer #help_title h2 {
    color: #ffffff;
    font-size: 26px;
    font-size: 2.6rem;
    text-transform: uppercase;
    font-weight: bold
}

#footer .footer_column, #footer #footer_column_right {
    width: 25%;
    float: left
}

#footer .footer_column ul, #footer #footer_column_right ul {
    list-style: none;
    color: #ffffff;
    margin: 0;
    padding: 0
}

#footer .footer_column ul li a, #footer #footer_column_right ul li a {
    margin: 0;
    color: #ffffff;
    font-size: 20px;
    font-size: 2.0rem;
    text-decoration: none;
    line-height: 40px;
    text-transform: uppercase
}

#footer #footer_column_right ul.help li a {
    font-size: 20px;
    font-size: 2.0rem;
    text-transform: uppercase;
    text-decoration: none
}

#footer #footer_column_right ul.help a {
    list-style: none;
    height: 40px;
    margin-right: 15px
}

#news {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #f1a31e;
    position: relative;
    z-index: 300;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2)
}

.newsletter {
    position: relative;
    margin: 0 auto;
    max-width: 100%;
    display: inline-block;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    color: #fff;
    font-weight: 600;
    font-size: 2.5em;
    text-transform: uppercase;
    vertical-align: middle
}

.newsletter a {
    background-color: #379eee;
    color: white;
    padding: 10px;
    border-radius: 20px;
    white-space: nowrap
}

.newsletter a:hover {
    color: white;
    background-color: #1386df
}

@media only screen and (max-width: 1000px) {
    #footer .footer_column ul li a {
        font-size: 18px;
        font-size: 1.8rem
    }

    #footer #footer_column_right ul.help li a {
        font-size: 18px;
        font-size: 1.8rem
    }

    .news_form {
        text-align: center
    }
}

@media only screen and (max-width: 800px) {
    #footer .footer_column:not(.footer-bottom) {
        display: none
    }

    #footer .socials {
        width: 100%;
        text-align: center
    }

    #footer #help_title h1, #footer #help_title h2 {
        display: none
    }

    #footer #activity_title, #footer #footer_column_right {
        width: 100%;
        text-align: center
    }

    #activity_title img {
        width: 100%;
        max-width: 302px
    }
}

@media only screen and (max-width: 660px) {
    #footer_left {
        width: 100%;
        float: left
    }

    #footer_right {
        width: 100%;
        float: right
    }

    #footer p {
        text-align: center
    }

    #footer .footer_column {
        width: 100%
    }

    #footer .footer_column ul li a {
        font-size: 24px;
        font-size: 2.4rem
    }

    #footer .footer_column ul.help li a {
        font-size: 36px;
        font-size: 3.6rem
    }

    #footer #help_title {
        display: none
    }

    .newsletter p {
        display: block
    }

    .sign_up {
        display: block;
        text-align: center;
        clear: both
    }

    .news_form input {
        text-align: center;
        display: block;
        margin: 0 auto
    }

    .news_form input.button_style {
        margin: 10px auto 0px;
        width: 320px
    }
}

@media only screen and (max-width: 375px) {
    .news_form input {
        max-width: 90%
    }

    .news_form input.button_style {
        max-width: 95%
    }
}

.footer-bottom {
    width: 100%;
    padding-top: 10px
}

.footer-bottom div {
    width: 33.3%;
    float: left;
    display: block
}

@media (max-width: 800px) {
    .footer-bottom div {
        width: 100%
    }
}

.footer-bottom:after {
    display: block;
    clear: both;
    content: ""
}

.foot-payment {
    padding-top: 5px;
    text-align: right
}

@media (max-width: 800px) {
    .foot-payment {
        text-align: center
    }
}

.foot-socials {
    text-align: center
}

.foot-phone {
    padding-top: 5px;
    text-align: left
}

@media (max-width: 800px) {
    .foot-phone {
        text-align: center
    }
}

.foot-phone a {
    font-size: 3.6rem;
    font-weight: bold;
    color: #fff;
    text-decoration: none
}

.foot-phone a:hover, .foot-phone a:active {
    color: white
}

.foot-half {
    width: 50% !important
}

@media (max-width: 800px) {
    .foot-half {
        width: 100%
    }
}

#seasonal-wrapper {
    height: auto;
    z-index: 1000;
    overflow-x: hidden;
    overflow-y: visible;
    position: relative;
    background: #379eee
}

@media (max-width: 1060px) {
    #seasonal-wrapper {
        background: #379eee;
        background-image: none
    }
}

#seasonal-wrapper {
    position: relative;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: hidden
}

#cookie-bar {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center;
    padding: 5px;
    background: #f1a31e;
    font-size: 14px;
    color: #fff;
    font-weight: bold
}

#cookie-bar .button_style {
    display: inline-block;
    font-size: 12px;
    padding: 5px 10px;
    background: #379eee;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin: 5px 20px
}

header {
    padding: 20px 0;
    padding: 2.0rem 0;
    display: table
}

header:after {
    content: "";
    display: table;
    clear: both
}

header > div {
    display: table-cell;
    vertical-align: middle
}

#header_logo {
    width: 50%;
    box-sizing: border-box;
    padding-right: 10px;
    position: relative
}

#header_logo_stripped {
    width: 100%;
    box-sizing: border-box;
    padding-right: 10px;
    position: relative;
    text-align: center;
    display: block
}

#header_search_2 {
    width: 25%;
    box-sizing: border-box;
    padding: 0 10px
}

#header_basket {
    width: 25%;
    box-sizing: border-box;
    padding: 0 0 0 10px;
    position: relative
}

#main_site_logo {
    width: 100%;
    max-width: 800px;
    float: left;
    margin: 12px 0;
    margin: 1.2rem 0
}

#main_site_logo_stripped {
    margin: 20px 0
}

#main_site_logo_mobile {
    width: 100%;
    max-width: 800px;
    float: left;
    margin: 12px 0;
    margin: 1.2rem 0;
    display: none
}

html.oldie #main_site_logo {
    width: 800px;
    height: 116px
}

#header_search_mobile_button, #header_search_mobile {
    display: none
}

#header_search {
    display: none
}

#header_search_2 form {
    border: 0;
    height: 60px;
    width: 100%;
    display: block;
    position: relative
}

#header_search_2 #search_input {
    font-size: 18px;
    height: 60px;
    line-height: 38px;
    margin-top: 0;
    width: 100%;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 300;
    color: #379eee;
    border-radius: 30px
}

#search_input {
    border: 0;
    background: #ffffff;
    height: 35px;
    margin: -2px 0 0 0;
    padding: 0 0 0 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 28px;
    color: #379eee;
    float: left;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1)
}

#search_input:placeholder-shown, #search_input::-webkit-input-placeholder {
    color: #379eee
}

#header_search_2 #search_submit {
    height: 60px;
    width: 56px;
    border-left: 1px solid rgba(0, 174, 239, 0.2);
    position: absolute;
    right: 0;
    top: 0
}

#search_submit {
    float: left;
    width: 60px;
    height: 60px;
    margin: 0;
    padding: 0;
    text-indent: 10000px;
    border: 0;
    background: transparent url("https://content.activitytoysdirect.com/images/search-submit.png") no-repeat center center;
    background-size: 23px 23px;
    line-height: 1px
}

#header_links {
    float: right;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-align: right;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1)
}

#header_links li {
    margin: 0;
    padding: 10px;
    list-style: none;
    display: table;
    height: 40px;
    float: left;
    vertical-align: top;
    background-repeat: no-repeat;
    background-size: 27px 27px;
    padding-left: 47px;
    background-position: 10px center;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 14px;
    font-size: 14px;
    background-color: rgba(55, 158, 238, 0.9)
}

#header_links li:first-child {
    padding-left: 47px;
    webkit-border-radius: 30px 0 0 30px;
    border-radius: 30px 0 0 30px
}

#header_links li:last-child {
    -webkit-border-radius: 0 30px 30px 0;
    border-radius: 0 30px 30px 0
}

#header_links li a {
    display: table-cell;
    width: 100%;
    height: 100%;
    outline: none;
    vertical-align: middle;
    color: white;
    text-decoration: none
}

#header_links li.account {
    background-image: url(https://content.activitytoysdirect.com/images/icon-account.png);
    background-position: 10px center
}

#header_links li.basket {
    background-image: url(https://content.activitytoysdirect.com/images/icon-basket.png);
    text-align: left;
    padding-right: 20px;
    -webkit-border-radius: 0 30px 30px 0;
    border-radius: 0 30px 30px 0
}

#header_links li.basket.hasitems {
    background-color: #f1a31e;
    background-color: rgba(241, 163, 30, 0.95);
    text-align: left
}

#header_links li.search {
    background-position: left 66.66%;
    display: none
}

html.oldie #header_links li.account {
    background-position: right 0px
}

html.oldie #header_links li.basket {
    background-position: right -32px
}

html.oldie #header_links li.search {
    background-position: right -64px;
    display: none
}

#header_links li.mobile_call {
    display: none
}

#header_links li.mobile_menu {
    display: none
}

@media only screen and (max-width: 1060px) {
    header #header_search_2 {
        display: none
    }

    header #header_basket {
        width: 50%
    }

    #seasonal-wrapper .moving {
        display: none
    }

    #header_search_mobile_button {
        display: block;
        width: 60px;
        height: 60px;
        float: right;
        margin-right: 20px
    }

    #header_search_mobile_button a {
        width: 60px;
        height: 60px;
        border-radius: 30px;
        display: block;
        background: #fff url(https://content.activitytoysdirect.com/images/search-submit.png) no-repeat center center;
        background-size: 23px 23px
    }

    #header_search_mobile {
        display: none;
        position: absolute;
        z-index: 1000;
        width: 100%;
        background-color: rgba(0, 174, 239, 0.9);
        top: 0;
        left: 0
    }

    #header_search_mobile_inner {
        display: table;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding: 20px;
        position: relative
    }

    #header_search_mobile_inner form {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        height: 100%;
        position: relative
    }

    #header_search_mobile_inner form strong {
        display: block;
        width: 100%;
        color: white;
        font-family: lato, arial, helvetica, sans-serif;
        text-transform: uppercase;
        font-size: 30px;
        line-height: 1em;
        padding-bottom: 20px;
        position: relative
    }

    #search_input_mobile {
        width: calc(100% - 50px);
        display: block;
        border: 0;
        font-size: 20px;
        line-height: 30px;
        height: 20px;
        padding: 1em;
        box-sizing: border-box;
        border-radius: 30px;
        float: left;
        color: #379eee;
        position: relative
    }

    #search_submit_mobile {
        float: right;
        height: 40px;
        width: 40px;
        font-size: 0px;
        box-sizing: border-box;
        -webkit-appearance: none;
        border: 0;
        border-radius: 25px;
        background-image: url(https://content.activitytoysdirect.com/images/search-submit.png);
        background-repeat: no-repeat;
        background-size: 20px 20px;
        background-position: center center;
        background-color: white;
        position: relative
    }

    #header_search_mobile_close {
        display: block;
        width: 60px;
        height: 60px;
        position: absolute;
        top: 0px;
        right: 0px;
        background-image: url(https://content.activitytoysdirect.com/images/cross.png);
        background-size: 30px 30px;
        background-position: center center;
        background-repeat: no-repeat
    }
}

@media only screen and (max-width: 719px) {
    #main_site_logo {
        display: none
    }

    #main_site_logo_stripped {
        display: none
    }

    #main_site_logo_mobile {
        display: block
    }

    header #header_logo {
        width: 30%
    }

    header #header_basket {
        width: 70%
    }
}

#mobilenav {
    display: none
}

.header-info-bar {
    width: 100%;
    display: block;
    box-sizing: border-box;
    background-color: #f3f3f3
}

.header-info-bar .item {
    margin-top: 5px;
    width: 25%;
    box-sizing: border-box;
    float: left;
    padding-bottom: 3px
}

@media (max-width: 1000px) {
    .header-info-bar .item {
        width: 50%
    }
}

.header-info-bar .item img {
    width: 100%;
    display: block
}

.header-info-bar .item img:hover {
    color: red
}

.header-info-bar:after {
    content: "";
    display: block;
    clear: both
}

@media (max-width: 1000px) {
    .hide-mobile {
        display: none
    }
}

.item-icon {
    float: left;
    width: 20%;
    color: #1386df;
    font-size: 3em;
    padding: 6px 0;
    text-align: center
}

.item-text {
    float: left;
    width: 80%;
    color: #1386df;
    font-size: 1.6em;
    padding: 5px 0
}

.header-event-bar div {
    font-weight: 600;
    color: white;
    font-size: 2.2em;
    display: block;
    width: 100%;
    text-align: center
}

.header-event-bar div a {
    display: block;
    width: 100%;
    color: white;
    padding: 18px 0 14px
}

.header-event-bar div a:hover {
    color: white
}

.modal {
    display: none;
    position: fixed;
    z-index: 1001;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4)
}

.modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    border: 1px solid #888;
    width: 100%;
    padding: 18px;
    max-width: 800px
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold
}

.close:hover, .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer
}

.modal-button {
    background-color: #379eee;
    padding: 8px;
    text-align: center;
    font-weight: 700;
    display: inline-block;
    font-size: 16px;
    color: white;
    text-decoration: none;
    border: none
}

.modal-button:hover {
    color: white;
    text-decoration: none
}

#topnav {
    width: 100%;
    clear: both;
    margin: 0 auto;
    background: #fff;
    z-index: 999;
    position: relative
}

#topnav > ul {
    margin: 0 auto 0 auto;
    padding: 0;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

#topnav > ul > li {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 1.0em;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: bold;
    text-transform: uppercase
}

#topnav > ul > li > a {
    font-weight: bold;
    text-decoration: none;
    color: currentColor;
    display: block;
    padding: 0.75em 0.5em
}

#topnav > ul > li:hover {
    color: currentColor;
    background: currentColor
}

#topnav > ul > li.colorcode_1_fg:hover {
    background-color: #f1a31e
}

#topnav > ul > li:hover > a {
    color: #fff
}

#topnav > ul > li > div.subnav {
    background: #e9e9e9;
    display: none;
    padding: 2% 0;
    position: absolute;
    left: 0;
    text-align: left;
    width: 100%;
    box-sizing: content-box;
    font-size: 1.0em
}

#topnav > ul > li > div.subnav > div {
    content: "";
    display: table;
    clear: both
}

#topnav > ul > li > div.subnav ul {
    float: left;
    margin: 0;
    padding: 0
}

div.row {
    clear: both
}

div.column_container {
    float: left;
    display: table;
    margin-bottom: 20px
}

.cols_1_of_3 {
    width: 33%
}

.cols_2_of_3 {
    width: 67%
}

.cols_3_of_3 {
    width: 100%
}

.cols_1_of_4 {
    width: 25%
}

.cols_2_of_4 {
    width: 20%
}

.cols_3_of_4 {
    width: 75%
}

.cols_4_of_4 {
    width: 100%
}

div.column_container p {
    font-size: 1.0em;
    margin: 0;
    line-height: 1em;
    font-weight: bold
}

div.sub-image {
    float: left;
    width: 25%;
    margin: 9px 5% 9px 0
}

div.sub-list {
    float: left;
    width: 70%
}

div.brandz {
    display: table
}

div.brand .sub-image {
    width: 18%;
    float: none;
    display: table-cell
}

div.brand p {
    width: 82%;
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px
}

div.column_container p a {
    color: #fff;
    text-decoration: none
}

.cols_1_of_3 ul {
    width: 100%;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1
}

.cols_2_of_3 ul {
    width: 100%;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
}

.cols_3_of_3 ul {
    width: 100%;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3
}

.oldie .cols_1_of_3 ul li {
    width: 100%;
    float: left
}

.oldie .cols_2_of_3 ul li {
    width: 67%;
    float: left
}

.oldie .cols_3_of_3 ul li {
    width: 33%;
    float: left
}

#topnav > ul > li > div.subnav ul li {
    list-style: none;
    margin: 0;
    padding: 0.1em 0;
    text-transform: none;
    display: inline-block;
    width: 100%
}

#topnav > ul > li > div.subnav ul li a {
    color: #000;
    text-decoration: none
}

#topnav > ul > li > div.subnav ul li a:hover, #topnav > ul > li > div.subnav ul li a:active {
    text-decoration: underline
}

@media only screen and (max-width: 1350px) {
    #topnav > ul > li {
        font-size: 16px;
        font-size: 1.6rem
    }
}

@media only screen and (min-width: 661px) {
    #topnav-sticky-wrapper, #topnav {
        display: block !important
    }
}

@media only screen and (max-width: 660px) {
    #topnav-sticky-wrapper, #topnav {
        display: none;
        position: absolute;
        -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2);
        background-color: white;
        background-color: rgba(255, 255, 255, 0.99)
    }

    #topnav > ul {
        display: block;
        padding: 0;
        margin: 0;
        width: 100%
    }

    #topnav > ul > li {
        display: block;
        text-align: center;
        font-size: 20px;
        margin: 0;
        border-top: 0.5px solid #eeeeee
    }

    #topnav > ul > li > div.subnav {
        position: relative;
        padding: 0
    }

    #topnav > ul > li > div.subnav > div {
        width: 100%;
        background: rgba(255, 255, 255, 0.15)
    }

    #topnav > ul > li > div.subnav .cols_1_of_4, #topnav > ul > li > div.subnav .cols_1_of_3 {
        width: 100%;
        margin-bottom: 0
    }

    div.sub-image, div.brand .sub-image {
        display: none
    }

    div.sub-list {
        width: 100%
    }

    div.sub-list ul {
        display: none
    }

    div.column_container p {
        font-size: 0.8em;
        text-transform: none
    }

    div.column_container p a {
        padding: 2%;
        display: block;
        text-align: center
    }

    header #header_logo {
        width: 45%
    }

    header #header_basket {
        padding: 10px 0;
        xwidth: 170px;
        xfloat: right
    }

    #header_search_mobile_button {
        margin-right: 0
    }

    #header_links {
        -webkit-box-shadow: none;
        box-shadow: none;
        height: 50px
    }

    #header_links li.account {
        xdisplay: none;
        background-color: #2e3192
    }

    #header_search_mobile_button, #header_search_mobile_button a {
        width: 10vw;
        max-width: 50px;
        height: 10vw;
        max-height: 50px
    }

    #header_links li.basket, #header_links li.mobile_menu, #header_links li.account {
        font-size: 0;
        line-height: 0;
        border-radius: 50px;
        width: 10vw;
        max-width: 50px;
        height: 10vw;
        max-height: 50px;
        box-sizing: border-box;
        background-position: center center;
        display: block;
        -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
        margin-left: 10px;
        padding: 0
    }

    #header_links li.basket a, #header_links li.mobile_menu a, #header_links li.account a {
        width: 10vw;
        max-width: 50px;
        height: 10vw;
        max-height: 50px;
        padding: 0
    }

    #header_links li.mobile_menu {
        margin-left: 10px;
        background-color: #f1a31e;
        background-color: rgba(241, 163, 30, 0.95);
        background-color: #be0519;
        background-color: rgba(190, 5, 25, 0.9);
        background-image: url(/images/mobile-menu.png);
        background-size: 27px 27px
    }
}

div.sub_list {
    float: left;
    padding-bottom: 2%;
    margin: 4% 0 0 0;
    background-color: #eee;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

div.sub_list:after {
    content: "";
    display: table;
    clear: both
}

div.sub_list h2 {
    margin: 2% 0 0 0;
    color: #fff;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 24px;
    font-size: 3.4rem;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3)
}

div.sub_list div.sub_item {
    width: 23.5%;
    float: left;
    margin: 2% 2% 0 0;
    padding: 1%;
    box-sizing: border-box;
    transition: all .2s ease-in-out
}

div.sub_list div.sub_item:hover {
    transform: scale(1.1)
}

div.sub_list div.sub_item:nth-of-type(4n) {
    margin-right: 0
}

div.sub_list div.sub_item:nth-of-type(4n+1) {
    clear: both
}

div.sub_item a {
    text-decoration: none
}

div.sub_item p.title {
    margin: 0 0 0.25em 0;
    font-size: 18px;
    line-height: 1.25em;
    font-size: 1.8rem;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase
}

div.sub_item a:hover p.title, div.sub_list a:active p.title {
    text-decoration: underlines
}

div.sub_item p.abstract {
    margin: 0;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    line-height: 1.25em
}

@media only screen and (max-width: 1100px) {
    div.sub_list div.sub_item {
        width: 32%
    }

    div.sub_list div.sub_item:nth-of-type(4n) {
        margin-right: 2%
    }

    div.sub_list div.sub_item:nth-of-type(4n+1) {
        clear: none
    }

    div.sub_list div.sub_item:nth-of-type(3n) {
        margin-right: 0
    }

    div.sub_list div.sub_item:nth-of-type(3n+1) {
        clear: both
    }
}

@media only screen and (max-width: 660px) {
    div.sub_list {
        padding-bottom: 0
    }

    div.sub_list h2 {
        display: none
    }

    div.sub_list > div {
        width: 100%
    }

    div.sub_list div.sub_item {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0 0 3% 0;
        text-align: center;
        background: rgba(0, 0, 0, 0.5) !important
    }

    div.sub_list div.sub_item:first-of-type {
        padding-top: 3%
    }

    div.sub_item p.title {
        margin: 0
    }

    div.sub_item p.abstract {
        display: none
    }
}

@media only screen and (max-width: 320px) {
    header #header_logo {
        width: 110px
    }
}

.col_4 {
    float: left;
    width: 25%
}

.offer_desc p {
    font-size: 28px;
    text-align: center
}

.offer_brokerage {
    margin-top: 30px
}

.black_friday_bg {
    background-color: black;
    background-size: cover
}

.black_friday_preview_img {
    width: 90%;
    margin: 5%
}

#share-buttons {
    text-align: center
}

#share-buttons img {
    width: 50px;
    padding: 5px;
    border: 0;
    box-shadow: 0;
    display: inline;
    text-decoration: none;
    transition: all 0.2s
}

#share-buttons img:hover {
    transform: scale(1.3)
}

.hidden-egg {
    position: absolute;
    right: 0
}

.hidden-egg img {
    width: 100px
}

.egg_modal_eggs {
    width: 100%;
    text-align: center
}

.egg_modal_eggs img {
    width: 100px;
    max-width: 20%;
    padding: 20px
}

.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-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block
}

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

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

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

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

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

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

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

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

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

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

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

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

.ui-accordion .ui-accordion-noicons {
    padding-left: 0.7em
}

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

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

.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: 0.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: 0.4em 1em 0.4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: 0.4em 2.1em 0.4em 1em
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em
}

input.ui-button {
    padding: 0.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: 0.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: 0.5em
}

.ui-buttonset {
    margin-right: 7px
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -0.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: 0.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: 49%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 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 0.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: 0.3em 1em 0.5em 0.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-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: none
}

.ui-menu .ui-menu {
    margin-top: -3px;
    position: absolute
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

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

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 2px .4em;
    line-height: 1.5;
    min-height: 0;
    font-weight: normal
}

.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px
}

.ui-menu .ui-state-disabled {
    font-weight: normal;
    margin: .4em 0 .2em;
    line-height: 1.5
}

.ui-menu .ui-state-disabled a {
    cursor: default
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item a {
    position: relative;
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: .2em;
    left: 0.2em
}

.ui-menu .ui-menu-icon {
    position: static;
    float: right
}

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

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

.ui-progressbar .ui-progressbar-overlay {
    background: url("images/animated-overlay.gif");
    height: 100%;
    filter: alpha(opacity=25);
    opacity: 0.25
}

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

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

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

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

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

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

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -0.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: -0.6em
}

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

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

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

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

.ui-spinner-input {
    border: none;
    background: none;
    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: 0.2em
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0.2em 0.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: segoe ui, 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: segoe ui, Arial, sans-serif;
    font-size: 1em
}

.ui-widget-content {
    border: 1px solid #aaa;
    background: #eee url("images/ui-bg_inset-hard_100_eeeeee_1x100.png") 50% bottom repeat-x;
    color: #222
}

.ui-widget-content a {
    color: #222
}

.ui-widget-header {
    border: 1px solid #ccc;
    background: #f9f9f9 url("images/ui-bg_highlight-soft_100_f9f9f9_1x100.png") 50% 50% repeat-x;
    color: #f1a31e;
    font-weight: bold
}

.ui-widget-header a {
    color: #f1a31e
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #fff;
    background: #379eee;
    font-weight: bold;
    color: #fff
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #fff;
    text-decoration: none
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #379eee;
    background: #379eee;
    font-weight: bold;
    color: #fff
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
    color: #fff;
    text-decoration: none
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #f1a31e;
    background: #f1a31e;
    font-weight: bold;
    color: #fff
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #fff;
    text-decoration: none
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fff;
    background: #c5ddfc url("images/ui-bg_diagonals-small_25_c5ddfc_40x40.png") 50% 50% repeat;
    color: #333
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #333
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #F1A31E;
    background: #F1A31E;
    color: #fff
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #fff
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #fff
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

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

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

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_0a82eb_256x240.png")
}

.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_5fa5e3_256x240.png")
}

.ui-state-default .ui-icon {
    background-image: url("images/ui-icons_fcdd4a_256x240.png")
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png")
}

.ui-state-active .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png")
}

.ui-state-highlight .ui-icon {
    background-image: url("images/ui-icons_0b54d5_256x240.png")
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png")
}

.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: 15px
}

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

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

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

.ui-widget-overlay {
    background: #e6b900;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    margin: 6px 0 0 6px;
    padding: 0;
    background: #e69700;
    opacity: .2;
    filter: Alpha(Opacity=20);
    border-radius: 3px
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.fancybox-opened {
    z-index: 8030
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5)
}

.fancybox-outer, .fancybox-inner {
    position: relative
}

.fancybox-inner {
    overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("fancybox_sprite.png")
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url("fancybox_loading.gif") center center no-repeat
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url("blank.gif");
    -webkit-tap-highlight-color: transparent;
    z-index: 8040
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px
}

.fancybox-nav:hover span {
    visibility: visible
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important
}

.fancybox-lock {
    overflow: hidden !important;
    width: auto
}

.fancybox-lock body {
    overflow: hidden !important
}

.fancybox-lock-test {
    overflow-y: hidden !important
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url("fancybox_overlay.png")
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050
}

.fancybox-opened .fancybox-title {
    visibility: visible
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, 0.8)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
        background-image: url("fancybox_sprite@2x.png");
        background-size: 44px 152px
    }

    #fancybox-loading div {
        background-image: url("fancybox_loading@2x.gif");
        background-size: 24px 24px
    }
}

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

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

.slick-list:focus {
    outline: none
}

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

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

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

.slick-track:after {
    clear: both
}

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

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

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

.slick-slide img {
    display: block
}

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

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

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

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

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

.colorcode_ .colorcode_fg, .colorcode__fg {
    color: #d57c0e !important
}

.colorcode_ .colorcode_bg, .colorcode__bg {
    background-color: #d57c0e !important;
    color: #fff !important
}

.colorcode_ .colorcode_bga {
    background-color: rgba(213, 124, 14, 0.9) !important;
    color: #fff !important
}

.colorcode_1 .colorcode_fg, .colorcode_1_fg {
    color: #d57c0e !important
}

.colorcode_1 .colorcode_bg, .colorcode_1_bg {
    background-color: #f1a31e !important;
    color: #fff !important
}

.colorcode_1 .colorcode_bga {
    background-color: rgba(213, 124, 14, 0.9) !important;
    color: #fff !important
}

.colorcode_2 .colorcode_fg, .colorcode_2_fg {
    color: #be0519 !important
}

.colorcode_2 .colorcode_bg, .colorcode_2_bg {
    background-color: #be0519 !important;
    color: #fff !important
}

.colorcode_2 .colorcode_bga {
    background-color: rgba(190, 5, 25, 0.9) !important;
    color: #fff !important
}

.colorcode_3 .colorcode_fg, .colorcode_3_fg {
    color: #379fee !important
}

.colorcode_3 .colorcode_bg, .colorcode_3_bg {
    background-color: #379fee !important;
    color: #fff !important
}

.colorcode_3 .colorcode_bga {
    background-color: rgba(55, 159, 238, 0.9) !important;
    color: #fff !important
}

.colorcode_4 .colorcode_fg, .colorcode_4_fg {
    color: #2d7e37 !important
}

.colorcode_4 .colorcode_bg, .colorcode_4_bg {
    background-color: #2d7e37 !important;
    color: #fff !important
}

.colorcode_4 .colorcode_bga {
    background-color: rgba(45, 126, 55, 0.9) !important;
    color: #fff !important
}

.colorcode_5 .colorcode_fg, .colorcode_5_fg {
    color: #913f98 !important
}

.colorcode_5 .colorcode_bg, .colorcode_5_bg {
    background-color: #913f98 !important;
    color: #fff !important
}

.colorcode_5 .colorcode_bga {
    background-color: rgba(145, 63, 152, 0.9) !important;
    color: #fff !important
}

.colorcode_6 .colorcode_fg, .colorcode_6_fg {
    color: #df3bad !important
}

.colorcode_6 .colorcode_bg, .colorcode_6_bg {
    background-color: #df3bad !important;
    color: #fff !important
}

.colorcode_6 .colorcode_bga {
    background-color: rgba(223, 59, 173, 0.9) !important;
    color: #fff !important
}

.colorcode_7 .colorcode_fg, .colorcode_7_fg {
    color: #396ab0 !important
}

.colorcode_7 .colorcode_bg, .colorcode_7_bg {
    background-color: #396ab0 !important;
    color: #fff !important
}

.colorcode_7 .colorcode_bga {
    background-color: rgba(57, 106, 176, 0.9) !important;
    color: #fff !important
}

.colorcode_8 .colorcode_fg, .colorcode_8_fg {
    color: #ffb60f !important
}

.colorcode_8 .colorcode_bg, .colorcode_8_bg {
    background-color: #ffb60f !important;
    color: #fff !important
}

.colorcode_8 .colorcode_bga {
    background-color: rgba(255, 182, 15, 0.9) !important;
    color: #fff !important
}

.colorcode_9 .colorcode_fg, .colorcode_9_fg {
    color: #6bbfae !important
}

.colorcode_9 .colorcode_bg, .colorcode_9_bg {
    background-color: #6bbfae !important;
    color: #fff !important
}

.colorcode_9 .colorcode_bga {
    background-color: rgba(107, 191, 174, 0.9) !important;
    color: #fff !important
}

.colorcode_10 .colorcode_fg, .colorcode_10_fg {
    color: #333 !important
}

.colorcode_10 .colorcode_bg, .colorcode_10_bg {
    background-color: #333 !important;
    color: #fff !important
}

.colorcode_10 .colorcode_bga {
    background-color: rgba(48, 48, 48, 0.9) !important;
    color: #fff !important
}

@font-face {
    font-family: 'lato';
    src: url("/fonts/lato-light/lato-light-webfont.eot");
    src: url("/fonts/lato-light/lato-light-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/lato-light/lato-light-webfont.woff2") format("woff2"), url("/fonts/lato-light/lato-light-webfont.woff") format("woff"), url("/fonts/lato-light/lato-light-webfont.ttf") format("truetype"), url("/fonts/lato-light/lato-light-webfont.svg#latolight") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'lato';
    src: url("/fonts/lato-regular/lato-regular-webfont.eot");
    src: url("/fonts/lato-regular/lato-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/lato-regular/lato-regular-webfont.woff2") format("woff2"), url("/fonts/lato-regular/lato-regular-webfont.woff") format("woff"), url("/fonts/lato-regular/lato-regular-webfont.ttf") format("truetype"), url("/fonts/lato-regular/lato-regular-webfont.svg#latoregular") format("svg");
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: 'lato';
    src: url("/fonts/lato-bold/Lato-Bold.eot");
    src: url("/fonts/lato-bold/Lato-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/lato-bold/Lato-Bold.woff") format("woff"), url("/fonts/lato-bold/Lato-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal
}

html {
    overflow-y: scroll;
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased
}

body {
    min-height: 100vh;
    position: relative
}

.oldie body {
    width: 1495px;
    margin: 0 auto
}

.full_width {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box
}

.inner_width {
    width: 96%;
    padding: 0;
    max-width: 1380px;
    margin: 0 auto;
    box-sizing: border-box
}

.super_inner_width {
    width: 80%;
    padding: 0;
    max-width: 1180px;
    margin: 0 auto;
    box-sizing: border-box
}

.padded {
    padding: 0 2%
}

input[type=text], input[type=search], textarea {
    -webkit-appearance: none;
    border-radius: 0
}

*:focus {
    outline: none !important
}

.mobileonly {
    display: none !important
}

.ambiguity {
    display: none
}

.float_wrapper:after {
    content: "";
    display: table;
    clear: both
}

.clear {
    clear: both
}

.clearfix {
    content: "";
    display: table;
    float: none;
    clear: both
}

.pull_left {
    float: left
}

.pull_right {
    float: right
}

@media only screen {
    .screen-reader {
        display: none
    }
}

@media only screen and (max-width: 660px) {
    body {
        overflow-x: hidden
    }

    .super_inner_width {
        width: 90%
    }

    .mobileonly {
        display: block !important
    }
}

@media only print {
    body {
        width: 1180px !important
    }
}

p, li, div, th, td, h1, h2, h3, h4, input, option, textarea {
    font-family: lato, Arial, Helvetica, sans-serif;
    color: #222;
    font-weight: normal
}

p {
    font-size: 18px;
    font-size: 1.8rem;
    margin: 0 0 1.2em 0
}

p.center {
    text-align: center
}

p.intro_text {
    font-size: 22px;
    font-size: 2.2rem;
    margin: 0 0 1.1em 0
}

li {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.8em
}

td, th {
    font-size: 16px;
    font-size: 1.8rem;
    line-height: 1.2em
}

p.thanks {
    background: #000;
    color: #fff;
    padding: 0.5em 1.0em;
    font-size: 20px;
    font-size: 2.0rem;
    text-align: center
}

a {
    color: #379eee
}

a:hover, a:active {
    color: #601463
}

h1, h2, h3, h4 {
    font-family: lato, Arial, Helvetica, sans-serif
}

h1 {
    font-size: 40px;
    font-size: 4.0rem;
    line-height: 1.1em;
    color: #000;
    font-weight: bold;
    margin: 0 0 20px 0;
    margin: 0 0 2rem 0
}

h2 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
    color: #000;
    font-weight: bold;
    margin: 0.5em 0 0.1em 0
}

h3 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.25em;
    color: #000;
    font-weight: bold;
    margin: 0.75em 0 0.75em 0
}

h4 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.25em;
    color: #000;
    font-weight: bold;
    margin: 0.75em 0 0.75em 0
}

@media only screen and (max-width: 800px) {
    html {
        font-size: 50%
    }
}

#section_header_heading {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1.0em;
    padding: 0.4em 0;
    color: #fff;
    font-weight: normal;
    text-transform: uppercase
}

#section_header_nav_bar {
    background: rgba(255, 255, 255, 0.2)
}

#section_header_nav_bar ul {
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%;
    overflow-x: hidden;
    white-space: nowrap
}

#section_header_nav_bar ul li {
    list-style: none;
    margin: 0 0 0 0em;
    padding: 0.6em 0;
    line-height: 1.0em;
    display: inline-block;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    font-size: 16px;
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: bold
}

#section_header_nav_bar ul li:first-of-type {
    margin-left: 0
}

#section_header_nav_bar ul li a {
    color: #fff;
    text-decoration: none
}

#section_header_nav_bar ul li a:hover, #section_header_nav_bar ul li a:active {
    text-decoration: underline
}

.page_hero {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    position: relative;
    height: auto
}

#site_torso_wrapper {
    background: #fff;
    background: -moz-linear-gradient(90deg, #e6e6e6 0, #fff 100px);
    background: -webkit-linear-gradient(90deg, #e6e6e6 0, #fff 100px);
    background: -o-linear-gradient(90deg, #e6e6e6 0, #fff 100px);
    background: -ms-linear-gradient(90deg, #e6e6e6 0, #fff 100px);
    background: linear-gradient(180deg, #e6e6e6 0%, #ffffff 100px);
    padding-top: 10px
}

#site_torso {
    padding: 1% 0 60px;
    position: relative;
    z-index: 1
}

#site_torso:after {
    content: "";
    display: table;
    clear: both
}

#breadcrumb {
    margin: 0 0 15px 0;
    margin: 0 0 1.5rem 0;
    padding: 0
}

#breadcrumb li {
    display: inline;
    font-size: 14px;
    font-size: 1.4rem;
    list-style: none;
    margin: 0;
    padding: 0;
    color: #fff
}

#breadcrumb li + li:before {
    content: '>';
    display: inline-block;
    padding: 0 0.5em;
    color: #f1a31e
}

#breadcrumb li a {
    color: #000;
    text-decoration: none
}

#breadcrumb li a:hover, #breadcrumb li a:active {
    text-decoration: underline
}

#torso_left {
    float: left;
    width: 74.5%
}

#torso_right {
    float: right;
    width: 23.5%
}

@media only screen and (max-width: 660px) {
    #site_torso {
        padding: 40px 0;
        padding: 4.0rem 0
    }

    #breadcrumb {
        display: none
    }

    #torso_left {
        width: 100%
    }

    #torso_right {
        display: none
    }
}

#site_torso table {
    width: 100%;
    color: #222;
    border-collapse: collapse
}

#site_torso th, #site_torso thead td {
    color: currentColor;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0.75em 0.5em;
    text-align: left;
    line-height: 1em;
    border: 1px solid rgba(0, 0, 0, 0.05)
}

#site_torso td {
    padding: 0.5em;
    border: 1px solid rgba(0, 0, 0, 0.05)
}

.graybox {
    background: #eee;
    padding: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px
}

.alert {
    background: #be0519;
    color: #fff;
    padding: 10px 15px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px
}

ul.paging {
    clear: both;
    margin: 2% 0;
    padding: 0;
    text-align: center
}

ul.paging li {
    background-color: #eee;
    color: #222;
    font-size: 16px;
    font-size: 1.6rem;
    list-style: none;
    margin: 0 0.2em;
    padding: 0;
    line-height: 1.0em;
    display: inline-block;
    text-transform: uppercase;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

ul.paging li a {
    text-decoration: none;
    color: currentColor;
    display: block;
    width: 2.0em;
    padding: 0.5em 0
}

ul.paging li a:hover {
    background: #e9e9e9;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

ul.paging li.current a {
    font-weight: bold
}

ul.paging li.dotdotdot {
    background-color: transparent
}

ul.paging li.prev a, ul.paging li.next a {
    width: auto;
    padding: 0.5em 1em
}

@media only screen and (max-width: 480px) {
    ul.paging li.padding {
        display: none
    }
}

form.formstyle label {
    display: block;
    width: 100%
}

form.formstyle label.inline {
    display: inline;
    padding-left: 10px
}

form.formstyle label em {
    color: #c00;
    font-size: 0.8em
}

form.formstyle input[type=text], form.formstyle input[type=email], form.formstyle input[type=password], form.formstyle input[type=date], form.formstyle select, form.formstyle textarea {
    background: #fff;
    border: 1px solid #ddd;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 0.25em 0.5em;
    max-width: 100%;
    box-sizing: border-box;
    border-radius: 0
}

form.formstyle select {
    width: 100%
}

form.formstyle input[type=text].error, form.formstyle input[type=email].error, form.formstyle input[type=password].error, form.formstyle input[type=date].error, form.formstyle select.error, form.formstyle textarea.error {
    border-color: #BE0519
}

form.formstyle p.half {
    width: 49%;
    float: left
}

form.formstyle p.half + p.half {
    clear: none;
    width: 49%;
    float: right
}

.submit_button, a.submit_button {
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    background: #000;
    padding: 0.25em 0.8em 0.25em 0.8em;
    font-size: 24px;
    font-size: 2.4rem;
    color: #fff !important;
    font-weight: bold;
    border: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    box-sizing: border-box;
    line-height: 1.4em
}

.button_style {
    background: #f1a31e;
    color: #fff;
    padding: 15px 25px;
    font-size: 2.4em;
    border: 0px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    -webkit-transition: 0.3s all;
    box-sizing: border-box
}

p .button_style {
    background: #379eee;
    padding: 5px 15px;
    font-size: 1em;
    text-decoration: none;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.button_style:hover {
    background: #2d7e37;
    color: #fff
}

.button_style.disabled {
    background: #f1a31e
}

.button_style[disabled=disabled] {
    opacity: 0.5;
    background: #f1a31e
}

p .button_style[disabled=disabled] {
    background: #379fee
}

.button_style.full {
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 0.5em
}

.submit_button.disabled, a.submit_button.disabled {
    opacity: 0.5
}

.submit_button.small, a.submit_button.small {
    font-size: 18px;
    font-size: 1.8rem
}

.clear {
    clear: both
}

.contact_left {
    clear: both
}

#ui-datepicker-div {
    font: 170% "Lato", Helvetica, Arial, sans-serif
}

div#ui-datepicker-div div.ui-datepicker-title {
    color: #f1a31e;
    font-weight: bold
}

.warning-text {
    text-align: center;
    background-color: #ff3333;
    color: white;
    padding: 20px;
    border-radius: 10px
}

.table-borderless {
    border: none !important
}

.table-borderless tbody {
    border: none !important
}

.table-borderless tbody tr {
    border: none !important
}

.table-borderless tbody tr td {
    border: none !important
}

.test-mode-watermark {
    position: fixed;
    bottom: 20px;
    right: 20px;
    color: white;
    background-color: red;
    border-radius: 25px;
    padding: 10px 30px;
    font-size: 20px;
    z-index: 300000
}

div.grid {
    padding-top: 10px
}

div.grid a {
    text-decoration: none
}

div.grid-top {
    padding-top: 10px
}

div.home_feature {
    float: left;
    width: 19.375%;
    margin: .25%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: white;
    position: relative;
    border-radius: 7.5%;
    box-sizing: border-box;
    overflow: hidden;
    padding-bottom: 19.375%
}

@media (max-width: 800px) {
    div.home_feature {
        width: 48.5%;
        margin: .5%;
        padding-bottom: 48.5%
    }
}

div.home_feature div {
    position: absolute;
    width: 90%;
    padding: 5%;
    font-size: 16px
}

div.home_feature div a {
    text-decoration: none
}

div.home_feature div p {
    color: #fff;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3)
}

div.home_feature div.align_bottom {
    bottom: 0;
    left: 0;
    padding-top: 10%
}

div.home_feature div p.feature_heading_small {
    line-height: 1.2em;
    text-transform: uppercase;
    margin: 0;
    font-size: 1.0em;
    font-weight: bold;
    color: white;
    text-align: left;
    max-width: 95%
}

div.home_feature div p.feature_text {
    line-height: 1.4em;
    margin: 0;
    font-size: 1.2em;
    font-weight: 700;
    color: white;
    text-align: left
}

div.home_feature div p.feature_text .srp {
    font-weight: 500;
    text-decoration: line-through
}

div.home_feature div p.feature_heading_small + p.feature_heading_big {
    margin-top: 0.05em
}

div.home_feature div p.feature_heading_big + p.feature_heading_small {
    margin-top: 0.4em
}

@media only screen and (max-width: 1570px) {
    div.home_feature div p {
        font-size: 1.0vw
    }
}

@media only screen and (max-width: 660px) {
    div.home_feature div p {
        font-size: 2.0vw
    }

    div.home_feature div p:nth-of-type(2) {
        display: none
    }

    div.home_feature div p:nth-of-type(3) {
        display: none
    }
}

@media only screen and (max-width: 400px) {
    div.home_feature div p {
        font-size: 3.0vw
    }
}

.brand-row {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: table
}

.brand-row div {
    text-align: center;
    width: 12.5%;
    float: left;
    display: table-cell;
    vertical-align: top;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

@media only screen and (max-width: 1200px) {
    .brand-row div {
        width: 25%
    }
}

@media only screen and (max-width: 660px) {
    .brand-row div {
        width: 50%
    }
}

.brand-row div a img {
    max-width: 120px;
    transition: all 0.2s
}

@media only screen and (max-width: 660px) {
    .brand-row div a img {
        max-width: 60px
    }
}

.brand-row div a img:hover {
    transform: scale(1.2)
}

.brand-row:after {
    content: "";
    clear: both;
    display: table
}

.home-top-left {
    float: left;
    width: 70%;
    display: block;
    box-sizing: border-box
}

.home-top-left img {
    width: 100%;
    border-radius: 50px 0 0 50px;
    display: block
}

.home-top-right {
    float: right;
    display: block;
    width: 35%;
    right: 0;
    box-sizing: border-box;
    position: absolute
}

.home-top-right img {
    display: block;
    width: 100%;
    transition: all 0.2s;
    border-radius: 1000px;
    z-index: 5
}

.home-top-right img:hover {
    transform: scale(1.1);
    z-index: 10
}

.home-top-right .slot-1 {
    background-color: #00AEEF;
    z-index: 5;
    transition: all 0.2s
}

.home-top-right .slot-1:hover {
    background-color: #19c0ff;
    transform: scale(1.1);
    z-index: 10;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3)
}

.home-top-right .slot-2 {
    background-color: #309040;
    z-index: 5;
    transition: all 0.2s
}

.home-top-right .slot-2:hover {
    background-color: #3aaf4e;
    transform: scale(1.1);
    z-index: 10;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3)
}

.home-top-right .slot-3 {
    background-color: #f1a31e;
    z-index: 5;
    transition: all 0.2s
}

.home-top-right .slot-3:hover {
    background-color: #f3b344;
    transform: scale(1.1);
    z-index: 10;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3)
}

.home-top-right .slot-4 {
    background-color: #2e3192;
    z-index: 5;
    transition: all 0.2s
}

.home-top-right .slot-4:hover {
    background-color: #383bb1;
    transform: scale(1.1);
    z-index: 10;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3)
}

.home-top-right .slot-5 {
    background-color: #ed1c24;
    z-index: 5;
    transition: all 0.2s
}

.home-top-right .slot-5:hover {
    background-color: #f04248;
    transform: scale(1.1);
    z-index: 10;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3)
}

.home-top:after {
    clear: both;
    content: "";
    display: block
}

@media (max-width: 800px) {
    .home-top-right, .home-top-left {
        float: left;
        position: relative;
        width: 100%;
        left: 0
    }

    .home-top-left img {
        border-radius: 10px;
        margin-bottom: 20px
    }
}

.feature-prod-text {
    width: 100% !important;
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    display: block;
    position: absolute
}

.home-minibanners:after {
    clear: both;
    content: "";
    display: block
}

.minibanner {
    float: left;
    margin-right: 1%;
    width: 49%;
    margin-top: 5px;
    margin-bottom: 5px
}

.minibanner a img {
    width: 100%;
    border-radius: 23px
}

@media (max-width: 800px) {
    .minibanner {
        width: 100%;
        margin: 0
    }
}

.cat_item:nth-of-type(5n+1) {
    clear: both
}

.cat_item:nth-of-type(5n) {
    margin-right: 0
}

.cat_item {
    float: left;
    text-align: center;
    margin-bottom: 2%;
    margin-right: 2%;
    width: 18.4%;
    font-size: 16px;
    font-size: 1.6rem;
    color: #000;
    font-weight: bold
}

.age_item {
    float: left;
    text-align: center;
    margin-bottom: 2%;
    margin-right: 2%;
    width: 23.4%;
    font-size: 16px;
    font-size: 1.6rem;
    color: #000;
    font-weight: bold
}

.age_item:nth-of-type(4n+1) {
    clear: both
}

.age_item:nth-of-type(4n) {
    margin-right: 0
}

#filter_bar {
    float: left;
    width: 20%;
    clear: both
}

.filter-link {
    display: none;
    font-size: 2rem;
    width: 100%;
    text-align: center;
    font-weight: bold;
    line-height: 40px;
    margin-bottom: 20px;
    background: #379eee;
    color: #fff;
    text-transform: uppercase;
    margin-top: 5px;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px
}

.filter-link:hover {
    background: #2d7e37
}

.filter-link:after {
    content: '+';
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    position: absolute
}

.filter-link.active:after {
    content: '-'
}

.filter_box {
    margin: 0 5% 0 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.filter_box:not(:first-child) {
    margin-top: 20px
}

.filter_box ul {
    list-style: none;
    margin: 0;
    padding: 10px 0 0
}

.filter_box ul li {
    margin: 10px 15px;
    display: table;
    line-height: 1.2em
}

.filter_box label, .filter_box a {
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
    text-decoration: none
}

.filter_box input[type=radio] {
    display: none
}

.filter_title {
    font-weight: 700;
    padding: 10px 15px 5px;
    background: #f1a31e;
    color: #fff;
    text-transform: uppercase;
    font-size: 2.1em;
    -webkit-border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0;
    border-radius: 15px 15px 0 0;
    position: relative;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.13);
    z-index: 300
}

.filter_options {
    margin: 0;
    margin-top: -15px;
    padding-top: 15px;
    padding-bottom: 15px;
    background: #379eee;
    -webkit-border-radius: 0 0 15px 15px;
    -moz-border-radius: 0 0 15px 15px;
    border-radius: 0 0 15px 15px
}

.filter_box label.checkbox span {
    content: '';
    display: block;
    width: 18px;
    height: 18px !important;
    line-height: 18px;
    background: #fff;
    cursor: pointer;
    margin-right: 10px
}

.filter_box label.checkbox.checked span {
    background: #f1a31e;
    border-color: #f1a31e;
    text-align: center;
    color: #fff;
    font-size: 1em;
    line-height: 19px
}

.filter_box label.checkbox.checked span:before {
    content: '\2713'
}

.brokerage_4 {
    width: 80%;
    float: right
}

.brokerage_5 {
    width: 100%;
    float: right
}

.page_content {
    margin-bottom: 10px
}

ul#active_filters {
    float: left;
    padding: 0;
    margin: 0;
    list-style: none
}

ul#active_filters li {
    float: left;
    color: #fff;
    font-size: 1.4em;
    background: #379eee;
    line-height: 30px;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 0 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    cursor: pointer;
    text-transform: uppercase
}

ul#active_filters li:hover {
    background: #2d7e37
}

#active_filters li span:after {
    content: '\2716';
    font-size: 1.2em;
    padding-left: 10px
}

.sorting {
    float: right;
    text-align: right;
    margin: 10px 1% 0
}

.brokerage_item, .brokerage_item_new {
    float: left;
    width: 23%;
    margin: 10px 1%;
    font-size: 1.6em;
    position: relative
}

.brokerage_item_new {
    width: 18%
}

div.listing > div.brokerage_item:first-child, div.listing > div.brokerage_item_new:first-child {
    clear: both
}

.listing > .brokerage_item_new:nth-of-type(5n+1) {
    clear: both
}

.listing > .brokerage_item:nth-of-type(4n+1), .parent-brokerage > .brokerage_item:nth-of-type(4n+1) {
    clear: both
}

.brokerage_item img, .brokerage_item_new img {
    margin-bottom: 5px;
    width: 100%
}

.brokerage_item.brands img {
    max-width: 100%;
    width: auto
}

.brokerage_item a, .brokerage_item_new a {
    text-decoration: none;
    color: #2d7e37
}

.brokerage_item a:hover, .brokerage_item_new a:hover {
    color: #d57c0e
}

.brokerage_item a .brokerage_title b, .brokerage_item_new a .brokerage_title b {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    color: #be0519
}

.brokerage_item a:hover .brokerage_title b, .brokerage_item_new a:hover .brokerage_title b {
    color: #379fee
}

.prd-price {
    display: block;
    font-weight: 600
}

.prd-options {
    font-style: italic;
    color: #BE0519
}

.parent-brokerage .brokerage_item {
    text-align: center
}

@media only screen and (max-width: 1000px) {
    .filter_title {
        font-size: 1.8em
    }

    .filter_box label {
        font-size: 1.5rem
    }
}

@media only screen and (max-width: 900px) {
    #filter_bar {
        width: 25%
    }

    .brokerage_4 {
        width: 75%
    }

    #active_filters {
        width: 100%;
        float: none
    }

    .brokerage_4 .brokerage_item {
        width: 31%
    }

    .listing > .brokerage_item:nth-of-type(4n+1) {
        clear: none
    }

    .listing > .brokerage_item:nth-of-type(3n+1) {
        clear: both
    }

    .brokerage_5 .brokerage_item_new {
        width: 23%
    }

    .listing > .brokerage_item_new:nth-of-type(5n+1) {
        clear: none
    }

    .listing > .brokerage_item_new:nth-of-type(4n+1) {
        clear: both
    }
}

@media only screen and (max-width: 700px) {
    #filter_bar {
        width: 35%
    }

    .brokerage_4 {
        width: 65%
    }

    .brokerage_4 .brokerage_item {
        width: 48%
    }

    .listing > .brokerage_item:nth-of-type(4n+1) {
        clear: none
    }

    .listing > .brokerage_item:nth-of-type(3n+1) {
        clear: none
    }

    .listing > .brokerage_item:nth-of-type(2n+1) {
        clear: both
    }

    .brokerage_5 .brokerage_item_new {
        width: 31%
    }

    .listing > .brokerage_item_new:nth-of-type(5n+1) {
        clear: none
    }

    .listing > .brokerage_item_new:nth-of-type(4n+1) {
        clear: none
    }

    .listing > .brokerage_item_new:nth-of-type(3n+1) {
        clear: both
    }

    .parent-brokerage .brokerage_item {
        width: 31%
    }

    .parent-brokerage > .brokerage_item:nth-of-type(4n+1) {
        clear: none
    }

    .parent-brokerage > .brokerage_item:nth-of-type(3n+1) {
        clear: both
    }
}

@media only screen and (max-width: 660px) {
    .filter-link {
        display: block
    }

    #filter_bar {
        width: 100%
    }

    .filter_box {
        margin-right: 0
    }

    .filter_box:last-child {
        margin-bottom: 20px
    }

    .filter_title {
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        position: relative
    }

    .filter_title:after {
        content: '+';
        top: 0;
        right: 0;
        width: 40px;
        height: 40px;
        line-height: 40px;
        color: #fff;
        font-weight: bold;
        text-align: center;
        position: absolute
    }

    .filter_title .active {
        -webkit-border-radius: 15px 15px 0 0;
        -moz-border-radius: 15px 15px 0 0;
        border-radius: 15px 15px 0 0
    }

    .filter_title .active:after {
        content: '-'
    }

    .brokerage_4 {
        width: 100%
    }

    .parent-brokerage .brokerage_item {
        width: 48%
    }

    .parent-brokerage > .brokerage_item:nth-of-type(3n+1) {
        clear: none
    }

    .parent-brokerage > .brokerage_item:nth-of-type(2n+1) {
        clear: both
    }

    .brokerage_5 .brokerage_item_new {
        width: 48%
    }

    .listing > .brokerage_item_new:nth-of-type(5n+1) {
        clear: none
    }

    .listing > .brokerage_item_new:nth-of-type(4n+1) {
        clear: none
    }

    .listing > .brokerage_item_new:nth-of-type(3n+1) {
        clear: none
    }

    .listing > .brokerage_item_new:nth-of-type(2n+1) {
        clear: both
    }
}

.brokerage_discount {
    color: #CCCCCC;
    text-decoration: line-through;
    padding-right: 10px
}

.brokerage-brand-logo {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 25% !important
}

.subcat-bar {
    width: 100%;
    display: block
}

.subcat-filters {
    background-color: #379eee;
    color: white;
    padding: 12px;
    border-radius: 30px;
    font-size: 20px;
    text-decoration: none;
    margin: 3px;
    transition: all 0.2s;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    line-height: 3
}

.subcat-filters:hover, .subcat-filters:active {
    text-decoration: none;
    color: white;
    background-color: #1178c8
}

.prod-oos-img {
    opacity: 0.7
}

.awaiting_stock_overlay {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.noproducts {
    margin-top: 60px
}

.trampoline-sizer-box {
    width: 100%
}

.trampoline-sizer-box .trampoline-size {
    width: 25%;
    float: left;
    display: block
}

.trampoline-sizer-box .trampoline-size img {
    width: 100%
}

.trampoline-sizer-box .trampoline-size .fade-out {
    opacity: 0.4
}

.saving-circle {
    border-radius: 100%;
    width: 25%;
    margin-top: 3%;
    margin-left: 3%;
    padding: 5% 1%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #ff2222;
    text-align: center;
    box-shadow: 1px 1px 1px black
}

.saving-circle span {
    font-size: 1.4em;
    color: white;
    font-weight: 700
}

#prodpage_title {
    width: 80%;
    float: left
}

#prodpage_buy, #prodpage_content {
    width: 55%;
    float: right
}

#prodpage_content {
    clear: right
}

#prodpage_title h1, #prodpage_buy, .prodpage_text, #similar-products h2 {
    border-bottom: 5px solid #fff;
    padding-bottom: 10px
}

#prodpage_title h1 {
    margin-bottom: 10px
}

#prodpage_title p {
    margin: 5px 0px;
    padding: 0px;
    font-size: 2em;
    line-height: 1em;
    font-weight: normal
}

#prodpage_title small {
    font-size: 1.3rem;
    margin-bottom: 20px;
    display: block
}

.price {
    font-size: 3rem;
    font-weight: bold
}

.red {
    color: #BE0519
}

.rating {
    font-size: 2rem;
    color: #f1a31e
}

.no-stock {
    text-transform: uppercase;
    font-weight: bold
}

.add_to_basket {
    margin: 20px 0
}

#prodpage_images, #prodpage_video {
    width: 42%;
    margin-right: 3%;
    margin-bottom: 10px;
    float: left
}

#prodpage_images > img {
    width: 100%
}

.slick-slide img {
    width: 100%
}

.rounded {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px
}

.slider_thumbs {
    margin-top: 10px
}

.slider_thumbs img {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-right: 10px
}

#addtocart_message, .review-form-wrapper {
    padding: 10px 20px;
    margin-top: 10px;
    background: #f2f2f2;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px
}

#addtocart_message {
    display: none;
    text-align: center
}

#addtocart_message p {
    line-height: 2em
}

.delivery {
    color: #2D7E37
}

#see-more h2, #similar-products h2 {
    font-weight: bold
}

.prod-features {
    clear: both;
    border-top: 5px solid #f1a31e
}

.reviews {
    margin-bottom: 60px
}

.reviews b {
    color: #379eee
}

.reviews p {
    font-size: 1.4em;
    margin: 10px 0 0
}

.similar-products {
    clear: both;
    padding-bottom: 20px
}

.similar-products h2, .reviews h2 {
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd
}

.similar-products .brokerage_item {
    width: 23%;
    float: left;
    margin: 10px 1%
}

.similar-products .brokerage_item:nth-of-type(5n+1) {
    clear: both
}

#share_these {
    margin: 10px 0px;
    padding-top: 10px
}

#share_these div {
    float: left;
    margin-right: 10px
}

span.save {
    display: block;
    margin-top: 15px
}

#prodpage_buy {
    clear: right
}

#prodpage_buy .prices {
    margin-bottom: 15px
}

#prodpage_title .options {
    overflow: auto;
    position: relative
}

#prodpage_buy .options input {
    position: absolute;
    left: -10000px
}

#prodpage_buy .options label {
    display: inline-block;
    width: auto;
    padding: 0.5em 0.5em;
    background: #ececec;
    font-size: 24px;
    margin-right: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer
}

#prodpage_buy .options label:hover {
    background: #ddd
}

#prodpage_buy .options input:checked + label {
    background: #f1a31e;
    color: #fff
}

h2.accessory_header {
    font-size: 24px;
    margin-bottom: 5px
}

#prodpage_buy .accessory_wrapper {
    overflow: auto
}

#prodpage_buy .accessory {
    float: right;
    margin-left: 2%;
    margin-bottom: 2%;
    width: 49%;
    background: #ececec;
    padding: 10px;
    box-sizing: border-box;
    overflow: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center
}

#prodpage_buy .accessory:nth-of-type(2n+1) {
    float: left;
    margin-left: 0;
    clear: both
}

#prodpage_buy .accessory div:nth-of-type(1) {
    width: 60px;
    margin-right: 10px
}

#prodpage_buy .accessory div:nth-of-type(1) img {
    width: 100%;
    height: auto;
    text-align: text-bottom;
    float: left
}

#prodpage_buy .accessory div:nth-of-type(2) {
    width: calc(100% - 70px - 45px)
}

#prodpage_buy .accessory div:nth-of-type(2) p {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.1em;
    margin-bottom: 0.5em
}

#prodpage_buy .accessory div:nth-of-type(2) p:first-child {
    color: #f1a31e;
    font-size: 17px
}

#prodpage_buy .accessory div:nth-of-type(3) {
    width: 25px;
    margin-left: 10px;
    margin-right: 10px;
    overflow: hidden;
    position: relative;
    border: 1px solid #f1a31e
}

#prodpage_buy .accessory input {
    position: absolute;
    left: -10000px
}

#prodpage_buy .accessory label:before {
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    background: #fff;
    font-size: 24px;
    line-height: 1.0em;
    text-align: center;
    color: #f1a31e;
    font-weight: bold
}

#prodpage_buy .accessory input:checked + label:before {
    content: '\2714'
}

@media only screen and (max-width: 1023px) {
    #prodpage_buy .accessory {
        width: 100%;
        margin-left: 0
    }
}

@media only screen and (max-width: 800px) {
    .similar-products .brokerage_item {
        width: 23%
    }

    .similar-products .brokerage_item:nth-of-type(5n+1) {
        clear: none
    }

    .similar-products .brokerage_item:nth-of-type(4n+1) {
        clear: both
    }
}

@media only screen and (max-width: 700px) {
    #prodpage_title, #prodpage_buy, #prodpage_content, #prodpage_images, #prodpage_video {
        width: 100%;
        float: none;
        margin-right: 0px;
        clear: both
    }

    .prodpage_top {
        width: 100% !important
    }

    .prodpage_brand_logo {
        display: none
    }

    #prodpage_buy {
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 600px) {
    .similar-products .brokerage_item {
        width: 31%
    }

    .similar-products .brokerage_item:nth-of-type(4n+1) {
        clear: none
    }

    .similar-products .brokerage_item:nth-of-type(3n+1) {
        clear: both
    }
}

@media only screen and (max-width: 500px) {
    .similar-products .brokerage_item {
        width: 48%
    }

    .similar-products .brokerage_item:nth-of-type(3n+1) {
        clear: none
    }

    .similar-products .brokerage_item:nth-of-type(2n+1) {
        clear: both
    }
}

@media only screen and (max-width: 300px) {
    #prodpage_title h1 {
        font-size: 2em
    }

    .button_style {
        font-size: 1.6em
    }

    .similar-products .brokerage_item {
        width: 100%
    }

    .similar-products .brokerage_item:nth-child(2n+1) {
        clear: none
    }
}

#prodpage_buy .options label.disabled {
    background: #eee;
    color: #ddd;
    cursor: default
}

#prodpage_buy .options label.disabled:hover {
    background: #eee
}

.product-saving {
    background-color: #ff2222;
    color: white;
    padding: 10px;
    font-weight: 700;
    display: inline-block
}

.shadow {
    box-shadow: 0 0 20px #DDDDDD
}

.slick-next, .slick-prev {
    border: 0;
    background-color: #f1a31e;
    color: white;
    padding: 4px 10px;
    font-size: 14px;
    font-weight: 700;
    margin: 10px 0
}

.slick-next {
    float: right;
    margin-right: 10px
}

.prodpage_top {
    float: right;
    width: 55%
}

.prodpage_top:after {
    clear: both;
    content: "";
    display: block
}

.prodpage_brand_logo {
    float: right;
    width: 20%
}

.prodpage_brand_logo img {
    width: 100%
}

.product_srp {
    display: none
}

.product_srp span {
    text-decoration: line-through
}

#delivery_pre, #delivery_is {
    display: none
}

.see-all-options {
    margin: 15px 0
}

.see-all-options a {
    display: inline-block;
    background-color: #379eee;
    color: white;
    border-radius: 30px;
    font-weight: 700;
    padding: 15px;
    font-size: 18px;
    text-decoration: none;
    transition: all 0.1s
}

.see-all-options a:hover, .see-all-options a:active {
    text-decoration: none;
    background-color: #148be8
}

.bundle-items-table {
    margin-bottom: 20px
}

.bundle-items-table th, .bundle-items-table td {
    font-size: 1.5em;
    text-transform: capitalize !important
}

.bundle-items-table th a, .bundle-items-table td a {
    text-decoration: none
}

.bundle-items-table th a:hover, .bundle-items-table th a:active, .bundle-items-table td a:hover, .bundle-items-table td a:active {
    text-decoration: none
}

.acclink {
    color: #f1a31e;
    text-decoration: none
}

.acclink:hover {
    color: #f1a31e;
    text-decoration: none
}

.borderless-table {
    border: none
}

.borderless-table tbody, .borderless-table tr, .borderless-table td {
    border: none !important
}

.prod-tabs .tabs {
    width: 100%;
    border-bottom: 5px solid #f1a31e
}

.prod-tabs .tabs .tab {
    font-size: 16px;
    padding: 10px;
    display: inline-block;
    font-weight: 700;
    color: #f1a31e;
    text-decoration: none;
    transition: 0.3s all
}

.prod-tabs .tabs .tab .prod-tab-notif {
    color: white;
    background-color: #f1a31e;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    padding: 4px 3px 0 3px;
    text-align: center;
    font-size: 10px;
    display: inline-block;
    transition: 0.3s all
}

.prod-tabs .tabs .tab .prod-tab-notif-selected {
    background-color: white;
    color: #f1a31e
}

.prod-tabs .tabs .tab:hover, .prod-tabs .tabs .tab:active {
    text-decoration: none;
    background-color: #eeeeee;
    color: #f1a31e
}

.prod-tabs .tabs .tab-selected {
    color: white;
    background-color: #f1a31e
}

.prod-tabs .tabs .tab-selected:hover, .prod-tabs .tabs .tab-selected:active {
    color: white;
    background-color: #f1a31e
}

.tab-content {
    padding: 10px;
    display: none
}

.tab-content h2 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px
}

.tab-open {
    display: block
}

.ask-block {
    display: block;
    margin-top: 30px
}

.ask-button {
    padding: 15px;
    background-color: #379eee;
    border-radius: 100px;
    color: white;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none
}

.ask-button:hover, .ask-button:active {
    text-decoration: none;
    color: white
}

#tab-questions {
    padding-bottom: 40px
}

.qblock {
    display: block;
    padding: 15px;
    border-bottom: 1px solid #ddd
}

.question {
    color: #379eee;
    font-weight: 700;
    margin-bottom: 0
}

.answer {
    margin-bottom: 0
}

.ask-block-thanks {
    display: none
}

#question_input {
    width: 100%;
    max-width: 700px
}

.ask-modal-row {
    color: black;
    width: 100%
}

.ask-modal-row .asklabel {
    font-size: 16px;
    padding-top: 10px;
    float: left;
    width: 20%;
    font-weight: 700
}

.ask-modal-row .askinput {
    font-size: 16px;
    float: left;
    width: 80%;
    padding: 5px 0
}

.ask-modal-row .askinput input {
    width: 100%;
    display: block;
    border: 1px solid #ddd
}

.ask-modal-row:after {
    float: none;
    clear: both;
    content: ''
}

.special_offer_blurb {
    width: 100%;
    text-align: center;
    font-weight: 700;
    color: white
}

.special_offer_blurb a {
    color: white;
    padding: 20px 10px 15px 10px;
    display: block;
    width: 100%
}

.special_offer_blurb a:hover, .special_offer_blurb a:active {
    color: white
}

.spec-table {
    width: 100%;
    overflow-x: scroll
}

.spec-table th {
    text-transform: capitalize !important
}

.spec-table thead tr {
    background-color: #f1a31e;
    color: white
}

.spec-table thead tr th {
    font-size: 14px;
    border: none !important
}

.spec-table tbody tr:nth-child(even) {
    background: #eaeaea
}

.spec-table tbody tr th, .spec-table tbody tr td {
    font-size: 14px;
    border-color: #ccc !important
}

.customer-photo {
    width: 32%;
    padding: 0.5%;
    float: left
}

@media (max-width: 1200px) {
    .customer-photo {
        width: 49%
    }
}

@media (max-width: 600px) {
    .customer-photo {
        width: 100%;
        padding: 0
    }
}

#blogs {
    padding: 15px 0 15px 0;
    width: 70%;
    float: left
}

#blogs img {
    width: 100%;
    border-radius: 25px
}

#blogs > ul {
    width: 100%;
    display: table;
    table-layout: fixed;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left
}

#blogs > ul > li:nth-child(3n+1) {
    clear: both
}

#blogs > ul > li:nth-child(3n) {
    margin-right: 0
}

#blogs > ul > li {
    display: table-cell;
    box-sizing: border-box;
    width: 30.5%;
    list-style: none;
    margin: 0 2% 0 0;
    padding: 0;
    position: relative;
    text-align: left;
    display: inline-block;
    float: left
}

#blogs h2 {
    font-size: 28px;
    font-size: 2.8rem;
    text-transform: uppercase;
    font-weight: normal
}

@media only screen and (max-width: 1000px) {
    #blogs h2 {
        font-size: 24px;
        font-size: 2.4rem
    }
}

#blogs_nav {
    padding: 15px 0 15px 0;
    width: 26%;
    float: right
}

#blogs_nav > ul {
    margin: 0;
    padding: 0
}

#blogs_nav > ul > li {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center
}

#blogs_nav > ul > li > a {
    border-radius: 25px;
    background: #379eee;
    color: #fff;
    display: block;
    font-size: 20px;
    font-size: 2.0rem;
    padding: 0.6em 0.8em;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold
}

#blogs_nav > ul > li > ul {
    margin: 0 0 2em 0;
    padding: 0;
    text-align: left
}

#blogs_nav > ul > li > ul > li {
    margin: 0;
    padding: 0.6em 0.2em;
    list-style: none;
    border-bottom: 1px solid #ddd
}

#blogs_nav > ul > li > ul > li > a {
    color: #000;
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    -webkit-transition: 0.5s all;
    padding-left: 1.5em
}

#blog_article {
    padding: 15px 0 15px 0;
    width: 70%;
    float: left
}

#blog_article img {
    border-radius: 25px;
    margin-bottom: 2em;
    width: 100%
}

@media only screen and (max-width: 700px) {
    #blogs {
        width: 100%
    }

    #blog_article {
        width: 100%
    }

    #blogs_nav {
        width: 100%
    }
}

@media only screen and (max-width: 650px) {
    #blogs > ul > li:nth-child(3n+1) {
        clear: none
    }

    #blogs > ul > li:nth-child(3n) {
        margin-right: 2%
    }

    #blogs > ul > li:nth-child(2n+1) {
        clear: both
    }

    #blogs > ul > li:nth-child(2n) {
        margin-right: 0
    }

    #blogs > ul > li {
        width: 48.5%
    }
}

@media only screen and (max-width: 400px) {
    #blogs > ul > li:nth-child(2n+1) {
        clear: none
    }

    #blogs > ul > li:nth-child(2n) {
        margin-right: 2%
    }

    #blogs > ul > li {
        width: 100%
    }
}

#my-account h2 {
    margin-bottom: 0.1em
}

#my-account h2 span {
    font-size: 1em
}

#my-account a {
    text-decoration: none
}

#my-account a:hover {
    text-decoration: underline
}

.box_half {
    width: 50%;
    float: left;
    margin: 2.0em 0 1.0em;
    box-sizing: border-box;
    padding: 2.0em 3.0em 3.0em 3.0em
}

.box_half:last-of-type {
    border-left: 1px solid #e9e9e9
}

.box_half .button_style {
    width: 100%
}

div.box {
    width: 100%;
    max-width: 500px;
    box-sizing: border-box;
    margin: 2.0em auto 1.0em auto;
    background: #f2f2f2;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    padding: 2.0em 3.0em 3.0em 3.0em
}

div.error, div.success {
    padding: 5px 15px;
    margin-bottom: 10px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: #BE0519
}

div.error p, div.success p {
    margin: 0px;
    color: #fff
}

div.success {
    background: #2D7E37
}

.box_third {
    width: 28%;
    float: left;
    padding: 2%;
    margin: 1% 2% 1% 0px;
    background: #f2f2f2;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px
}

.box_third .button_style {
    font-size: 0.9em;
    line-height: 0.9em;
    margin-top: 5px;
    display: inline-block;
    padding: 10px 15px
}

.box_third:nth-of-type(3n) {
    margin-right: 0px
}

.box_third:nth-of-type(3n+1) {
    clear: both
}

div.previous_order {
    width: 100%;
    margin: 2.0em auto 1.0em auto;
    border-bottom: 0;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px
}

div.previous_order_summary {
    background: #F1A31E;
    overflow: auto;
    padding: 10px 5px 10px 5px;
    -webkit-border-radius: 25px 25px 0px 0px;
    -moz-border-radius: 25px 25px 0px 0px;
    border-radius: 25px 25px 0px 0px
}

div.previous_order_summary p {
    width: 22%;
    float: left;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    margin: 0;
    padding: 0.1em 1.0em
}

div.previous_order_item {
    overflow: auto;
    clear: both;
    background: #f2f2f2;
    padding: 10px;
    border-bottom: 1px solid #e8e8e8
}

div.previous_order_item.discount p {
    color: #BE0519
}

div.previous_order_item:last-of-type {
    -webkit-border-radius: 0px 0px 25px 25px;
    -moz-border-radius: 0px 0px 25px 25px;
    border-radius: 0px 0px 25px 25px
}

div.previous_order_item p.details {
    float: left;
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0;
    padding: 0.5em 1.0em;
    line-height: 1.4em
}

div.previous_order_item p.price {
    float: right;
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0;
    padding: 0.5em 1.0em;
    line-height: 1.4em
}

@media only screen and (max-width: 660px) {
    .box_half {
        width: 100%
    }

    .box_half:last-of-type {
        border-left: 0px
    }

    .box_third {
        width: 40%;
        padding: 3%;
        margin: 2% 3% 2% 0px
    }

    .box_third:nth-of-type(2n) {
        margin-right: 0px
    }

    .box_third:nth-of-type(3n) {
        margin-right: 3%
    }

    .box_third:nth-of-type(3n+1) {
        clear: none
    }

    .box_third:nth-of-type(2n+1) {
        clear: both
    }
}

@media only screen and (max-width: 900px) {
    div.previous_order_summary p {
        width: 44%
    }

    div.previous_order_summary p br {
        display: none
    }
}

@media only screen and (max-width: 500px) {
    .box_third {
        width: 90%;
        padding: 5%;
        margin: 3% 0
    }
}

#cart_items {
    float: left;
    width: 66%;
    margin-bottom: 3%
}

div.cart_item {
    clear: both;
    float: left;
    width: 100%;
    border-bottom: 1px solid #eee;
    padding-bottom: 3%;
    margin-bottom: 3%;
    display: table
}

div.cart_item > div:only-child {
    float: left;
    width: 100% !important
}

div.cart_item > div.cart_details {
    width: 86%;
    display: table-cell
}

div.cart_item p {
    margin: 0
}

div.cart_item p.name {
    color: #000;
    margin: 0;
    font-size: 16px;
    font-size: 1.6rem
}

div.cart_item .prod_gallery {
    width: 20%;
    float: left;
    margin-right: 10px
}

div.cart_item .prod_gallery img {
    width: 100%
}

div.cart_item p.name a {
    color: inherit;
    text-decoration: none
}

div.cart_item p.name a:hover, div.cart_item p.name a:active {
    text-decoration: underline
}

div.cart_item p.option {
    color: #000;
    margin: 0 0 0.25em 0;
    font-size: 16px;
    font-size: 1.6rem
}

div.cart_item p.price {
    margin: 0.5em 0 0.5em 0;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem
}

div.cart_item p.price {
    color: #000
}

div.cart_item p.remove {
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    font-size: 14px;
    font-size: 1.4rem;
    background: #BE0519;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 15px
}

div.cart_item p.remove a {
    color: inherit;
    text-decoration: none
}

div.cart_item p.remove a:hover, div.cart_item p.remove a:active, div.cart_item p.remove a:focus {
    text-decoration: none !important
}

div.cart_item p.remove a:hover, div.cart_item p.remove a:active {
    text-decoration: underline
}

div.cart_item > div.cart_quantity {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    white-space: nowrap
}

div.cart_item > div.cart_quantity input {
    display: inline-block;
    vertical-align: top
}

div.cart_item > div.cart_quantity input.quantity_button {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: normal;
    width: 2.2em;
    height: 2.2em;
    line-height: 2.2em;
    text-transform: uppercase;
    background: #eee;
    color: #666;
    border: 1px solid #ccc;
    box-sizing: border-box;
    -webkit-border-radius: 10px 0px 0px 10px;
    -moz-border-radius: 10px 0px 0px 10px;
    border-radius: 10px 0px 0px 10px
}

div.cart_item > div.cart_quantity input.quantity_button:last-of-type {
    -webkit-border-radius: 0px 10px 10px 0px;
    -moz-border-radius: 0px 10px 10px 0px;
    border-radius: 0px 10px 10px 0px
}

div.cart_item > div.cart_quantity input.quantity_input {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: normal;
    width: 2.2em;
    height: 2.2em;
    line-height: 2.2em;
    text-transform: uppercase;
    background: #fff;
    color: #666;
    text-align: center;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    box-sizing: border-box
}

#cart_total {
    float: right;
    width: 32%;
    margin-bottom: 3%;
    padding: 2%;
    background: #eee;
    box-sizing: border-box;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px
}

#cart_total > div {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding: 5% 0
}

#cart_total > div:last-of-type {
    border-bottom: 0
}

#cart_total > div#discount_line {
    display: none
}

#cart_total h2 {
    clear: both;
    float: left;
    margin: 0;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.0em
}

#cart_total h3 {
    clear: both
}

#cart_total p {
    float: right;
    margin: 0;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.0em
}

#cart_total p#delivery-p {
    max-width: 70%;
    text-align: right;
    font-size: 1.4rem
}

#cart_total p#discount_description {
    clear: both;
    width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding-top: 0.4em
}

#cart_total .proceed_to_checkout {
    display: block;
    clear: both;
    margin: 1.0em 0;
    background: #f1a31e;
    text-decoration: none;
    text-align: center
}

#cart_total .proceed_to_checkout:hover {
    background: #2D7E37
}

p#discount_link {
    font-size: 16px;
    font-size: 1.6rem;
    display: block;
    clear: both;
    margin: 1.0em 0;
    color: white;
    background: #379eee;
    text-decoration: none;
    padding: 10px 30px
}

p#discount_link a {
    text-align: center;
    text-decoration: none;
    color: white
}

p#discount_link a:hover {
    background-color: #1386df;
    text-decoration: none;
    color: white
}

#discount_code {
    clear: both;
    float: left;
    display: none;
    width: 100%;
    padding: 4% 0 2% 0;
    text-align: right
}

#discount_code p {
    margin: 0;
    width: 100%
}

#discount_code input {
    display: inline-block;
    border: 0;
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2.0em;
    height: 2.0em;
    box-sizing: border-box
}

#discount_code input:first-of-type {
    width: 75%;
    padding: 0 0.5em;
    -webkit-border-radius: 15px 0px 0px 15px;
    -moz-border-radius: 15px 0px 0px 15px;
    border-radius: 15px 0px 0px 15px
}

#discount_code input:last-of-type {
    width: 25%;
    -webkit-border-radius: 0px 15px 15px 0px;
    -moz-border-radius: 0px 15px 15px 0px;
    border-radius: 0px 15px 15px 0px
}

#total_pay {
    display: none
}

p#discount_error {
    font-size: 16px;
    font-size: 1.6rem
}

p#discount_error:empty {
    display: none
}

p#delivery_note {
    clear: both;
    font-size: 1.4em;
    text-align: left;
    width: 100%;
    float: none
}

.basket_logos, #checkout_review div.basket_logos {
    clear: both;
    text-align: left;
    padding: 2% 0;
    width: auto
}

.basket_logos span {
    float: right
}

#error {
    background: #c00;
    color: #fff;
    font-size: 1.5em;
    margin: 1em 0;
    padding: 1em;
    text-align: center
}

@-webkit-keyframes shake {
    0%, 100% {
        transform: translateX(0)
    }
    33% {
        transform: translateX(-5px)
    }
    67% {
        transform: translateX(5px)
    }
}

#discount_code.error {
    -webkit-animation-name: shake;
    -webkit-animation-duration: 150ms;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 2;
    -webkit-animation-timing-function: linear
}

@media only screen and (max-width: 1250px) {
    #cart_total .proceed_to_checkout {
        font-size: 1.8em
    }
}

@media only screen and (max-width: 900px) {
    #cart_total .proceed_to_checkout {
        font-size: 1.6em
    }

    #cart_total p#delivery-p {
        max-width: 100%;
        text-align: left
    }
}

@media only screen and (max-width: 660px) {
    #cart_items {
        float: left;
        width: 100%;
        margin-bottom: 3%
    }

    #cart_total {
        float: left;
        width: 100%;
        margin-bottom: 3%;
        padding: 2%
    }

    #cart_total p#delivery-p {
        font-size: 1.8rem
    }
}

@media only screen and (max-width: 375px) {
    div.cart_item > div.cart_details, div.cart_item > div.cart_quantity {
        width: 100%;
        display: block
    }

    div.cart_item > div.cart_quantity {
        text-align: left;
        margin-top: 1em
    }
}

p.choose_address {
    background: #eee;
    padding: 1.0em;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px
}

#checkout_error {
    background: #BE0519;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2em;
    padding: 0.75em 0;
    margin: 1.0em 0;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px
}

#checkout_error:empty {
    display: none
}

.checkout_h2 {
    clear: both;
    border-bottom: 1px solid #eee;
    line-height: 1.4em;
    margin-bottom: 1.5em
}

.checkout_details {
    margin-bottom: 3%;
    padding: 5px 20px
}

#card_number {
    background-image: url(/images/card_none.png);
    background-position: right center;
    background-repeat: no-repeat
}

#card_number.amex {
    background-image: url(/images/card_amex.png)
}

#card_number.maestro {
    background-image: url(/images/card_error.png)
}

#card_number.mastercard {
    background-image: url(/images/card_mastercard.png)
}

#card_number.visa {
    background-image: url(/images/card_visa.png)
}

#cvv {
    clear: both;
    display: none
}

#checkout_register {
    float: right;
    width: 66%;
    margin-bottom: 3%
}

#checkout_review {
    width: 66%;
    margin: auto;
    margin-bottom: 3%;
    background: #eee;
    padding: 2%;
    box-sizing: border-box;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px
}

#checkout_review > div {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding: 2% 0
}

#checkout_review > div:last-of-type {
    border-bottom: 0
}

#checkout_review > div #discount_line {
    display: none
}

#checkout_review h2 {
    clear: both;
    float: left;
    margin: 0;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.0em;
    font-weight: normal
}

#checkout_review p {
    float: right;
    margin: 0;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.0em
}

#checkout_review > p {
    clear: both;
    float: left;
    margin: 1.75em 0
}

#checkout_review p#discount_description {
    clear: both;
    width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    padding-top: 0.4em
}

p#delivery_note {
    clear: both;
    font-size: 1.3em;
    text-align: left;
    width: 100%;
    float: none;
    padding-top: 0.5em
}

#checkout_review #place_order {
    width: 100%
}

@media only screen and (max-width: 660px) {
    .checkout_details {
        float: left;
        width: 100% !important;
        padding: 0;
        margin-bottom: 3%
    }

    #payment_details p.half {
        width: 100%;
        margin-right: 0
    }
}

ol.progtrckr {
    display: table;
    list-style-type: none;
    margin: 0;
    padding: 0;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 50px
}

ol.progtrckr li {
    display: table-cell;
    text-align: center;
    line-height: 3em
}

@media (max-width: 600px) {
    ol.progtrckr li {
        line-height: 0.9em;
        padding-bottom: 8px
    }
}

ol.progtrckr[data-progtrckr-steps="2"] li {
    width: 49%
}

ol.progtrckr[data-progtrckr-steps="3"] li {
    width: 33%
}

ol.progtrckr[data-progtrckr-steps="4"] li {
    width: 24%
}

ol.progtrckr[data-progtrckr-steps="5"] li {
    width: 19%
}

ol.progtrckr[data-progtrckr-steps="6"] li {
    width: 16%
}

ol.progtrckr[data-progtrckr-steps="7"] li {
    width: 14%
}

ol.progtrckr[data-progtrckr-steps="8"] li {
    width: 12%
}

ol.progtrckr[data-progtrckr-steps="9"] li {
    width: 11%
}

ol.progtrckr li.progtrckr-done {
    color: black;
    border-bottom: 4px solid #f1a31e
}

ol.progtrckr li.progtrckr-todo {
    color: silver;
    border-bottom: 4px solid silver
}

ol.progtrckr li:after {
    content: "\00a0\00a0"
}

ol.progtrckr li:before {
    position: relative;
    bottom: -2.5em;
    float: left;
    left: 50%;
    line-height: 1em
}

ol.progtrckr li.progtrckr-done:before {
    content: " ";
    color: white;
    background-color: #f1a31e;
    height: 1.2em;
    width: 1.2em;
    line-height: 1.2em;
    border: none;
    border-radius: 1.2em
}

ol.progtrckr li.progtrckr-todo:before {
    content: "\039F";
    color: silver;
    background-color: white;
    font-size: 1.5em;
    bottom: -1.6em
}

.checkout-halfbox {
    width: 49%;
    float: left;
    display: inline-block
}

@media (max-width: 900px) {
    .checkout-halfbox {
        width: 100%
    }
}

.delivery_methods, .delivery_methods tr, .delivery_methods td {
    border: none !important
}

.payment-button {
    font-size: 24px;
    padding: 10px;
    background-color: white;
    font-weight: 700;
    color: #379eee;
    border: 1px solid #379eee
}

.clicked {
    color: white;
    background-color: #379eee
}

.find_address_btn {
    margin-top: 24px;
    width: 100%
}

.faq-title {
    display: block;
    width: 100%;
    text-decoration: none;
    font-size: 2.5em;
    color: #f1a31e;
    font-weight: 700;
    padding: 15px;
    padding-bottom: 11px
}

.faq-title:hover {
    color: #cf870d;
    text-decoration: none;
    background-color: #fafafa
}

.faq-title-selected {
    color: white;
    background-color: #f1a31e
}

.faq-title-selected:hover {
    color: white;
    background-color: #f1a31e
}

.faq-answer {
    display: none;
    border: 1px solid #f1a31e;
    padding: 15px;
    width: 100%;
    padding-bottom: 0
}

.faq-answer p {
    margin-bottom: 15px
}

.returns-input {
    width: 100%;
    background-color: white;
    color: black;
    border: none;
    font-size: 18px;
    padding: 5px
}

.returns-input .ri-row {
    width: 100%
}

.returns-table {
    width: 100%;
    display: block
}

.returns-table .left {
    font-weight: 700;
    float: left
}

.returns-table .right {
    float: right
}

.returns-table:after {
    content: '';
    clear: both;
    display: table
}

.offer_title {
    text-align: center
}

.offer_title img {
    width: 100%;
    margin: auto
}

.offer_text {
    text-align: center;
    font-size: 3em
}

.offer_brokerage {
    float: left;
    width: 100%
}

.bf-listing .prd-price {
    color: white
}

@-webkit-keyframes bg-slide {
    from {
        background-position: top
    }
    to {
        background-position: bottom
    }
}

#clouds {
    width: 100%;
    height: 10000%;
    background: url(/images/autumn-leaves.png) repeat;
    background-size: 100%;
    position: absolute;
    top: -100%;
    bottom: 0;
    left: 0;
    animation: bg-slide 300s linear infinite
}