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

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


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

.icon-fallback-text .icon {
    display: none;
}
.supports-fontface .icon-fallback-text .icon {
    display: inline-block;
}
.supports-fontface .icon-fallback-text .fallback-text {
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}
.icon::before {
    display: none;
}
.supports-fontface .icon::before {
    display: inline;
    font-family: "icons";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-decoration: none;
    text-transform: none;
}
.icon-amazon_payments::before {
    content: "";
}
.icon-american_express::before {
    content: "A";
}
.icon-arrow-down::before {
    content: "4";
}
.icon-arrow-left::before {
    content: "";
}
.icon-arrow-right::before {
    content: "";
}
.icon-bitcoin::before {
    content: "B";
}
.icon-cart::before {
    content: "[";
}
.icon-cirrus::before {
    content: "C";
}
.icon-collection-view-grid::before {
    content: "";
}
.icon-collection-view-list::before {
    content: "";
}
.icon-dankort::before {
    content: "d";
}
.icon-diners_club::before {
    content: "c";
}
.icon-discover::before {
    content: "D";
}
.icon-facebook::before {
    content: "f";
}
.icon-fancy::before {
    content: "F";
}
.icon-google_plus::before {
    content: "g";
}
.icon-google::before {
    content: "G";
}
.icon-hamburger::before {
    content: "";
}
.icon-instagram::before {
    content: "i";
}
.icon-interac::before {
    content: "I";
}
.icon-jcb::before {
    content: "J";
}
.icon-maestro::before {
    content: "m";
}
.icon-master::before {
    content: "M";
}
.icon-paypal::before {
    content: "P";
}
.icon-pinterest::before {
    content: "p";
}
.icon-rss::before {
    content: "r";
}
.icon-search::before {
    content: "s";
}
.icon-stripe::before {
    content: "S";
}
.icon-tumblr::before {
    content: "t";
}
.icon-twitter::before {
    content: "T";
}
.icon-vimeo::before {
    content: "v";
}
.icon-visa::before {
    content: "V";
}
.icon-x::before {
    content: "x";
}
.icon-youtube::before {
    content: "y";
}
.icon-cart {
    line-height: 0;
}
.icon-cart::before {
    font-size: 19px;
    line-height: 12px;
    margin-right: 6px;
    position: relative;
    top: -2px;
    vertical-align: middle;
}
.payment-icons {
    -moz-user-select: none;
    cursor: default;
    margin: 0;
}
.payment-icons li {
    color: #ffffff;
    cursor: default;
    margin: 0 7.5px 7.5px;
}
.payment-icons .icon {
    font-size: 30px;
    line-height: 30px;
}
.payment-icons .fallback-text {
    text-transform: capitalize;
}