﻿/****DANSKO LIVE******/


/************TOOLTIP*************/
.glossarizer_replaced {
    border-bottom: 1px #333 dotted;
    cursor: help;
    display: inline;
}

#tooltip {
    text-align: center;
    color: #fff;
    background: #000;
    background: rgba(0,0,0,0.8);
    position: absolute;
    z-index: 100;
    padding: 15px;
    border-radius: 5px;
    box-sizing: border-box;
}

@media only screen and (max-width: 800px) {
    #tooltip:before {
        content: 'x';
        position: absolute;
        color: #fff;
        right: 8px;
        top: 3px;
        font-size: 12px;
    }
}

#tooltip:after /* triangle decoration */ {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(0,0,0,0.8);
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
}

#tooltip.top:after {
    border-top-color: transparent;
    border-bottom: 10px solid #111;
    top: -20px;
    bottom: auto;
}


#tooltip.left:after {
    left: 10px;
    margin: 0;
}

#tooltip.right:after {
    right: 10px;
    left: auto;
    margin: 0;
}
/************END TOOLTIP*************/


@font-face {
    font-family: 'OpenSans';
    font-display: auto;
    src: local('OpenSans'), url('https://fonts.googleapis.com/css?family=Open+Sans');
}

@font-face {
    font-family: 'Poly';
    font-display: auto;
    src: local('Poly'), url('https://fonts.googleapis.com/css?family=Poly');
}

input, textarea, select {
    font: normal 13px 'OpenSans', sans-serif;
}

select {
    color: #343642;
    font: normal 14px 'OpenSans', sans-serif;
}
/***********END FONT OVERRIDES***********/
/***********COLORBOXES8******************/
.prices-stock-wrapper {
    padding: 0 20px 0 0;
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.add-to-cart-buttons-wrapper {
    padding: 0;
    margin: 30px 0 0 0;
    border-bottom: 1px solid #f1f1f1;
}

.availability {
    text-transform: uppercase;
}

.prices-stock-wrapper .stock {
    bottom: auto;
    margin-top: 50px;
}

    .prices-stock-wrapper .stock .label {
        display: block;
    }

.attribute-squares-wrapper {
    max-width: 335px;
}

.attribute-square-container {
    display: none;
}

.attribute-squares li.dansko_colorboxheader {
    display: block;
    float: left;
    width: 130px;
    clear: left;
    font-size: 12px;
    text-align: left;
    text-transform: uppercase;
}

.dansko_morecolorboxes {
    color: #da4942;
    text-align: center;
    text-decoration: underline;
    font-size: 12px;
    cursor: pointer;
    display: block;
    margin: 10px 0 0 0;
}

.dansko_moreboxes {
    display: none;
    margin: 10px 0 0 0;
}

    .dansko_moreboxes li {
        margin: 0 5px 5px 0;
    }

.dansko_smsquare {
    display: block !important;
    width: 15px !important;
    height: 15px !important;
    cursor: pointer
}

.attributes {
    margin: 0;
    padding: 0;
    border-bottom: none;
}

    .attributes dt {
        float: left;
        width: 110px;
        clear: left;
        text-transform: uppercase;
    }

    .attributes dd {
        float: left;
        clear: right;
    }

.hideall {
    display: none;
}

.chevrons {
    width: 100%;
    height: 25px;
    padding: 0;
    margin: 0;
}

    .chevrons ul {
    }

    .chevrons .leftarrow .lefticon {
        background-image: url('../img/product-thumbs-navigation-left.png');
        background-repeat: no-repeat;
        width: 16px;
        height: 16px;
        display: inline-block;
        margin-top: 3px;
    }

    .chevrons .rightarrow .righticon {
        background-image: url('../img/product-thumbs-navigation-right.png');
        background-repeat: no-repeat;
        width: 16px;
        height: 16px;
        display: inline-block;
        margin-top: 3px;
    }

    .chevrons .leftarrow {
        position: absolute;
        left: 0;
        display: block;
        width: 15px;
        height: 17px;
        color: #000;
        padding-right: 10px;
        cursor: pointer;
    }

    .chevrons .rightarrow {
        position: absolute;
        right: 0px;
        display: block;
        width: 15px;
        height: 17px;
        color: #000;
        cursor: pointer;
        padding-left: 5px;
    }

    .chevrons .inactive {
        display: none;
        color: #ccc;
        cursor: default;
    }

.item-box .chevrons .color-squares {
    height: 25px;
    display: inline-block;
    margin: 0;
    padding: 0;
}

.sliderbox {
    width: 180px;
    height: 25px;
    display: inline-block;
    padding: 2px 0 0 0;
    overflow: hidden;
    margin: 0 0 0 18px;
}

    .sliderbox.noarrows {
        margin: 0;
    }

.slidersquares li {
}

.prices-stock-wrapper .leftarrow,
.prices-stock-wrapper .rightarrow {
    display: none;
}

.prices-stock-wrapper .chevrons {
    height: auto;
}

.prices-stock-wrapper .sliderbox {
    width: 100%;
    overflow: visible;
    margin: 0;
    padding: 0;
}

/***********END COLORBOXES******************/

/***********MESSAGES******************/
.header-upper {
    margin: 0;
}

.holidaymessagebar {
    width: 100%;
    height: 30px;
    padding: 5px 0;
    background-color: #ffffff;
}

#holidaymessage {
    color: #fff;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
}

#holidaymodal {
    display: none;
}

.holidaypagemessage {
    color: #000000;
    padding: 10px;
    margin: 0 auto 20px auto;
    border: 1px solid #da2942;
    max-width: 600px;
    text-align: left;
}

.holidaycopy {
    color: #000000;
}
/***********END MESSAGES******************/

/***********SHIPPING  FEDEX******************/
#headershippingpop {
    display: none;
}

.shiphead {
    position: relative;
    margin: 0 auto;
    z-index: 1000;
    font-weight: 600;
    font-size: 16px;
}

    .shiphead em {
        font-size: 12px;
        font-weight: 200;
        text-decoration: underline;
        font-style: normal;
    }

.header-welcome-message {
    cursor: pointer;
    text-transform: uppercase;
}

.shipments ul li {
    padding: 0 0 10px 0;
}
/***********END FEDEX******************/

/************CHAT******************/
#chatlink {
    cursor: pointer;
}

    #chatlink:hover {
        color: #fff;
    }

#dansko_chatdialog {
    display: none;
}

    #chatting,
    #dansko_chatdialog.ui-dialog-content {
        height: 420px !important;
        width: 320px !important;
        position: fixed !important;
    }

#chatframe {
    width: 280px;
    height: 350px;
}

.ui-dialog-titlebar span {
    text-transform: uppercase;
    color: #da2942 !important;
}

#chatting .ui-dialog-titlebar button {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    margin: 6px;
    overflow: hidden;
    border: 1px solid #919299;
    font-size: 10px;
    color: #000;
}

#chattytab {
    position: absolute;
    z-index: 1;
    margin: -66px 0 0 0;
    cursor: pointer;
}

.mobilechattab {
    position: fixed;
    top: 350px;
    right: -58px;
    height: 30px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    z-index: 10000;
}

    .mobilechattab.chattabactive {
        right: -94px !important;
    }

    .mobilechattab img {
        height: 100%;
    }

#btnMinimize {
    margin-top: 0px;
    cursor: pointer;
}

    #btnMinimize .material-icons {
        line-height: .85;
        margin-left: -3px;
        text-transform: none;
    }

.minmax {
    float: left;
    width: 20px;
    height: 20px;
    margin: 6px;
    overflow: hidden;
    border: 1px solid #919299;
    color: #919299;
}

@media all and (max-width: 480px) {

    #chatframe {
        width: 100%;
        height: 80%;
    }

    #chatting, #dansko_chatdialog.ui-dialog-content {
        height: 100% !important;
        width: 100% !important;
        position: fixed !important;
    }
}
/**************END CHAT***************/
/**********SET DEFAULT FONT***********/
.pop_useprecisetbtn {
    background-image: url('https://images.dansko.com/gps_icon.png');
    background-repeat: no-repeat;
    background-position: 5px 5px;
    background-size: 30px;
}

.chaticon {
    content: '';
    display: block;
    width: 35px;
    height: 25px;
    position: absolute;
    left: 105px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-image: url('../img/header-links-sprite.png');
    background-repeat: no-repeat;
    background-position: 0 -663px;
    background-size: 20px;
}

.dansko_headerlinks a::before {
    content: '';
    display: block;
    width: 35px;
    height: 25px;
    position: absolute;
    left: -17px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-image: url('../img/header-links-sprite.png');
    background-repeat: no-repeat;
    background-position: 0 -163px;
    background-size: 20px;
}

.fieldset .title,
.section .title {
    font: 15px 'OpenSans', sans-serif;
}

.inputs .option-list label {
    font: 14px 'OpenSans', sans-serif;
}

.ui-dialog-titlebar {
    font: 15px 'OpenSans', sans-serif;
}

.ui-dialog-content {
    font: 14px/25px 'OpenSans', sans-serif;
}

.eu-cookie-bar-notification .text {
    font: 14px/22px 'OpenSans', sans-serif;
}

.product-selectors {
    font: 14px 'OpenSans', sans-serif;
}

.item-box .description {
    font: 15px/25px 'OpenSans', sans-serif;
}

.contact-vendor input {
    font: normal 15px 'OpenSans', sans-serif;
}

.overview .short-description {
    font: 15px/25px 'OpenSans', sans-serif;
}

.product-no-reviews,
.product-reviews-overview {
    font: normal 13px 'OpenSans', sans-serif;
}

.customer-entered-price .price-range {
    font: 15px/25px 'OpenSans', sans-serif;
}

.overview .qty-input,
.variant-overview .qty-input {
    font: normal 14px 'OpenSans', sans-serif;
}

.product-details-page .full-description {
    font: 15px/25px 'OpenSans', sans-serif;
}

.tier-prices .field-header {
    font: 14px 'OpenSans', sans-serif;
}

.product-specs-box .data-table .spec-name {
    font: 14px 'OpenSans', sans-serif;
}

.variant-overview .variant-description {
    font: 15px/25px 'OpenSans', sans-serif;
}

.attributes .option-list label {
    font: 13px 'OpenSans', sans-serif;
}

.product-reviews-page .title {
    font: 15px 'OpenSans', sans-serif;
}

.write-review .rating-wrapper > div {
    font: 15px/25px 'OpenSans', sans-serif;
}

.profile-page .topic-data {
    font: 14px/25px 'OpenSans', sans-serif;
}

.private-message-view-page .message-body {
    font: 14px/25px 'Droid Serif', serif
}

.forum-page .forum-description {
    font: 15px/25px 'OpenSans', sans-serif;
}

.forums-table-section-title {
    font: 15px 'OpenSans', sans-serif;
    ;
}

.forum-search-box .advanced a {
    font: 14px 'OpenSans', sans-serif;
}

.forum-pages-body .topic-block-body {
    font: 15px/25px 'OpenSans', sans-serif;
}

.current-time {
    color: #909090;
    font: 14px 'OpenSans', sans-serif;
}

.blog-posts .buttons .read-comments {
    font: 14px 'OpenSans', sans-serif;
}

.blog-page .tags li,
.blogpost-page .tags li {
    font: 14px 'OpenSans', sans-serif;
}

.post-date,
.news-date {
    font: 14px 'OpenSans', sans-serif;
}

.sitemap-page .entity-title h2 {
    font: 15px 'OpenSans', sans-serif;
}

.sitemap-page .description {
    font: 15px/25px 'OpenSans', sans-serif;
}

.order-details-page .tax-shipping-info,
.order-details-page .selected-checkout-attributes {
    font: 15px 'OpenSans', sans-serif;
}

.order-details-area ul,
.shipment-details-area ul {
    font: 15px/25px 'OpenSans', sans-serif;
}

.opc .pickup-in-store .selector,
.opc .ship-to-same-address .selector,
.opc .use-reward-points {
    font: 13px/25px 'OpenSans', sans-serif;
}

.opc .step-title * {
    font: 16px 'OpenSans', sans-serif;
}

.order-completed .order-number strong {
    font: 15px/25px 'OpenSans', sans-serif;
}

.order-review-data .title:first-child,
.shipment-overview .title:first-child,
.order-details-area .title:first-child,
.shipment-details-area .title:first-child {
    font: 15px 'OpenSans', sans-serif;
}

.order-review-data ul,
.shipment-overview ul {
    font: 15px/25px 'OpenSans', sans-serif;
}

.checkout-page .order-review-data .title {
    font: 15px/25px 'OpenSans', sans-serif;
}

.payment-info .info td:only-child {
    font: 14px/25px 'OpenSans', sans-serif;
}

.use-reward-points {
    font: 14px/25px 'OpenSans', sans-serif;
}

.shipping-method .method-description {
    font: 14px/25px 'OpenSans', sans-serif;
}

.checkout-page .select-pickup-point ul {
    font: 14px/25px 'OpenSans', sans-serif;
}

.checkout-page .pickup-in-store,
.checkout-page .ship-to-same-address,
.checkout-page .min-order-warning {
    font: 14px/25px 'OpenSans', sans-serif;
}

.checkout-page .address-item li {
    font: 14px/25px 'OpenSans', sans-serif;
}

.order-summary-content .tax-shipping-info {
    font: 14px 'OpenSans', sans-serif;
}

.shipping-results {
    font: 14px/25px 'OpenSans', sans-serif;
}

.cart-collaterals .hint {
    font: 14px/25px 'OpenSans', sans-serif;
}

.cart-collaterals .title {
    font: 15px 'OpenSans', sans-serif;
}

.cart-options .selected-checkout-attributes {
    font: 15px 'OpenSans', sans-serif;
}

.cart-options .checkout-attributes ul {
    font: 14px 'OpenSans', sans-serif;
}

.shopping-cart-page-body .no-data {
    font: 15px/25px 'OpenSans', sans-serif;
}

.avatar-page .info {
    font: 14px 'OpenSans', sans-serif;
}

.back-in-stock-subscription-list-page .description,
.reward-points-overview {
    font: 15px 'OpenSans', sans-serif;
}

.return-request-list-page .request-item .details {
    font: 15px/25px 'OpenSans', sans-serif;
}

.account-page .description,
.no-data {
    font: 14px 'OpenSans', sans-serif;
}

.password-recovery-page .tooltip {
    font: 15px 'OpenSans', sans-serif;
}

.login-page .external-authentication .title,
.registration-page .external-authentication .title {
    font: 14px/32px 'OpenSans', sans-serif;
}

.login-page .returning-wrapper .forgot-password {
    font: 14px 'OpenSans', sans-serif;
}

.login-page .new-wrapper .text {
    font: 14px/32px 'OpenSans', sans-serif;
}

.login-page .title {
    font: 15px 'OpenSans', sans-serif;
}

.accept-consent {
    font: 15px 'OpenSans', sans-serif;
}

.email-to-revalidate {
    font: 14px 'OpenSans', sans-serif;
}

.email-a-friend-page .title h2 {
    font: 15px 'OpenSans', sans-serif;
}

.contact-page .topic-block-body,
.apply-vendor-page .topic-block-body {
    font: 15px/25px 'OpenSans', sans-serif;
}

.contact-page .topic-block-title h2,
.apply-vendor-page .topic-block-title h2 {
    font: 15px 'OpenSans', sans-serif;
}

.topic-page .page-body {
    font: 15px/25px 'OpenSans', sans-serif;
}

.compare-products-table tr > *:first-child {
    font: 14px 'OpenSans', sans-serif;
}

.wishlist-content .tax-shipping-info {
    font: 15px 'OpenSans', sans-serif;
}

.product-review-helpfulness {
    font: 14px/23px 'OpenSans', sans-serif;
}

.product-review-item .review-info .date span {
    font: 13px 'OpenSans', sans-serif;
}

.product-review-item .review-text,
.review-content .reply-text {
    font: 14px/23px 'OpenSans', sans-serif;
}

.product-review-list .title {
    padding: 10px;
    margin: 0 0 2px;
    border-bottom: 1px solid #f1f1f1;
    text-align: center;
    font: 15px 'OpenSans', sans-serif;
    font-style: normal;
}

.write-review .tooltiptext {
    font: 14px/23px 'OpenSans', sans-serif;
}

#check-availability-button {
    font: 14px 'OpenSans', sans-serif;
}


/**********END FONT OVERRIDES**********/

h1, h2, h3, h4, h5, h6 {
    font-family: 'OpenSans', sans-serif;
}

body {
    max-width: 100%;
    background: #fff;
    font: normal 14px 'OpenSans', sans-serif;
    color: #919299;
    overflow-x: hidden;
}

.topic-page .page-body {
    text-align: left;
    font-family: 'OpenSans', sans-serif;
    font-style: normal;
}

.topic-page a {
    color: #919299;
}

    .topic-page a:hover {
        text-decoration: underline;
    }

.privacypolicypage a {
    text-decoration: underline;
    color: blue;
}

.ui-dialog {
    z-index: 1150;
}

.ui-dialog-titlebar {
    font-family: 'OpenSans', sans-serif;
}

    .ui-dialog-titlebar button {
        font-size: 0 !important;
    }

.ui-dialog-content {
    height: auto !important;
    padding: 20px;
    text-align: center;
    background: #fafafa;
    color: #919299;
    font: 14px/25px 'OpenSans', sans-serif;
    font-style: italic;
}

select {
    color: #919299;
    font: normal 13px 'OpenSans', sans-serif;
}

.custom-select-text {
    color: #919299;
    font: normal 13px 'OpenSans', sans-serif;
    padding: 12px 35px 12px 10px;
}

input, textarea, select {
    color: #919299;
    font: normal 14px 'OpenSans', sans-serif;
}

    input[type="text"],
    input[type="password"],
    input[type="email"],
    input[type="tel"],
    textarea, select,
    .inputs .custom-select {
        border: 1px solid #919299;
        border-top-color: #919299;
        border-right-color: #919299;
        border-bottom-color: #919299;
        border-left-color: #919299;
    }

.attributes dd select:only-of-type {
    border-right: 1px solid #919299;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus {
    border-color: #919299;
}

.ui-dialog-content {
    font: 14px/25px 'OpenSans', sans-serif;
}

.product-title {
}

.page-title h1 {
    color: #919299;
}

.accept-privacy-policy {
    color: #919299;
    font: 15px 'OpenSans', sans-serif;
    font-style: normal;
}

    .accept-privacy-policy label {
    }

input[type="button"],
input[type="submit"],
button,
.button-1,
.button-2 {
    font-size: 14px !important;
    font-family: 'OpenSans', sans-serif;
}

.nop-jcarousel .slick-prev,
.nop-jcarousel .slick-next {
    font-size: 0px !important;
}

.overview .add-to-wishlist-button,
.overview .add-to-compare-list-button,
.overview .email-a-friend-button,
.overview .subscribe-button,
.download-sample-button {
    color: #919299;
    font-size: 14px;
}

.overview .qty-input,
.variant-overview .qty-input {
    font: normal 14px 'OpenSans', sans-serif;
    color: #919299;
    border-color: #919299;
}

.product-selectors {
    font: 14px 'OpenSans', sans-serif;
    color: #919299;
}

.header-social-icons {
    position: absolute;
    z-index: 10;
    right: 40px;
    width: 160px;
}

.block.block-popular-tags,
.product-tags-box {
    display: none !important;
}

#quickTabs {
    margin: 60px 0 60px;
}

.gallery {
    margin: 0 0 20px;
}

    .gallery .picture-wrapper .picture a {
        width: 100%;
    }

.cart-wrapper .ico-cart-total {
    background: #da2942 url('../img/shopping-cart-hover.png') left 15px center no-repeat;
}

.cart-wrapper .ico-cart::before {
    background-color: #da2942;
}

#picture-thumbs-carousel {
    height: 110px;
    overflow: hidden;
}
/****END BASE THEME OVERRIDES******/

#holidaymessage em {
    font-size: 10px;
    text-decoration: underline;
    font-style: normal;
}

.message {
    color: #da2942;
}

.mobile,
.theme-mobile,
.tablet {
    display: none !important;
}

.dansko_clear {
    clear: both;
}

.breadcrumb {
    background: #fafafa;
    color: #919299;
    font-family: 'OpenSans', sans-serif;
    margin: 0 0 40px;
}

.header-logo {
    float: left;
    width: 240px;
    height: 64px;
    margin: 0;
    text-align: left;
    display: table;
    padding-top: 15px;
}

    .header-logo a img {
        max-height: 60px;
    }

.header-menu > ul > li > a, .header-menu > ul > li > span {
    font-size: 18px;
    font-weight: 400;
}

.store-search-box input.search-box-text {
    font: normal 12px 'OpenSans', sans-serif;
}

.header-links .my-account-dropdown-wrapper {
    position: absolute;
    display: block;
    top: 0px;
    right: 220px;
    width: 120px;
}

.header-links-selectors-wrapper {
    position: absolute;
    display: block;
    color: #fff;
    width: 100%;
}

.header-links-wrapper {
    position: absolute;
    display: block;
    margin: 0 0 20px;
    width: 100%;
}

.dansko_headerlinks {
    float: left;
}

.header-upper {
    background: #282828;
    text-align: center;
}

.header-welcome-message {
    background: #282828;
    color: #fff;
    width: 100%;
    margin: 0;
    text-align: center;
    display: inline-block;
}

.iconblock {
    display: inline-block;
    width: 10px;
    padding-right: 25px;
    height: 15px;
}

    .iconblock .material-icons {
        position: absolute;
    }

.headerretailer {
    display: inline-block;
}

.headerchat {
    display: inline-block;
}

.chatlink {
    cursor: pointer;
}

select option:disabled {
    background-color: #ebebeb !important;
}

.home-page-category-grid .category-item-count {
    display: none !important;
}

.sub-category-grid {
    display: none;
}

#quickTabs .custom-tab {
    font-family: 'OpenSans', sans-serif;
    text-align: left;
    font-style: normal;
}

.product-details-page .ui-tabs .full-description {
    font-family: 'OpenSans', sans-serif;
    text-align: left;
}

.halfnewspop {
    width: 55%;
}

.newsletter-subscribe-popup,
.newsletter-subscribe-popup-title,
.newspetter-popup-inputs label {
    font-family: 'OpenSans', sans-serif !important;
    background-size: contain;
}

.newsletter-subscribe-popup-description {
    font-size: 18px !important;
    font-family: 'OpenSans', sans-serif !important;
}

.newsletter-subscribe-popup-title {
    margin: 0 0 40px !important;
}

.popprivacy {
    font-size: 12px;
    font-family: 'OpenSans', sans-serif !important;
}

.quickView .overview .prices {
    padding: 0 0 0px;
}

.quickView .overview .email-a-friend-button {
    width: 31px;
    height: 31px;
    font-size: 0 !important;
    padding: 0;
}
/****GIFT CARD BOX ON DETAIL*****/
.cart-collaterals .coupon-code {
    background: none;
}

.giftcardbalance {
    float: left;
    width: 43%;
    margin: 0 auto 10px;
}

    .giftcardbalance .giftcard-box {
        margin: 0 0 10px;
        padding: 25px;
        background: #fafafa;
    }

    .giftcardbalance .coupon-code input[type="submit"] {
        float: right;
        width: 100%;
    }

    .giftcardbalance .button-2 {
        display: inline-block;
        padding: 8.5px 20px;
        font-size: 12px;
        background: #da2942;
        border: none;
        color: #fff;
        text-transform: uppercase;
        -webkit-transition: all .10s ease-in-out;
        -moz-transition: all .10s ease-in-out;
        transition: all .10s ease-in-out;
        width: 100%;
        margin-bottom: 10px;
    }

    .giftcardbalance .message {
        padding-top: 20px;
    }

.giftcard-box .hint {
    margin-bottom: 10px;
}

#giftcardcouponcode {
    width: 48%;
    margin-bottom: 10px;
}
/****MEGA MENU********/
.subcategories li {
}

.box:nth-of-type(2) li {
    display: block;
    float: left;
    width: 50%;
}
/*.box li {
    display: block;
    float: left;
    width: 50%;
}*/
/***LANDING FILTERS***/
.filter-block {
    margin: 0 auto;
    padding: 0 !important;
}

.block.block-category-navigation {
    display: none;
}
/***DETAIL and LANDING*****/
.playoverlay {
    position: absolute;
    width: 80px;
    height: 100px;
    z-index: 1000;
    cursor: pointer;
    margin-left: 5px;
}

    .playoverlay img {
        width: 100%;
    }

.mrvideopopper {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10000;
    display: none;
    overflow: hidden;
}

    .mrvideopopper iframe {
        margin: -17% auto 0 !important;
        display: block;
        width: 100%;
        height: 100%;
    }

.quickView .gallery .picture a img {
    position: absolute;
}

.gallery.sevenspikes-cloudzoom-gallery .picture-wrapper {
    background-color: #000;
}

    .gallery.sevenspikes-cloudzoom-gallery .picture-wrapper img {
        opacity: 0.97;
        width: 100%;
    }

.gallery .picture a,
.gallery .picture img,
.gallery .picture-thumbs img,
.variant-picture img {
    margin-bottom: 0px;
}

.picture-thumbs-navigation-arrow {
    background-color: rgba(255,255,255,.2);
}

.gallery .picture-thumbs-navigation-arrow,
.gallery .picture-thumbs {
    z-index: 10000;
}

.gallery img {
    opacity: 0.95;
}

.item-box .picture, .cloudzoom-gallery.thumb-item {
    background-color: #000;
}

    .item-box .picture img, .cloudzoom-gallery.thumb-item img {
        opacity: 0.95;
        width: 100%;
        margin: 0;
        -webkit-transform: none;
    }

.item-box .buttons {
    position: relative;
    display: block;
    z-index: 100;
    margin-left: 10px !important;
}

.attributes dl {
    margin-top: 10px;
}

.add-to-cart-buttons-wrapper {
    margin: 0;
}

.product-box-add-to-cart-button {
    display: none;
}

.availability {
    display: block;
    width: 100%;
}

.giftcard {
    margin: 0 0 30px 0;
}

.popright {
    float: right;
    text-decoration: underline;
    cursor: pointer;
    margin: 0 20px 0 0;
    width: 180px;
    clear: both;
}

.sizepop {
    text-decoration: underline;
    cursor: pointer;
    margin: 0 20px 0 0;
}

.clogpop {
    text-decoration: underline;
    cursor: pointer;
    margin: 0 20px 0 0;
}

.overview .attributes dt {
    display: none;
}

.overview .product-name h1 {
    font-family: 'Poly', serif;
}

.ui-tabs .ui-tabs-nav {
    padding-top: 0;
    background: #fff;
}

    .ui-tabs .ui-tabs-nav li {
        border-right: 5px solid #fafafa;
    }

    .ui-tabs .ui-tabs-nav > li:first-child {
        border-left: 5px solid #fafafa;
    }

    .ui-tabs .ui-tabs-nav li a {
        display: inline-block;
        min-width: 130px;
        max-width: 100%;
        font-size: 14px;
        text-transform: uppercase;
        padding: 12px;
        border-top: 1px solid #fafafa;
    }

.ui-tabs .ui-tabs-panel {
    background: #fafafa;
}

    .ui-tabs .ui-tabs-panel p {
        font-family: 'OpenSans', sans-serif;
    }

.product-details-page .full-description {
    font-style: normal;
}

.category-description p,
.manufacturer-description p,
.full-description p,
.topic-html-content p,
.topic-page p, .post-body p,
.news-body p, .custom-tab p {
    font-family: 'OpenSans', sans-serif;
}

.newsletterinfo {
    position: absolute;
    margin: -25px 0 0 45px;
    width: 80%;
    font-size: 14px;
    color: #919299;
    white-space: normal;
}

#tabvideo, .tabvideo {
    display: block;
    margin: 0 auto 20px auto;
}

#picture-thumbs-carousel {
    height: 110px;
    overflow: hidden;
}
/*****YotPo ******/
.starless {
    color: #e1e2e1 !important;
}
/*****End YotPo ******/
/*****BLOG ******/
.blog-pages-body .center-2 {
    width: 100%;
}

.blog-pages-body p {
    font-size: 16px;
    padding-bottom: 10px;
    margin: 0;
}

.blog-pages-body .post-date {
    font-family: 'OpenSans', sans-serif;
}

.blog-pages-body .center-2 img {
    width: 100%;
}

.blog-pages-body .side-2 {
    display: none;
}

#videoModal {
    display: none;
}

.blogdialog .ui-dialog-content {
    width: 960px !important;
    background: #000 !important;
}

.blogdialog .ui-dialog-titlebar {
    display: none;
}

#PlayButton {
    position: absolute;
    z-index: -1;
    height: 300px;
    width: 100%;
}

    #PlayButton img {
        width: 6%;
        margin: 250px auto 0 47%;
        cursor: pointer;
    }

.ytvideo, #ytvideo, .bigblogimage {
    display: none;
}

#myModal {
    z-index: 25000;
    position: fixed;
    display: none;
}

    #myModal .closex {
        position: absolute;
        right: 0px;
        margin-top: -20px;
        width: 20px;
        background: #000 !important;
        color: #fff !important;
        cursor: pointer;
    }


.blogouter {
    margin: 0 0 20px 0;
}

.blogbox {
}

.blogleft {
    width: 60%;
    height: 405px;
    float: left;
}

.blogright {
    width: 40%;
    padding: 0 0 0 20px;
    float: right;
}

.blogleft iframe {
    width: 100%;
    height: 100%;
}

.blog-post-body .main-slider-wrapper {
}

.blog-post-item .blogright,
.rich-blog-homepage .blogright {
    width: 100%;
    height: auto;
    float: none;
    padding: 0;
}
/***COMPANY STORE*****/
#divright {
    float: left;
    width: 45%;
    margin-left: 5%;
}

#divleft {
    float: left;
    width: 50%;
}
/***END COMPANY STORE*****/
/****FOOTER**********/
.footer-block {
    width: 22%;
}

    .footer-block.first {
        width: 34%;
    }

        .footer-block.first .title {
            margin: 5px 0 10px;
        }

.footersubscribe {
    margin: 10px 0 0 0;
}

.footernote {
    font-size: 12px;
    margin-top: 5px;
}

.footer-block.first .button-1 {
    background-color: #da2942 !important;
    color: #fff !important;
    text-transform: uppercase;
    width: 100px;
    height: 40px;
    display: inline-block;
    border: none;
    cursor: pointer;
}

.social-sharing li {
    margin: 0 4px 8px;
    height: 38px;
}

.social-sharing a {
    width: 30px;
    height: 30px;
}

.copyterms {
    width: 100%;
    display: block !important;
    color: #919299 !important;
}

    .copyterms ul {
        list-style-type: none;
        display: block;
        width: 90%;
        margin: 0 auto;
    }

        .copyterms ul li {
            display: block;
            float: left;
            width: 20%;
        }

            .copyterms ul li a:link,
            .copyterms ul li a:active,
            .copyterms ul li a:visited,
            .copyterms ul li a:hover {
                color: #919299 !important;
            }
/***END FOOTER******/
/*****CONTACTUS******/
.contact-top {
    max-width: 590px;
    margin: 0 auto 30px;
    padding: 30px;
    background: #fafafa;
    position: relative;
}

.contactbox {
    width: 28%;
    color: #919299;
    float: left;
    font-size: 11px;
}

    .contactbox .iconblock {
        float: left;
        color: #da2942;
    }

.textblock {
    float: left;
}

#cs {
    width: 38%;
}

#phone {
    width: 24%;
}

#cs, #phone {
    margin-right: 3%;
}

.medgrey {
    font-weight: 600;
    font-size: 11px;
    text-transform: uppercase;
}

.hiddenarea {
    display: none;
}

.topiclist {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .topiclist li {
        display: none;
    }

.fieldset p {
    padding: 10px 0;
    font-size: 14px;
}

.message {
    color: #da4942;
}

.order {
    display: none;
}

/*****FAQS*********/
.faqheader {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
    color: #da2942;
    margin: 0;
    cursor: pointer;
    padding: 15px 0 10px 0;
}

.topic-page ul .faqspage ol, .topic-page ul .faqspage ul, .faqs {
    padding: 0 !important;
    margin: 0 !important;
    list-style-type: none !important;
}

.faq p, .ans p {
    padding: 0px 0px 5px 0px;
    margin: 0;
}

.faq {
    color: #454545;
    font-weight: 600;
    padding: 5px 0px 5px 0px;
}

.ans {
    color: #919299;
    padding: 0;
}
/********END FAQS***********/
/*********SHOE SIZE************/
.sizecharts h2 {
    padding: 0;
    margin: 20px 0 10px 0;
    text-transform: uppercase;
    color: #919299;
    font-weight: 400;
}

.fit_table {
    background-color: #919299;
    border-color: #6e7072;
}

    .fit_table th {
        color: #fff;
        background-color: #da2942;
        width: 50px;
    }

    .fit_table td {
        color: #919299;
        text-align: center;
        white-space: nowrap;
        width: 60px;
    }

.mobile .fit_table tr:nth-child(2n+1), .nonmobile .fit_table td:nth-child(2n+1) {
    background-color: #fff;
}

.mobile .fit_table tr:nth-child(2n), .nonmobile .fit_table td:nth-child(2n) {
    background-color: #fafafa;
}

th {
    text-align: left;
}

.sizecharttable td, .sizecharttable th, .fit_table td, .fit_table th {
    border: 1px solid #000;
    padding: 2px 5px;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

#fitvideo {
    display: block;
    float: left;
    margin: 10px 20px 0 0;
}

/************END SHOE SIZE****************/
/*****SHIPPING INFO*****************/
.shippinginfo table th {
    padding: 5px;
    border: 1px solid #919299;
    background-color: #fafafa;
}

.shippinginfo table td {
    padding: 5px;
    border: 1px solid #919299;
    font-size: 12px;
}

.shippinginfo ul {
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
}

.shipping-results .option-description {
    display: block;
}
/***END SHIPPING**************/
.orderstatuspage {
    max-width: 590px;
    margin: 0 auto 90px;
    padding: 30px;
    position: relative;
}

    .orderstatuspage p {
        padding: 0 0 10px 0;
    }

    .orderstatuspage .inputs,
    .orderstatuspage .buttons {
        margin: 10px 0;
    }

    .orderstatuspage .button-1 {
        display: inline-block;
        margin: 0 5px;
        font-size: 14px;
        border: none;
        text-transform: uppercase;
        padding: 15px 35px;
        background: #454545;
        color: #fff;
        -webkit-transition: all .10s ease-in-out;
        -moz-transition: all .10s ease-in-out;
        transition: all .10s ease-in-out;
    }

    .orderstatuspage .data-table td {
        min-width: 30px;
        border: 1px solid #fafafa;
        background: #fff;
        padding: 20px;
    }

    .orderstatuspage .unit-price,
    .orderstatuspage .sku,
    .orderstatuspage .product,
    .orderstatuspage .total,
    .orderstatuspage .attributes {
        font-size: 12px;
    }

    .orderstatuspage .data-table td,
    .orderstatuspage .data-table th {
        font-size: 12px;
        border: 1px solid #919299;
    }
/**COMPANY WE KEEP****/
.topic-page .page-body {
    background-color: #fff;
}

.about-us-menu {
    float: left;
    width: 25%;
    margin-right: 10%;
    padding-right: 0;
    text-transform: uppercase;
    font-size: 16px;
    border-right: 1px solid #919299;
    font-style: normal;
}

    .about-us-menu ul {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

    .about-us-menu li {
        display: block;
        padding-bottom: 15px;
        color: #454545;
    }

    .about-us-menu ul li ul {
        clear: both;
        margin: 10px 0 0 20px;
        display: block;
        width: 100%;
    }

        .about-us-menu ul li ul li {
            font-size: 14px;
        }

    .about-us-menu ul li a {
        color: #454545;
    }

        .about-us-menu ul li a:hover {
            color: #da2942;
            text-decoration: underline;
        }

.about-us-pages {
    float: left;
    width: 65%;
    font-style: normal;
}

    .about-us-pages p {
        padding-top: 0;
        margin-top: 0;
        font-style: normal;
        color: #919299;
        font-size: 14px;
        font-weight: normal;
    }

    .about-us-pages h3 {
        color: #454545;
        font-style: normal;
        margin: 30px 0 20px 0;
    }

.quote, .quoteme {
    font-size: 16px;
    color: #da2942;
    font-style: normal;
    font-weight: bold;
}

.quoteme {
    text-align: right;
    padding-right: 75px;
    margin-bottom: 20px;
}


.companywekeep h1, h3 {
    /*color: #da2942;*/
}

.companywekeep img {
    width: 50px;
    float: left;
    padding: 0px 10px 0px 0px;
}

.companywekeep li {
    list-style-type: none;
}

.companystore .fleft,
.companystore .fright {
    float: left;
    width: 50%;
    margin-bottom: 20px;
}

.companynote {
    font-size: 12px;
    font-style: italic;
    margin-bottom: 20px;
    display: block;
}

.contenttopimages {
    margin-bottom: 30px;
}

    .contenttopimages img {
        width: 50%;
        float: left;
    }
/*****PRO-COMP DEAL PAGE*******/
.prodeals img {
    width: 100%;
}
/*RETURN PAGE*/
.returnsexchanges A:link,
.returnsexchanges A:visited,
.returnsexchanges A:active,
.returnsexchanges A:hover,
.returnsexchanges .chatlink {
    color: #da2942;
}

    .returnsexchanges .chatlink:hover {
        text-decoration: underline;
    }
/************ DANSKO ONE PAGE CHECKOUT OVERRIDES *************/

.ccinfo {
    width: 100%;
}

.ccdate {
    width: 75%;
    float: left;
}

.cccvv {
    width: 25%;
    float: left;
}

    .ccdate label, .cccvv label {
        clear: both;
        display: block;
    }

.cart td.product {
    padding: 20px 20px;
}

.cart td.product-picture {
    min-width: 100px;
    padding: 20px;
}

.ropc {
    width: 600px;
    margin: 0 auto;
}

    .ropc .cc_icons {
        width: 300px;
        margin: 0 auto 10px;
        text-align: center;
    }

        .ropc .cc_icons img {
            width: 100%;
        }

        .ropc .cc_icons span {
            display: inline-block;
            width: 60px;
            height: 30px;
        }

        .ropc .cc_icons i {
            display: inline-block;
            font-size: 24px;
            color: #000;
        }

    .ropc .panel {
        float: none;
        width: 100%;
    }

.ordersplaced {
    font-style: italic;
    font-size: 12px;
    background: #f8f8f8;
    padding: 5px;
    text-align: center;
}

.ropc .shipping-method .method-list,
.ropc .payment-method .method-list {
}

.ropc .shipping-method .method-name {
    color: #000;
}

.ropc .shipping-method .method-description {
    font: 12px 'OpenSans', sans-serif;
}

.payment-method .method-list {
    display: none;
}

.checkoutjoinemail {
    margin-top: 30px;
    clear: both;
    padding-top: 10px;
}

.checkoutemailinput {
    display: inline-block;
    margin: 0 10px 0 0;
}

.checkoutemailtext {
    display: inline-block;
    font-size: 14px;
}

.checkoutemailterms {
    margin: 0 0 10px 28px;
    font-style;
    italic;
    font-size: 14px;
}

#addToEmailList {
    margin-top: -9px;
}

.cart-total-left .selected-shipping-method {
    display: inline-block;
    clear: left;
}

.ropc .giftcard-box-panel input[type="text"] {
    border: 1px solid #919299;
    height: 36px;
}
/************ END DANSKO OVERRIDES *************/

/***********SHIPPING POP UP********************/
#holidaymessage em {
    font-size: 10px;
    text-decoration: underline;
    font-style: normal;
}

.smred {
    color: #da2942;
    font-size: 15px;
}

.smblack {
    color: #000;
}

.shipmessagetable {
    margin: 10px 0;
    width: 100%;
}

    .shipmessagetable td {
        font-size: 12px;
        line-height: 16px;
        border: 1px solid #454545;
        padding: 5px;
        width: 50%;
        color: #000;
    }
/*******END SHIPPOP*******************************/
/****AUTHENTICITY*********/
.authenticity a:link,
.authenticity a:active,
.authenticity a:visited,
.authenticity a:hover {
    color: #da2942 !important;
}
/***END AUTHENTICITY******/

/************STORE FINDER*************************/
/***STORE FINDER****/
.dansko_storefinderwidget {
    margin: 20px 0 20px 0;
    clear: both;
}

.dansko_stores {
    height: 130px;
    overflow: hidden;
    border: 1px solid #fafafa;
}

.dansko_stores_expanded {
    height: 330px;
    overflow-y: auto;
    border: 1px solid #fafafa;
}

.dansko_stores ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
}

    .dansko_stores ul li {
        display: inline-block;
        float: left;
        width: 100%;
        margin: 0 0 1% 0;
        padding: 5px;
        font-size: 12px;
    }

.dansko_sf_distance {
    float: right;
}

.dansko_showmorestores {
    text-decoration: underline;
    padding: 10px 0;
    text-align: center;
    color: #da2942;
    cursor: pointer;
}

.dansko_sf_header {
    text-transform: uppercase;
}

.dansko_sf_gotbtn {
    background-color: #da2942 !important;
    color: #fff !important;
    text-transform: uppercase;
    width: 100px;
    height: 40px;
    display: inline-block;
    border: none;
    cursor: pointer;
}

.dansko_sf_zip {
    margin-left: 20px;
    width: 150px;
    text-transform: uppercase;
}

.tabs {
}

.popetailerlist {
    float: left;
    width: 60%;
}


    .popetailerlist ul,
    .popuetailerlist ul {
        margin-top: 20px;
        display: block;
    }

    .popetailerlist ul {
        border-right: 1px solid #919299;
        margin-right: 5%;
    }

        .popetailerlist ul li {
            padding: 5px 0;
            width: 32%;
            display: inline-block;
            text-align: left;
            float: left;
            font: normal 13px 'OpenSans', sans-serif;
        }

.popuetailerlist {
    float: left;
    width: 40%;
}

    .popuetailerlist ul li {
        padding: 5px 0;
        float: left;
        width: 50%;
        display: inline-block;
        text-align: left;
        font: normal 13px 'OpenSans', sans-serif;
    }

        .popuetailerlist ul li.oh-canada {
            clear: left;
            width: 100%;
            margin-top: 20px;
        }

.tab {
    width: 200px;
    text-align: center;
    color: #da2942;
    padding: 5px;
    margin-right: 5px;
    float: left;
    background-color: #fafafa;
    cursor: pointer;
}

.ttactive {
    background-color: #fff;
}

.tabcontent {
    display: none;
    padding: 5px;
    background-color: #fff;
}

    .tabcontent.tabactive {
        display: block;
    }

#map {
    width: 660px;
    height: 450px;
    border: 1px solid #000;
    float: right;
}

#storelist {
    width: 240px;
    height: 450px;
    overflow-y: auto;
    padding: 5px;
    float: left;
}

    #storelist a:link,
    #storelist a:active,
    #storelist a:visited,
    #storelist a:hover,
    .danskostores a:link,
    .danskostores a:active,
    .danskostores a:visited,
    .danskostores a:hover {
        font-size: 9px;
        text-decoration: underline;
    }

#detaileventmap {
    width: 660px;
    height: 450px;
    border: 1px solid #000;
    float: right;
}

#eventmap {
    width: 100%;
    height: 450px;
    border: 1px solid #000;
    margin-bottom: 20px;
}

.detaileventmap {
    width: 60%;
}

.detaileventlist {
    width: 240px;
    height: 450px;
    overflow-y: auto;
    padding: 5px;
    float: left;
}

    .detaileventlist li {
        text-align: left;
        font-size: 11px;
    }

.popevent {
    float: right;
    background-color: #da2942;
    color: #fff;
    padding: 3px 5px;
    text-transform: uppercase;
    font-size: 10px;
    cursor: pointer;
}

#storelist .popevent {
    padding: 2px 5px;
    font-size: 9px;
}

.detailpope {
    display: inline-block;
    padding: 0;
    background-color: #fff;
    color: #da2942;
    font-size: 11px;
    text-decoration: underline;
}

#eventscroll {
    height: 390px;
    overflow-y: auto;
    display: block;
}

.cmore {
    display: none;
}

.eventlist {
    width: 97%;
    margin-left: 3%;
    position: relative;
}

    .eventlist li {
        background-color: #fff;
        padding: 10px;
    }

        .eventlist li:nth-child(even) {
            background-color: #fafafa;
        }

    .eventlist .popicon {
        margin-left: -35px;
    }

.detaileventlist .eventlist {
    width: 95%;
    margin-left: 5%;
}

    .detaileventlist .eventlist li {
        text-align: left;
        line-height: normal;
        font: normal 11px 'OpenSans', sans-serif;
        padding: 3px 3px 3px 30px;
        margin: 0 0 3px 0;
        color: #000;
    }

.detaileventlis .eventlist li:nth-child(even) {
    background-color: #fafafa;
}

.detaileventlist .eventlist .popicon {
    margin-left: -25px;
}

.ebox {
    float: left;
}

.e0 {
    width: 15%;
}

.e1 {
    width: 25%;
}

.e2 {
    width: 60%;
}

.eventheaders .ebox {
    color: #fff;
    background-color: #919299;
    border: 1px solid #fff;
    padding: 3px 0 3px 13px;
    margin-bottom: 10px;
    display: block;
}

.eventheaders .e0 {
    width: 17%;
}

.eventheaders .e1 {
    width: 23%;
}

.eventheaders .e2 {
    width: 59%;
}

.twc,
.twc a:link,
.twc a:active,
.twc a:visited,
.twc a:hover {
    color: #2b3077;
}

    .twc a:hover {
        text-decoration: underline;
    }

.odd {
    background-color: #fafafa;
}

.even {
    background-color: #fafafa;
}

#storelist ol {
    display: block;
    list-style-type: upper-alpha;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

    #storelist ol li {
        display: block;
        text-align: left;
        line-height: normal;
        font: normal 11px 'OpenSans', sans-serif;
        padding: 3px 3px 3px 30px;
        margin: 0 0 3px 0;
        color: #000;
    }

.storenamelink {
    text-decoration: underline;
    cursor: pointer;
}

#mdialog {
    display: none;
}

.mapper {
    text-transform: uppercase;
    text-decoration: underline;
    cursor: pointer;
}

#storefinding, #storefinding .ui-dialog-content {
    width: 960px !important;
    position: fixed !important;
}

div.ui-widget-overlay.custom-overlay {
    background-color: black;
    background-image: none;
    opacity: 0.9;
    z-index: 10400;
}
/***STORE FINDER PAGE****/
.storepage {
}

.dansko_clear {
    clear: both;
}

.mapright {
    margin-top: 10px;
    width: 70%;
    height: 450px;
    float: left;
    margin-left: 1%;
}

#bigmap {
    width: 100%;
    height: 450px;
}

h2 {
    padding-bottom: 5px;
}

.storepage .tabs {
    position: absolute;
    margin-top: -28px;
}

.storepage .tab {
    background-color: #fff;
    border-right: 3px solid #fafafa;
    border-top: 3px solid #fafafa;
    color: #919299;
    margin: 0;
}

.storepage .tabs > .tab:first-child {
    border-left: 3px solid #fafafa;
}

.storepage .tabcontent {
    min-height: 540px !important;
    height: auto !important;
    padding-top: 10px;
    border-top: 3px solid #fafafa;
    background-color: #fff;
}

.storepage .tab.ttactive {
    border-top: 3px solid #da2942;
    color: #da2942;
}

.dansko_sf_results {
    margin-top: 10px;
    width: 29%;
    height: 450px;
    overflow-y: auto;
    overflow-x: hidden;
    float: left;
}

.dansko_sf_events {
    width: 100%;
    margin-top: 20px;
}

.dansko_storelist {
}

    .dansko_storelist ol {
        list-style-type: upper-alpha;
        margin: 0;
    }

    .dansko_storelist li {
        display: block;
        padding: 10px;
        margin-bottom: 5px;
        text-align: left;
    }

.onlineretailerslist {
    width: 30%;
    float: left;
}

    .onlineretailerslist li {
        display: inline-block;
        padding: 0 0 5px 0;
        width: 45%;
    }

.dansko_sf_formtop {
    margin: 10px 0;
}

.dansko_sf_form {
    margin: 0 0 10px 0;
}

.dansko_sf_city,
.dansko_sf_state,
.dansko_sf_zip {
    text-transform: uppercase;
}

.dansko_sf_city {
    width: 200px;
}

.dansko_sf_or {
    display: inline-block;
    margin: 0 20px;
}

.dansko_autoaddress {
    width: 600px;
    margin-right: 40px;
}

.dansko_sf_useprecisetbtn {
    background-color: #000;
    color: #fff;
    text-transform: uppercase;
    width: 200px;
    height: 40px;
    display: inline-block;
    border: none;
    cursor: pointer;
}

.dansko_sf_getmorebtn {
    background-color: #da2942;
    color: #fff;
    text-transform: uppercase;
    width: 100%;
    height: 40px;
    display: inline-block;
    border: none;
    cursor: pointer;
}

.dansko_stores ul {
}

.checkblock, .checkblocktwc {
    float: right;
    height: 45px;
    width: 30px;
    margin-right: 10px;
}

.dansko_storelist .checkblock {
    height: 30px;
}

.dansko_stores .checkblock {
    height: 40px;
    float: left;
}

.titlecheckblock {
    height: 20px;
}

    .titlecheckblock i {
        float: left;
    }

.titletext {
    float: left;
    padding: 0;
    margin: 3px 0 0 0;
}

.storenotice {
    text-align: left;
    margin: 5px 0;
    color: #da2942;
}

    .storenotice .checkblock {
        height: 23px;
        width: 15px;
        display: inline-block;
        float: none;
        margin-right: 5px;
    }

        .storenotice .checkblock i {
            position: relative;
            margin-top: 5px;
            font-size: 15px;
            line-height: .5em;
        }

.checkblocktwc {
    float: left;
    height: 52px;
}

.redcheck {
    width: 20px;
    height: 20px;
}

#storelist .redcheck {
    width: 20px;
    height: 20px;
    font-size: 16px;
}

#storelist .checkblock {
    width: 15px;
    height: 15px;
    margin-left: -25px;
    float: left;
}

#storelist .checkblocktwc {
    width: 15px;
    height: 120px;
}

.popicon {
    position: relative;
    margin: 15px 0 0 -25px;
    width: 20px;
    color: #000;
    font-size: 24px;
    font-weight: 600;
    float: left;
}

    .popicon.twc {
        color: #2b3077;
    }

.popleft {
    text-align: left;
}

.edetails {
    text-decoration: underline;
    cursor: pointer;
    color: blue;
}

.eventdetails {
    display: none;
    padding: 5px 0;
}

.dansko_storelist .popicon {
    position: relative;
    margin: 15px 10px 32px 0;
    width: 20px;
    color: #000;
    font-size: 24px;
    font-weight: 600;
    float: left;
}

.sf_left {
    float: left;
    width: 50%;
}

.sf_right {
    float: left;
    width: 50%;
}

.pop_useprecisetbtn {
    background-color: #919299;
    color: #fff;
    text-transform: uppercase;
    width: 40px;
    height: 40px;
    display: inline-block;
    border: none;
    float: left;
    cursor: pointer;
}

    .pop_useprecisetbtn i {
        margin: 8px 0 0 8px;
        display: block
    }

.pop_gotbtn {
    background-color: #da2942;
    color: #fff;
    text-transform: uppercase;
    width: 40px;
    height: 40px;
    display: inline-block;
    border: none;
    cursor: pointer;
}
/***END STORE FINDER*****/
/*****PERSONALIZATION*****/
.dansko_personallink {
    color: #000;
    text-decoration: underline;
    font-size: 12px;
    cursor: pointer;
    display: block;
    text-transform: uppercase;
}

.p_fbox {
    float: left;
    width: 50%;
    padding: 10px;
    height: 260px;
    text-align: center;
}

    .p_fbox strong {
        margin: 30px 0 10px 0;
        display: block;
    }

    .p_fbox p {
        font-size: 13px;
        line-height: 22px;
        margin: 0 auto;
        width: 80%;
    }

.bfb {
    height: 300px;
}

.bfbr {
    float: left;
}

.bfbl {
    float: right;
}

.p_33fbox {
    float: left;
    width: 33%;
    padding: 10px;
    margin-bottom: 20px;
    text-align: center;
}

.p_50fbox {
    float: left;
    width: 50%;
    adding: 10px;
    margin-right: 20%;
    text-align: center;
}

.p_30fbox {
    float: left;
    width: 30%;
    padding: 10px;
    text-align: center;
}

    .p_fbox img,
    .p_33fbox img,
    .p_50fbox img,
    .p_30fbox img {
        width: 100%;
    }

.pers-price {
    color: #4d4d4d !important;
}
/***SEARCH PAGE**********/
.page.search-page .inputs.reversed {
    display: none;
}

#advanced-search-block {
    display: none !important;
}
/***********HOLIDAY COLORS ETC*************/
.xmasred, .xmasred a {
    color: #da2942 !important;
}
.xmasred a {
	background-image: url('https://images.dansko.com/gift.png');
	background-position: 130px 9px;
	background-repeat: no-repeat;
	background-size: 18px 22px;
	width: 150px
}
.xmasred:hover, .xmasred a:hover {
	color: #4cc417 !important;
}
@media all and (max-width: 769px) {
    .nonmobile {
        display: none !important;
    }

    .mobile,
    .theme-mobile {
        display: block !important;
    }

    #PlayButton {
        height: 100px;
    }

        #PlayButton img {
            width: 16%;
            margin: 50px auto 0 42%;
        }

    #myModal, #player {
        height: 100% !important;
        width: 100% !important;
    }

    .mobilechattab {
    }

    .blog-pages-body .ui-dialog-content {
        width: 100% !important;
    }

    .header-logo,
    .header-logo a img {
        display: none;
    }

    .header {
        margin: 0;
    }

    .shiphead {
        font-size: 12px;
    }

    .responsive-nav-wrapper {
        border-top: 0px solid #fafafa;
    }

        .responsive-nav-wrapper .personal-button,
        .responsive-nav-wrapper .account-links {
            display: none;
        }

    .mobilelogo {
        width: 40%;
        height: 40px;
        padding-left: 50px;
    }

        .mobilelogo img {
            height: 40px;
        }

    .footer-block.first,
    .footer-block {
        width: 100%;
    }

    .copyterms ul li {
        width: 100%;
    }

    .sliderbox {
        width: 100%;
        height: auto;
    }

    .chevrons .leftarrow,
    .chevrons .rightarrow {
        display: none;
    }

    .sf_left,
    .sf_right {
        width: 100%;
    }

    .storenotice {
        height: auto;
    }

    .dansko_stores ul li {
        text-align: left !important;
    }

    #storefinding,
    #storefinding .ui-dialog-content {
        width: 90% !important;
        position: fixed !important;
    }

    #storelist {
        width: 220px;
    }

    #map {
        width: 450px;
    }

    #storelist .checkblock {
        width: 15px;
        height: 30px;
    }

    #quickTabs .productTabs-body {
        margin: 0 !important;
    }

    .custom-tab img {
        width: 100%;
    }

    .custom-tab ul,
    .custom-tab ol {
        padding: 0;
    }

    .custom-tab li {
        padding: 5px 0;
    }

    .custom-tab .certification-tab img {
        display: block;
        float: left;
        padding-right: 20px;
        width: 80px;
    }

    .orderstatuspage .button-1 {
        margin: 0;
        font-size: 14px;
        padding: 15px 20px;
    }

    .orderstatuspage .data-table td {
        min-width: 10px;
        border: 1px solid #fafafa;
        background: #fff;
        padding: 5px;
    }

    .orderstatuspage .unit-price,
    .orderstatuspage .sku,
    .orderstatuspage.product,
    .orderstatuspage .total,
    .orderstatuspage .attributes {
        font-size: 10px;
    }

    .orderstatuspage .data-table a {
        font-size: 10px;
    }

    .faqspage ol, .faqspage ul, .faqs {
        padding: 0 !important;
        margin: 0 !important;
        list-style-type: none !important;
        display: block;
    }

    .topic-page .page-body .faqspage ul {
        display: block;
    }

    #divright, #divleft {
        width: 100%;
        padding: 0 !important;
        margin: 0 !important;
    }

        #divright img {
            width: 100%;
        }
}

/***Mobile*****/
@media only screen and (max-device-width: 480px) {
    .theme-nonmobile {
        display: none !important;
    }

    #storefinding,
    #storefinding .ui-dialog-content {
        width: 100% !important;
        height: 100% !important;
        position: fixed !important;
    }

    #mdialog .tab {
        padding: 3px;
        width: 32%;
        margin-right: 0;
    }

    #mdialog #tabcontent2,
    #mdialog #tabcontent1 {
        overflow-x: auto;
    }

    .mobilestoreclam .mtab {
        width: 100%;
        background-color: #ebebeb;
        border: 1px solid #919299;
        cursor: pointer;
    }

    .dansko_sf_formtop {
        margin: 0;
    }

    .dansko_sf_form .dansko_autoaddress {
        width: 150px;
    }

    .ui-dialog-titlebar button {
        top: 0px;
        right: 0px;
        width: 24px;
        height: 24px;
    }

    .titletext {
        width: 80%;
        font-size: 11px;
    }

    .tabcontent {
        height: 400px;
    }

        .tabcontent #map,
        .tabcontent #detaileventmap {
            width: 100%;
            height: 330px;
        }


    .mobilestoreclam li {
        display: block;
        background-color: #FFF;
        padding-bottom: 10px;
    }

    #eventscroll {
        height: auto;
        overflow-y: auto;
        display: block;
    }

    .eventheaders {
        display: none;
    }

    .eventlist .popicon {
        margin-left: -15px;
    }

    .e0 {
        width: 100%;
    }

    .dansko_stores .checkblock {
        height: 60px;
    }

    .checkblocktwc {
        height: 90px;
    }

    .dansko_sf_zip {
        margin-left: 0;
        width: auto;
    }

    #storelist,
    #detaileventlist {
        width: 100%;
        overflow: visible;
    }

    .sf_left {
        width: 100%;
        padding: 0 0 10px 0;
    }

    .sf_right {
        width: 100%;
    }

    .storenotice {
        height: auto;
    }

    .dansko_stores ul li {
        text-align: left !important;
    }

    .mrvideopopper iframe {
        margin: 25% auto 0;
        display: block;
        width: 100%;
        height: 52%;
    }

    .nonmobile {
        display: none !important;
    }

    .mobile {
        display: block !important;
    }

    #holidaymessage {
        font-weight: 600;
        padding-top: 2px;
    }

    .holidaymessagebar {
        font-size: 11px;
    }

    #holidaymessage em {
        display: none;
    }

    .plus-button {
        position: absolute;
        z-index: 1;
        float: right;
        width: 90%;
        height: 50px;
        background: url('../img/menu-arrow.png') right no-repeat;
        cursor: pointer;
        margin-right: 10%;
    }

    .responsive-nav-wrapper {
        font-size: 12px;
    }

    .header-logo,
    .header-logo a img {
        display: none;
    }

    .header {
        margin: 0;
    }

    .shiphead {
        font-size: 13px;
    }

    .responsive-nav-wrapper {
        border-top: 0px solid #fafafa;
    }

        .responsive-nav-wrapper .personal-button,
        .responsive-nav-wrapper .account-links {
            display: none;
        }

    .mobilelogo {
        width: 40%;
        height: 40px;
        padding-left: 50px;
    }

        .mobilelogo img {
            height: 40px;
        }

        .mobilelogo a {
            text-indent: 0px !important;
            width: 100% !important;
        }

    .header-social-icons {
        position: relative;
        width: 250px;
        margin: 20px auto;
    }

    .footer-block.first,
    .footer-block {
        width: 100%;
    }

    .mobilefootersubscribe {
        margin: 20px 0;
    }

    .copyterms ul li {
        width: 100%;
    }

    .breadcrumb {
        display: none;
    }

    .sliderbox {
        width: 100%;
        height: auto;
        margin: 0;
    }

    .product-grid .item-grid .buttons {
        display: none;
    }

    .product-grid .item-grid .item-box:nth-child(odd) {
        margin: 0 5% 5% 0;
        width: 45%;
        clear: left;
    }

    .product-grid .item-grid .item-box:nth-child(even) {
        margin: 0 0 5% 0;
        width: 45%;
    }

    .yotpo .standalone-bottomline.star-clickable,
    .yotpo .standalone-bottomline .star-clickable {
        float: unset !important;
    }

    .product-grid .item-grid .yotpo .standalone-bottomline.star-clickable {
        width: 175px;
        margin: 0 auto;
    }

    .yotpo .standalone-bottomline .star-clickable {
        margin: 0 auto;
    }

    .product-grid .item-grid .yotpo .pull-left {
        text-align: unset;
        float: unset !important;
    }

    .yotpo-stars {
        display: inline-block;
        margin: 0 auto !important;
    }

    .product-grid .text-m {
        display: none;
    }

    .attribute-squares-wrapper {
    }

    .item-box .attribute-squares .attribute-square {
        width: 23px !important;
        height: 23px !important;
    }

    .dansko_smsquare {
        width: 23px !important;
        height: 23px !important;
    }

    .attribute-squares li.dansko_colorboxheader {
        width: 100%;
        height: auto !important;
    }

    .chevrons .leftarrow,
    .chevrons .rightarrow {
        display: none;
    }

    .attribute-squares li.dansko_morecolorboxes {
        display: block;
        margin: 10px 0 0 0;
    }


    #tabvideo {
        width: 100%;
        margin: 0 auto;
    }

    .attributes dd select:only-of-type {
    }

    .overview .yotpo .standalone-bottomline .text-m {
    }

    .giftcardbalance {
        width: 100%;
    }

    .popright {
        float: none;
        text-decoration: underline;
        cursor: pointer;
        margin: 0 20px 0 0;
        width: 100%;
        clear: both;
        text-align: right;
    }

    .storelink {
    }

    .fit_table th {
        text-align: center;
    }

    .custom-tab img {
        width: 100%;
    }

    .custom-tab ul,
    .custom-tab ol {
        padding: 0;
    }

    .custom-tab li {
        padding: 5px 0;
    }

    .storepage .tabs {
        width: 100%;
    }

    .storepage .tab {
        width: 50%;
    }

    .storepage .tabcontent .dansko_sf_results,
    .storepage .tabcontent .mapright {
        width: 100%;
        float: none;
    }

    .storepage .tabcontent .dansko_sf_results {
        height: auto;
    }

    .storepage .tabcontent .mapright {
        margin-top: 20px;
    }

    .storepage .tabcontent {
        height: auto;
    }

    .dansko_storelist .popicon {
        margin: 5px 10px 45px 0;
    }

    .popetailerlist,
    .popuetailerlist {
        float: none;
        width: 100%;
    }

        .popetailerlist ul,
        .popuetailerlist ul {
            width: 100%;
            margin: 0;
            border: none;
        }

            .popetailerlist ul li,
            .popuetailerlist ul li {
                width: 100%;
            }

    .can_retail {
        width: 100%;
    }

    .dansko_autoaddress {
        width: 200px;
        margin-right: 0;
    }

    .custom-tab .certification-tab img {
        display: block;
        float: left;
        padding-right: 20px;
        width: 80px;
    }

    .orderstatuspage .button-1 {
        margin: 0;
        font-size: 14px;
        padding: 15px 20px;
    }

    .orderstatuspage .data-table td {
        min-width: 10px;
        border: 1px solid #fafafa;
        background: #fff;
        padding: 5px;
    }

    .orderstatuspage .unit-price,
    .orderstatuspage .sku,
    .orderstatuspage.product,
    .orderstatuspage .total,
    .orderstatuspage .attributes {
        font-size: 10px;
    }

    .orderstatuspage .data-table a {
        font-size: 10px;
    }

    .topic-page .page-body {
        padding: 0;
    }

    .companywekeep ul li,
    .faqspage ol,
    .faqspage ul,
    .faqs {
        padding: 0 !important;
        margin: 0 !important;
        list-style-type: none !important;
        display: block;
    }

    .topic-page .page-body .faqspage ul {
        display: block;
    }

    .topic-page ul {
        margin: 0;
        padding: 0;
    }

    #divright, #divleft {
        width: 100%;
        padding: 0 !important;
        margin: 0 !important;
    }

        #divright img {
            width: 100%;
        }

    .contactbox,
    #cs .contactbox,
    #phone .contactbox,
    #mail .contactbox {
        width: 100% !important;
        margin: 0 0 20px 0;
    }

        .contactbox .textblock {
            width: 100% !important;
        }

    .contestpage {
    }

    .companystore .fleft, .companystore .fright {
        width: 100%;
    }

    .au-menutab {
        position: fixed;
        padding: 5px 5px 0 5px;
        background: #fafafa;
        cursor: pointer;
    }

    .about-us-menu {
        width: 260px;
        position: fixed;
        float: none;
        margin: 30px 0 0 0;
        padding: 20px;
        background-color: #fff;
        border: 1px solid #fafafa;
        display: none;
    }

    .about-us-pages {
        float: none;
        width: 100%;
        font-style: normal;
    }

    .companywekeep img {
        width: 50px;
        float: left;
        padding: 0px 10px 0px 0px;
    }

    .companywekeep,
    .about-us-pages {
        margin-top: 40px;
    }

        .companywekeep li {
            list-style-type: none;
        }

        .companywekeep img {
            width: 50px;
            float: left;
            padding: 0px 10px 0px 0px;
            margin-bottom: 30px;
        }

    .ui-dialog {
        z-index: 5000;
        width: 100% !important;
        max-width: 100%;
    }

    .ui-dialog-titlebar {
        top: 0px;
        left: 0px;
        width: 100% !important;
    }

    .blog-pages-body .ui-dialog-content {
        width: 100% !important;
    }

    #letsgotothemovies {
        width: 100% !important;
    }

    #PlayButton {
        height: 100px;
    }

        #PlayButton img {
            width: 16%;
            margin: 50px auto 0 42%;
        }

    #myModal, #player {
        height: 100% !important;
        width: 100% !important;
    }

    .blog-pages-body .ui-dialog-content {
        width: 100% !important;
    }

    .blogleft {
        position: absolute;
        width: 100%;
        padding: 0;
    }

    .blogright {
        width: 100%;
        padding: 0;
    }








    .ropc {
        width: 100%;
        margin: 0 auto;
    }

        .ropc .section-body {
            display: block;
            padding: 0;
            margin: -20px 0 30px;
        }

        .ropc .cart tr {
            margin: 5px 0 0;
            border: 1px solid #f1f1f1;
        }

        .ropc .cart td.product-picture {
            width: 100% !important;
            min-width: 20%;
            float: left;
            padding: 5px;
        }

    .cart a {
        font-size: 15px;
        font-style: bold;
        color: #000;
    }

    .ropc .cart td.product {
        width: 60% !important;
        min-width: 60%;
        float: left;
        text-align: left !important;
        font-size: 12px !important;
        padding: 5px;
        border-bottom: 0px solid #f1f1f1;
    }

    .ropc .cart td.unit-price {
        width: 40% !important;
        min-width: 40%;
        float: left;
        padding: 5px;
        text-align: right;
    }

    .ropc .cart td.quantity {
        width: 40% !important;
        min-width: 40%;
        float: left;
        padding: 5px;
        text-align: right;
    }

    .ropc .cart .sku,
    .ropc .quantity label {
        display: inline-block;
        float: left;
        margin-left: 60px;
    }

    .ropc .cart td.subtotal {
        width: 40% !important;
        min-width: 40%;
        float: left;
        padding: 5px;
        text-align: right;
    }

    .ropc .unit-price .td-title {
        display: none;
    }

    .ropc .total-info {
        margin: 3px;
        background-color: #f8f8f8;
        padding: 20px;
        color: #000;
    }

    table .attributes,
    .cart .rental-info,
    .mini-shopping-cart .attributes,
    .mini-shopping-cart .rental-info,
    table .subtotal .discount,
    table .subtotal .discount-additional-info {
        margin: 0;
        font-size: 12px;
    }

    .ropc .section .title strong {
        color: #da2942;
    }

    .ropc .choose-address {
        padding: 10px;
        margin-bottom: 10px;
    }

    .checkout-page .pickup-in-store,
    .checkout-page .ship-to-same-address,
    .checkout-page .min-order-warning {
        text-transform: uppercase;
    }

    .ropc .inputs label {
        max-width: 100%;
        text-transform: uppercase;
        text-align: left !important;
        display: block;
    }

    .ropc input,
    .ropc select {
        color: #000;
        font-size: 16px;
    }

    .ropc .form-fields {
        padding: 0px;
        border-top: 1px solid #f1f1f1;
        background: #fff;
    }

    .ropc .shipping-method .method-list {
        padding: 30px 0px;
        margin: 0 auto;
        text-align: left;
        background: #fff;
    }

    .ordersplaced {
        font-style: italic;
        font-size: 12px;
    }

    .ropc .shipping-method .method-list,
    .ropc .payment-method .method-list {
        text-align: left;
    }

    .ropc .shipping-method .method-name {
        color: #000;
    }

    .ropc .shipping-method .method-description {
        font: 12px 'OpenSans', sans-serif;
    }

    .ropc .complete-button button,
    .ropc .coupon-code button {
        margin: 20px 0 0;
        min-width: 200px;
        font-size: 14px;
        border: none;
        text-transform: uppercase;
        padding: 15px 35px;
        background: #454545;
        color: #fff;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
    }

    .ropc .cc_icons {
        margin-bottom: 10px;
    }

        .ropc .cc_icons span {
            display: inline-block;
            width: 60px;
            height: 30px;
        }

        .ropc .cc_icons i {
            display: inline-block;
            font-size: 24px;
            color: #000;
        }

    .ropc .form-fields {
        border-top: 0px solid #f1f1f1;
    }

    .ropc .coupon-box-panel .hint,
    .ropc .giftcard-box-panel .hint {
        margin: 15px 0 5px 5px;
        text-align: left;
        font: 15px 'OpenSans', sans-serif;
        font-style: normal;
        font-style: normal;
        Text-Transform: uppercase;
    }

    .checkoutjoinemail {
        padding-top: 5px;
    }










    #fitvideo {
        width: 100%;
    }

    .p_fbox {
        width: 100%;
        height: auto;
    }

    .bfb {
        height: auto;
    }

    .bfbr {
        float: left;
    }

    .bfbl {
        float: left;
    }

    .p_33fbox {
        width: 100%;
    }

    .p_50fbox {
        width: 100%;
    }

    .p_30fbox {
        width: 100%;
    }

        .p_fbox img,
        .p_33fbox img,
        .p_50fbox img,
        .p_30fbox img {
        }
}
/***END Mobile*****/
/*TABLETS LANDSCAPE & NETBOOKS*/

/*****CLOG-GUIDE**************/
.clog-grid-content p {
    color: #000;
    text-align: center;
    font-size: 14px;
}

.mpara {
    font-weight: bold;
}

.topshoes {
    margin: 70px 0 50px 0;
}

.clog-grid {
    margin: 40px 0 60px 0;
}

.clog-grid-header {
    margin-bottom: 20px;
    height: 80px;
}

.clogpoppergrid .clog-grid-header {
    margin-bottom: 10px;
}

.clog-grid-header .clog-grid-box {
    color: #fff;
    text-align: center;
    height: 80px;
}

.clog-grid-header .clog-grid-longbox {
    background-color: #fff;
    color: #000;
    text-decoration: underline;
    text-align: left;
    padding: 60px 0 0 0;
    height: 80px;
    font: normal 18px 'Poly', serif;
}

.grid-head-text {
    margin: 10px 0 5px 0;
    font: normal 22px 'Poly', serif;
}

.grid-price-text {
}

.clog-grid-row {
    margin-bottom: 20px;
    height: 50px;
    color: #000;
    font-size: 16px;
}

.clogpoppergrid .clog-grid-row {
    margin-bottom: 10px;
}

.alt-row {
    color: #fff;
}

.clog-grid-longbox {
    background-color: #dddddd;
    float: left;
    width: 50%;
    padding: 10px 0 0 20px;
    height: 50px;
    text-align: left;
}

.clog-grid-box {
    background-color: #dddddd;
    float: left;
    width: 16%;
    margin-left: 5px;
    padding: 5px;
    height: 50px;
}

.clog-grid-header .clog-grid-box {
    color: #fff;
    text-align: center;
}

.alt-row .clog-grid-longbox,
.alt-row .clog-grid-box {
    background-color: #b3b3b3;
}

.grid-circle {
    height: 25px;
    width: 25px;
    margin: 8px auto;
    border-radius: 50%;
}

.grey-circle {
    background-color: #4d4d4d;
}

.blue-circle {
    background-color: #0064a8;
}

.orange-circle {
    background-color: #e27025;
}

.grid-shoe-box {
    float: left;
    width: 30%;
    margin-right: 5%;
    text-transform: uppercase;
}

.endbox {
    margin-right: 0;
}

.grid-shoe-box ul {
    list-style: none;
    display: block !important;
    height: 240px;
    margin: 0;
    padding: 0;
}

    .grid-shoe-box ul li {
        padding-left: 20px;
        text-align: left !important;
        clear: both;
    }

        .grid-shoe-box ul li img {
            height: 50px;
            float: left;
        }

.keytext {
    display: inline-block;
    margin: 10px 0 0 15px;
    float: left;
}

.grid-shoe-title {
    font: normal 26px 'Poly', serif;
    text-align: center;
    line-height: 0.1em;
}

    .grid-shoe-title span {
        background: #fff;
        padding: 0 10px;
    }

.grid-shoe-img {
    height: 150px;
    margin: 40px 0 0 0;
    width: 100%;
}

    .grid-shoe-img img {
        width: 100%;
    }

.grid-shoe-key {
    text-align: center;
    text-decoration: underline;
}

.grid-shoe-a {
    display: block;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    color: #fff !important;
    font-weight: 600;
}

.grey-title {
    color: #4d4d4d;
}

.blue-title {
    color: #0064a8;
}

.orange-title {
    color: #e27025;
}

.grey-a {
    background-color: #4d4d4d;
}

.blue-a {
    background-color: #0064a8;
}

.orange-a {
    background-color: #e27025;
}

.clear {
    clear: both;
}



.apple-pay-button {
    width: 250px;
    height: 40px;
    display: inline-block;
    border-radius: 0pt;
    -webkit-appearance: -apple-pay-button;
    cursor: pointer;
}

.apple-pay-button-with-text > * {
    display: none;
}

.apple-pay-button-black-with-text {
    -apple-pay-button-style: black;
}

.apple-pay-button-white-with-text {
    -apple-pay-button-style: white;
}

.apple-pay-button-white-with-line-with-text {
    -apple-pay-button-style: white-outline;
}

.apple-pay-button-text-book {
    -apple-pay-button-type: book;
}

.apple-pay-button-text-buy {
    -apple-pay-button-type: buy;
}

.apple-pay-button-text-check-out {
    -apple-pay-button-type: check-out;
}

.apple-pay-button-text-donate {
    -apple-pay-button-type: donate;
}

.popcartemail {
    display: none;
}

@media only screen and (max-device-width: 480px) {
    .overview .add-to-cart-button,
    .variant-overview .add-to-cart-button,
    .cart-totals-wrapper .button-1.checkout-button {
        background-color: #000 !important;
        width: 100%;
        font-size: 20px !important;
        margin: 0 0 10px 0;
        padding: 15px 35px;
    }

    .cart-options .button-2,
    .estimate-shipping-button {
        width: 100%;
        margin-bottom: 5px !important;
        display: block;
    }

    .apple-pay-button {
        width: 100%;
        height: 50px;
        margin: 5px auto 5px auto;
    }

    .overview .add-to-cart-panel,
    .variant-overview .add-to-cart-panel {
        width: 100%;
        padding: 0 10px;
    }

    .ajax-cart-button-wrapper {
        width: 100%;
    }

    .add-to-cart-panel .button-1.add-to-cart-button {
        width: 100%;
    }

    .mini-shopping-cart .count {
        margin: 10px 30px 0;
    }

    .mini-shopping-cart .addon-buttons {
        margin: 0 30px;
    }

    .mini-shopping-cart .button-1.cart-button,
    .mini-shopping-cart .button-1.checkout-button,
    .ajax-cart-button-wrapper .button-1.add-to-cart-button.nopAjaxCartProductVariantAddToCartButton {
        width: 100%;
        font-size: 20px !important;
        margin: 0 0 10px 0;
        padding: 15px 35px;
    }

    .mini-shopping-cart .totals {
        margin: 0 0 10px;
        padding: 5px 0;
    }

    .popcartemail {
        width: 100%;
        padding: 0;
        margin: 5px auto;
        text-align: left;
    }

        .popcartemail .checkoutemailterms {
            margin: 0 0 10px 26px;
        }

    .clog-grid {
        margin: 20px 0 40px 0;
    }

    .clog-grid-header {
        margin-bottom: 10px;
        height: 50px;
    }

        .clog-grid-header .clog-grid-longbox {
            padding: 30px 0 0 0;
            height: 50px;
            font: normal 12px 'Poly', serif;
        }

        .clog-grid-header .clog-grid-box {
            height: 50px;
        }

    .grid-head-text {
        margin: 10px 0 5px 0;
        font: normal 11px 'Poly', serif;
    }

    .grid-price-text {
        font-size: 8px;
    }

    .clog-grid-row {
        margin-bottom: 10px;
        height: 50px;
        font-size: 14px;
    }

    .clog-grid-longbox {
        width: 52%;
        padding: 10px 0 0 10px;
        height: 50px;
        line-height: 14px;
    }

    .mcenter {
        padding-top: 16px;
    }

    .clog-grid-box {
        width: 14%;
        margin-left: 5px;
        padding: 5px;
        height: 50px;
    }

    .grid-circle {
        height: 15px;
        width: 15px;
        margin: 13px auto;
        border-radius: 50%;
    }

    .endbox {
    }

    .grid-shoe-box {
        width: 100%;
        padding-right: 0px;
        margin-bottom: 70px;
    }

    .grid-shoe-img img {
    }

    .grid-shoe-box ul {
        margin-bottom: 15px;
    }

    .clog-grid-content p {
        font-size: 13px;
    }

    .mpara {
        font-weight: normal;
    }
}
